:root{--bg: #0D0D14;--bg-elevated: #111118;--surface: #17171F;--surface-2: #1E1E28;--surface-3: #252530;--overlay: rgba(13,13,20,.85);--nav-bg: rgba(13,13,20,.92);--border: rgba(255,255,255,.07);--border-2: rgba(255,255,255,.12);--border-glow: rgba(124,107,255,.3);--primary: #7C6BFF;--primary-soft: rgba(124,107,255,.15);--primary-glow: rgba(124,107,255,.25);--primary-light: #A899FF;--primary-dark: #5B4CF5;--energy: #FF8C42;--energy-soft: rgba(255,140,66,.15);--energy-glow: rgba(255,140,66,.2);--success: #00D68F;--success-soft: rgba(0,214,143,.12);--success-glow: rgba(0,214,143,.2);--warning: #FFB830;--warning-soft: rgba(255,184,48,.12);--error: #FF4D6A;--error-soft: rgba(255,77,106,.12);--error-glow: rgba(255,77,106,.2);--info: #38BDF8;--info-soft: rgba(56,189,248,.12);--text-primary: #F0F0F8;--text-secondary: #8A8A9E;--text-muted: #4A4A5E;--text-disabled: #2E2E3C;--c-bg: var(--bg);--c-surface: var(--surface);--c-surface-2: var(--surface-2);--c-border: var(--border);--c-border-glow: var(--border-glow);--c-text: var(--text-primary);--c-text-2: var(--text-secondary);--c-text-3: var(--text-muted);--c-violet: var(--primary);--c-violet-glow: var(--primary-glow);--c-violet-2: var(--primary-light);--c-amber: var(--warning);--c-amber-soft: var(--warning-soft);--c-rose: var(--error);--c-rose-soft: var(--error-soft);--c-mint: var(--success);--c-mint-soft: var(--success-soft);--c-sky: var(--info);--c-sky-soft: var(--info-soft);--accent-2: var(--primary);--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--r-2xl: 32px;--r-full: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.35);--shadow-lg: 0 8px 32px rgba(0,0,0,.4);--shadow-card: 0 2px 12px rgba(0,0,0,.4);--shadow-violet: 0 0 24px rgba(124,107,255,.15);--shadow-energy: 0 0 24px rgba(255,140,66,.15);--shadow-success: 0 0 20px rgba(0,214,143,.15);--t-instant: .05s;--t-fast: .12s;--t-med: .22s;--t-slow: .38s;--t-xl: .55s;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .6, 1);--font-body: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif;--font-num: "SF Mono", "Cascadia Code", "Roboto Mono", monospace;--font-display: -apple-system, BlinkMacSystemFont, "Inter", sans-serif}body.tg-light{--bg: #F5F5FA;--bg-elevated: #FAFAFA;--surface: #FFFFFF;--surface-2: #F0F0F7;--surface-3: #E8E8F0;--border: rgba(0,0,0,.07);--border-2: rgba(0,0,0,.12);--text-primary: #1A1A2E;--text-secondary: #6B6B80;--text-muted: #A0A0B0;--shadow-card: 0 2px 12px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--nav-bg: rgba(250,250,250,.92)}html{height:100%;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:15px;line-height:1.5;background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden}.screen{min-height:100dvh;min-height:100vh;padding:20px 16px calc(72px + env(safe-area-inset-bottom,0px));max-width:480px;margin:0 auto}h1{font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 4px;line-height:1.2}h2{font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0 0 4px;line-height:1.3}h3{font-size:18px;font-weight:600;margin:0 0 4px}h4{font-size:15px;font-weight:600;margin:0 0 4px}p{margin:0}.display-number{font-family:var(--font-display);font-size:48px;font-weight:800;letter-spacing:-2px;line-height:1}.hero-number,.stat-num{font-family:var(--font-display);font-size:32px;font-weight:800;letter-spacing:-1px;line-height:1}.label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-lg{font-size:17px}.text-xl{font-size:20px;font-weight:600}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.muted{color:var(--text-secondary)}.text-violet{color:var(--primary)}.text-amber{color:var(--warning)}.text-mint{color:var(--success)}.text-rose{color:var(--error)}.text-hint{color:var(--text-secondary)}.text-hint.text-xs{color:var(--text-muted)}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4)}.card-glow{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-4);box-shadow:var(--shadow-card);transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}.card-glow:active{transform:scale(.985)}.card-glow.violet{border-color:var(--primary-soft);box-shadow:var(--shadow-violet);background:linear-gradient(135deg,var(--surface) 60%,rgba(124,107,255,.04))}.card-glow.amber{border-color:var(--energy-soft);box-shadow:var(--shadow-energy);background:linear-gradient(135deg,var(--surface) 60%,rgba(255,140,66,.04))}.card-glow.rose{border-color:var(--error-soft);box-shadow:var(--shadow-card);background:linear-gradient(135deg,var(--surface) 60%,rgba(255,77,106,.04))}.card-glow.mint{border-color:var(--success-soft);box-shadow:var(--shadow-success);background:linear-gradient(135deg,var(--surface) 60%,rgba(0,214,143,.04))}.card-inner{background:var(--surface-2);border-radius:var(--r-md);padding:var(--sp-3);border:1px solid var(--border)}.hero-card{background:linear-gradient(145deg,var(--surface-2),var(--surface-3));border:1px solid var(--border-2);border-radius:var(--r-2xl);padding:var(--sp-5);position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 100% 0%,var(--primary-soft),transparent 70%);pointer-events:none}.card-gradient-header{margin:calc(-1 * var(--sp-4)) calc(-1 * var(--sp-4)) var(--sp-4);padding:var(--sp-4);border-radius:var(--r-xl) var(--r-xl) 0 0}.card-gradient-header.food{background:linear-gradient(135deg,#1a2820,#0f1a10)}.card-gradient-header.fitness{background:linear-gradient(135deg,#1a1428,#0f0a1a)}.pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--r-full);font-size:12px;font-weight:600;line-height:1;white-space:nowrap}.pill.violet{background:var(--primary-soft);color:var(--primary-light)}.pill.amber{background:var(--warning-soft);color:var(--warning)}.pill.rose{background:var(--error-soft);color:var(--error)}.pill.mint{background:var(--success-soft);color:var(--success)}.pill.sky{background:var(--info-soft);color:var(--info)}.pill.muted{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.pill.energy{background:var(--energy-soft);color:var(--energy)}.pill-count{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--r-full);font-size:10px;font-weight:700;background:var(--error);color:#fff}button{cursor:pointer;border:none;font-family:inherit}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 24px;border-radius:var(--r-lg);background:var(--primary);color:#fff;font-size:15px;font-weight:600;letter-spacing:.01em;transition:transform var(--t-fast) var(--ease-spring),background var(--t-fast),box-shadow var(--t-fast);box-shadow:0 4px 20px var(--primary-glow);-webkit-tap-highlight-color:transparent}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.4;box-shadow:none}.btn-primary.amber{background:var(--energy);box-shadow:0 4px 20px var(--energy-glow)}.btn-primary.rose{background:var(--error);box-shadow:0 4px 20px var(--error-glow)}.btn-primary.mint{background:var(--success);box-shadow:0 4px 20px var(--success-glow)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:var(--r-lg);background:var(--surface-2);color:var(--text-primary);font-size:15px;font-weight:500;border:1px solid var(--border-2);transition:transform var(--t-fast) var(--ease-spring),background var(--t-fast);-webkit-tap-highlight-color:transparent}.btn-ghost:active{transform:scale(.97);background:var(--surface-3)}.btn-ghost:disabled{opacity:.4}.btn-ghost.violet{color:var(--primary);border-color:var(--primary-soft)}.btn-ghost.w-full{width:100%}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:var(--r-full);background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border);font-size:18px;transition:transform var(--t-fast) var(--ease-spring),background var(--t-fast);-webkit-tap-highlight-color:transparent;flex-shrink:0}.btn-icon:active{transform:scale(.92)}.btn-icon.active{background:var(--primary);color:#fff;border-color:var(--primary)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;align-items:stretch;padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));background:var(--nav-bg, rgba(13,13,20,.94));backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);border-top:1px solid var(--border)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px 2px 6px;border-radius:var(--r-sm);font-size:10px;font-weight:500;color:var(--text-muted);letter-spacing:.025em;background:none;border:none;transition:color var(--t-fast);-webkit-tap-highlight-color:transparent;min-height:48px}.nav-icon{transition:transform var(--t-fast) var(--ease-spring);display:flex;align-items:center;justify-content:center}.nav-item.active{color:var(--primary)}.nav-item.active .nav-icon{transform:translateY(-1px) scale(1.06)}.nav-item:active{opacity:.7}.field{width:100%;padding:13px 16px;background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--r-md);color:var(--text-primary);font-size:15px;font-family:inherit;outline:none;transition:border-color var(--t-fast);-webkit-appearance:none}.field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.field::placeholder{color:var(--text-muted)}.field.textarea{resize:vertical;min-height:80px}select.field{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.section-title{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.category-header{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--sp-2)}.inner-tabs{display:flex;gap:4px;padding:4px;background:var(--surface-2);border-radius:var(--r-md);border:1px solid var(--border)}.inner-tab{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;padding:8px 6px;border-radius:calc(var(--r-md) - 2px);font-size:13px;font-weight:600;color:var(--text-muted);background:none;border:none;transition:all var(--t-fast);white-space:nowrap;-webkit-tap-highlight-color:transparent}.inner-tab.active{background:var(--surface);color:var(--text-primary);box-shadow:0 1px 4px #0000004d}.inner-tab:active:not(.active){background:var(--surface-3)}.inner-tabs.compact{gap:2px;padding:3px}.inner-tabs.compact .inner-tab{font-size:12px;padding:8px 2px}.bottom-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:200;animation:fade-in var(--t-med) var(--ease-out)}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;z-index:201;background:var(--bg-elevated);border-radius:var(--r-2xl) var(--r-2xl) 0 0;padding:20px var(--sp-4) calc(var(--sp-6) + env(safe-area-inset-bottom,0px));max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch;border-top:1px solid var(--border-2);animation:slide-up var(--t-med) var(--ease-out)}.sheet-handle{width:40px;height:4px;border-radius:var(--r-full);background:var(--surface-3);margin:-8px auto var(--sp-4)}.progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-ring svg{transform:rotate(-90deg)}.progress-ring circle.track{fill:none;stroke:var(--surface-2)}.progress-ring circle.fill{fill:none;stroke:var(--primary);stroke-linecap:round;transition:stroke-dashoffset var(--t-slow) var(--ease-smooth)}.progress-ring circle.fill.mint{stroke:var(--success)}.progress-ring-label{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.stat-cell{background:var(--surface-2);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-2);text-align:center;border:1px solid var(--border)}.stat-value{font-size:24px;font-weight:800;letter-spacing:-.5px;line-height:1.1}.stat-label{font-size:11px;color:var(--text-muted);margin-top:4px}.day-strip{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.day-strip::-webkit-scrollbar{display:none}.day-dot{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:40px;padding:8px 4px;border-radius:var(--r-md);border:1px solid transparent;transition:border-color var(--t-fast),background var(--t-fast)}.day-dot.today{border-color:var(--primary);background:var(--primary-soft)}.dot-emoji{font-size:16px;line-height:1}.dot-label{font-size:10px;font-weight:600;color:var(--text-muted);letter-spacing:.02em}.day-dot.today .dot-label{color:var(--primary-light)}.mood-row{display:flex;gap:8px;justify-content:space-between}.mood-btn{flex:1;display:flex;align-items:center;justify-content:center;height:48px;border-radius:var(--r-md);font-size:22px;background:var(--surface-2);border:2px solid transparent;transition:all var(--t-fast) var(--ease-spring);-webkit-tap-highlight-color:transparent}.mood-btn.selected{border-color:var(--primary);background:var(--primary-soft);transform:scale(1.1)}.mood-btn:active{transform:scale(.95)}.energy-slider{-webkit-appearance:none;width:100%;height:6px;border-radius:var(--r-full);background:linear-gradient(to right,var(--primary) var(--val, 70%),var(--surface-3) var(--val, 70%));outline:none}.energy-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:var(--r-full);background:#fff;box-shadow:0 2px 8px #0006;cursor:pointer;transition:transform var(--t-fast) var(--ease-spring)}.energy-slider::-webkit-slider-thumb:active{transform:scale(1.2)}.check-item{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-2) 0}.check-item .box{width:20px;height:20px;min-width:20px;border-radius:6px;border:2px solid var(--border-2);background:var(--surface-2);margin-top:2px;transition:all var(--t-fast) var(--ease-spring)}.check-item .box.checked{background:var(--primary);border-color:var(--primary);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4L3.5 6.5L9 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:10px}.check-item .text{font-size:15px;color:var(--text-primary);line-height:1.4}.food-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--border)}.food-item:last-child{border-bottom:none}.expiry-bar{height:3px;border-radius:var(--r-full);margin-top:6px;transition:width var(--t-med)}.expiry-bar.safe{background:var(--success)}.expiry-bar.warn{background:var(--warning)}.expiry-bar.urgent{background:var(--error)}.expiry-bar.expired{background:var(--text-muted)}.set-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--border)}.set-value{font-size:15px;font-weight:600;color:var(--text-primary);padding:6px 10px;border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border);min-width:64px;text-align:center;cursor:pointer;transition:border-color var(--t-fast);-webkit-tap-highlight-color:transparent}.set-value:active{border-color:var(--primary);background:var(--primary-soft)}.inline-input{font-size:15px;font-weight:600;color:var(--text-primary);background:var(--primary-soft);border:1.5px solid var(--primary);border-radius:var(--r-sm);padding:6px 10px;min-width:64px;text-align:center;outline:none;font-family:inherit}.set-done-btn{margin-left:auto;width:44px;height:44px;min-width:44px;border-radius:var(--r-full);border:2px solid var(--border-2);background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-muted);cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent;transition:all var(--t-fast) var(--ease-spring)}.set-done-btn.done{background:var(--success);border-color:var(--success);color:#fff;transform:scale(1.05)}.set-done-btn:active{transform:scale(.92)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--sp-10) var(--sp-5);gap:var(--sp-2)}.empty-icon{font-size:52px;line-height:1;margin-bottom:var(--sp-1);opacity:.8}.empty-title{font-size:18px;font-weight:700;color:var(--text-primary)}.empty-sub{font-size:14px;color:var(--text-secondary);max-width:240px;line-height:1.5}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{border-radius:var(--r-md);background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-h{height:16px;border-radius:var(--r-sm)}.skeleton-lg{height:160px;border-radius:var(--r-xl)}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:300;display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);font-size:14px;font-weight:500;max-width:calc(100vw - 32px);white-space:nowrap;animation:fade-up var(--t-med) var(--ease-spring)}.toast.error{border-color:var(--error-soft);background:linear-gradient(135deg,var(--surface),rgba(255,77,106,.05))}.toast.success{border-color:var(--success-soft);background:linear-gradient(135deg,var(--surface),rgba(0,214,143,.05))}.error{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--error-soft);border:1px solid rgba(255,77,106,.2);border-radius:var(--r-md);color:var(--error);font-size:13px;font-weight:500}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{transform:translateY(100%);opacity:.8}to{transform:translateY(0);opacity:1}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.5}}.fade-up{animation:fade-up var(--t-med) var(--ease-out) both}.fade-in{animation:fade-in var(--t-med) var(--ease-out) both}.scale-in{animation:scale-in var(--t-med) var(--ease-spring) both}.bounce-in{animation:bounce-in var(--t-slow) var(--ease-spring) both}.delay-1{animation-delay:.04s}.delay-2{animation-delay:.08s}.delay-3{animation-delay:.12s}.delay-4{animation-delay:.18s}.delay-5{animation-delay:.24s}.toggle-track{display:inline-block;width:44px;height:26px;border-radius:var(--r-full);position:relative;cursor:pointer;transition:background var(--t-fast)}.avatar{width:48px;height:48px;border-radius:var(--r-full);overflow:hidden;border:2px solid var(--border-2)}.avatar-placeholder{width:48px;height:48px;border-radius:var(--r-full);background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff}.history-item{display:flex;flex-direction:column;gap:6px;padding:var(--sp-4);background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--border);margin-bottom:var(--sp-3);cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast);-webkit-tap-highlight-color:transparent}.history-item-title{font-size:16px;font-weight:600}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.flex-1{flex:1}.min-w-0{min-width:0}.w-full{width:100%}.text-center{text-align:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mb-4{margin-bottom:4px}.mb-6{margin-bottom:6px}.mb-8{margin-bottom:8px}.mb-10{margin-bottom:10px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.stack>*+*{margin-top:var(--sp-3)}.stack.gap-8>*+*{margin-top:8px}.bv-root{display:flex;flex-direction:column;align-items:center;padding:24px 16px 32px;gap:16px;min-height:420px;position:relative}.bv-header{text-align:center}.bv-title{font-size:20px;font-weight:700;margin:0 0 4px;color:var(--c-text)}.bv-subtitle{font-size:13px;color:var(--c-text-2);margin:0}.bv-rounds{display:flex;gap:8px}.bv-round-dot{width:10px;height:10px;border-radius:50%;background:var(--c-surface-2);transition:background .3s}.bv-round-dot.active{background:var(--bv-color, #6366f1);box-shadow:0 0 8px var(--bv-color, #6366f1)}.bv-round-dot.done{background:var(--c-text-3)}.bv-circle-wrap{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center;cursor:pointer}.bv-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.bv-ring-bg{fill:none;stroke:var(--c-surface-2);stroke-width:4}.bv-ring-progress{fill:none;stroke-width:4;stroke-linecap:round;stroke-dasharray:553px;transition:stroke-dashoffset 1s linear}.bv-circle{width:120px;height:120px;border-radius:50%;opacity:.85;transition:transform 4s ease-in-out,opacity .3s;will-change:transform}.bv-circle-active{opacity:.92}.bv-center-text{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.bv-tap{font-size:12px;color:#ffffffd9;text-align:center;font-weight:500;max-width:80px;line-height:1.3}.bv-timer{font-size:40px;font-weight:800;color:#fff;line-height:1;font-family:var(--font-num, monospace)}.bv-timer-label{font-size:12px;color:#ffffffbf;margin-top:2px}.bv-count{font-size:40px;font-weight:800;color:#fff;line-height:1;font-family:var(--font-num, monospace)}.bv-count-label{font-size:13px;color:#ffffffbf}.bv-phase-label{font-size:22px;font-weight:700;letter-spacing:.02em;min-height:32px;transition:color .5s}.bv-wim-progress{width:100%;max-width:240px;display:flex;flex-direction:column;align-items:center;gap:6px}.bv-wim-bar{width:100%;height:6px;border-radius:3px;background:var(--c-surface-2);overflow:hidden}.bv-wim-fill{height:100%;border-radius:3px;transition:width .5s ease}.bv-wim-label{font-size:12px;color:var(--c-text-2)}.bv-btn{width:100%;max-width:240px;margin-top:8px}.bv-done{justify-content:center;gap:12px}.bv-done-icon{font-size:56px}.bv-done h2{margin:0;font-size:22px}.bv-done p{margin:0;color:var(--c-text-2);font-size:14px}:root{--tg-theme-bg-color: var(--tg-bg-color, #0D0D14);--tg-theme-text-color: var(--tg-text-color, #F0F0F8);--tg-theme-hint-color: var(--tg-hint-color, #8A8A9E);--tg-theme-link-color: var(--tg-link-color, #A899FF);--tg-theme-button-color: var(--tg-button-color, #7C6BFF);--tg-theme-button-text-color: var(--tg-button-text-color, #ffffff);--panel: var(--surface);--panel-2: var(--surface-2);--text: var(--text-primary);--muted: var(--text-secondary);--accent: var(--primary);--accent-2: var(--primary-light);--ok: var(--success);--danger: var(--error);--warning: var(--warning);--radius: var(--r-lg);--radius-sm:var(--r-md)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}#root{height:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:var(--r-lg);font-size:15px;font-weight:500;font-family:inherit;cursor:pointer;border:1px solid var(--border-2);background:var(--surface-2);color:var(--text-primary);transition:transform var(--t-fast) var(--ease-spring),background var(--t-fast);-webkit-tap-highlight-color:transparent;text-align:center}.btn:active{transform:scale(.97);background:var(--surface-3)}.btn:disabled{opacity:.4;pointer-events:none}.btn.primary,.btn-primary-old{background:var(--primary);border-color:transparent;color:#fff;box-shadow:0 4px 20px var(--primary-glow)}.btn.primary:active{transform:scale(.97)}.btn.ghost{background:transparent;border-color:var(--border-2);color:var(--text-primary)}.btn.danger{background:var(--error);border-color:transparent;color:#fff}.btn.small{padding:8px 14px;font-size:13px;border-radius:var(--r-md)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;margin-bottom:12px}.card+.card{margin-top:8px}.card-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}.skeleton-text{height:14px;border-radius:var(--r-sm)}.skeleton-card{height:90px;border-radius:var(--r-xl)}.avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;border:2px solid var(--border-2)}.avatar-placeholder{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff}.timer{font-family:var(--font-num);font-size:16px;font-weight:700;color:var(--text-secondary);letter-spacing:.05em}.set-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.set-row:last-child{border-bottom:none}.set-num{width:24px;font-size:13px;font-weight:700;color:var(--text-muted);text-align:center;flex-shrink:0}.history-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px 16px;margin-bottom:10px;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast)}.history-item:active{background:var(--surface-2);border-color:var(--border-2)}.history-item-title{font-size:16px;font-weight:600;margin-bottom:4px}.history-item-meta{font-size:12px;color:var(--text-muted)}.history-item-detail{font-size:13px;color:var(--text-secondary)}.history-item-pr{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--warning);background:var(--warning-soft);padding:2px 8px;border-radius:var(--r-full)}