:root{--court:#1f5c42;--court-hover:#174a35;--court-deep:#143d2c;--ink:#17231c;--ground:#f6f4ee;--surface:#fff;--ball:#ddeb5a;--ball-hover:#d3e24b;--ball-ink:#3a4210;--clay:#b4470f;--clay-deep:#9a3c0c;--muted:#5b6660;--line:#dad6cb;--line-soft:#e4e1d8;--fill:#eceae3;--mint:#e3eee7;--clay-tint:#fbeadf;--clay-tint-2:#f6dccb;--ball-tint:#f1f6c9;--tap-min:44px;--btn-h:54px;--input-h:52px;--nav-h:80px;--mobile-w:390px;--r-card:18px;--r-btn:13px;--r-chip:12px;--font-body:"IBM Plex Sans KR", system-ui, -apple-system, sans-serif;--font-display:"Black Han Sans", var(--font-body)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--ground);color:var(--ink);word-break:keep-all;margin:0;line-height:1.5}time,.tabular{font-variant-numeric:tabular-nums}a{color:var(--court)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--court);outline-offset:2px}button,a[role=button]{min-height:var(--tap-min)}h1,h2,h3{margin:0;font-weight:700}.card{background:var(--surface);border-radius:var(--r-card);border:1px solid var(--line)}.btn-primary{width:100%;height:var(--btn-h);border-radius:var(--r-btn);background:var(--court);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.btn-primary:hover:not(:disabled){background:var(--court-hover)}.btn-primary:disabled{background:var(--fill);color:var(--muted);cursor:not-allowed}.field{flex-direction:column;gap:6px;display:flex}.field>label{color:var(--muted);font-size:13px;font-weight:600}.field>input{height:var(--input-h);border:1px solid var(--line);border-radius:var(--r-btn);background:var(--surface);padding:0 14px;font-size:16px}.field>input:focus{border-color:var(--court);outline:none;box-shadow:0 0 0 3px #1f5c421f}.notice-warn{border-radius:var(--r-chip);background:var(--clay-tint);color:var(--clay-deep);padding:12px 14px;font-size:13.5px;font-weight:600}.notice-info{border-radius:var(--r-chip);background:var(--mint);color:var(--court-deep);padding:12px 14px;font-size:13.5px}.shell{width:100%;max-width:var(--mobile-w);min-height:100dvh;padding:24px 20px calc(var(--nav-h) + 24px);flex-direction:column;gap:16px;margin:0 auto;display:flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nav{width:100%;max-width:var(--mobile-w);height:var(--nav-h);background:var(--surface);border-top:1px solid var(--line);z-index:20;padding:8px 12px 16px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav .tab{color:var(--muted);min-height:var(--tap-min);border-radius:var(--r-chip);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:12px;text-decoration:none;display:flex}.nav .tab[aria-current=page]{color:var(--court);font-weight:700}.daybar{justify-content:space-between;gap:4px;display:flex}.day{background:var(--surface);min-width:0;height:60px;color:var(--ink);cursor:pointer;border:0;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:0;text-decoration:none;display:flex}.day .w{color:var(--muted);font-size:12px}.day .d{font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.day.past{box-shadow:inset 0 0 0 1.5px var(--line-soft);background:0 0}.day.past .d{color:#8a918c}.day.on,.day[aria-current=page]{background:var(--court);color:#fff}.day.on .w,.day.on .d,.day[aria-current=page] .w,.day[aria-current=page] .d{color:#fff}.row{grid-template-columns:88px minmax(0,1fr);align-items:start;gap:10px;display:grid}.row .tr{color:var(--muted);font-variant-numeric:tabular-nums;padding-top:16px;font-size:12.5px}.seg{border-radius:var(--r-chip);text-align:left;border:0;align-items:center;gap:8px;width:100%;padding:0 14px;font-family:inherit;font-size:14.5px;text-decoration:none;display:flex}.seg .sb{margin-left:auto;font-size:12.5px}.seg.mine{background:var(--court);color:#fff;font-weight:700}.seg.mine .sb{color:#d8e7de;font-weight:500}.seg.free{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--court);color:var(--court);cursor:pointer;font-weight:700}a.seg.free:hover,button.seg.free:hover{background:var(--mint)}.seg.taken{background:var(--fill);color:var(--muted)}.seg.off{background:repeating-linear-gradient(135deg, var(--clay-tint) 0 8px, var(--clay-tint-2) 8px 16px);color:var(--clay-deep);font-weight:600}.seg.past{box-shadow:inset 0 0 0 1.5px var(--line-soft);color:#6f7672}.legend{flex-wrap:wrap;gap:14px;display:flex}.legend span{color:#3e4943;align-items:center;gap:6px;font-size:12px;display:flex}.legend i{border-radius:3px;width:12px;height:12px;display:inline-block}.ticket{background:var(--ball);color:var(--ink);border-radius:16px;grid-template-columns:minmax(0,1fr) 84px;text-decoration:none;display:grid;position:relative}.ticket:hover{background:var(--ball-hover);color:var(--ink)}.ticket:before,.ticket:after{content:"";background:var(--ground);border-radius:50%;width:20px;height:20px;position:absolute;right:74px}.ticket:before{top:-10px}.ticket:after{bottom:-10px}.tk-main{flex-direction:column;gap:2px;padding:13px 16px;display:flex}.tk-k{color:var(--ball-ink);font-size:12px;font-weight:700}.tk-src{font-size:15px;font-weight:700}.tk-exp{color:var(--ball-ink);font-size:12.5px}.tk-stub{border-left:2px dashed #17231c59;justify-content:center;align-items:center;gap:2px;display:flex}.tk-n{font-family:var(--font-display);font-size:34px;line-height:1}.tk-u{align-self:flex-end;padding-bottom:18px;font-size:13px;font-weight:700}.btn-warn{height:var(--tap-min);border:1.5px solid var(--clay);border-radius:var(--r-chip);background:var(--surface);color:var(--clay-deep);cursor:pointer;flex-shrink:0;align-items:center;padding:0 14px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.btn-warn:hover{background:var(--clay-tint);color:var(--clay-deep)}.btn-ghost{height:var(--tap-min);border:1.5px solid var(--line);border-radius:var(--r-chip);background:var(--surface);color:var(--ink);cursor:pointer;justify-content:center;align-items:center;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn-ghost:hover{border-color:var(--court);color:var(--court)}.chip{min-height:var(--tap-min);border-radius:var(--r-chip);border:1.5px solid var(--court);background:var(--surface);color:var(--court);font-variant-numeric:tabular-nums;cursor:pointer;padding:0 14px;font-size:15px;font-weight:700}.chip[aria-pressed=true]{background:var(--court);color:#fff}.chip:disabled{border-color:var(--line);background:var(--fill);color:var(--muted);cursor:not-allowed}.tag{border-radius:7px;align-items:center;height:22px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.tag-regular{background:var(--mint);color:var(--court-deep)}.tag-makeup{background:var(--ball-tint);color:var(--ball-ink)}.tag-absent{background:var(--clay-tint);color:var(--clay-deep)}.tag-pending{background:var(--ball);color:var(--ball-ink)}.timeline{flex-direction:column;gap:4px;display:flex}.tl-row{grid-template-columns:62px minmax(0,1fr);align-items:stretch;gap:8px;display:grid}.tl-time{color:var(--muted);font-variant-numeric:tabular-nums;padding-top:6px;font-size:12px}.tl-block{border-radius:var(--r-chip);box-sizing:border-box;color:inherit;text-align:left;border:0;align-items:center;gap:8px;width:100%;padding:7px 12px;font-family:inherit;font-size:14px;text-decoration:none;display:flex}.tl-block .sb{color:var(--muted);margin-left:auto;font-size:12px}.tl-regular{background:var(--surface);border:1px solid var(--line)}.tl-makeup{background:var(--ball-tint);border:1px solid var(--ball)}.tl-pending{background:var(--surface);border:1.5px solid #9aa63a}.tl-absent{background:var(--surface);border:1.5px solid var(--clay);color:var(--clay-deep)}.tl-free{border:1.5px dashed var(--line);color:var(--muted);background:0 0}.tl-off{background:repeating-linear-gradient(135deg, var(--clay-tint) 0 8px, var(--clay-tint-2) 8px 16px);color:var(--clay-deep);font-weight:600}.tl-closed{background:var(--fill);border:1.5px dashed var(--muted);color:var(--muted)}.week-wrap{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);overflow-x:auto}.week-grid{min-width:720px;font-size:12px;display:grid}.week-grid .wk-head{background:var(--surface);border-bottom:1px solid var(--line);text-align:center;z-index:1;padding:8px 6px;font-weight:700;position:sticky;top:0}.week-grid .wk-time{border-right:1px solid var(--line);color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;padding:2px 6px}.week-grid .wk-cell{border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);min-height:22px;position:relative}.week-grid .wk-hour{border-bottom:1px solid var(--line)}.wk-item{color:inherit;border-radius:6px;padding:2px 5px;font-size:11px;line-height:1.25;text-decoration:none;position:absolute;inset:1px;overflow:hidden}