:root{--bg: #0d0f14;--bg-elev: #151922;--card: #171c26;--card-hi: #1d2430;--line: #262d3a;--text: #eef1f6;--text-dim: #a7b0c0;--text-faint: #6b7486;--accent: #ff9d3c;--accent-hot: #ff7a18;--gold: #ffcf6b;--accent-soft: rgba(255, 157, 60, .14);--accent-line: rgba(255, 157, 60, .32);--c-sports: #4ea1ff;--c-wrestling: #ff5d6c;--c-anime: #b988ff;--c-games: #4be3a1;--c-holidays: #ffd34e;--c-personal: var(--accent);--ok: #4be3a1;--warn: #ffcf6b;--stop: #ff5d6c;--radius: 18px;--radius-sm: 12px;--radius-lg: 26px;--shadow: 0 8px 24px rgba(0, 0, 0, .35);--tabbar-h: 66px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60% 40% at 85% -5%,rgba(255,122,24,.14),transparent 70%),radial-gradient(55% 35% at 0% 8%,rgba(120,90,255,.1),transparent 70%);z-index:0}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}h1,h2,h3{margin:0;line-height:1.2}.app{position:relative;z-index:1;max-width:520px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;justify-content:center;padding:calc(env(safe-area-inset-top) + 8px) 16px calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 24px);animation:fade-in .28s ease both}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}}.screen-head{padding:8px 2px 18px}.screen-head .eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700}.screen-head h1{font-size:28px;font-weight:800;letter-spacing:-.02em;margin-top:2px}.screen-head p{margin:6px 0 0;color:var(--text-dim);font-size:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card+.card{margin-top:12px}.card-hero{background:linear-gradient(135deg,#ff7a1829,#ffcf6b0d),var(--card);border-color:var(--accent-line)}.section-label{display:flex;align-items:baseline;justify-content:space-between;margin:26px 2px 12px}.section-label h2{font-size:15px;font-weight:700;letter-spacing:.02em;color:var(--text)}.section-label .hint{font-size:12px;color:var(--text-faint)}.chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--bg-elev);border:1px solid var(--line);color:var(--text-dim);white-space:nowrap}.chip.accent{background:var(--accent-soft);border-color:var(--accent-line);color:var(--gold)}.chip.import-tag{font-size:11px;opacity:.72;text-transform:lowercase}.vibe-picker{gap:6px}.vibe-picker .chip{cursor:pointer}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.dot{width:8px;height:8px;border-radius:50%;flex:none}.status-pill{font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:3px 9px;border-radius:999px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:15px;padding:12px 16px;border-radius:var(--radius-sm);background:var(--card-hi);border:1px solid var(--line);color:var(--text);transition:transform .08s ease,background .15s ease}.btn:active{transform:scale(.97)}.btn.primary{background:linear-gradient(135deg,var(--accent-hot),var(--gold));color:#241200;border:none}.btn.ghost{background:transparent}.btn.block{width:100%}.btn.small{font-size:13px;padding:8px 12px}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:520px;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 8px calc(env(safe-area-inset-bottom) + 8px);background:#0d0f14d1;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-top:1px solid var(--line)}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;color:var(--text-faint);font-size:10.5px;font-weight:600;border-radius:12px;transition:color .15s ease}.tab svg{width:23px;height:23px}.tab.active{color:var(--accent)}.tab.active .tab-icon{filter:drop-shadow(0 0 8px rgba(255,157,60,.5))}.fab{position:fixed;right:max(18px,calc(50% - 242px));bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 16px);z-index:25;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent-hot),var(--gold));color:#241200;display:grid;place-items:center;box-shadow:0 10px 26px #ff7a1866;transition:transform .1s ease}.fab:active{transform:scale(.92)}.fab svg{width:26px;height:26px}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .2s ease both}.sheet{position:fixed;left:50%;transform:translate(-50%);bottom:0;z-index:31;width:100%;max-width:520px;background:var(--bg-elev);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-top:1px solid var(--line);padding:0;display:flex;flex-direction:column;max-height:min(92dvh,calc(100dvh - env(safe-area-inset-top,0px) - 8px));overflow:hidden;animation:sheet-up .28s cubic-bezier(.2,.9,.3,1) both}.sheet-header{flex:none;padding:10px 16px 0}.sheet-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 16px 12px}.sheet-footer{flex:none;padding:12px 16px calc(env(safe-area-inset-bottom,0px) + 16px);border-top:1px solid var(--line);background:var(--bg-elev)}body.sheet-open{overflow:hidden}@keyframes sheet-up{0%{transform:translate(-50%,100%)}}.sheet-grab{width:40px;height:4px;border-radius:2px;background:var(--line);margin:6px auto 14px}.sheet h2{font-size:20px;font-weight:800}.sheet p{margin:4px 0 16px;color:var(--text-dim);font-size:14px}.sheet-option{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px;border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--line);margin-bottom:10px;transition:border-color .15s ease,transform .08s ease}.sheet-option:active{transform:scale(.98)}.sheet-option .so-icon{width:40px;height:40px;flex:none;border-radius:11px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.sheet-option .so-label{font-weight:700;font-size:15px}.sheet-option .so-hint{font-size:12.5px;color:var(--text-faint)}.row{display:flex;align-items:center;gap:12px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:flex;flex-direction:column}.spread{display:flex;gap:10px}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.small{font-size:13px}.tiny{font-size:11.5px}.grow{flex:1;min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{text-align:center;padding:40px 20px;color:var(--text-faint);font-size:14px}.empty-state .em{font-size:30px;display:block;margin-bottom:10px;opacity:.7}.filters{display:flex;gap:8px;overflow-x:auto;margin:0 -16px;padding:2px 16px 10px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filters.sub-filters{padding-top:0;margin-top:-6px;padding-bottom:8px}.filter.small{font-size:12px;padding:5px 11px;gap:5px}.filter-count{font-size:11px;font-weight:700;opacity:.75}.filter{display:inline-flex;align-items:center;flex:none;font-size:13px;font-weight:600;padding:7px 13px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--text-dim);transition:all .12s ease}.filter.active{background:var(--accent-soft);border-color:var(--accent-line);color:var(--gold)}.bar{height:6px;border-radius:3px;background:var(--bg-elev);overflow:hidden;margin-top:8px}.bar>span{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent-hot),var(--gold))}.countdown{flex:none;text-align:center;min-width:54px}.countdown .num{font-size:22px;font-weight:800;line-height:1;color:var(--gold)}.countdown .unit{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.countdown.soon .num{color:var(--accent-hot)}.output{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px;margin-top:14px;animation:fade-in .3s ease both}.output h3{font-size:17px;font-weight:800;color:var(--gold);margin-bottom:8px}.output p{margin:0;color:var(--text-dim);font-size:14.5px;line-height:1.55}.seg{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.seg button{flex:1 1 auto;font-size:12.5px;font-weight:600;padding:9px 10px;border-radius:10px;background:var(--card);border:1px solid var(--line);color:var(--text-dim)}.seg button.active{background:var(--accent-soft);border-color:var(--accent-line);color:var(--gold)}.divider{height:1px;background:var(--line);margin:20px 0;border:none}.link{color:var(--accent);font-weight:600}.field{display:block;margin-bottom:14px}.field>label{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin-bottom:6px}.input,.textarea,.select{width:100%;font-family:inherit;font-size:15px;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 13px;transition:border-color .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--accent-line)}.textarea{min-height:74px;resize:vertical;line-height:1.5}.select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a7b0c0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:38px}.field-row{display:flex;gap:12px}.field-row>.field{flex:1;min-width:0}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--line)}.toggle input{width:42px;height:25px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--line);border-radius:999px;position:relative;transition:background .15s ease;flex:none}.toggle input:after{content:"";position:absolute;top:2px;left:2px;width:21px;height:21px;border-radius:50%;background:#fff;transition:transform .15s ease}.toggle input:checked{background:var(--accent-hot)}.toggle input:checked:after{transform:translate(17px)}.sheet-actions{display:flex;gap:10px;margin-top:8px}.sheet-footer .sheet-actions{margin-top:0}.sheet-actions .btn{flex:1}.icon-btn{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;color:var(--text-faint);border:1px solid var(--line);background:var(--bg-elev);transition:color .15s ease,border-color .15s ease}.icon-btn:active{transform:scale(.94)}.icon-btn.danger:active{color:var(--stop);border-color:var(--stop)}.banner{display:flex;align-items:center;gap:10px;font-size:13px;padding:10px 13px;border-radius:var(--radius-sm);margin-bottom:12px}.banner.info{background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--gold)}.banner.error{background:#ff5d6c1f;border:1px solid rgba(255,93,108,.4);color:#ff8b96}.auth-wrap{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:24px 22px calc(env(safe-area-inset-bottom) + 24px);max-width:460px;margin:0 auto}.auth-logo{width:66px;height:66px;margin-bottom:22px}.auth-wrap h1{font-size:30px;font-weight:800;letter-spacing:-.02em}.auth-wrap .tag{color:var(--accent);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.auth-wrap p.sub{color:var(--text-dim);margin:8px 0 26px;font-size:15px}.center-note{text-align:center;color:var(--text-faint);font-size:13px;padding:40px 0}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .7s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .9s linear infinite}