:root{--bg:#f3f5fb;--card:#fff;--text:#0f172a;--text-2:#334155;--muted:#64748b;--line:#e5e9f2;--primary:#2563eb;--primary-2:#1d4ed8;--primary-soft:#eaf1ff;--accent:#fbbf24;--danger:#e11d48;--success:#16a34a;--radius:18px;--shadow:0 1px 2px #0f172a0a, 0 8px 24px #0f172a0f;--shadow-sm:0 1px 2px #0f172a0d, 0 2px 8px #0f172a0a;--field:#f8fafc;--hover:#f8fafc;--subtle:#f1f5f9;--border-strong:#cbd5e1;--tabs-bg:#eef2f7;--topbar-bg:#ffffffd9;--focus-ring:#2563eb1f;--primary-line:#bfdbfe;--danger-soft:#fff1f2;--danger-soft-2:#ffe4e6;--danger-line:#fecdd3;--success-soft:#f0fdf4;--memo-bg:#fffbeb;--memo-line:#fde68a;--warn-bg:#fff7ed;--warn-line:#fed7aa;--warn-text:#9a3412;--warn-strong:#c2410c;--ok-line:#bbf7d0;--ok-text:#166534;--period-bg:#ffffffb3;--glow-1:#dbeafe;--glow-2:#fef3c7;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);letter-spacing:-.01em;font-family:Pretendard Variable,Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}:root[data-theme=dark]{--bg:#0b1220;--card:#151e2e;--text:#e5e9f2;--text-2:#cbd5e1;--muted:#8b9ab1;--line:#273349;--primary:#3b82f6;--primary-2:#2563eb;--primary-soft:#3b82f62e;--danger:#fb7185;--success:#4ade80;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040;--shadow-sm:0 1px 2px #0000004d, 0 2px 8px #0003;--field:#0f1729;--hover:#1c2639;--subtle:#1e293b;--border-strong:#3a475e;--tabs-bg:#0f1729;--topbar-bg:#0f172ad9;--focus-ring:#3b82f64d;--primary-line:#3b82f673;--danger-soft:#f43f5e24;--danger-soft-2:#f43f5e3d;--danger-line:#f43f5e66;--success-soft:#22c55e1f;--memo-bg:#fbbf241a;--memo-line:#fbbf244d;--warn-bg:#f973161f;--warn-line:#f9731659;--warn-text:#fdba74;--warn-strong:#fb923c;--ok-line:#22c55e59;--ok-text:#86efac;--period-bg:#00000040;--glow-1:#2563eb38;--glow-2:#fbbf2414;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0}h1,h2,h3,h4{letter-spacing:-.02em;margin:0 0 8px}h1{font-size:1.5rem}h2{font-size:1.3rem;font-weight:800}h3{margin-top:24px;font-size:1.05rem;font-weight:700}p{margin:4px 0}h1,h2,h3,h4,p,li,label,.memo,.record-content{overflow-wrap:anywhere}img,svg{max-width:100%}a{color:var(--primary);text-decoration:none}input,select,textarea{width:100%;font:inherit;border:1.5px solid var(--line);background:var(--field);color:var(--text);border-radius:12px;padding:11px 14px;font-size:16px;transition:border-color .15s,background .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);background:var(--card);box-shadow:0 0 0 4px var(--focus-ring);outline:none}input[type=date]{width:auto}input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}textarea{resize:vertical;line-height:1.6}button,.button{font:inherit;background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:1.5px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-weight:600;transition:transform 80ms,background .15s,box-shadow .15s;display:inline-flex}button:hover:not(:disabled),.button:hover{background:var(--primary-2)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.45;cursor:default}button.ghost{background:var(--card);color:var(--text-2);border-color:var(--line)}button.ghost:hover:not(:disabled){background:var(--hover);border-color:var(--border-strong)}button.ghost.danger{color:var(--danger)}button.link{color:var(--muted);background:0 0;border:none;padding:4px 8px;font-size:.85rem;font-weight:500}button.link:hover:not(:disabled){background:var(--subtle);color:var(--primary)}button.link.danger:hover:not(:disabled){color:var(--danger);background:var(--danger-soft)}button.wide{background:linear-gradient(135deg, #3b82f6, var(--primary-2));width:100%;margin-top:14px;padding:14px;font-size:1.05rem;box-shadow:0 6px 16px #2563eb47}.muted{color:var(--muted);font-size:.88em;font-weight:500}.error{color:var(--danger);background:var(--danger-soft);border-radius:10px;padding:8px 12px;font-size:.92rem}.success{color:var(--success);background:var(--success-soft);border-radius:10px;padding:8px 12px;font-size:.92rem}.center{place-items:center;min-height:60vh;display:grid}.label{color:var(--text-2);margin:18px 0 8px;font-size:.92rem;font-weight:700;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:8px;margin-top:12px;font-size:.9rem;display:flex}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:20px}.card>*+*{margin-top:10px}.topbar{z-index:20;background:var(--topbar-bg);-webkit-backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.theme-toggle{background:var(--subtle);color:var(--text-2);border:1px solid var(--line);border-radius:999px;flex:none;gap:5px;margin-right:12px;padding:7px 11px;font-size:.82rem}.theme-toggle:hover:not(:disabled){background:var(--hover);color:var(--text)}.brand{color:var(--text);align-items:center;gap:10px;padding:12px 16px;font-size:1.1rem;font-weight:800;display:inline-flex}.brand img{border-radius:9px;box-shadow:0 2px 6px #2563eb4d}.nav{z-index:10;padding:6px max(8px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));background:var(--card);border-top:1px solid var(--line);gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0f172a0d}.nav a{color:var(--muted);border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:7px 0;font-size:.72rem;font-weight:600;transition:background .15s,color .15s;display:flex}.nav a.active{color:var(--primary);background:var(--primary-soft)}.nav-icon{display:block}.container{max-width:880px;padding:16px 14px calc(96px + env(safe-area-inset-bottom));margin:0 auto}@media (width>=768px){.topbar{justify-content:flex-start;height:64px;padding:0 28px}.theme-toggle{z-index:22;width:36px;height:36px;margin:0;padding:0;position:fixed;top:14px;right:28px}.theme-toggle span{display:none}.brand{padding:0;font-size:1.2rem}.nav{z-index:21;height:64px;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;border-radius:0;align-items:center;gap:4px;padding:0;position:fixed;inset:0 76px auto auto}.nav a{white-space:nowrap;border-radius:12px;flex-direction:row;flex:none;gap:8px;padding:9px 16px;font-size:.95rem}.nav a:hover{background:var(--subtle);color:var(--text)}.nav a.active,.nav a.active:hover{background:var(--primary-soft);color:var(--primary)}.nav-icon{width:18px;height:18px}.container{padding:28px 28px 60px}}.chips{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.chip{background:var(--card);color:var(--text-2);border:1.5px solid var(--line);border-radius:999px;padding:7px 14px;font-size:.88rem;font-weight:600}.chip:hover:not(:disabled){background:var(--hover)}.chip.on{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 3px 10px #2563eb40}.tabs{background:var(--tabs-bg);border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;margin-top:14px;padding:4px;display:grid}.tabs.three{grid-template-columns:repeat(3,1fr)}.tabs button{color:var(--muted);width:auto;box-shadow:none;background:0 0;border:none;border-radius:10px;margin:0;padding:9px 0}.tabs button:hover:not(:disabled){background:var(--period-bg);color:var(--text)}.tabs button.on,.tabs button.on:hover{background:var(--card);color:var(--primary);box-shadow:var(--shadow-sm)}.student-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;display:grid}.student-chip{background:var(--card);color:var(--text);border:1.5px solid var(--line);border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;font-size:.95rem;display:flex}.student-chip:hover:not(:disabled){background:var(--hover);border-color:var(--border-strong)}.student-chip small{color:var(--muted);font-size:.7rem;font-weight:600}.student-chip.on,.student-chip.on:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.student-chip.on small{color:var(--primary)}.records{grid-template-columns:minmax(0,1fr);gap:10px;margin:10px 0;padding:0;list-style:none;display:grid}.record{background:var(--card);box-shadow:var(--shadow-sm);border-left:4px solid var(--rc,var(--line));border-radius:16px;padding:14px 16px}.record.editing{border-left-color:var(--primary);gap:10px;display:grid}.record-head{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.record-content{white-space:pre-wrap;color:var(--text-2);margin-top:8px;line-height:1.65}.badge{color:#fff;border-radius:999px;padding:3px 9px;font-size:.74rem;font-weight:700}.student-link{color:var(--text);font-weight:700}.student-link:hover{color:var(--primary)}.month{color:var(--text-2);align-items:center;gap:8px;margin:22px 0 6px;font-size:.95rem;font-weight:700;display:flex}.month:after{content:"";background:var(--line);flex:1;height:1px}.student-list{grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.student-list a{background:var(--card);color:var(--text);box-shadow:var(--shadow-sm);border-radius:16px;align-items:center;gap:14px;padding:14px 16px;transition:transform .1s,box-shadow .15s;display:flex}.student-list a:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.student-list a.inactive,.manage-row.inactive{opacity:.5}.student-list .num{background:var(--primary-soft);width:34px;height:34px;color:var(--primary);border-radius:50%;flex:none;place-items:center;font-size:.85rem;font-weight:700;display:grid}.student-list .name{flex:1;min-width:0;font-weight:700}.student-list .meta{flex-direction:column;align-items:flex-end;font-size:.85rem;display:flex}.student-list .meta b{color:var(--primary)}.stats{flex-wrap:wrap;gap:6px 14px;font-size:.9rem;font-weight:600;display:flex}.memo{background:var(--memo-bg);border:1px solid var(--memo-line);white-space:pre-wrap;border-radius:12px;padding:10px 12px;font-size:.9rem}.back{margin-bottom:10px;font-weight:600;display:inline-flex}.manage-list{grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.manage-row{background:var(--card);box-shadow:var(--shadow-sm);border-radius:16px;grid-template-columns:60px minmax(0,1fr);gap:8px;padding:12px;display:grid}.manage-row>:nth-child(3),.manage-row>.row{grid-column:1/-1}.num-input{text-align:center;font-weight:700}@media (width>=768px){.manage-row{grid-template-columns:64px 150px minmax(0,1fr) auto;align-items:center}.manage-row>:nth-child(3),.manage-row>.row{grid-column:auto}}.login{background:radial-gradient(1200px 600px at 10% -10%, var(--glow-1) 0%, transparent 60%), radial-gradient(900px 500px at 110% 110%, var(--glow-2) 0%, transparent 55%), var(--bg);place-items:center;min-height:100vh;padding:16px;display:grid}.login .card{width:100%;max-width:400px;padding:28px 24px}.login-brand{text-align:center}.login-brand img{border-radius:16px;margin-bottom:12px;box-shadow:0 8px 20px #2563eb4d}.login-brand h1{margin-bottom:4px}.login label{color:var(--text-2);gap:6px;margin-top:14px;font-size:.88rem;font-weight:600;display:grid}.login button[type=submit]{background:linear-gradient(135deg, #3b82f6, var(--primary-2));width:100%;margin-top:20px;padding:14px;font-size:1.05rem;box-shadow:0 6px 16px #2563eb47}code{background:var(--subtle);border-radius:6px;padding:1px 5px}.date-range{flex-wrap:nowrap}.date-range input{flex:1;min-width:0}.missing{background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn-text);border-radius:14px;gap:8px;margin-top:14px;padding:12px 14px;font-size:.9rem;display:grid}.missing.done{background:var(--success-soft);border-color:var(--ok-line);color:var(--ok-text)}.missing-title b{color:var(--warn-strong)}.missing-names{flex-wrap:wrap;gap:4px 12px;font-weight:600;display:flex}.missing button.small{justify-self:start}.missing-names small{color:var(--warn-strong);opacity:.8;font-weight:500}.period{background:var(--period-bg);border-radius:10px;gap:2px;padding:2px;display:inline-flex}.period button{color:var(--muted);background:0 0;border:none;border-radius:8px;padding:4px 9px;font-size:.78rem}.period button:hover:not(:disabled){background:var(--card);color:var(--text)}.period button.on,.period button.on:hover{background:var(--card);color:var(--text);box-shadow:var(--shadow-sm)}button.small{border-radius:10px;padding:6px 12px;font-size:.85rem}.student-chip{position:relative}.student-chip.missing-mark:after{content:"";width:8px;height:8px;box-shadow:0 0 0 2px var(--card);background:#f97316;border-radius:50%;position:absolute;top:6px;right:6px}.phrases{margin-top:10px}.phrases-title{color:var(--text-2);font-size:.85rem;font-weight:700}.phrase-list{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.phrase{white-space:normal;text-align:left;background:var(--subtle);max-width:100%;color:var(--text-2);border:1.5px solid #0000;border-radius:10px;padding:6px 12px;font-size:.86rem;font-weight:500}.phrase:hover:not(:disabled){background:var(--primary-soft);color:var(--primary)}.phrase.add{background:var(--card);color:var(--primary);border:1.5px dashed var(--primary-line)}.phrase.add:hover:not(:disabled){background:var(--primary-soft)}.phrase.editing{background:var(--danger-soft);color:var(--danger)}.phrase.editing:hover:not(:disabled){background:var(--danger-soft-2);color:var(--danger)}.phrase-hint{margin-top:8px;font-size:.82rem}.sample-panel{background:var(--field);border:1px solid var(--line);border-radius:12px;margin-top:8px;padding:10px 12px;font-size:.85rem}.sample-panel .phrase-list{max-height:220px;overflow-y:auto}button.link.on{color:var(--primary)}.phrase-new{gap:6px;margin-top:8px;display:flex}.phrase-new input{flex:1;min-width:0;padding:8px 12px;font-size:16px}.bulk-bar{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 4px;padding:6px 4px;font-size:.9rem;display:flex}.bulk-bar.active{top:calc(58px + env(safe-area-inset-top));z-index:5;background:var(--card);color:var(--text);border:1px solid var(--danger-line);box-shadow:var(--shadow-sm);border-radius:14px;padding:8px 12px;position:sticky}.bulk-bar .error{flex-basis:100%}.bulk-all{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.bulk-bar .ghost.danger{margin-left:auto}.record-check{cursor:pointer;flex:none}.record.checked{background:var(--danger-soft)}@media (width>=768px){.bulk-bar.active{top:72px}}.cat-chip{background:var(--card);border:1.5px solid;border-radius:999px;align-items:center;gap:2px;padding:5px 6px 5px 12px;font-size:.88rem;font-weight:700;display:inline-flex}.cat-remove{min-width:22px;height:22px;color:inherit;background:0 0;border:none;border-radius:50%;padding:0 6px;font-size:1rem;line-height:1}.cat-remove:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.cat-text{color:var(--c)}:root[data-theme=dark] .cat-text{color:color-mix(in srgb, var(--c) 62%, #fff)}:root[data-theme=dark] .cat-chip.cat-text{border-color:color-mix(in srgb, var(--c) 75%, #fff)!important}