*{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)}.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;align-items:center;gap:12px;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{font-weight:600;font-size:15px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-cd{flex:none;text-align:center;min-width:58px}.ev-cd-num{display:block;font-size:24px;font-weight:800;line-height:1.05;font-variant-numeric:tabular-nums}.ev-cd-txt{display:block;font-size:11px;color:var(--muted)}.ev-cd-now{display:block;font-size:14px;font-weight:700}.ev-cd.hot .ev-cd-num,.ev-cd.hot .ev-cd-now{color:var(--warn)}.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,select,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,select: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}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:40px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%238fa3b3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 14px center}select option{background:var(--card);color:var(--text)}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)}.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:104px}.rem-cell.time{flex:1}.rem-cell>span{font-size:12px;color:var(--muted)}.rem-days{text-align:center}.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}}