*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg: #17212b;--card: #1d2c3a;--card-2: #223445;--text: #f5f9fb;--text-2: #c8d5df;--muted: #8fa3b3;--line: rgba(255, 255, 255, .08);--accent: #2ea6ff;--accent-strong: #1877d0;--accent-soft: rgba(46, 166, 255, .16);--danger: #d13438;--danger-text: #ff8b8b;--warn: #ffb020;--radius: 16px;--radius-sm: 12px}html,body,#root{height:100%;margin:0}html{overflow-x:hidden;overflow-x:clip;overscroll-behavior-x:none;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{margin:0;font-weight:600;line-height:1.3}p{margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none}button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px}::-webkit-scrollbar-track{background:transparent}.screen{min-height:100%;display:flex;flex-direction:column}.screen.center{align-items:center;justify-content:center;gap:14px;padding:calc(env(safe-area-inset-top,0px) + 20px) 16px calc(env(safe-area-inset-bottom,0px) + 20px)}.header{display:flex;align-items:center;gap:12px;width:100%;max-width:560px;margin-inline:auto;padding:calc(env(safe-area-inset-top,0px) + 14px) calc(env(safe-area-inset-right,0px) + 16px) 14px calc(env(safe-area-inset-left,0px) + 16px)}.avatar{width:44px;height:44px;flex:none;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;display:grid;place-items:center;font-size:17px;font-weight:700}.title{font-size:17px;font-weight:600;letter-spacing:-.01em}.muted{color:var(--muted);font-size:13px}.content{flex:1;width:100%;max-width:560px;margin-inline:auto;padding:0 calc(env(safe-area-inset-right,0px) + 16px) 24px calc(env(safe-area-inset-left,0px) + 16px);display:flex;flex-direction:column;gap:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:inset 0 1px #ffffff0d}.card h2{font-size:18px}.card p{font-size:15px;line-height:1.5;color:var(--text-2)}.card p.muted{font-size:14px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;background:var(--accent-strong);color:#fff;font-size:16px;font-weight:600;line-height:1.25;min-height:52px;padding:13px 18px;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease,filter .15s ease}.btn:active:not(:disabled){filter:brightness(1.12)}.btn:disabled{opacity:.55;cursor:default}.btn.sm{min-height:40px;padding:8px 14px;font-size:15px;border-radius:var(--radius-sm)}.btn.ghost{background:#ffffff17;color:var(--text)}.btn.ghost:active:not(:disabled){background:#ffffff26}.btn.ghost.on{background:var(--accent-soft);color:var(--accent);border-color:#2ea6ff73}.btn.danger{background:var(--danger);color:#fff}.btn.outline-danger{background:transparent;color:var(--danger-text);border-color:#ff8b8b73}.btn.outline-danger:active:not(:disabled){background:#ff8b8b1f}.tabbar{display:flex;justify-content:center;gap:4px;padding:6px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 6px);background:#1d2c3ab8;-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);border-top:1px solid var(--line);position:sticky;bottom:0;z-index:10}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.tabbar{background:var(--card)}.sheet-head{background:var(--bg)}}.tab{flex:0 1 240px;min-height:46px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--muted);font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background-color .15s ease,color .15s ease}.tab:active{background:#ffffff12}.tab.active{background:var(--accent-soft);color:var(--accent)}.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;gap:2px;box-shadow:inset 0 1px #ffffff0d}.stat-num{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.stat-txt{font-size:12px;color:var(--muted)}.userhead{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;background:transparent;padding:0;text-align:left}.userevents{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--line);padding-top:8px;font-size:13px}.progress{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.progress-bar{height:100%;border-radius:999px;background:var(--accent);transition:width .3s ease}.list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px}.list-count{font-size:13px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}.notice{background:#ff6b6b1f;border:1px solid rgba(255,107,107,.4);color:#ff9d9d;border-radius:var(--radius-sm);padding:11px 13px;font-size:14px;line-height:1.45}.empty{align-items:center;text-align:center;gap:8px;padding:28px 20px}.empty-emoji{font-size:44px;line-height:1}.empty h3{font-size:17px}.empty .btn{margin-top:8px}.sk{border-radius:var(--radius);background-image:linear-gradient(100deg,#ffffff0d 30%,#ffffff1c,#ffffff0d 70%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.sk-ev{height:80px}.ev{display:flex;flex-direction:column;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius);padding:13px 14px;cursor:pointer;animation:rise .18s ease-out;box-shadow:inset 0 1px #ffffff0d;transition:background-color .15s ease}.ev:active{background:#21323f}.ev.dim{opacity:.72}.ev-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.ev-title{flex:1;min-width:0;font-weight:600;font-size:15px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ev-toprow{display:flex;align-items:center;gap:4px}.ev-more{flex:none;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:18px;line-height:1;display:grid;place-items:center;padding-bottom:6px;transition:background-color .15s ease}.ev-more:active{background:#ffffff1a}.ev,.ev-banner{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.ev-when{font-size:12.5px;color:var(--muted)}.ev-badges{display:flex;flex-wrap:wrap;gap:4px}.badge{font-size:11px;line-height:1.35;background:#ffffff12;color:var(--text-2);border-radius:999px;padding:3px 8px}.badge.dim{color:var(--muted)}.ev-banner{display:block;width:100%;height:auto;border-radius:12px;margin-bottom:10px}.ev-row{display:flex;align-items:center;gap:12px}.ev-cd{flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:76px}.ring{display:block}.ring-num{fill:var(--text);font-weight:800}.ring-pct{fill:var(--muted);font-size:10.5px;font-weight:600}.ev-cd-txt{display:block;font-size:11px;color:var(--muted)}.ev-cd-arch{display:block;font-size:13px;font-weight:600;color:var(--muted)}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bg);display:flex;flex-direction:column;overflow:hidden;animation:sheet-in .22s cubic-bezier(.22,.7,.3,1)}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;max-width:560px;margin-inline:auto;padding:calc(env(safe-area-inset-top,0px) + 10px) calc(env(safe-area-inset-right,0px) + 12px) 10px calc(env(safe-area-inset-left,0px) + 12px);border-bottom:1px solid var(--line);background:#17212bbf;-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6)}.sheet-head .btn{flex:none}.sheet-title{flex:1;min-width:0;text-align:center;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.steps{display:flex;gap:6px;width:100%;max-width:560px;margin-inline:auto;padding:12px calc(env(safe-area-inset-right,0px) + 16px) 0 calc(env(safe-area-inset-left,0px) + 16px)}.steps span{flex:1;height:4px;border-radius:999px;background:#ffffff1a}.steps span.on{background:var(--accent)}.sheet-body{flex:1;width:100%;max-width:560px;margin-inline:auto;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:18px calc(env(safe-area-inset-right,0px) + 16px) calc(env(safe-area-inset-bottom,0px) + 32px) calc(env(safe-area-inset-left,0px) + 16px);display:flex;flex-direction:column;gap:18px}input,textarea{width:100%;max-width:100%;background-color:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text);padding:13px 14px;font-size:16px;line-height:1.3;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}input:focus,textarea:focus{outline:none;border-color:var(--accent);background-color:#2ea6ff12;box-shadow:0 0 0 3px #2ea6ff38}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}textarea{resize:vertical}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field{display:flex;flex-direction:column;gap:7px}.lbl{font-size:12.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.presets{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--text);border-radius:999px;min-height:40px;padding:8px 14px;font-size:14px;font-weight:500;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.chip:active{background:#ffffff1c}.chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.swatches{display:flex;flex-wrap:wrap;gap:12px}.sw{width:36px;height:36px;border:0;border-radius:50%;transition:box-shadow .15s ease,filter .15s ease}.sw:active{filter:brightness(1.2)}.sw.on{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--text)}.photo-pick{display:flex;gap:12px;align-items:center}.photo-thumb-lg{flex:none;width:96px;height:96px;border-radius:14px;object-fit:contain;background:#000;border:1px solid var(--line)}.photo-actions{flex:1;display:flex;flex-direction:column;gap:8px}.photo-error{font-size:13px;color:#ff9d9d}.rem{background:var(--card-2);border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px}.rem.off{opacity:.55}.hint{font-size:13px;line-height:1.45;color:var(--muted)}.rem-top{display:flex;gap:8px}.rem-cell{display:flex;flex-direction:column;gap:5px;min-width:0}.rem-cell.days{flex:none;width:88px}.rem-cell.mins{flex:none;width:80px}.rem-cell.time{flex:1}.rem-cell>span{font-size:12px;color:var(--muted)}.rem-days{text-align:center}.rem-chips{display:flex;flex-wrap:wrap;gap:6px}.chip.sm{min-height:30px;padding:4px 10px;font-size:13px}.rem-bottom{display:flex;align-items:center;gap:8px}.rem-bottom .rem-hint{flex:1;min-width:0}.rem-btns{display:flex;gap:8px;flex:none}.rem-hint{padding-left:2px}.icon{flex:none;width:44px;height:44px;border:1px solid transparent;border-radius:var(--radius-sm);background:#ffffff12;font-size:17px;line-height:1;display:grid;place-items:center;transition:background-color .15s ease}.icon:active{background:#ffffff21}.danger-zone{display:flex;gap:8px;margin-top:4px;padding-top:16px;border-top:1px solid var(--line)}.danger-zone .btn{flex:1}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid rgba(255,255,255,.14);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes sheet-in{0%{opacity:.5;transform:translateY(24px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.psheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center}.psheet-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;animation:fade-in .18s ease-out}.psheet-panel{position:relative;width:100%;max-width:420px;max-height:86dvh;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-bottom:0;border-radius:20px 20px 0 0;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 16px);animation:sheet-in .22s cubic-bezier(.22,.7,.3,1)}.psheet-grip{width:40px;height:4px;border-radius:999px;background:#ffffff38;margin:10px auto 2px;flex:none}.psheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px 10px 20px}.psheet-title{font-size:16px;font-weight:600}.psheet-body{overflow-y:auto;overscroll-behavior:contain;padding:0 16px;display:flex;flex-direction:column;gap:12px}.pickrow{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;background-color:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text);padding:13px 14px;font-size:16px;line-height:1.3;text-align:left;transition:border-color .15s ease,background-color .15s ease}.pickrow:active{background-color:#ffffff1a}.pickrow-val{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pickrow-val.accent{color:var(--accent);font-weight:600}.pickrow-chev{flex:none;color:var(--muted);font-size:20px;line-height:1}.optlist{display:flex;flex-direction:column;gap:2px;padding-bottom:4px}.opt{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:12px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-size:16px;text-align:left;transition:background-color .15s ease}.opt:active{background:#ffffff12}.opt.on{color:var(--accent);font-weight:600}.opt.danger{color:var(--danger-text)}.opt-check{flex:none;font-size:18px}.cal-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.cal-title{border:0;background:transparent;color:var(--text);font-size:16px;font-weight:600;padding:10px 12px;border-radius:var(--radius-sm)}.cal-title:active{background:#ffffff12}.cal-week{display:grid;grid-template-columns:repeat(7,1fr);color:var(--muted);font-size:12px;font-weight:600;text-align:center;padding:4px 0}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding-bottom:8px}.cal-day{aspect-ratio:1;border:0;border-radius:50%;background:transparent;color:var(--text);font-size:16px;font-variant-numeric:tabular-nums;display:grid;place-items:center;transition:background-color .15s ease}.cal-day:active{background:#ffffff14}.cal-day.dim{color:var(--muted);opacity:.45}.cal-day.today{box-shadow:inset 0 0 0 1.5px var(--accent)}.cal-day.on{background:var(--accent-strong);color:#fff;font-weight:700}.yearlist{max-height:340px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding-bottom:8px}.yearlist .opt{min-height:48px}.drums{display:flex;align-items:stretch;justify-content:center;gap:4px;padding:4px 0 8px}.drum-wrap{position:relative;flex:1;max-width:150px}.drum{height:240px;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain}.drum::-webkit-scrollbar{display:none}.drum-item{scroll-snap-align:center;display:flex;align-items:center;justify-content:center;width:100%;border:0;background:transparent;color:var(--muted);font-size:22px;font-variant-numeric:tabular-nums}.drum-item.on{color:var(--text);font-weight:700}.drum-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,var(--card) 0%,transparent 32%,transparent 68%,var(--card) 100%)}.drum-line{position:absolute;left:8px;right:8px;top:50%;height:48px;transform:translateY(-50%);border-top:1px solid var(--line);border-bottom:1px solid var(--line);pointer-events:none}.drum-colon{align-self:center;font-size:24px;font-weight:700;color:var(--muted)}.rem-timebtn{width:100%;background-color:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text);padding:13px 14px;font-size:16px;line-height:1.3;font-family:inherit;font-variant-numeric:tabular-nums;text-align:left;transition:background-color .15s ease}.rem-timebtn:active{background-color:#ffffff1a}@keyframes fade-in{0%{opacity:0}to{opacity:1}}