:root{--bg:#000;--surface:#1c1c1e;--surface-2:#2c2c2e;--surface-3:#3a3a3c;--separator:#ffffff1a;--text:#fff;--text-2:#98989f;--text-3:#636366;--accent:#0a84ff;--radius:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}.app{max-width:780px;min-height:100vh;padding-bottom:env(safe-area-inset-bottom);margin:0 auto}header{z-index:20;border-bottom:1px solid var(--separator);padding:calc(14px + env(safe-area-inset-top)) 18px 10px;background:#0a0a0aee;position:sticky;top:0}.head-top{justify-content:space-between;align-items:center;display:flex}.title{letter-spacing:-.5px;font-size:30px;font-weight:700}.head-actions{align-items:center;gap:8px;display:flex}.icon-btn{background:var(--surface-2);width:36px;height:36px;color:var(--accent);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:17px;transition:transform .12s,background .18s,color .18s;display:flex}.icon-btn:active{transform:scale(.9)}.icon-btn.on{background:var(--accent);color:#fff}.seg{background:var(--surface-2);border-radius:9px;margin-top:12px;padding:2px;display:flex}.seg button{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:7px 0;font-size:13px;font-weight:600;transition:background .2s}.seg button.active{background:var(--surface-3);box-shadow:0 1px 3px #0000004d}.nav{justify-content:space-between;align-items:center;padding:14px 18px 6px;display:flex}.nav .period{letter-spacing:-.3px;font-size:20px;font-weight:700}.nav .right{align-items:center;gap:2px;display:flex}.nav .arrows{gap:4px;display:flex}.nav .arrows button{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:50%;width:38px;height:38px;font-size:22px;transition:background .18s}.nav .arrows button:active{background:var(--surface-2)}.today-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 10px;font-size:15px;font-weight:600;transition:background .18s}.weekdays{grid-template-columns:repeat(7,1fr);padding:4px 10px;display:grid}.weekdays span{text-align:center;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.grid{grid-template-columns:repeat(7,1fr);gap:2px;padding:0 8px 8px;display:grid}.cell{cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;min-height:62px;padding:6px 4px 4px;transition:background .18s,transform .18s,box-shadow .18s;display:flex;position:relative}.cell:active{background:var(--surface)}.cell.other{opacity:.28}.cell.sel{background:var(--surface-2);outline:2px solid var(--accent)}.cell .num{font-size:15px;font-weight:500;line-height:1}.cell.today .num{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-weight:700;display:flex}.cell .bars{flex-direction:column;align-items:center;gap:3px;width:100%;margin-top:5px;display:flex}.bar{border-radius:3px;width:66%;height:5px;transition:transform .18s;animation:.22s barpop}.cell .dots{gap:2px;display:flex;position:absolute;bottom:5px}.dot{border-radius:50%;width:5px;height:5px}@keyframes barpop{0%{opacity:0;transform:scaleX(.4)}to{opacity:1;transform:scaleX(1)}}.weekview{padding:6px 14px 20px}.wday{border-bottom:1px solid var(--separator);cursor:pointer;border-radius:12px;gap:14px;padding:14px 0;transition:background .18s,padding-left .18s;display:flex}.wday .date{text-align:center;flex-shrink:0;width:46px}.wday .date .dow{color:var(--text-2);text-transform:uppercase;font-size:12px}.wday .date .dnum{margin-top:2px;font-size:22px;font-weight:600}.wday.today .date .dnum{color:var(--accent)}.wday .events{flex-direction:column;flex:1;justify-content:center;gap:6px;min-width:0;display:flex}.evline{align-items:center;gap:9px;display:flex}.evline .swatch{border-radius:2px;flex-shrink:0;width:4px;height:30px}.evline .etitle{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.evline .etime{color:var(--text-2);font-size:13px}.wday .empty{color:var(--text-3);align-self:center;font-size:14px}.detail{background:var(--surface);border-radius:var(--radius);margin:8px 14px 16px;overflow:hidden}.detail-head{border-bottom:1px solid var(--separator);padding:16px 18px 12px}.detail-head .dt{color:var(--text-2);font-size:13px}.detail-head .dtitle{margin-top:2px;font-size:20px;font-weight:700}.drow{align-items:center;gap:12px;padding:12px 18px;transition:background .18s;display:flex}.drow .sw{border-radius:4px;flex-shrink:0;width:12px;height:12px}.drow .info{flex:1;min-width:0}.drow .r-title{font-size:16px;font-weight:600}.drow .r-sub{color:var(--text-2);margin-top:1px;font-size:13px}.drow .r-time{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:14px}.drow .del{color:#ff453a;cursor:pointer;background:0 0;border:none;padding:4px;font-size:19px;transition:transform .12s}.detail-empty{color:var(--text-3);text-align:center;padding:22px 18px;font-size:15px}.detail-actions{border-top:1px solid var(--separator);gap:10px;padding:12px 18px 16px;display:flex}.btn{cursor:pointer;border:none;border-radius:11px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:15px;font-weight:600;transition:transform .12s,filter .18s,opacity .18s;display:flex}.btn.primary{background:var(--accent);color:#fff}.btn.ghost{background:var(--surface-2);color:var(--text)}.btn:active{opacity:.8}.paintbar{background:var(--surface);border-radius:14px;margin:0 14px 12px;padding:12px 14px}.paintbar .pt{color:var(--text-2);margin-bottom:10px;font-size:13px}.paintbar .pt b{color:var(--text)}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatches .sopt{cursor:pointer;flex-direction:column;align-items:center;gap:4px;width:52px;display:flex}.swatches .sopt .chip{border:2px solid #0000;border-radius:10px;width:34px;height:34px;transition:transform .15s,box-shadow .15s}.swatches .sopt.sel .chip{border-color:#fff}.swatches .sopt small{color:var(--text-2);text-align:center;font-size:10px;line-height:1.1}.legend{flex-wrap:wrap;gap:14px;padding:4px 20px 40px;display:flex}.legend .li{color:var(--text-2);align-items:center;gap:7px;font-size:12px;display:flex}.legend .li b{border-radius:3px;width:11px;height:11px;display:inline-block}.sheet-backdrop{z-index:40;opacity:0;pointer-events:none;background:#0000008c;justify-content:center;align-items:flex-end;transition:opacity .25s;display:flex;position:fixed;inset:0}.sheet-backdrop.open{opacity:1;pointer-events:auto}.sheet{background:var(--surface);width:100%;max-width:780px;padding:8px 20px calc(24px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;max-height:88vh;transition:transform .28s cubic-bezier(.32,.72,0,1);overflow-y:auto;transform:translateY(100%)}.sheet-backdrop.open .sheet{transform:translateY(0)}.grabber{background:var(--surface-3);border-radius:3px;width:38px;height:5px;margin:6px auto 14px}.sheet h3{margin:0 0 4px;font-size:19px;font-weight:700}.sheet .sub{color:var(--text-2);margin-bottom:16px;font-size:13px}.sheet p{color:var(--text-2);font-size:14px;line-height:1.5}.field{margin-bottom:16px}.field label{color:var(--text-2);margin-bottom:7px;font-size:13px;font-weight:600;display:block}.field input[type=text],.field input[type=time]{background:var(--surface-2);width:100%;color:var(--text);border:none;border-radius:10px;padding:12px;font-family:inherit;font-size:16px}.times{gap:10px;display:flex}.times .field{flex:1}.shift-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.shift-opt{background:var(--surface-2);cursor:pointer;border:2px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:12px;transition:border-color .12s,transform .12s,background .18s;display:flex}.shift-opt.sel{border-color:var(--accent)}.shift-opt .sw{border-radius:5px;flex-shrink:0;width:16px;height:16px}.shift-opt .so-t{font-size:14px;font-weight:600}.shift-opt .so-s{color:var(--text-2);font-size:11px}.colors{flex-wrap:wrap;gap:12px;display:flex}.colors .c{cursor:pointer;border:3px solid #0000;border-radius:50%;width:34px;height:34px;transition:transform .15s}.colors .c.sel{border-color:#fff}.sheet-btns{gap:10px;margin-top:8px;display:flex}.sync{border-bottom:1px solid var(--separator);align-items:center;gap:10px;padding:12px 0;display:flex}.sync .ic{text-align:center;width:26px;font-size:20px}.sync .st{flex:1}.sync .st .a{font-size:15px;font-weight:600}.sync .st .b{color:var(--text-2);font-size:12px}.toggle{background:var(--surface-3);cursor:pointer;border-radius:13px;flex-shrink:0;width:44px;height:26px;transition:background .2s;position:relative}.toggle.on{background:#34c759}.toggle:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle.on:after{transform:translate(18px)}@media (hover:hover){.cell:hover{background:var(--surface-2);transform:translateY(-2px);box-shadow:0 6px 16px #00000059}.cell:hover .bar{transform:scaleX(1.08)}.icon-btn:hover{background:var(--surface-3);transform:translateY(-1px)}.seg button:hover{background:var(--surface-3)}.nav .arrows button:hover,.today-btn:hover{background:var(--surface-2)}.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn.primary:hover{box-shadow:0 6px 18px #0a84ff66}.wday:hover{background:var(--surface);padding-left:8px}.shift-opt:hover{background:var(--surface-3);transform:translateY(-1px)}.swatches .sopt:hover .chip{transform:scale(1.1);box-shadow:0 4px 12px #0006}.colors .c:hover{transform:scale(1.12)}.drow:hover{background:var(--surface-2)}.drow .del:hover{transform:scale(1.2)}}.section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-3);margin:22px 0 8px;font-size:12px;font-weight:700}.url-box{background:var(--surface-2);color:var(--text-2);word-break:break-all;border-radius:10px;margin-bottom:10px;padding:12px;font-family:ui-monospace,Menlo,monospace;font-size:12px}.sync-dot,.hdr-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}.hdr-dot{border:1.5px solid #0a0a0a;width:8px;height:8px;position:absolute;top:4px;right:4px}.sync-dot.synced,.hdr-dot.synced{background:#34c759}.sync-dot.syncing,.hdr-dot.syncing{background:#ff9f0a}.sync-dot.error,.hdr-dot.error{background:#ff453a}.sync-dot.off,.hdr-dot.off{background:var(--text-3)}a.btn{text-decoration:none}.photo-strip{margin:0 14px 12px;position:relative}.photo-strip img{object-fit:contain;background:var(--surface);cursor:pointer;border-radius:14px;width:100%;max-height:260px;display:block}.photo-close{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex;position:absolute;top:8px;right:8px}input:disabled,button:disabled{opacity:.5;cursor:default}.hidden{display:none}