@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600&family=Inter:wght@400;500;600&display=swap";:root{--bg: #0d0d0d;--bg-card: rgba(255, 255, 255, .03);--bg-hover: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .07);--border-hover: rgba(255, 255, 255, .14);--text: #e8e8e8;--text-dim: #777;--text-muted: #444;--accent: #6366f1;--danger: #e5484d;--radius: 10px;--mono: "IBM Plex Mono", monospace;--sans: "Inter", -apple-system, sans-serif;--btn-bg: #fff;--btn-text: #000}.light-theme{--bg: #f5f5ed;--bg-card: rgba(0, 0, 0, .03);--bg-hover: rgba(0, 0, 0, .06);--border: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .15);--text: #2b2b2b;--text-dim: #555;--text-muted: #888;--accent: #a1b9ed;--btn-bg: #2b2b2b;--btn-text: #f5f5ed}.light-theme .hm-cell{background:#0000000a;border-color:#00000014}.light-theme .hm-cell:hover{border-color:#0000004d!important}.light-theme .hm-tooltip{background:#fffffffa;border-color:#0000001a;box-shadow:0 4px 12px #0000001a}.light-theme .hm-tooltip-dur{color:var(--text)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#ffffff05;border:1px solid var(--border);border-radius:16px;padding:44px 36px;width:100%;max-width:380px}.login-card h1{font-family:var(--sans);font-size:2rem;font-weight:600;text-align:center;margin-bottom:4px;color:var(--text)}.login-card .subtitle{text-align:center;color:var(--text-dim);font-size:.85rem;margin-bottom:32px}.form-group{margin-bottom:18px}.form-group label{display:block;color:var(--text-dim);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.form-group input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:#ffffff08;color:var(--text);font-family:var(--sans);font-size:.9rem;outline:none;transition:border-color .2s}.form-group input::placeholder{color:var(--text-muted)}.form-group input:focus{border-color:var(--accent)}.btn-primary{width:100%;padding:12px;background:var(--btn-bg);color:var(--btn-text);border:none;border-radius:8px;font-family:var(--sans);font-size:.9rem;font-weight:600;cursor:pointer;margin-top:6px}.btn-primary:hover{opacity:.88}.btn-primary:disabled{opacity:.4;cursor:default}.login-link{text-align:center;margin-top:20px;color:var(--text-dim);font-size:.82rem}.login-link a{color:#fff;text-decoration:none;font-weight:500}.error-msg{color:var(--danger);text-align:center;margin-top:14px;font-size:.82rem}.auth-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;flex-direction:column;gap:14px}.auth-loading .spinner{width:28px;height:28px;border:2px solid var(--border);border-top-color:var(--text-dim);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-loading p{color:var(--text-muted);font-family:var(--mono);font-size:.8rem}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px 20px}.timer-section{text-align:center;margin-bottom:36px}.timer-mode-badge{display:inline-block;padding:4px 12px;color:var(--text-muted);font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px}.timer-display{font-family:var(--mono);font-size:5.5rem;font-weight:300;letter-spacing:-.03em;line-height:1;margin-bottom:28px;-webkit-user-select:none;user-select:none;color:var(--text)}.timer-display.paused{animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.progress-track{width:280px;height:2px;background:#ffffff0f;border-radius:1px;margin:0 auto 32px;overflow:hidden}.progress-fill{height:100%;background:var(--text-dim);border-radius:1px;transition:width 1s linear}.controls{display:flex;align-items:center;gap:14px;margin-bottom:44px}.ctrl-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s}.ctrl-btn:hover{border-color:var(--border-hover);background:var(--bg-hover)}.ctrl-btn:active{transform:scale(.94)}.ctrl-btn svg{width:18px;height:18px;fill:currentColor}.ctrl-btn.play-btn{width:56px;height:56px;background:var(--btn-bg);color:var(--btn-text);border:none}.ctrl-btn.play-btn:hover{opacity:.85}.ctrl-btn.play-btn svg{width:22px;height:22px}.ctrl-btn.stop-btn{border-color:#e5484d66;color:var(--danger)}.ctrl-btn.stop-btn:hover{background:#e5484d14}.tool-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;max-width:400px}.tool-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border);border-radius:20px;background:transparent;color:var(--text-dim);font-family:var(--mono);font-size:.75rem;cursor:pointer;transition:color .2s,border-color .2s}.tool-btn:hover{border-color:var(--border-hover);color:var(--text)}.tool-btn svg{width:14px;height:14px;fill:currentColor}.tool-btn.active{border-color:var(--text-dim);color:var(--text)}.modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--bg);border:1px solid var(--border);border-radius:14px;width:100%;max-width:460px;max-height:85vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 14px;border-bottom:1px solid var(--border)}.modal-header h2{font-family:var(--sans);font-size:1rem;font-weight:600}.close-btn{width:28px;height:28px;border:none;border-radius:6px;background:#ffffff0a;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.close-btn:hover{color:var(--text)}.modal-body{padding:20px 24px 24px}.setting-group{margin-bottom:20px}.setting-group label{display:block;color:var(--text-dim);font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.setting-group select,.setting-group input[type=text],.setting-group input[type=number]{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text);font-family:var(--mono);font-size:.85rem;outline:none;appearance:none}.setting-group select:focus,.setting-group input[type=text]:focus,.setting-group input[type=number]:focus{border-color:var(--accent)}.setting-row{display:flex;gap:10px}.setting-row>div{flex:1}.btn-save{width:100%;padding:12px;background:var(--btn-bg);color:var(--btn-text);border:none;border-radius:8px;font-family:var(--sans);font-size:.88rem;font-weight:600;cursor:pointer;margin-top:6px}.btn-save:hover{opacity:.88}.whats-new-overlay{z-index:1200}.whats-new-modal{max-width:480px;max-height:92vh;overflow:hidden;border-radius:10px;background:radial-gradient(circle at 16% 0%,rgba(99,102,241,.16),transparent 30%),radial-gradient(circle at 92% 12%,rgba(34,197,94,.12),transparent 30%),var(--bg)}.whats-new-header{align-items:flex-start;padding-bottom:12px}.whats-new-header span{display:block;margin-bottom:4px;color:var(--text-muted);font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}.whats-new-body{padding-top:16px;padding-bottom:24px}.whats-new-hero{position:relative;overflow:hidden;margin-bottom:16px;border:1px solid var(--border);border-radius:8px;background:#ffffff06;box-shadow:0 18px 55px #00000038}.whats-new-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.22)),radial-gradient(circle at 50% 100%,rgba(255,255,255,.14),transparent 38%)}.whats-new-hero img{display:block;width:100%;height:180px;object-fit:cover;filter:saturate(1.08) contrast(1.04)}.whats-new-hero-v2 img{height:190px}.whats-new-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:18px}.whats-new-item{padding:12px;border:1px solid var(--border);border-radius:7px;background:#ffffff06}.whats-new-item strong{display:block;margin-bottom:3px;color:var(--text);font-size:.86rem;font-weight:600}.whats-new-item p{margin:0;color:var(--text-dim);font-size:.74rem;line-height:1.45}.whats-new-action{margin-top:2px}.whats-new-v2-copy{display:grid;gap:9px;margin-bottom:14px}.whats-new-v2-copy p{margin:0;padding:11px 12px;border-left:2px solid var(--text-dim);background:#ffffff05;color:var(--text-dim);font-size:.8rem;line-height:1.45}.whats-new-v2-copy p:first-child{color:var(--text);border-left-color:var(--text)}.whats-new-request{display:grid;gap:8px;margin-bottom:14px}.whats-new-request label{color:var(--text-muted);font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}.whats-new-request textarea{width:100%;min-height:72px;resize:vertical;padding:11px 12px;border:1px solid var(--border);border-radius:7px;background:#ffffff06;color:var(--text);font-family:var(--sans);font-size:.82rem;outline:none}.whats-new-request textarea:focus{border-color:var(--border-hover)}.whats-new-request button{justify-self:start;padding:8px 12px;border:1px solid var(--border);border-radius:7px;background:transparent;color:var(--text);font-family:var(--sans);font-size:.82rem;font-weight:600;cursor:pointer}.whats-new-request button:hover{border-color:var(--border-hover);background:var(--bg-hover)}@media(max-width:520px){.whats-new-list{grid-template-columns:1fr}.whats-new-hero img{height:150px}}.color-presets{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.color-dot{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color .15s,transform .15s}.color-dot:hover{transform:scale(1.15)}.color-dot.active{border-color:var(--text)}.color-custom-wrap{width:26px;height:26px;border-radius:50%;border:1px dashed var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden}.color-custom-wrap input[type=color]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;border:none}.color-custom-wrap span{font-size:.8rem;color:var(--text-muted);pointer-events:none}.color-preview-strip{display:flex;gap:4px;margin-top:12px}.log-section{width:100%;max-width:800px;margin-top:28px}.log-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:10px}.log-header h3{font-family:var(--sans);font-size:.95rem;font-weight:600}.log-filters{display:flex;gap:6px}.log-filters select{padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text);font-family:var(--mono);font-size:.72rem;outline:none;cursor:pointer}.log-empty{text-align:center;padding:40px 20px;color:var(--text-muted);font-family:var(--mono);font-size:.8rem}.log-entry{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:6px;gap:10px;transition:border-color .15s}.log-entry:hover{border-color:var(--border-hover)}.log-entry-info{flex:1;min-width:0}.log-entry-date{font-family:var(--mono);font-size:.75rem;color:var(--text-dim);margin-bottom:2px}.log-entry-duration{font-family:var(--mono);font-size:1rem;font-weight:600}.log-entry-desc{font-size:.75rem;color:var(--text-muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-entry-actions{display:flex;gap:4px;flex-shrink:0}.log-action-btn{width:28px;height:28px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.72rem}.log-action-btn:hover{border-color:var(--border-hover);color:var(--text)}.log-action-btn.delete:hover{border-color:var(--danger);color:var(--danger)}.analytics-modal{width:95%;max-width:960px}.analytics-header{align-items:flex-start}.analytics-header p{margin-top:3px;color:var(--text-muted);font-size:.76rem}.analytics-body{padding:24px}.analytics-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.analytics-card,.analytics-panel{border:1px solid var(--border);background:#ffffff05;border-radius:16px}.analytics-card{padding:16px}.analytics-card span,.analytics-card small,.analytics-section-head p,.analytics-section-head>span,.analytics-kv-list span,.analytics-top-days small,.analytics-week-bar small{color:var(--text-muted)}.analytics-card span{display:block;margin-bottom:8px;font-size:.72rem}.analytics-card strong{display:block;color:var(--text);font-family:var(--mono);font-size:1.35rem;font-weight:600;letter-spacing:-.04em}.analytics-card small{display:block;margin-top:6px;font-size:.72rem}.analytics-panel{padding:18px}.analytics-chart-panel{margin-bottom:14px}.analytics-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.analytics-section-head h3{margin:0;color:var(--text);font-size:.95rem;font-weight:600}.analytics-section-head p,.analytics-section-head>span{margin:2px 0 0;font-family:var(--mono);font-size:.68rem}.analytics-chart{color:var(--text)}.analytics-chart svg{display:block;width:100%;height:230px;overflow:visible}.analytics-grid-line{stroke:var(--border);stroke-width:1;stroke-dasharray:5 7}.analytics-area-path{fill:url(#analyticsArea)}.analytics-line-path{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}.analytics-point circle{fill:var(--bg);stroke:currentColor;stroke-width:2}.analytics-chart-labels{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:4px;margin-top:8px;color:var(--text-dim);font-family:var(--mono);font-size:.62rem;text-align:center}.analytics-chart-labels .muted{opacity:.35}.analytics-detail-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:14px;margin-bottom:14px}.analytics-week-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;min-height:170px}.analytics-week-bar{display:grid;grid-template-rows:1fr auto auto;gap:7px;min-width:0;text-align:center}.analytics-week-bar>div{display:flex;align-items:flex-end;justify-content:center;min-height:120px;border:1px solid var(--border);border-radius:12px;background:#ffffff03;overflow:hidden}.analytics-week-bar>div span{display:block;width:100%;max-width:26px;border-radius:8px 8px 0 0;background:var(--text);opacity:.86}.analytics-week-bar strong{color:var(--text-dim);font-family:var(--mono);font-size:.68rem;font-weight:500}.analytics-week-bar small{font-family:var(--mono);font-size:.62rem}.analytics-kv-list{display:grid;gap:2px}.analytics-kv-list div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--border)}.analytics-kv-list div:last-child{border-bottom:none}.analytics-kv-list span{font-size:.78rem}.analytics-kv-list strong{color:var(--text);font-family:var(--mono);font-size:.82rem;font-weight:600;text-align:right}.analytics-top-days{display:grid;gap:8px}.analytics-top-days>div{display:grid;grid-template-columns:36px minmax(90px,.6fr) minmax(120px,1fr) 70px;align-items:center;gap:12px}.analytics-top-days>div>span{color:var(--text-muted);font-family:var(--mono);font-size:.72rem}.analytics-top-days strong{color:var(--text);font-size:.82rem;font-weight:500}.analytics-top-days div div{height:8px;border-radius:999px;background:#ffffff0b;overflow:hidden}.analytics-top-days div div span{display:block;height:100%;border-radius:inherit;background:var(--text);opacity:.84}.analytics-top-days small{font-family:var(--mono);font-size:.74rem;text-align:right}.analytics-empty{padding:26px 10px;color:var(--text-muted);font-size:.82rem;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:20px}.stat-card{border:1px solid var(--border);border-radius:var(--radius);padding:16px;text-align:center}.stat-card .stat-value{font-family:var(--mono);font-size:1.3rem;font-weight:600;margin-bottom:4px}.stat-card .stat-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.weekly-chart{display:flex;align-items:flex-end;gap:6px;height:100px;padding:12px 0}.weekly-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.weekly-bar{width:100%;max-width:28px;background:var(--text-dim);border-radius:3px 3px 0 0;min-height:3px;transition:height .4s ease}.weekly-label{font-family:var(--mono);font-size:.6rem;color:var(--text-muted);margin-top:6px}.heatmap{width:100%;max-width:800px;margin-top:28px}.hm-months{position:relative;height:18px;margin-bottom:4px;font-family:var(--mono);font-size:.65rem;color:var(--text-muted)}.hm-day-labels{display:flex;flex-direction:column;justify-content:space-between;padding-right:6px;width:28px;flex-shrink:0}.hm-day-labels span{font-family:var(--mono);font-size:.6rem;color:var(--text-muted);height:11px;line-height:11px}.hm-grid{display:flex;gap:3px;flex:1;justify-content:flex-end;overflow-x:auto;padding-bottom:4px}.hm-col{display:flex;flex-direction:column;gap:3px}.hm-cell{width:11px;height:11px;border-radius:2px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:border-color .15s,box-shadow .15s}.hm-cell:hover{border-color:#ffffff4d!important;box-shadow:0 0 8px #ffffff1a}.hm-tooltip{position:absolute;z-index:9999;background:#16161cf2;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:8px 12px;display:flex;flex-direction:column;gap:2px;pointer-events:none;font-family:var(--mono);box-shadow:0 4px 12px #0000004d;transform:translate(-50%,-100%);animation:hm-tip-in .15s ease-out forwards}@keyframes hm-tip-in{0%{opacity:0;transform:translate(-50%,calc(-100% + 4px))}to{opacity:1;transform:translate(-50%,-100%)}}.hm-tooltip-dur{font-size:.8rem;font-weight:600;color:#fff}.hm-tooltip-date{font-size:.6rem;color:var(--text-muted)}.hm-legend{display:flex;align-items:center;gap:4px;margin-top:10px;justify-content:flex-end}.hm-legend span{font-size:.65rem;color:var(--text-muted);font-family:var(--mono)}.hm-view-actions{display:flex;align-items:center;gap:6px;margin-right:auto}.hm-3d-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:5px;background:var(--bg);color:var(--text-dim);font-family:var(--mono);font-size:.65rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:color .2s,border-color .2s,filter .2s;position:relative;border:1px solid transparent;background-clip:padding-box}.hm-3d-btn:before{content:"";position:absolute;inset:-1px;border-radius:6px;background:linear-gradient(90deg,#ff595e,#ffca3a,#8ac926,#1982c4,#6a4c93,#ff595e);background-size:200% 100%;animation:hm-rainbow 3s linear infinite;z-index:-1;opacity:.7;transition:opacity .2s}@keyframes hm-rainbow{to{background-position:200% 0}}.hm-3d-btn:hover{color:var(--text)}.hm-3d-btn:hover:before{opacity:1}.hm-3d-btn svg{flex-shrink:0}.hm-game-btn:before{background:linear-gradient(90deg,#24f7a0,#6ee7ff,#facc15,#fb7185,#24f7a0);background-size:200% 100%}.game-world-overlay{position:fixed;inset:0;z-index:1000;background:var(--game-sky);overflow:hidden;transition:background .45s ease;--game-sky: radial-gradient(circle at 50% 30%, rgba(255, 244, 188, .16), transparent 24%), linear-gradient(180deg, #9be7ff 0%, #d9f7ff 38%, #5a7d58 72%, #1a201d 100%);--game-hud-bg: linear-gradient(180deg, rgba(8, 12, 18, .5), rgba(8, 12, 18, .18));--game-panel-bg: rgba(8, 12, 18, .48);--game-border: rgba(255, 255, 255, .2);--game-control-bg: rgba(8, 12, 18, .24)}.game-weather-sunset{--game-sky: radial-gradient(circle at 24% 24%, rgba(255, 206, 118, .5), transparent 18%), linear-gradient(180deg, #ffb56f 0%, #e8795d 36%, #6f6b55 72%, #191714 100%);--game-hud-bg: linear-gradient(180deg, rgba(30, 16, 13, .5), rgba(30, 16, 13, .2));--game-panel-bg: rgba(28, 16, 12, .54)}.game-weather-night{--game-sky: radial-gradient(circle at 78% 18%, rgba(202, 220, 255, .34), transparent 8%), radial-gradient(circle at 12% 12%, rgba(255, 255, 255, .18), transparent 2%), radial-gradient(circle at 34% 24%, rgba(255, 255, 255, .14), transparent 1.5%), linear-gradient(180deg, #071222 0%, #0c1a2f 42%, #182820 76%, #070a0a 100%);--game-hud-bg: linear-gradient(180deg, rgba(3, 8, 16, .68), rgba(3, 8, 16, .28));--game-panel-bg: rgba(3, 8, 16, .64);--game-border: rgba(180, 210, 255, .22);--game-control-bg: rgba(3, 8, 16, .34)}.game-world-shell{position:relative;width:100%;height:100%}.game-world-canvas{position:absolute;inset:0}.game-world-canvas canvas{display:block;width:100%;height:100%}.game-world-shell:before,.game-world-shell:after{content:"";position:absolute;left:0;right:0;pointer-events:none;z-index:2}.game-world-shell:before{top:0;height:32%;background:radial-gradient(circle at 22% 20%,rgba(255,243,184,.28),transparent 18%),linear-gradient(180deg,rgba(255,255,255,.2),transparent);mix-blend-mode:screen}.game-world-shell:after{bottom:0;height:48%;background:radial-gradient(ellipse at 50% 100%,rgba(0,0,0,.58),transparent 62%),linear-gradient(180deg,transparent,rgba(0,0,0,.36))}.game-hud{position:relative;z-index:3;display:flex;align-items:start;justify-content:center;width:100%;min-height:100%;padding:18px;pointer-events:none}.game-hud button{pointer-events:auto}.game-back{position:absolute;top:22px;left:22px;width:38px;height:34px;border:1px solid rgba(0,0,0,.08);border-radius:9px;background:#fff;color:#6b7280;font-family:var(--sans);font-size:1.1rem;font-weight:600;line-height:1;cursor:pointer;box-shadow:0 8px 22px #00000024;transition:color .15s,background .15s,border-color .15s}.game-back:hover{background:#f8fafc;border-color:#00000024;color:#374151}.game-hud-center{display:flex;flex-direction:column;align-items:center;margin-top:10px;padding:12px 16px 14px;border:1px solid var(--game-border);border-radius:24px;background:var(--game-hud-bg);box-shadow:0 18px 56px #0000003d,inset 0 1px #ffffff29;backdrop-filter:blur(20px) saturate(1.1);-webkit-backdrop-filter:blur(20px) saturate(1.1)}.game-timer{margin:0;color:#fff;font-size:clamp(2.9rem,7vw,6.2rem);letter-spacing:-.07em;text-shadow:0 3px 22px rgba(0,0,0,.46),0 0 46px rgba(255,255,255,.24)}.game-control-row{display:flex;align-items:center;gap:8px;margin-top:8px}.game-settings-toggle,.game-start-btn,.game-stop-btn{min-width:84px;padding:8px 13px;border:1px solid rgba(255,255,255,.22);border-radius:9px;font-family:var(--sans);font-size:.82rem;font-weight:600;letter-spacing:-.01em;text-transform:none;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.game-settings-toggle{min-width:0;margin-top:8px;padding:7px 11px;background:transparent;color:#ffffffad}.game-settings-toggle.active,.game-settings-toggle:hover{color:#fff;background:var(--game-control-bg)}.game-start-btn{background:#fff;color:#111827;box-shadow:none}.game-stop-btn{background:#ffffff14;color:#ffffffc7;box-shadow:none}.game-settings-toggle:hover,.game-start-btn:hover,.game-stop-btn:hover{border-color:#ffffff61}.game-start-btn:hover{background:#f3f4f6}.game-stop-btn:hover{background:#ffffff24;color:#fff}.game-start-btn:active,.game-stop-btn:active{background:#fff3}.game-settings-panel{width:min(330px,76vw);margin-top:10px;padding:12px;border:1px solid var(--game-border);border-radius:18px;background:var(--game-panel-bg);box-shadow:0 18px 52px #0000003d}.game-setting-group{display:grid;gap:8px}.game-setting-group+.game-setting-group{margin-top:12px}.game-setting-group>span{color:#ffffff94;font-family:var(--mono);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}.game-color-row,.game-segment-row{display:flex;gap:7px}.game-color-swatch{width:28px;height:28px;border:2px solid rgba(255,255,255,.16);border-radius:999px;cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}.game-color-swatch:hover,.game-color-swatch.active{transform:translateY(-1px);border-color:#ffffffd1;box-shadow:0 0 0 4px #ffffff14}.game-segment-row{padding:3px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#0000001f}.game-segment-row button{flex:1;padding:7px 10px;border:none;border-radius:8px;background:transparent;color:#ffffff9e;font-family:var(--sans);font-size:.78rem;font-weight:600;cursor:pointer;transition:color .16s,background .16s}.game-segment-row button:hover,.game-segment-row button.active{background:#ffffff24;color:#fff}.hm3d-overlay{position:fixed;inset:0;z-index:1000;background:#16161cf2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;align-items:center;justify-content:center;animation:hm3d-in .35s cubic-bezier(.16,1,.3,1);transition:background .4s ease;cursor:grab;-webkit-user-select:none;user-select:none}.hm3d-overlay.hm3d-dragging,.hm3d-overlay.hm3d-dragging *{cursor:grabbing!important}@keyframes hm3d-in{0%{opacity:0}to{opacity:1}}.hm3d-overlay.hm3d-closing{animation:hm3d-out .35s ease forwards;pointer-events:none}@keyframes hm3d-out{to{opacity:0}}.hm3d-close{position:fixed;top:24px;left:24px;z-index:1001;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#fff9;padding:8px 18px;border-radius:8px;font-family:var(--sans);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .3s ease}.hm3d-close:hover{background:#ffffff1a;color:#ffffffe6;border-color:#ffffff26}.hm3d-mode-btn{position:fixed;top:24px;right:24px;z-index:1001;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff9;cursor:pointer;transition:all .3s ease}.hm3d-mode-btn:hover{background:#ffffff1a;color:#ffffffe6;border-color:#ffffff26}.hm3d-scene{perspective:1200px;animation:hm3d-scene-in .7s cubic-bezier(.16,1,.3,1)}@keyframes hm3d-scene-in{0%{opacity:0}to{opacity:1}}.hm3d-grid{display:grid;grid-template-columns:repeat(52,14px);grid-template-rows:repeat(7,14px);gap:3px;transform-style:preserve-3d}.hm3d-cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;cursor:pointer;--val: 0;--intensity: calc(var(--val) / var(--max-val));--cube-height: calc(var(--intensity) * 140px)}.hm3d-face{position:absolute;box-sizing:border-box;transition:filter .25s ease,border .25s ease}.hm3d-cube:not(.hm3d-empty){--i-floor: max(.2, var(--intensity));--mix: calc(var(--i-floor) * 100%)}.hm3d-cube:not(.hm3d-empty) .hm3d-face{background:color-mix(in srgb,var(--hm3d-color) var(--mix),transparent)}.hm3d-cube:not(.hm3d-empty) .hm3d-top{border:.5px solid rgba(255,255,255,.12)}.hm3d-cube:not(.hm3d-empty) .hm3d-front{filter:brightness(.72);border:.5px solid rgba(255,255,255,.04)}.hm3d-cube:not(.hm3d-empty) .hm3d-right{filter:brightness(.5);border:.5px solid rgba(255,255,255,.02)}.hm3d-cube:not(.hm3d-empty) .hm3d-back{filter:brightness(.72);border:.5px solid rgba(255,255,255,.04)}.hm3d-cube:not(.hm3d-empty) .hm3d-left{filter:brightness(.6);border:.5px solid rgba(255,255,255,.03)}.hm3d-empty .hm3d-top{background:#ffffff0d;border:.5px solid rgba(255,255,255,.07)}.hm3d-empty .hm3d-front,.hm3d-empty .hm3d-right,.hm3d-empty .hm3d-back,.hm3d-empty .hm3d-left{opacity:0;pointer-events:none}.hm3d-top{width:100%;height:100%;transform:translateZ(var(--cube-height));z-index:2}.hm3d-front{width:100%;height:var(--cube-height);bottom:0;left:0;transform-origin:bottom center;transform:rotateX(-90deg)}.hm3d-right{width:var(--cube-height);height:100%;top:0;right:0;transform-origin:center right;transform:rotateY(90deg)}.hm3d-back{width:100%;height:var(--cube-height);top:0;left:0;transform-origin:top center;transform:rotateX(90deg)}.hm3d-left{width:var(--cube-height);height:100%;top:0;left:0;transform-origin:center left;transform:rotateY(-90deg)}.hm3d-cube:hover .hm3d-top{border:1.5px solid rgba(255,255,255,.5);filter:brightness(1.3)}.hm3d-cube:hover .hm3d-front{filter:brightness(.95)}.hm3d-cube:hover .hm3d-right{filter:brightness(.7)}.hm3d-cube:hover .hm3d-back{filter:brightness(.95)}.hm3d-cube:hover .hm3d-left{filter:brightness(.8)}.hm3d-tooltip{position:fixed;z-index:1002;background:#141418f2;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:3px;pointer-events:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 24px #0006;animation:hm3d-tip .12s ease;transition:background .3s,border-color .3s,box-shadow .3s}@keyframes hm3d-tip{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hm3d-tooltip-date{font-family:var(--mono);font-size:.68rem;color:#ffffff73;transition:color .3s}.hm3d-tooltip-dur{font-family:var(--mono);font-size:.92rem;font-weight:600;color:#fff;transition:color .3s}.hm3d-light{background:#f0f0e8f7}.hm3d-light .hm3d-close{background:#0000000d;border-color:#0000001a;color:#0000008c}.hm3d-light .hm3d-close:hover{background:#00000014;color:#000000d9;border-color:#0000002e}.hm3d-light .hm3d-mode-btn{background:#0000000d;border-color:#0000001a;color:#0000008c}.hm3d-light .hm3d-mode-btn:hover{background:#00000014;color:#000000d9;border-color:#0000002e}.hm3d-light .hm3d-cube:not(.hm3d-empty) .hm3d-top{border-color:#00000014}.hm3d-light .hm3d-cube:not(.hm3d-empty) .hm3d-front,.hm3d-light .hm3d-cube:not(.hm3d-empty) .hm3d-back{border-color:#0000000f}.hm3d-light .hm3d-cube:not(.hm3d-empty) .hm3d-right,.hm3d-light .hm3d-cube:not(.hm3d-empty) .hm3d-left{border-color:#0000000a}.hm3d-light .hm3d-empty .hm3d-top{background:#0000000a;border-color:#00000012}.hm3d-light .hm3d-cube:hover .hm3d-top{border-color:#00000059}.hm3d-light .hm3d-tooltip{background:#fffffff2;border-color:#00000014;box-shadow:0 8px 24px #0000001a}.hm3d-light .hm3d-tooltip-date{color:#00000073}.hm3d-light .hm3d-tooltip-dur{color:#2b2b2b}@media(max-width:900px){.hm3d-grid{grid-template-columns:repeat(52,10px);grid-template-rows:repeat(7,10px);gap:2px}}@media(max-width:640px){.hm3d-grid{grid-template-columns:repeat(52,7px);grid-template-rows:repeat(7,7px);gap:1.5px}.hm3d-cube{--cube-height: calc(var(--intensity) * 80px)}}.hm3d-stats-panel{position:fixed;left:55%;top:62%;z-index:10001;display:flex;flex-direction:column;align-items:flex-end;gap:6px;color:#e5e5e5;text-align:right;opacity:0;pointer-events:none;animation:hm3d-stats-in .5s .2s ease forwards}.hm3d-light .hm3d-stats-panel{color:#1a1a1a}@keyframes hm3d-stats-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hm3d-stats-time{font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:18px;font-weight:500;letter-spacing:.3px}.hm3d-stats-sessions{font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:13px;font-weight:400;opacity:.5}.hm-dev-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border:1px solid;border-radius:20px;background:transparent;font-family:var(--mono);font-size:.65rem;font-weight:600;letter-spacing:.08em;cursor:pointer;margin-bottom:8px;opacity:.75;transition:opacity .2s}.hm-dev-badge:hover{opacity:1}.dev-badge-inline{display:inline-flex;align-items:center;padding:2px 7px;border-radius:4px;font-family:var(--mono);font-size:.65rem;font-weight:700;letter-spacing:.06em;color:#fff}.dev-modal{max-width:360px}.dev-info{font-size:.75rem;color:var(--text-muted);font-family:var(--mono);margin-bottom:16px;padding:8px 12px;border:1px solid rgba(255,255,255,.05);border-radius:6px;background:#ffffff05}.dev-form{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.dev-field{display:flex;flex-direction:column;gap:4px}.dev-field label{font-size:.7rem;color:var(--text-dim);font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em}.dev-field-row{display:flex;gap:10px}.dev-field-row .dev-field{flex:1}.dev-input{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:#ffffff08;color:var(--text);font-family:var(--mono);font-size:.85rem;outline:none;transition:border-color .2s}.dev-input:focus{border-color:#fff3}.dev-add-btn{width:100%;padding:10px;border:none;border-radius:8px;color:#fff;font-family:var(--sans);font-size:.85rem;font-weight:600;cursor:pointer;opacity:.9;transition:opacity .2s}.dev-add-btn:hover{opacity:1}.dev-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:.75rem;color:var(--text-dim);font-family:var(--mono)}.dev-clear-btn{background:none;border:none;color:var(--danger);font-family:var(--mono);font-size:.72rem;cursor:pointer;opacity:.7}.dev-clear-btn:hover{opacity:1}.dev-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.dev-entry{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:7px;background:var(--bg-card)}.dev-entry-date{font-family:var(--mono);font-size:.75rem;color:var(--text-dim);flex:1}.dev-entry-dur{font-family:var(--mono);font-size:.8rem;font-weight:600}.dev-entry-del{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.75rem;padding:2px 4px;border-radius:4px;transition:color .15s}.dev-entry-del:hover{color:var(--danger)}.account-info{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px}.account-info input{flex:1;background:transparent;border:none;color:var(--text);font-family:var(--mono);font-size:.82rem;outline:none}.copy-btn{padding:5px 12px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-dim);font-family:var(--mono);font-size:.7rem;cursor:pointer}.copy-btn:hover{color:var(--text)}.btn-danger{width:100%;padding:10px;background:transparent;color:var(--danger);border:1px solid rgba(229,72,77,.25);border-radius:8px;font-family:var(--sans);font-size:.85rem;cursor:pointer;margin-top:6px}.btn-danger:hover{background:#e5484d0f}.btn-secondary{width:100%;padding:10px;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:8px;font-family:var(--sans);font-size:.85rem;cursor:pointer}.btn-secondary:hover{border-color:var(--border-hover)}.setting-group textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:#ffffff08;color:var(--text);font-family:var(--sans);font-size:.85rem;outline:none;resize:vertical;min-height:72px}.setting-group textarea:focus{border-color:var(--accent)}.setting-group input[type=date]{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:#ffffff08;color:var(--text);font-family:var(--mono);font-size:.85rem;outline:none;color-scheme:dark}.setting-group input[type=date]:focus{border-color:var(--accent)}@media(max-width:640px){.timer-display{font-size:3.8rem}.ctrl-btn{width:40px;height:40px}.ctrl-btn.play-btn{width:50px;height:50px}.progress-track{width:220px}.tool-bar{flex-wrap:wrap;justify-content:center}.stats-grid{grid-template-columns:1fr}.analytics-body{padding:16px}.analytics-summary-grid,.analytics-detail-grid{grid-template-columns:1fr}.analytics-chart svg{height:190px}.analytics-chart-labels{font-size:.56rem}.analytics-week-bars{gap:6px}.analytics-week-bar>div{min-height:92px}.analytics-top-days>div{grid-template-columns:28px 72px 1fr 58px;gap:8px}.modal{max-width:95%;border-radius:12px}.modal-body{padding:16px 20px 20px}.log-entry{flex-direction:column;align-items:flex-start}.log-entry-actions{align-self:flex-end}.hm-grid,.hm-col{gap:2px}.hm-cell{width:8px;height:8px}.hm-view-actions{gap:4px}.hm-3d-btn{padding:3px 8px}.game-hud{padding:14px}.game-hud-center{margin-top:54px;padding:14px 16px 16px}.game-back{top:14px;left:14px}}.music-modal{max-width:400px}.mp-now{display:flex;align-items:center;gap:14px;margin-bottom:16px}.mp-cover{width:64px;height:64px;border-radius:8px;object-fit:cover;border:1px solid var(--border)}.mp-info{flex:1}.mp-title{font-weight:600;font-size:.95rem}.mp-time{font-family:var(--mono);font-size:.7rem;color:var(--text-muted);margin-top:2px}.mp-progress{width:100%;height:4px;background:#ffffff0f;border-radius:2px;cursor:pointer;margin-bottom:14px}.mp-progress-fill{height:100%;background:var(--text-dim);border-radius:2px;transition:width .3s linear}.mp-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:14px}.mp-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center}.mp-btn:hover{border-color:var(--border-hover)}.mp-btn svg{width:16px;height:16px;fill:currentColor}.mp-btn.mp-play{width:44px;height:44px;background:var(--btn-bg);color:var(--btn-text);border:none}.mp-btn.mp-play:hover{opacity:.85}.mp-btn.mp-play svg{width:20px;height:20px}.mp-volume{display:flex;align-items:center;gap:8px;margin-bottom:16px}.mp-volume input[type=range]{flex:1;height:3px;-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:2px;outline:none}.mp-volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer}.mp-list{display:flex;flex-direction:column;gap:2px;max-height:260px;overflow-y:auto}.mp-track{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:none;background:transparent;color:var(--text);cursor:pointer;text-align:left;font-family:var(--sans);font-size:.82rem;transition:background .15s}.mp-track:hover,.mp-track.active{background:var(--bg-hover)}.mp-track img{width:36px;height:36px;border-radius:6px;object-fit:cover}.mp-eq{margin-left:auto;font-size:.65rem;color:var(--text-dim)}.mini-app-modal{max-width:460px}.mini-input-row{display:flex;gap:8px;margin-bottom:16px}.mini-input-row input{flex:1;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:#ffffff08;color:var(--text);font-family:var(--sans);font-size:.85rem;outline:none}.mini-input-row input:focus{border-color:var(--accent)}.mini-input-row button{width:40px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text);font-size:1.2rem;cursor:pointer}.mini-input-row button:hover{border-color:var(--border-hover)}.mini-empty{text-align:center;padding:32px 16px;color:var(--text-muted);font-size:.8rem}.mini-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;margin-bottom:4px;transition:border-color .15s}.mini-item:hover{border-color:var(--border-hover)}.mini-item.done{opacity:.45}.mini-item.done span{text-decoration:line-through}.mini-check{width:20px;height:20px;border-radius:50%;border:2px solid var(--text-muted);background:transparent;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:transparent;transition:border-color .15s}.mini-check:hover{border-color:var(--text)}.mini-check.checked{border-color:var(--text-dim);color:var(--text-dim)}.mini-del{width:24px;height:24px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.85rem;flex-shrink:0;border-radius:4px}.mini-del:hover{color:var(--danger)}.mini-action{width:28px;height:28px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-dim);cursor:pointer;font-size:.7rem;flex-shrink:0}.mini-action:hover{border-color:var(--border-hover);color:var(--text)}.mini-action:disabled{opacity:.3;cursor:default}.mini-divider{font-size:.7rem;color:var(--text-muted);padding:12px 0 6px;font-family:var(--mono)}.ar-review{display:flex;flex-direction:column;align-items:center;gap:16px}.ar-progress{font-family:var(--mono);font-size:.75rem;color:var(--text-muted)}.ar-card{width:100%;min-height:180px;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;cursor:pointer;text-align:center;transition:border-color .2s}.ar-card:hover{border-color:var(--border-hover)}.ar-card.flipped{background:#ffffff05}.ar-card-content{font-size:1.05rem;line-height:1.5;max-width:100%;word-break:break-word}.ar-card-hint{font-size:.65rem;color:var(--text-muted);margin-top:12px;font-family:var(--mono)}.ar-actions{width:100%}.ar-actions button{width:100%;padding:10px;border-radius:8px;background:#fff;color:#000;border:none;font-family:var(--sans);font-weight:600;font-size:.88rem;cursor:pointer}.ar-actions button:hover{opacity:.88}.blurt-new-btn{width:100%;padding:10px;border:1px dashed var(--border);border-radius:8px;background:transparent;color:var(--text-dim);font-family:var(--mono);font-size:.8rem;cursor:pointer;margin-bottom:12px}.blurt-new-btn:hover{border-color:var(--border-hover);color:var(--text)}.blurt-note-item{cursor:pointer}.blurt-editor{display:flex;flex-direction:column;gap:12px}.blurt-title{padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:#ffffff08;color:var(--text);font-family:var(--sans);font-size:.95rem;font-weight:600;outline:none}.blurt-title:focus{border-color:var(--accent)}.blurt-content{padding:12px;border:1px solid var(--border);border-radius:8px;background:#ffffff08;color:var(--text);font-family:var(--sans);font-size:.85rem;outline:none;resize:vertical;min-height:200px;line-height:1.6}.blurt-content:focus{border-color:var(--accent)}.draw-editor{display:flex;flex-direction:column;gap:10px}.draw-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.draw-colors{display:flex;gap:6px;align-items:center}.draw-color-dot{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer}.draw-color-dot:hover{transform:scale(1.15)}.draw-color-dot.active{border-color:var(--text-dim)}.draw-tools{display:flex;align-items:center;gap:6px}.draw-tool-btn{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-dim);cursor:pointer;font-size:.72rem;display:flex;align-items:center;justify-content:center}.draw-tool-btn:hover{border-color:var(--border-hover);color:var(--text)}.draw-tool-btn.active{border-color:var(--text-dim);color:var(--text)}.draw-size{width:60px;height:3px;-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:2px;outline:none}.draw-size::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer}.draw-canvas-wrap{border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:crosshair;touch-action:none}.draw-canvas-wrap canvas{display:block;width:100%}.draw-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:4px}.draw-thumb{border:1px solid var(--border);border-radius:8px;overflow:hidden}.draw-thumb img{width:100%;aspect-ratio:5 / 3;object-fit:cover;cursor:pointer;display:block}.draw-thumb img:hover{opacity:.85}.draw-thumb-footer{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;font-size:.75rem;color:var(--text-dim)}.sr-stats{display:flex;margin-bottom:16px;border:1px solid var(--border);border-radius:8px;overflow:hidden}.sr-stat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 10px;border-right:1px solid var(--border);background:var(--bg-card)}.sr-stat:last-child{border-right:none}.sr-stat-num{font-family:var(--mono);font-size:1.1rem;font-weight:600;color:var(--text)}.sr-stat-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.sr-difficulty{display:flex;gap:8px;width:100%;margin-bottom:8px}.sr-diff-btn{flex:1;padding:10px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);font-family:var(--sans);font-size:.82rem;cursor:pointer;transition:all .2s}.sr-hard:hover{border-color:var(--danger);color:var(--danger);background:#ef44440d}.sr-medium:hover{border-color:var(--accent);color:var(--accent);background:#3b82f60d}.sr-easy:hover{border-color:var(--success);color:var(--success);background:#22c55e0d}.fy-steps{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:12px}.fy-step-tab{flex:1;padding:8px;border:none;border-right:1px solid var(--border);background:var(--bg-card);color:var(--text-dim);font-family:var(--sans);font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.fy-step-tab:last-child{border-right:none}.fy-step-tab.active{background:#ffffff0d;color:var(--text);font-weight:500}.fy-step-num{width:16px;height:16px;border-radius:50%;background:var(--border);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:.6rem;font-family:var(--mono)}.fy-step-tab.active .fy-step-num{background:var(--text);color:#000}.fy-hint{font-size:.8rem;color:var(--text-dim);margin-bottom:12px;line-height:1.4;padding:0 4px}.fy-step-badge{font-family:var(--mono);font-size:.6rem;padding:2px 6px;border:1px solid var(--border);border-radius:4px;color:var(--text-dim)}