:root{color-scheme:light dark;--bg: #f4f7f6;--surface: #ffffff;--surface-2: #eef3f2;--text: #13201f;--muted: #5b6b69;--line: #d6dfdd;--accent: #0f766e;--accent-text: #ffffff;--accent-soft: #ccfbf1;--green: #15803d;--green-soft: #dcfce7;--orange: #c2410c;--orange-soft: #ffedd5;--red: #b91c1c;--red-soft: #fee2e2;--blue: #1d4ed8;--focus: #2563eb;--radius: 12px;--tap: 44px;--menu-h: 64px;font-family:system-ui,-apple-system,Segoe UI,Malgun Gothic,Apple SD Gothic Neo,Noto Sans KR,Roboto,sans-serif;font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;text-size-adjust:100%}@media(prefers-color-scheme:dark){:root{--bg: #0b1514;--surface: #13201f;--surface-2: #1a2b29;--text: #e6efed;--muted: #9db0ad;--line: #2a3d3a;--accent: #2dd4bf;--accent-text: #04201d;--accent-soft: #134e4a;--green: #4ade80;--green-soft: #14532d;--orange: #fb923c;--orange-soft: #431407;--red: #f87171;--red-soft: #450a0a;--blue: #93c5fd;--focus: #93c5fd}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text)}body{min-height:100dvh}h1,h2,h3{line-height:1.25;margin:0 0 .5rem}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem;margin-top:1rem}p{margin:.5rem 0}button,input,select,textarea{font:inherit;color:inherit}button{min-height:var(--tap);padding:0 1rem;border-radius:10px;border:1px solid var(--line);background:var(--surface);cursor:pointer;touch-action:manipulation;white-space:nowrap}button:hover:not(:disabled){background:var(--surface-2)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:var(--accent-text);border-color:transparent;font-weight:600}button.primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}button.ghost{background:transparent}button.danger{color:var(--red);border-color:var(--red)}button.primary.danger{background:var(--red);color:#fff}button.link{min-height:auto;padding:0;border:0;background:none;color:var(--accent);text-decoration:underline;text-underline-offset:3px;white-space:normal;text-align:left}button.link.strong{font-weight:600;color:inherit;text-decoration:none}button.link.strong:hover{text-decoration:underline}button.icon{min-width:var(--tap);padding:0;font-size:1.4rem;line-height:1;background:transparent;border-color:transparent}.align-end{align-self:end}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}input,select,textarea{width:100%;min-height:var(--tap);padding:.5rem .75rem;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:1rem}textarea{resize:vertical}input[type=checkbox]{width:22px;height:22px;min-height:0;accent-color:var(--accent);flex:none}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,SF Mono,monospace}.muted{color:var(--muted)}.small{font-size:.85rem}.num{text-align:right;font-variant-numeric:tabular-nums}.error{color:var(--red);background:var(--red-soft);padding:.5rem .75rem;border-radius:8px}.warn{color:var(--orange);background:var(--orange-soft);padding:.5rem .75rem;border-radius:8px}.ok{color:var(--green);background:var(--green-soft);padding:.5rem .75rem;border-radius:8px}.footnote{color:var(--muted);font-size:.85rem}.shell{min-height:100dvh;display:grid;grid-template-rows:auto auto 1fr;padding-bottom:calc(var(--menu-h) + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:calc(.5rem + env(safe-area-inset-top)) 1rem .5rem;background:var(--surface);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:baseline;gap:.5rem;min-width:0}.brand strong{color:var(--accent);font-size:1.15rem}.brand span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip{min-height:36px;border-radius:999px;font-size:.85rem;padding:0 .85rem;background:var(--surface-2)}.chip.pending{background:var(--accent-soft)}.chip.warn{background:var(--orange-soft);color:var(--orange)}.notice{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:.5rem 1rem 0;padding:.25rem .25rem .25rem .85rem;border-radius:10px;background:var(--red-soft);color:var(--red)}.notice.info{background:var(--accent-soft);color:inherit}.content>.notice{margin:0 0 .75rem}.menu{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line)}.menu button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:var(--menu-h);padding:0 2px;border:0;border-radius:0;background:transparent;font-size:.72rem;color:var(--muted);white-space:normal;line-height:1.15}.menu button span{font-size:1.3rem}.menu button.active{color:var(--accent);font-weight:700}.content{width:100%;max-width:1280px;margin:0 auto;padding:1rem;min-width:0}@media(min-width:900px){.shell{grid-template-columns:220px 1fr;grid-template-rows:auto auto 1fr;padding-bottom:0}.topbar,.notice{grid-column:1 / -1}.menu{position:sticky;top:57px;align-self:start;flex-direction:column;justify-content:flex-start;gap:2px;height:calc(100dvh - 57px);padding:.75rem .5rem;border-top:0;border-right:1px solid var(--line);grid-row:2 / 4}.menu button{flex:none;flex-direction:row;justify-content:flex-start;gap:.6rem;height:var(--tap);padding:0 .75rem;border-radius:10px;font-size:.95rem;color:inherit}.menu button span{font-size:1.1rem}.menu button.active{background:var(--accent-soft);color:inherit}.content{padding:1.25rem 1.5rem 2rem}}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-bottom:1rem}.actions{display:flex;flex-wrap:wrap;gap:.5rem}.actions.wrap button{white-space:normal;text-align:left;padding:.5rem 1rem}.switcher{display:inline-flex;align-items:center;gap:.25rem}.switcher input[type=date]{width:auto}.switcher .weekday{color:var(--muted);min-width:1.5em}.segmented{display:inline-flex;padding:3px;border-radius:12px;background:var(--surface-2)}.segmented button{border:0;background:transparent;min-height:38px}.segmented button.active{background:var(--surface);box-shadow:0 1px 2px #00000026;font-weight:600}.search{max-width:220px}.toggle{display:flex;align-items:center;gap:.6rem;min-height:var(--tap);cursor:pointer}.toggle.inline{display:inline-flex}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:.5rem;margin-bottom:1rem}.stat{display:flex;flex-direction:column;padding:.6rem .85rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}.stat span{color:var(--muted);font-size:.85rem}.stat strong{font-size:1.35rem;font-variant-numeric:tabular-nums}.stat.green strong{color:var(--green)}.stat.orange strong{color:var(--orange)}.stat.teal strong{color:var(--accent)}.badge{display:inline-block;margin-left:.35rem;padding:0 .5rem;border-radius:999px;font-size:.75rem;font-weight:600;line-height:1.6;background:var(--surface-2);color:var(--muted);vertical-align:middle}.badge.green{background:var(--green-soft);color:var(--green)}.badge.orange{background:var(--orange-soft);color:var(--orange)}.badge[class*=grade-]{background:var(--accent-soft);color:inherit}.empty{padding:2.5rem 1rem;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius)}.empty strong{color:var(--text)}.card{padding:1rem;margin-bottom:1rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}.board{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}@media(min-width:1100px){.board{grid-template-columns:1fr 1fr}}.board-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .5rem .5rem .25rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}.row-main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:.35rem .6rem;border:0;background:transparent;text-align:left;white-space:normal;height:auto}.row-main .name{font-weight:700;font-size:1.05rem}.row-main .times,.row-main .sub{color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}.row-actions{display:flex;gap:.4rem;align-items:center;flex:none}.step{min-width:76px;min-height:52px;font-size:1.05rem;font-weight:700;background:var(--accent);color:var(--accent-text);border-color:transparent}.step.late{background:var(--orange);color:#fff}.step:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}.step.late:hover:not(:disabled){background:var(--orange)}.done{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--green-soft);color:var(--green);font-size:1.4rem;font-weight:700}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}.table{width:100%;border-collapse:collapse;background:var(--surface)}.table th,.table td{padding:.55rem .75rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.table thead th{font-size:.8rem;color:var(--muted);font-weight:600;background:var(--surface-2);white-space:nowrap}.table tbody tr:last-child td{border-bottom:0}.table.compact th,.table.compact td{padding:.35rem .5rem;font-size:.9rem}.table .actions-col{text-align:right;white-space:nowrap}.table .actions-col button{margin-left:.25rem}section>.table{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}tr.muted td{color:var(--muted)}tr.warn-row td{background:var(--orange-soft)}.issue{color:var(--orange);font-size:.8rem}@media(max-width:600px){section>.table thead{display:none}section>.table,section>.table tbody,section>.table tr,section>.table td{display:block;width:100%}section>.table tr{padding:.5rem .75rem;border-bottom:1px solid var(--line)}section>.table td{border:0;padding:.1rem 0}section>.table td.actions-col{text-align:left;padding-top:.4rem}section>.table td.actions-col button{margin:0 .4rem 0 0}}.month-grid{max-height:calc(100dvh - 220px);overflow:auto}.grid{border-collapse:separate;border-spacing:0;font-size:.85rem;font-variant-numeric:tabular-nums}.grid th,.grid td{min-width:30px;height:34px;padding:0 2px;text-align:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}.grid thead th{position:sticky;top:0;z-index:2;background:var(--surface-2);font-weight:600;line-height:1.1}.grid thead th small{display:block;font-size:.7rem;font-weight:400;color:var(--muted)}.grid .sticky{position:sticky;left:0;z-index:1;min-width:96px;padding:0 .6rem;text-align:left;white-space:nowrap}.grid thead .sticky{z-index:3}.grid .sun{color:var(--red)}.grid .sat{color:var(--blue)}.grid td.present{background:var(--green-soft);color:var(--green);font-weight:700}.grid td.partial{background:var(--accent-soft)}.grid td.absent{background:var(--orange-soft);color:var(--orange);font-weight:700}.grid td.missing{color:var(--red);font-weight:700}.grid td.planned{color:var(--muted)}.dialog{width:min(760px,calc(100vw - 16px));max-height:calc(100dvh - 16px);padding:0;border:0;border-radius:16px;background:var(--surface);color:var(--text);box-shadow:0 20px 60px #00000059}.dialog[open]{display:flex;flex-direction:column}.dialog::backdrop{background:#00000073}.dialog>header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .5rem .5rem 1rem;border-bottom:1px solid var(--line)}.dialog>header h2{margin:0}.dialog-body{padding:1rem;overflow-y:auto;overscroll-behavior:contain}.dialog>footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.dialog>footer button{min-width:96px}@media(max-width:600px){.dialog{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;margin:0;border-radius:0}}.nested{margin:0 0 .75rem .5rem;padding-left:.75rem;border-left:3px solid var(--accent-soft)}fieldset{margin:0 0 1rem;padding:.75rem 1rem .5rem;border:1px solid var(--line);border-radius:var(--radius)}legend{padding:0 .35rem;font-weight:700}.field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.field>span{font-size:.85rem;font-weight:600;color:var(--muted)}.field>small{color:var(--muted);font-size:.8rem}.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0 .75rem}.pick-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.pick-list button{width:100%;text-align:left}.weekday-picker{display:flex;flex-wrap:wrap;gap:.4rem;margin:.25rem 0 .75rem}.weekday-picker label{display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);border-radius:50%;border:1px solid var(--line);cursor:pointer;font-weight:600}.weekday-picker label.on{background:var(--accent);color:var(--accent-text);border-color:transparent}.weekday-picker input{position:absolute;opacity:0;width:1px;height:1px}.weekday-picker label:focus-within{outline:3px solid var(--focus);outline-offset:2px}.punch-me{max-width:520px;margin:0 auto;text-align:center}.punch-me h2{text-align:left;margin-top:1.5rem}.punch-me .status{font-size:1.05rem;color:var(--muted)}.punch-me .status.on{color:var(--green);font-weight:700}.punch-button{width:min(64vw,220px);height:min(64vw,220px);margin:1rem auto;border-radius:50%;border:0;font-size:2.2rem;font-weight:800;color:#fff;box-shadow:0 10px 30px #0003}.punch-button.in{background:var(--accent);color:var(--accent-text)}.punch-button.out{background:var(--orange)}.punch-button:hover:not(:disabled).in{background:var(--accent)}.punch-button:hover:not(:disabled).out{background:var(--orange)}.punch-list{list-style:none;margin:0;padding:0;text-align:left}.punch-list li{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.5rem 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.punch-list li .link{margin-left:auto}.settings{max-width:960px}.facts{display:grid;grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:0 0 1rem}.facts dt{color:var(--muted)}.facts dd{margin:0;word-break:break-all}.chips{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.chips li{display:inline-flex;align-items:center;gap:.25rem;padding-left:.75rem;border-radius:999px;background:var(--surface-2);font-size:.9rem}.chips li button.icon{min-width:36px;min-height:36px;font-size:1.1rem}.enroll-code{text-align:center}.enroll-code .code{display:block;margin:.75rem 0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:2.6rem;font-weight:700;letter-spacing:.12em}details summary{cursor:pointer;min-height:var(--tap);display:flex;align-items:center}.enroll{max-width:440px;margin:0 auto;padding:calc(2rem + env(safe-area-inset-top)) 1rem 2rem}.enroll h1{color:var(--accent);font-size:2rem}.enroll .lead{color:var(--muted)}.enroll form button.primary{width:100%;margin-top:.5rem}.fine{color:var(--muted);font-size:.8rem;text-align:center}@media(prefers-reduced-motion:no-preference){button{transition:background-color .12s,filter .12s}}@media print{.topbar,.menu,.toolbar .actions,.notice{display:none!important}.shell{display:block;padding:0}}.lock{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;background:color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.lock .card{width:min(420px,100%)}.temp-password{text-align:center}.temp-password output{display:block;margin:.75rem 0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:1.8rem;font-weight:700;letter-spacing:.08em;user-select:all}.seats{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:baseline}.seats strong{font-size:1.4rem}ul.plain{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:8px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}