:root{--bg:#f4f6fb;--card:#fff;--text:#1e293b;--muted:#64748b;--line:#e2e8f0;--primary:#2563eb;--primary-soft:#dbeafe;--danger:#dc2626;--success:#16a34a;--radius:12px;color:var(--text);background:var(--bg);font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);-webkit-text-size-adjust:100%;margin:0}h1,h2,h3,h4{margin:0 0 8px}h2{font-size:1.25rem}h3{margin-top:20px;font-size:1.05rem}p{margin:4px 0}a{color:var(--primary);text-decoration:none}input,select,textarea{width:100%;font:inherit;border:1px solid var(--line);color:var(--text);background:#fff;border-radius:8px;padding:10px 12px;font-size:16px}input[type=date],input[type=checkbox]{width:auto}textarea{resize:vertical;line-height:1.5}button,.button{font:inherit;border:1px solid var(--primary);background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border-radius:8px;padding:10px 16px;display:inline-block}button:disabled{opacity:.5;cursor:default}button.ghost{color:var(--text);border-color:var(--line);background:#fff}button.ghost.danger{color:var(--danger)}button.link{color:var(--primary);background:0 0;border:none;padding:4px 6px}button.link.danger{color:var(--danger)}button.wide{width:100%;margin-top:12px;font-weight:600}.muted{color:var(--muted);font-size:.9em;font-weight:400}.error{color:var(--danger)}.success{color:var(--success)}.center{place-items:center;min-height:60vh;display:grid}.label{margin:14px 0 6px;font-size:.95rem;font-weight:600;display:block}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.spacer{flex:1}.check{color:var(--muted);align-items:center;gap:6px;margin-top:10px;font-size:.9rem;display:flex}.card{background:var(--card);border-radius:var(--radius);margin-bottom:12px;padding:16px;box-shadow:0 1px 3px #0f172a0f}.card>*+*{margin-top:8px}.card>.row+.row{margin-top:10px}.topbar{border-bottom:1px solid var(--line);background:#fff}.brand{color:var(--primary);padding:12px 16px;font-weight:700;display:block}.nav{z-index:10;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0}.nav a{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 0;font-size:.75rem;display:flex}.nav a.active{color:var(--primary);font-weight:700}.nav-icon{font-size:1.2rem}.container{max-width:860px;margin:0 auto;padding:12px 12px 96px}@media (width>=768px){.topbar{justify-content:space-between;align-items:center;padding:0 24px;display:flex}.nav{border:none;gap:4px;padding:0;position:static}.nav a{white-space:nowrap;flex-direction:row;flex:none;gap:6px;padding:16px 14px;font-size:.95rem}.nav a.active{box-shadow:inset 0 -3px 0 var(--primary)}.container{padding:24px 24px 48px}}.chips{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.chip{color:var(--text);border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font-size:.9rem}.chip.on{background:var(--primary);color:#fff;border-color:var(--primary)}.student-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;display:grid}.student-chip{color:var(--text);border:1px solid var(--line);background:#fff;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;font-size:.95rem;display:flex}.student-chip small{color:var(--muted);font-size:.7rem}.student-chip.on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary);font-weight:700}.records{gap:8px;margin:8px 0;padding:0;list-style:none;display:grid}.record{background:#fff;border-radius:10px;padding:12px;box-shadow:0 1px 2px #0f172a0d}.record.editing{gap:8px;display:grid}.record-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.record-content{white-space:pre-wrap;margin-top:8px;line-height:1.55}.badge{color:#fff;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600}.student-link{color:var(--text);font-weight:600}.month{color:var(--muted);margin:18px 0 4px;font-size:.95rem}.student-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.student-list a{color:var(--text);background:#fff;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.student-list a.inactive,.manage-row.inactive{opacity:.5}.student-list .num{width:28px;color:var(--muted);text-align:right}.student-list .name{flex:1;font-weight:600}.student-list .meta{flex-direction:column;align-items:flex-end;font-size:.85rem;display:flex}.stats{flex-wrap:wrap;gap:12px;font-size:.9rem;display:flex}.memo{white-space:pre-wrap;background:#fffbeb;border-radius:8px;padding:8px 10px;font-size:.9rem}.back{margin-bottom:8px;display:inline-block}.manage-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.manage-row{background:#fff;border-radius:10px;grid-template-columns:56px 1fr;gap:6px;padding:10px;display:grid}.manage-row>:nth-child(3),.manage-row>.row{grid-column:1/-1}.num-input{text-align:center}@media (width>=768px){.manage-row{grid-template-columns:64px 140px 1fr auto;align-items:center}.manage-row>:nth-child(3),.manage-row>.row{grid-column:auto}}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login .card{width:100%;max-width:380px}.login label{gap:4px;margin-top:12px;font-size:.9rem;display:grid}.login button{width:100%;margin-top:16px}code{background:#f1f5f9;border-radius:4px;padding:1px 4px}.date-range{flex-wrap:nowrap}.date-range input{flex:1;min-width:0}.tabs{border:1px solid var(--line);border-radius:8px;grid-template-columns:1fr 1fr;margin-top:12px;display:grid;overflow:hidden}.tabs button{color:var(--muted);background:#fff;border:none;border-radius:0;width:auto;margin:0}.tabs button.on{background:var(--primary);color:#fff;font-weight:600}