:root{color:#17201d;font-synthesis:none;--ink:#101c18;--paper:#f7f7f2;--accent:#ffb84d;--muted:#6d7772;background:#e8ebe5;font-family:Pretendard,Noto Sans KR,Malgun Gothic,system-ui,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#101c18 0 210px,#e8ebe5 210px);min-width:320px;min-height:100vh;margin:0}button,select,input{font:inherit}button{cursor:pointer}main{width:min(100%,480px);min-height:100vh;padding:calc(24px + env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom));margin:0 auto}.hero{color:#fff;justify-content:space-between;align-items:flex-start;min-height:150px;display:flex}.hero h1,.onboarding h1{letter-spacing:-.06em;margin:6px 0 4px;font-size:2rem}.hero p{color:#cbd4cf;margin:0}.eyebrow{letter-spacing:.15em;font-weight:800;color:var(--accent)!important;font-size:.7rem!important}.icon-button{color:#fff;background:#ffffff12;border:1px solid #ffffff3d;border-radius:999px;padding:9px 14px}.tabs{background:#dfe3dd;border-radius:15px;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:20px;padding:5px;display:grid}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:11px;padding:11px;font-weight:800}.tabs .active{color:var(--ink);background:#fff;box-shadow:0 2px 10px #14211a12}section{margin:22px 0}h2{letter-spacing:-.03em;margin:0 0 12px;font-size:1.05rem}.section-head{justify-content:space-between;align-items:center;display:flex}.section-head span{color:var(--muted);font-size:.78rem}.lesson-list{gap:8px;display:grid}.lesson{background:var(--paper);border:1px solid #dfe3dc;border-radius:17px;align-items:center;min-height:70px;padding:13px 14px;display:flex;box-shadow:0 5px 18px #1620190a}.lesson .period{background:var(--ink);color:#fff;border-radius:12px;flex:0 0 40px;place-items:center;height:40px;margin-right:13px;font-weight:800;display:grid}.lesson div{flex:1;gap:3px;display:grid}.lesson small{color:var(--muted)}.lesson b{color:#8b4c00;background:#fff0d7;border-radius:999px;padding:5px 8px;font-size:.68rem}.lesson.changed{background:#fffaf0;border-color:#f4b659}.lesson.compact{min-height:54px;box-shadow:none;border:0;border-bottom:1px solid #e6e9e4;border-radius:0;padding:8px 0}.lesson.compact .period{border-radius:9px;flex-basis:31px;height:31px;font-size:.78rem}.event-card,.meal-card,.empty,.notice{background:var(--paper);border:1px solid #dde1db;border-radius:17px;padding:16px}.event-card{border-left:5px solid var(--accent);gap:5px;display:grid}.event-card span{color:#9a5d00;font-size:.7rem;font-weight:800}.event-card p,.empty p{color:var(--muted);margin:3px 0 0;font-size:.86rem;line-height:1.5}.meal-card div{justify-content:space-between;margin-bottom:10px;display:flex}.meal-card span{color:#37684f;font-weight:800}.meal-card small{color:var(--muted)}.meal-card p{word-break:keep-all;margin:0;line-height:1.7}.notice{background:#fff4df;border-color:#efd5a7;margin:0 0 10px;font-size:.82rem}.notice.error{background:#fff0ef;border-color:#f0c4c0;gap:4px;display:grid}.notice.error span{color:#7f3730}.week{background:var(--paper);border-radius:20px;padding:18px}.day-block{border-top:1px solid #e3e6e1;grid-template-columns:48px 1fr;gap:13px;padding-top:10px;display:grid}.day-label{flex-direction:column;gap:4px;padding-top:11px;display:flex}.day-label strong{font-size:1.2rem}.day-label span{color:var(--muted);font-size:.7rem}footer{color:var(--muted);grid-template-columns:1fr auto;align-items:center;gap:4px 10px;margin-top:30px;font-size:.72rem;display:grid}footer button{background:var(--ink);color:#fff;border:0;border-radius:12px;grid-area:1/2/3;padding:11px 13px}footer time{grid-column:1}.onboarding{background:var(--paper);flex-direction:column;justify-content:center;min-height:100vh;display:flex}.mark{background:var(--ink);width:66px;height:66px;color:var(--accent);border-radius:20px;place-items:center;margin-bottom:26px;font-size:1.2rem;font-weight:800;display:grid}.onboarding>p{color:var(--muted);margin:4px 0 30px}.onboarding label{margin-bottom:8px;font-weight:800}.class-input{background:#fff;border:1px solid #cdd3cc;border-radius:14px;align-items:center;display:flex;overflow:hidden}.class-input input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:14px;font-size:1rem}.class-input span{padding-right:16px;font-weight:800}.primary{background:var(--accent);color:var(--ink);border:0;border-radius:14px;margin-top:12px;padding:15px;font-weight:800}.primary:disabled{opacity:.45;cursor:not-allowed}.onboarding small{text-align:center;color:var(--muted);margin-top:18px}.loading{justify-content:center;align-items:center;gap:7px;height:180px;display:flex}.loading i{background:var(--ink);border-radius:50%;width:8px;height:8px;animation:1s infinite alternate pulse}.loading i:nth-child(2){animation-delay:.2s}.loading i:nth-child(3){animation-delay:.4s}@keyframes pulse{to{opacity:.2;transform:translateY(-8px)}}@media (width>=481px){body{padding:30px 0}main{border-radius:28px;box-shadow:0 25px 80px #0b171250}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}