:root{color:#1f2d3a;background:#eaf7ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(180deg,#dff4ff,#f8fcff 46%,#fff8e8)}button,input{font:inherit}button{min-height:44px;border:0;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #2563eb;outline-offset:3px}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 44px}.app-header,.stats-section,.student-section,.teacher-panel{border:1px solid rgba(111,154,189,.22);border-radius:8px;background:#ffffffe6;box-shadow:0 20px 60px #567d9c24}.app-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px}.eyebrow{margin:0 0 6px;color:#41718f;font-size:.82rem;font-weight:800;letter-spacing:0}h1,h2,h3,h4,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(2rem,5vw,3.6rem);line-height:1.05}h2{margin-bottom:0;font-size:clamp(1.35rem,2vw,1.9rem)}.header-meta,.section-heading p{margin-bottom:0;color:#5d7180}.teacher-button,.primary-action,.secondary-action,.danger-action{border-radius:8px;font-weight:800;transition:background-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.teacher-button{flex:0 0 auto;padding:0 20px;background:#1d4ed8;color:#fff;box-shadow:0 10px 26px #1d4ed83d}.teacher-button:hover,.primary-action:hover{transform:translateY(-1px);background:#1e40af}.stats-section,.student-section,.teacher-panel{margin-top:18px;padding:22px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.completion-pill{display:inline-grid;min-width:64px;min-height:44px;place-items:center;border-radius:8px;background:#fff2ba;color:#7a4b00;font-weight:900}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(132px,1fr));gap:12px}.stat-card{display:flex;min-height:118px;align-items:center;gap:14px;border-radius:8px;padding:16px;color:#1f2d3a}.stat-card h3{margin-bottom:6px;font-size:1rem}.stat-card p{margin-bottom:0;font-size:1.7rem;font-weight:900}.stat-emoji{font-size:2rem}.stat-sunny{background:#fff4bf}.stat-cloudy{background:#e8f0f5}.stat-rainy{background:#dcecff}.stat-stormy{background:#ffe4dc}.stat-missing{background:#f5f7fa}.student-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:10px}.student-button{display:grid;min-height:76px;align-content:center;gap:6px;border:1px solid #d5e5ee;border-radius:8px;background:#fff;color:#243746;transition:border-color .16s ease,background-color .16s ease,transform .16s ease,box-shadow .16s ease}.student-button:hover{border-color:#84b8d8;background:#f6fcff;transform:translateY(-1px);box-shadow:0 10px 24px #5a87a829}.student-button.is-complete{border-color:#f2c84b;background:#fff9df}.student-number{font-size:1.1rem;font-weight:900}.student-status,.student-weather{color:#537084;font-size:.86rem;font-weight:800}.student-weather{font-size:1.35rem}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:18px;background:#1f2d3a59;animation:fade-in .15s ease-out}.modal{width:min(560px,100%);border-radius:8px;background:#fff;padding:22px;box-shadow:0 24px 70px #1f2d3a47;animation:modal-in .18s ease-out}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}.icon-button{width:44px;border-radius:8px;background:#eef7fc;color:#294253;font-size:1.7rem;line-height:1;transition:background-color .16s ease,transform .16s ease}.icon-button:hover{background:#dff0fa;transform:translateY(-1px)}.weather-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.weather-choice{display:grid;min-height:128px;place-items:center;border-radius:8px;color:#243746;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.weather-choice:hover{transform:translateY(-2px);box-shadow:0 16px 32px #5a87a82e;filter:saturate(1.05)}.weather-choice span{font-size:2.4rem}.weather-choice strong{font-size:1.2rem}.weather-choice small{color:#4c6475;font-weight:800}.choice-sunny{background:#fff1a6}.choice-cloudy{background:#e7eef4}.choice-rainy{background:#d7e9ff}.choice-stormy{background:#ffddd5}.pin-form,.settings-panel{display:grid;gap:10px}.pin-form label,.settings-panel label{color:#294253;font-weight:900}.pin-form input,.settings-panel input{min-height:46px;border:1px solid #c8dce8;border-radius:8px;padding:0 12px;background:#fbfdff}.primary-action{margin-top:8px;background:#1d4ed8;color:#fff}.form-error{margin:2px 0 0;color:#b42318;font-weight:800}.teacher-panel{background:#fffffff0}.secondary-action{padding:0 16px;background:#e6f4fb;color:#25516b}.secondary-action:hover{background:#d8edf8;transform:translateY(-1px)}.settings-panel{grid-template-columns:minmax(160px,240px) auto;align-items:end;margin-bottom:18px;border-radius:8px;padding:14px;background:#f6fbff}.settings-panel label,.settings-panel input{grid-column:1}.danger-action{grid-column:2;grid-row:1 / span 2;align-self:stretch;padding:0 16px;background:#ffe1dc;color:#9f2417}.danger-action:hover{background:#ffd0c7}.history-panel h3{margin-bottom:12px}.history-list{display:grid;max-height:420px;gap:8px;overflow:auto;padding-right:4px}.history-row{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:10px;border:1px solid #e0edf4;border-radius:8px;padding:10px;background:#fff}.history-row h4{margin-bottom:0}.history-cells{display:grid;grid-template-columns:repeat(7,minmax(40px,1fr));gap:6px}.history-cell{display:grid;min-height:54px;place-items:center;border-radius:8px;background:#f3f7fa;color:#526b7c}.history-cell small{font-size:.68rem;font-weight:800}.cell-sunny{background:#fff4bf}.cell-cloudy{background:#e8f0f5}.cell-rainy{background:#dcecff}.cell-stormy{background:#ffe4dc}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}@media(max-width:820px){.app-header,.section-heading{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-panel{grid-template-columns:1fr}.danger-action,.settings-panel input,.settings-panel label{grid-column:1;grid-row:auto}.history-row{grid-template-columns:1fr}}@media(max-width:520px){.app-shell{width:min(100% - 20px,1180px);padding-top:12px}.app-header,.stats-section,.student-section,.teacher-panel,.modal{padding:16px}.stats-grid,.weather-options{grid-template-columns:1fr}.student-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.history-cells{grid-template-columns:repeat(7,minmax(32px,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}