:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--font:"Roboto",Arial,"Helvetica Neue",Helvetica,sans-serif;--purple:#9d5ce6;--purple-2:#a463ea;--cyan:#00bcf2;--navy:#0b2341;--pink:#f15bb5;--green:#3fa34d;--orange:#ee7b30;--onsite:#e4e4e4;--hol:#000;--nwd:#d6a8f5;--nwd-edge:#b17ee2;--surface:#ffffff;--ink:#0b2341;--sep:#d4d4d4;--muted:#7a8597;--empty:#c9ced6;--date-ink:#111;--av:72px;--nm:112px;--col:minmax(108px,1fr);--wk:72px;--dot:76px;--row:88px;--dateh:44px;--dayh:58px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--surface:#18233a;--ink:#ffffff;--sep:#2c3b57;--muted:#9aa7bd;--empty:#3b4a66;--onsite:#d9dde3;--hol:#000;color-scheme:dark}}:root[data-theme=dark]{--surface:#18233a;--ink:#ffffff;--sep:#2c3b57;--muted:#9aa7bd;--empty:#3b4a66;--onsite:#d9dde3;--hol:#000;color-scheme:dark}@media (max-width:700px){:root{--av:44px;--nm:84px;--col:minmax(74px,1fr);--wk:40px;--dot:56px;--row:68px;--dateh:36px;--dayh:44px}}*,*:before,*:after{box-sizing:inherit}html,body{height:100%;margin:0}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{background:var(--surface);color:var(--ink);font-family:var(--font);display:flex;flex-direction:column;overflow:hidden}.bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;border-bottom:4px solid var(--sep);background:var(--surface)}.bar button{font:700 15px/1 var(--font);border:0;border-radius:8px;padding:10px 14px;background:var(--navy);color:#fff;cursor:pointer}.bar button.today{background:var(--pink)}.bar button.add{background:var(--purple)}.bar button.keybtn{background:var(--cyan);color:var(--navy)}.bar button:hover{filter:brightness(1.12)}.range{font:700 17px var(--font);margin:0 8px;color:var(--ink)}.spacer{flex:1}button:focus-visible,.cell:focus-visible,.name:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.wrap{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.grid{display:grid;min-width:max-content;background:var(--surface)}.g{display:flex;align-items:center;justify-content:center;background:var(--surface)}.corner{position:sticky;left:0;top:0;z-index:6;background:var(--purple);font:700 64px/1 var(--font);color:#111;letter-spacing:-1px}.date{position:sticky;top:0;z-index:4;background:var(--cyan);color:var(--date-ink);font:700 18px var(--font)}.date.is-today{background:var(--pink);color:#fff;font-style:italic;text-decoration:underline;text-underline-offset:3px}.date.blank{background:var(--surface)}.day{position:sticky;top:var(--dateh);z-index:4;background:var(--navy);color:#fff;font:700 32px var(--font)}.sep{background:var(--sep);position:sticky;top:calc(var(--dateh) + var(--dayh));z-index:4}.av{position:sticky;left:0;z-index:3;background:var(--purple-2);font-size:36px}.name{position:sticky;left:var(--av);z-index:3;background:var(--navy);color:#fff;font:700 25px var(--font);border:0;cursor:pointer;padding:0 6px;text-align:center}.name:hover{background:#13325c}.weekend{background:var(--navy);align-items:flex-start;overflow:hidden;z-index:2}.weekend span{writing-mode:vertical-rl;white-space:nowrap;color:#fff;font:900 70px/1 var(--font);padding-top:28px;letter-spacing:1px}.foot-label{font-size:16px;cursor:default}.count{font:700 22px var(--font);color:var(--ink)}.count small{display:block;font:500 12px var(--font);color:var(--muted);text-align:center}@media (max-width:700px){.corner{font-size:34px}.date{font-size:13px}.day{font-size:19px}.name{font-size:15px}.av{font-size:22px}.weekend span{font-size:38px;padding-top:16px}.bar button{font-size:13px;padding:9px 10px}.range{font-size:14px}}.cell{width:var(--dot);height:var(--dot);border:0;padding:0;background:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.dot{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font:700 calc(var(--dot)*.29)/1.05 var(--font);text-align:center;transition:transform .12s}.cell:hover .dot{transform:scale(1.06)}.dot svg{width:62%;height:62%}.s-O{background:var(--green)}.s-W{background:var(--orange)}.s-S{background:var(--onsite);color:#111;font-size:calc(var(--dot)*.24);font-weight:500}.s-H{background:var(--hol)}.s-N{background:var(--nwd);width:84%;height:84%;border:2px solid var(--nwd-edge);font-size:calc(var(--dot)*.26)}.s-L{font-size:calc(var(--dot)*.8)}.s-E{border:2px dashed var(--empty);width:70%;height:70%}.s-T{background:#1aa3e8;font:700 calc(var(--dot)*.5)/1 var(--font)}.s-A{background:#ff1a1a;font-size:calc(var(--dot)*.22)}.s-K{font-size:calc(var(--dot)*.72)}.half{flex-direction:column;overflow:hidden;gap:calc(var(--dot)*.04);background:#fff;font-size:calc(var(--dot)*.2)}.half>span{flex:1;width:100%;display:flex;justify-content:center;min-height:0}.h-top{align-items:flex-end;padding-bottom:4%}.h-bot{align-items:flex-start;padding-top:4%}.half svg{width:38%;height:auto}.h-g{background:var(--green)}.h-o{background:var(--orange)}.h-k{background:#000}.keylist{display:grid;grid-template-columns:56px 1fr;gap:8px 14px;align-items:center;margin-bottom:4px}.keylist .k{--dot:52px;width:52px;height:52px;display:flex;align-items:center;justify-content:center}.keylist p{margin:0;font:500 15px var(--font)}.picker{position:fixed;z-index:20;background:var(--surface);color:var(--ink);border:2px solid var(--navy);border-radius:12px;padding:6px;min-width:250px;max-height:calc(100vh - 16px);overflow:auto;box-shadow:0 10px 30px #0b234147;display:none}.picker.open{display:block}.picker h3{margin:4px 8px 6px;font:700 14px var(--font);color:var(--muted)}.opt{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;color:var(--ink);font:500 15px var(--font);padding:6px 8px;border-radius:8px;cursor:pointer;text-align:left}.opt:hover,.opt:focus-visible{background:#00bcf229;outline:none}.opt .mini{--dot:30px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;flex:none}.opt kbd{margin-left:auto;font:500 12px var(--font);color:var(--muted);border:1px solid var(--sep);border-radius:4px;padding:1px 5px}dialog{border:2px solid var(--navy);border-radius:14px;padding:20px;background:var(--surface);color:var(--ink);font-family:var(--font);width:min(340px,90vw)}dialog::backdrop{background:#0b234173}dialog h2{margin:0 0 14px;font:700 20px var(--font)}dialog label{display:block;font:500 14px var(--font);margin:10px 0 4px}dialog input{width:100%;font:500 16px var(--font);padding:9px 10px;border:2px solid var(--sep);border-radius:8px;background:var(--surface);color:var(--ink)}.emojis{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.emojis button{font-size:22px;border:2px solid transparent;background:none;border-radius:8px;cursor:pointer;padding:2px 4px}.emojis button[aria-pressed=true]{border-color:var(--purple)}.actions{display:flex;gap:8px;margin-top:18px}.actions button{font:700 14px var(--font);border:0;border-radius:8px;padding:10px 14px;cursor:pointer}.primary{background:var(--navy);color:#fff}.ghost{background:var(--sep);color:var(--ink)}.danger{background:none;color:#d23b3b;margin-right:auto}@media (prefers-reduced-motion:reduce){.dot{transition:none}}[hidden]{display:none!important}#app{flex:1;display:flex;flex-direction:column;min-height:0}.who{font:500 13px var(--font);color:var(--muted)}.bar button.out{background:var(--sep);color:var(--ink)}.login{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--purple)}.login-card{background:var(--navy);color:#fff;border-radius:18px;padding:32px 28px;width:min(380px,100%);box-shadow:0 20px 50px #0b234159}.login-card h1{margin:0 0 6px;font:700 64px/1 var(--font);color:#fff}.login-card p{margin:0 0 18px;font:500 15px/1.4 var(--font);color:#c8d3e6}.login-card label{display:block;font:700 14px var(--font);margin-bottom:6px}.login-card input{width:100%;font:500 16px var(--font);padding:12px;border:0;border-radius:10px;margin-bottom:12px;color:#0b2341;background:#fff}.login-card button{width:100%;font:700 16px var(--font);border:0;border-radius:10px;padding:12px;background:var(--cyan);color:var(--navy);cursor:pointer}.login-card button:disabled{opacity:.6;cursor:default}.login-msg{margin-top:14px;font:500 14px/1.4 var(--font);color:#fff;min-height:1em}.toast{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translate(-50%);background:var(--navy);color:#fff;font:500 14px var(--font);padding:10px 16px;border-radius:10px;z-index:50;box-shadow:0 8px 24px #00000040}.loading{opacity:.55;transition:opacity .15s}