:root{color-scheme:dark;--font-display: "Cormorant Garamond", serif;--font-sans: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--skin-radius: 12px;--skin-gold: #E2B75A;--skin-gold-hover: #F2C94C;--skin-bg-panel: #13151A;--skin-bg-base: #090A0F;--skin-glow: rgba(226, 183, 90, .08);--border-glow: rgba(226, 183, 90, .3);--bg-base: var(--skin-bg-base);--bg-panel: var(--skin-bg-panel);--bg-panel-hover: #1A1D24;--border: #222631;--text-main: #F3F4F6;--text-muted: #9CA3AF;--text-faint: #4B5563;--accent-gold: var(--skin-gold);--accent-gold-hover: var(--skin-gold-hover);--accent-slate: #64748B;--accent-silver: #D1D5DB;--accent-success: #10B981;--accent-red: #EF4444;--accent-blue: #3B82F6;--ring-bg: rgba(255, 255, 255, .05);--overlay-bg: rgba(0, 0, 0, .85);--ledger-bg: rgba(19, 21, 26, .8);--transition-hover: all .18s ease;--transition-spring: all .4s cubic-bezier(.34, 1.56, .64, 1)}:root.skin-protocol{color-scheme:dark;--font-display: "IBM Plex Mono", monospace;--font-sans: "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace;--skin-radius: 8px;--skin-gold: #06B6D4;--skin-gold-hover: #22D3EE;--skin-bg-panel: #111318;--skin-bg-base: #0A0B0E;--skin-glow: rgba(6, 182, 212, .15);--border-glow: rgba(6, 182, 212, .3);--ledger-bg: rgba(17, 19, 24, .8)}:root.skin-manuscript{color-scheme:light;--font-display: "Cormorant Garamond", serif;--font-sans: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--skin-radius: 12px;--skin-gold: #9A3B31;--skin-gold-hover: #BA4A3D;--skin-bg-panel: #EBE4D5;--skin-bg-base: #F4EFE6;--skin-glow: rgba(154, 59, 49, .15);--border-glow: rgba(154, 59, 49, .3);--border: #D5CDBA;--text-main: #2A2825;--text-muted: #5C5851;--text-faint: #8A847A;--bg-panel-hover: #E2D9C6;--accent-slate: #736B5E;--accent-silver: #A8A092;--ring-bg: rgba(0, 0, 0, .06);--overlay-bg: rgba(244, 239, 230, .9);--ledger-bg: rgba(235, 228, 213, .8)}::selection{background-color:var(--skin-glow);color:var(--text-main)}:root.skin-verdant{color-scheme:dark;--font-display: "Plus Jakarta Sans", sans-serif;--font-sans: "Inter", sans-serif;--font-mono: "Geist Mono", monospace;--skin-radius: 12px;--skin-gold: #A7C080;--skin-gold-hover: #BDD49B;--skin-bg-panel: #252B28;--skin-bg-base: #1E2620;--skin-glow: rgba(167, 192, 128, .12);--border-glow: rgba(167, 192, 128, .3);--border: #2F3733;--text-main: #EAEBE6;--text-muted: #9CA69F;--text-faint: #5D6660;--bg-panel-hover: #2E3632;--accent-gold: var(--skin-gold);--accent-gold-hover: var(--skin-gold-hover);--accent-slate: #8F9E8B;--accent-silver: #D5DAD6;--accent-success: #A7C080;--accent-red: #E06C75;--accent-blue: #61AFEF;--ring-bg: rgba(255, 255, 255, .04);--overlay-bg: rgba(20, 26, 22, .9);--ledger-bg: rgba(37, 43, 40, .85)}:root.skin-nocturne{color-scheme:dark;--font-display: "Outfit", sans-serif;--font-sans: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--skin-radius: 12px;--skin-gold: #CBA6F7;--skin-gold-hover: #F5C2E7;--skin-bg-panel: #313244;--skin-bg-base: #1E1E2E;--skin-glow: rgba(203, 166, 247, .12);--border-glow: rgba(203, 166, 247, .3);--border: #45475A;--text-main: #CDD6F4;--text-muted: #A6ADC8;--text-faint: #6C7086;--bg-panel-hover: #3E4057;--accent-gold: var(--skin-gold);--accent-gold-hover: var(--skin-gold-hover);--accent-slate: #7F849C;--accent-silver: #BAC2DE;--accent-success: #A6E3A1;--accent-red: #F38BA8;--accent-blue: #89B4FA;--ring-bg: rgba(255, 255, 255, .05);--overlay-bg: rgba(17, 17, 27, .9);--ledger-bg: rgba(49, 50, 68, .85)}:root.skin-neondusk{color-scheme:dark;--font-display: "Space Grotesk", sans-serif;--font-sans: "Inter", sans-serif;--font-mono: "Geist Mono", monospace;--skin-radius: 10px;--skin-gold: #7AA2F7;--skin-gold-hover: #89DDFF;--skin-bg-panel: #24283B;--skin-bg-base: #1A1B2E;--skin-glow: rgba(122, 162, 247, .15);--border-glow: rgba(122, 162, 247, .35);--border: #2F354F;--text-main: #C0CAF5;--text-muted: #787C99;--text-faint: #444B6A;--bg-panel-hover: #2E334D;--accent-gold: var(--skin-gold);--accent-gold-hover: var(--skin-gold-hover);--accent-slate: #565F89;--accent-silver: #A9B1D6;--accent-success: #9ECE6A;--accent-red: #F7768E;--accent-blue: #7AA2F7;--ring-bg: rgba(255, 255, 255, .04);--overlay-bg: rgba(15, 15, 26, .92);--ledger-bg: rgba(36, 40, 59, .85)}:root.skin-rosewood{color-scheme:dark;--font-display: "Cormorant Garamond", serif;--font-sans: "Inter", sans-serif;--font-mono: "Geist Mono", monospace;--skin-radius: 14px;--skin-gold: #EBBCBA;--skin-gold-hover: #F2CDCD;--skin-bg-panel: #1F1D2E;--skin-bg-base: #191724;--skin-glow: rgba(235, 188, 186, .12);--border-glow: rgba(235, 188, 186, .3);--border: #2A2837;--text-main: #E0DEF4;--text-muted: #908CAA;--text-faint: #6E6A86;--bg-panel-hover: #26233A;--accent-gold: var(--skin-gold);--accent-gold-hover: var(--skin-gold-hover);--accent-slate: #9CCFD8;--accent-silver: #C4A7E7;--accent-success: #9CCFD8;--accent-red: #EB6F92;--accent-blue: #31748F;--ring-bg: rgba(255, 255, 255, .04);--overlay-bg: rgba(17, 15, 23, .95);--ledger-bg: rgba(31, 29, 46, .85)}:root.skin-obsidian{color-scheme:dark;--font-display: "Geist", sans-serif;--font-sans: "Geist", sans-serif;--font-mono: "Geist Mono", monospace;--skin-radius: 6px;--skin-gold: #E2E8F0;--skin-gold-hover: #FFFFFF;--skin-bg-panel: #0D0D0D;--skin-bg-base: #000000;--skin-glow: rgba(226, 232, 240, .06);--border-glow: rgba(226, 232, 240, .2);--border: #1E1E1E;--text-main: #F8FAFC;--text-muted: #94A3B8;--text-faint: #475569;--bg-panel-hover: #151515;--accent-gold: var(--skin-gold);--accent-gold-hover: var(--skin-gold-hover);--accent-slate: #64748B;--accent-silver: #CBD5E1;--accent-success: #10B981;--accent-red: #EF4444;--accent-blue: #3B82F6;--ring-bg: rgba(255, 255, 255, .03);--overlay-bg: rgba(0, 0, 0, .95);--ledger-bg: rgba(13, 13, 13, .9)}:root.skin-aurora{color-scheme:dark;--font-display: "Manrope", sans-serif;--font-sans: "Inter", sans-serif;--font-mono: "Geist Mono", monospace;--skin-radius: 12px;--skin-gold: #6EE7D8;--skin-gold-hover: #A5F3FC;--skin-bg-panel: #1B2533;--skin-bg-base: #111827;--skin-glow: rgba(110, 231, 216, .12);--border-glow: rgba(110, 231, 216, .3);--border: #273549;--text-main: #F3F4F6;--text-muted: #94A3B8;--text-faint: #4B5563;--bg-panel-hover: #212D3E;--accent-gold: var(--skin-gold);--accent-gold-hover: var(--skin-gold-hover);--accent-slate: #475569;--accent-silver: #93C5FD;--accent-success: #34D399;--accent-red: #F87171;--accent-blue: #60A5FA;--ring-bg: rgba(255, 255, 255, .04);--overlay-bg: rgba(10, 15, 26, .9);--ledger-bg: rgba(27, 37, 51, .85)}.theme-transitioning *{transition:background-color .4s ease,border-color .4s ease,color .4s ease,border-radius .4s ease,box-shadow .4s ease,text-shadow .4s ease!important}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-base);color:var(--text-main);font-family:var(--font-sans);height:100dvh;width:100vw;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:16px 3vw}.container{width:100%;max-width:1100px;flex:1;display:flex;flex-direction:column;min-height:0}.header{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:16px;flex-shrink:0;transition:var(--transition-hover)}.header.session-active{padding-bottom:8px;margin-bottom:12px;border-bottom-color:transparent}.left-column{display:flex;flex-direction:column;gap:16px;height:100%;overflow-y:auto}.main-grid{display:none;grid-template-columns:340px 1fr;gap:24px;flex:1;min-height:0;animation:fadeIn .4s ease}.protocol-row{display:flex;gap:16px;margin-bottom:clamp(8px,2vh,24px);align-items:flex-start;min-height:280px;width:100%}body:not(.session-running) .container{overflow:hidden;display:flex;flex-direction:column;min-height:calc(100vh - 32px)}body:not(.session-running) .container::-webkit-scrollbar{display:none}.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-gold);margin-bottom:8px;font-weight:600;transition:var(--transition-hover)}.eyebrow.session-active{font-size:11px;margin-bottom:4px;opacity:.6;letter-spacing:.15em}#subjectInput{font-size:28px;font-family:var(--font-display);font-weight:600;background:transparent;border:none;outline:none;color:var(--text-main);width:100%;max-width:500px;letter-spacing:-.01em;transition:var(--transition-hover)}#subjectInput::placeholder{color:var(--text-faint)}#subjectInput:focus{color:var(--accent-gold)}#subjectInput.session-active{font-family:var(--font-sans);font-size:18px;color:var(--text-muted);opacity:.8;letter-spacing:.02em}.app-title{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--text-main);letter-spacing:-.01em;line-height:1.2}.header-actions{display:flex;gap:8px;align-items:center}#rotateBtnMobile{display:none!important}.skin-toggle{display:flex;align-items:center;gap:10px;margin-right:8px}.skin-active-btn,.skin-sheet-backdrop,.skin-sheet-handle{display:none}.skin-sheet-content{display:contents}.skin-opt{font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--text-faint);cursor:pointer;transition:var(--transition-hover);opacity:.4;font-family:var(--font-sans)}.skin-opt:hover{opacity:.8}.skin-opt.active{color:var(--accent-gold);opacity:1;pointer-events:none}.skin-divider{width:1px;height:12px;background:var(--border)}.ghost-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:calc(var(--skin-radius) - 4px);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition-hover);font-family:var(--font-sans)}.ghost-btn:hover{border-color:var(--text-muted);color:var(--text-main);background:var(--bg-panel)}.icon-only-btn{padding:0;width:38px;height:38px}#streakBadge{font-weight:700;font-family:var(--font-mono);color:var(--accent-gold);transition:color .4s ease;display:inline-flex;align-items:center;gap:6px}.streak-fire-icon{display:inline-block;width:16px;height:16px;vertical-align:middle;transform-origin:center bottom;transition:fill .6s cubic-bezier(.25,1,.5,1),filter .6s cubic-bezier(.25,1,.5,1),transform .6s cubic-bezier(.25,1,.5,1)}.streak-fire-icon.state-active{fill:#f59e0b;filter:drop-shadow(0 0 6px rgba(245,158,11,.8));transform:scale(1.1)}.streak-fire-icon.state-warning{fill:#ef4444;filter:drop-shadow(0 0 8px rgba(239,68,68,.9));transform:scale(1.1);animation:flameWarningPulse 2s infinite ease-in-out}.streak-fire-icon.state-lost{fill:#6b7280;filter:drop-shadow(0 0 0px transparent);transform:scale(.9)}.streak-fire-icon.pulse-ignite{animation:flameIgnitePop .8s cubic-bezier(.175,.885,.32,1.275)}.streak-fire-icon.wobble-warning{animation:flameWobbleWarning .8s ease-in-out}@keyframes flameWarningPulse{0%,to{transform:scale(1.1) rotate(0);filter:drop-shadow(0 0 6px rgba(239,68,68,.7))}50%{transform:scale(1.15) rotate(3deg);filter:drop-shadow(0 0 10px rgba(239,68,68,1))}}@keyframes flameIgnitePop{0%{transform:scale(.9);fill:#6b7280;filter:drop-shadow(0 0 0px transparent)}40%{transform:scale(1.4);fill:#f59e0b;filter:drop-shadow(0 0 15px rgba(245,158,11,1))}70%{transform:scale(1.05)}to{transform:scale(1.1)}}@keyframes flameWobbleWarning{0%{transform:scale(1.1) rotate(0)}20%{transform:scale(1.2) rotate(-10deg)}40%{transform:scale(1.2) rotate(8deg)}60%{transform:scale(1.15) rotate(-5deg)}80%{transform:scale(1.1) rotate(3deg)}to{transform:scale(1.1) rotate(0)}}.setup-panel{background:transparent;width:100%;max-width:960px;margin:auto;animation:fadeIn .4s ease;transform-origin:center center;transform:scale(clamp(.715,calc((100vh - 120px)/680px*1.1),1.1));width:calc(100%/clamp(.715,calc((100vh - 120px)/680px*1.1),1.1))}.protocol-card{flex:1;min-width:0;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--skin-radius);padding:20px;cursor:pointer;transition:var(--transition-spring);display:flex;flex-direction:column;opacity:.5;overflow:hidden;max-height:108px}.protocol-card:hover{opacity:.8;border-color:var(--text-faint)}.protocol-card.active{opacity:1;border-color:var(--accent-gold);background:var(--bg-panel-hover);box-shadow:0 10px 30px #00000026;cursor:default;flex:1.25;max-height:310px}.card-header{display:flex;flex-direction:column;gap:8px;pointer-events:none}.card-icon{color:var(--text-muted);transition:color .4s ease;display:flex}.protocol-card.active .card-icon{color:var(--accent-gold)}.card-title{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-main);font-family:var(--font-sans)}.card-desc{font-size:12px;color:var(--text-muted);line-height:1.4;font-family:var(--font-sans)}.card-body{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .4s cubic-bezier(.34,1.56,.64,1),opacity .4s ease;pointer-events:none}.protocol-card.active .card-body{grid-template-rows:1fr;opacity:1;pointer-events:auto}.card-body-inner{overflow:hidden;padding-top:24px}.field-row{display:flex;gap:16px;margin-bottom:16px}.field{flex:1}.field-label{font-size:12px;color:var(--text-muted);margin-bottom:8px;font-weight:500;font-family:var(--font-sans)}input[type=number],input[type=text],select{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:calc(var(--skin-radius) - 4px);background:var(--bg-base);font-family:var(--font-mono);font-size:15px;color:var(--text-main);outline:none;transition:var(--transition-hover);-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=text].intent-input{font-family:var(--font-sans)}input[type=number]:focus,input[type=text]:focus,select:focus{border-color:var(--accent-gold);box-shadow:0 0 0 2px var(--border-glow)}.primary-btn{width:100%;padding:14px 0;background:var(--accent-gold);color:var(--bg-base);border:none;border-radius:calc(var(--skin-radius) - 4px);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition-hover);font-family:var(--font-sans)}.primary-btn:hover{background:var(--accent-gold-hover);transform:translateY(-1px)}.primary-btn.danger{background:var(--accent-red);color:#fff}.primary-btn.danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 0 15px #ef444433}.history-view{display:none;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--skin-radius);padding:32px;width:100%;max-width:800px;margin:auto;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--text-faint) transparent;animation:fadeIn .4s ease}.history-view::-webkit-scrollbar{width:6px}.history-view::-webkit-scrollbar-track{background:transparent}.history-view::-webkit-scrollbar-thumb{background:var(--text-faint);border-radius:3px}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.history-title{font-size:18px;font-weight:700;color:var(--text-main)}.close-ledger-btn{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid var(--border)!important;border-radius:calc(var(--skin-radius) - 4px)!important;color:var(--text-muted)!important;background:transparent!important;transition:var(--transition-hover)!important}.close-ledger-btn:hover{border-color:var(--text-muted)!important;color:var(--text-main)!important;background:var(--bg-panel-hover)!important}.ledger-streak-container{display:flex;margin-bottom:24px}.ledger-streak-badge{display:inline-flex;align-items:center;gap:10px;background:var(--bg-base);border:1px solid var(--border);border-radius:calc(var(--skin-radius) - 4px);padding:10px 16px;font-family:var(--font-sans);font-size:13px;color:var(--text-main);transition:var(--transition-hover);width:100%}.ledger-streak-badge .streak-fire-icon{flex-shrink:0;transition:transform .3s ease}.ledger-streak-badge:hover .streak-fire-icon{transform:scale(1.1) rotate(-5deg)}.ledger-streak-count{font-weight:600;color:var(--text-main)}.ledger-streak-count .highlight-count{color:var(--accent-gold);font-family:var(--font-mono);font-size:15px}.ledger-streak-divider{color:var(--border);font-weight:300}.ledger-streak-title{font-weight:500;color:var(--accent-gold);font-family:var(--font-mono);letter-spacing:.02em}.heatmap-container{margin-bottom:28px}.heatmap-title{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-weight:600;display:flex;justify-content:space-between}.heatmap-grid{display:grid;grid-template-rows:repeat(7,1fr);grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;width:100%;aspect-ratio:54 / 7;overflow-x:hidden}.heat-cell{width:100%;height:100%;aspect-ratio:1;border-radius:2px;background:var(--bg-base);border:1px solid var(--border);position:relative;cursor:pointer;transition:background .3s ease,border-color .3s ease}.heat-cell.level-1{background:var(--skin-glow);border-color:var(--border-glow)}.heat-cell.level-2{background:var(--border-glow);border-color:var(--accent-gold)}.heat-cell.level-3{background:var(--accent-gold);border-color:var(--accent-gold-hover);opacity:.8}.heat-cell.level-4{background:var(--accent-gold-hover);border-color:var(--accent-gold-hover);box-shadow:0 0 8px var(--skin-glow)}.heat-cell-faded{opacity:.15}.heat-nav-btn{background:var(--bg-panel);border:1px solid var(--border);border-radius:calc(var(--skin-radius) - 4px);color:var(--text-muted);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:var(--transition-hover);padding:0}.heat-nav-btn:hover:not(:disabled){background:var(--bg-panel-hover);border-color:var(--text-muted);color:var(--text-main)}.heat-nav-btn:disabled{opacity:.2;cursor:not-allowed}.heat-nav-circle{border-radius:50%;font-size:12px}.heat-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-4px);background:var(--text-main);color:var(--bg-base);padding:4px 8px;font-size:11px;font-weight:600;border-radius:4px;pointer-events:none;opacity:0;white-space:nowrap;transition:opacity .2s ease;z-index:10;font-family:var(--font-sans)}.heat-cell:hover .heat-tooltip{opacity:1}.ledger-summary-container{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:28px}.summary-card{background:var(--bg-base);border:1px solid var(--border);border-radius:calc(var(--skin-radius) - 4px);padding:14px 12px;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;transition:var(--transition-hover)}.summary-card:hover{border-color:var(--accent-gold);transform:translateY(-1px)}.summary-card-val{font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--accent-gold)}.summary-card-label{font-size:10px;font-weight:500;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;line-height:1.2}.history-section-header{font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-top:20px;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--border);display:flex;align-items:center}.ledger-list>.history-section-header:first-child{margin-top:0}@media(max-width:700px){.ledger-summary-container{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.ledger-summary-container{grid-template-columns:repeat(2,1fr)}}.ledger-list{display:flex;flex-direction:column;gap:12px;overflow:visible;padding-right:8px;flex:none}.ledger-item{background:var(--bg-base);border:1px solid var(--border);border-radius:calc(var(--skin-radius) - 4px);padding:16px;display:flex;justify-content:space-between;align-items:center}.ledger-meta{display:flex;flex-direction:column;gap:4px}.ledger-date{font-family:var(--font-mono);font-size:12px;color:var(--text-faint)}.ledger-subject{font-weight:600;font-size:15px;color:var(--text-main)}.ledger-intent{font-size:13px;color:var(--text-muted);font-style:italic}.ledger-stats{display:flex;gap:24px;text-align:right}.l-stat-group{display:flex;flex-direction:column}.l-stat-val{font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--accent-gold)}.l-stat-label{font-size:10px;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.empty-ledger{text-align:center;padding:40px;color:var(--text-faint);font-style:italic;font-size:14px}.panel-card{border:1px solid var(--border);border-radius:var(--skin-radius);background:var(--bg-panel);padding:24px;transition:var(--transition-hover)}.timer-card{position:relative;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column;align-items:center}.timer-card.active{border-color:var(--accent-gold);box-shadow:0 0 20px #e2b75a1a}.timer-card.break{border-color:var(--accent-slate);box-shadow:0 0 20px #64748b1a}.expand-btn{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--text-faint);cursor:pointer;padding:6px;border-radius:calc(var(--skin-radius) - 4px);transition:var(--transition-hover);display:flex;align-items:center;justify-content:center}.expand-btn:hover{background:var(--bg-panel-hover);color:var(--text-main)}.timer-status{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);font-weight:600;margin-bottom:12px;text-align:center;transition:var(--transition-hover)}.pomodoro-view .timer-status{font-size:clamp(11px,1.5vmin,16px);margin-bottom:clamp(16px,2.5vmin,32px)}.timer-card.active .timer-status,.pomodoro-view.active .timer-status{color:var(--accent-gold)}.timer-card.break .timer-status,.pomodoro-view.break .timer-status{color:var(--accent-slate)}.timer-display{font-size:52px;font-family:var(--font-mono);font-weight:700;color:var(--text-main);text-align:center;margin-bottom:24px;font-variant-numeric:tabular-nums;letter-spacing:-.05em;transition:all .4s ease}.timer-card.break .timer-display{font-size:24px;color:var(--text-faint);margin-bottom:16px}.break-widget-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;height:0;opacity:0;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.timer-card.break .break-widget-wrap,.focus-overlay.break .break-widget-wrap{height:180px;opacity:1;margin-bottom:24px}.break-ring-container{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.break-ring{position:absolute;top:0;left:0;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--ring-bg);stroke-width:6}.ring-progress{fill:none;stroke:var(--accent-slate);stroke-width:6;stroke-linecap:round;stroke-dasharray:213.628;stroke-dashoffset:213.628;transition:stroke-dashoffset 1s linear,stroke .4s ease}.coffee-icon{font-size:35px;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));width:56px;height:56px;display:flex;align-items:center;justify-content:center}.break-text{font-family:var(--font-mono);font-size:16px;font-weight:700;margin-top:12px;color:var(--accent-slate);transition:color .4s ease}.break-suggestion{font-size:13px;color:var(--text-muted);text-align:center;margin-top:16px;max-width:280px;line-height:1.5;font-weight:500;font-style:italic;opacity:0;transform:translateY(5px);transition:all .5s ease;min-height:40px}.timer-card.break .break-suggestion,.focus-overlay.break .break-suggestion{opacity:1;transform:translateY(0)}.timer-buttons{display:flex;gap:12px;justify-content:center;width:100%}.timer-btn{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;max-width:200px;padding:12px 0;background:transparent;color:var(--text-main);border:1px solid var(--border);border-radius:calc(var(--skin-radius) - 4px);font-size:13px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-hover)}.timer-btn:hover{background:var(--bg-panel-hover)}.timer-btn.fill-gold{background:var(--accent-gold);color:var(--bg-base);border-color:var(--accent-gold)}.timer-btn.fill-gold:hover{background:var(--accent-gold-hover);box-shadow:0 0 15px var(--border-glow)}.timer-btn.fill-slate{background:var(--accent-slate);color:var(--text-main);border-color:var(--accent-slate)}.timer-btn.fill-silver{background:var(--accent-silver);color:var(--bg-base);border-color:var(--accent-silver)}.timer-btn.fill-silver:hover{box-shadow:0 0 15px #d1d5db4d;filter:brightness(1.1)}.timer-btn:disabled{opacity:.3;cursor:not-allowed}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex-shrink:0}.stat-box{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--skin-radius);padding:18px}.stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.stat-value{font-size:24px;font-family:var(--font-mono);font-weight:700;color:var(--text-main)}.stat-value.accent{color:var(--accent-gold)}.stat-value.accent-red{color:var(--accent-red)}.stat-subtext{font-size:11px;color:var(--text-faint);margin-top:6px;font-family:var(--font-sans)}.progress-wrap{margin-top:24px;width:100%}.progress-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px}.progress-label{font-size:12px;color:var(--text-muted);font-weight:500}.progress-percent{font-family:var(--font-mono);font-size:14px;color:var(--accent-gold);font-weight:700}.progress-track{height:8px;background:var(--bg-base);border-radius:4px;overflow:hidden;border:1px solid var(--border)}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--bg-panel),var(--accent-gold));border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.checklist-card{padding:0;display:flex;flex-direction:column;height:100%;min-height:0}.checklist-header{padding:20px 24px;border-bottom:1px solid var(--border);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-weight:600;display:flex;justify-content:space-between;flex-shrink:0}.checklist-grid{display:grid;grid-template-columns:1fr 1fr;flex:1;overflow-y:auto;align-content:start;scrollbar-width:thin;scrollbar-color:var(--text-faint) transparent}.checklist-item{display:flex;align-items:center;gap:16px;padding:18px 24px;cursor:pointer;border-bottom:1px solid var(--border);border-right:1px solid var(--border);transition:var(--transition-hover)}.checklist-item:nth-child(2n){border-right:none}.checklist-item:hover{background:var(--bg-panel-hover)}.checklist-item.checked{background:var(--skin-glow)}.checkbox{width:22px;height:22px;flex-shrink:0;border:2px solid var(--text-faint);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:var(--transition-hover)}.checklist-item.checked .checkbox{border-color:var(--accent-success);background:var(--accent-success)}.checkbox svg{display:none;width:14px;height:14px;stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .3s ease}.checklist-item.checked .checkbox svg{display:block;stroke-dashoffset:0}.chunk-label{font-family:var(--font-mono);font-size:15px;color:var(--text-main);flex:1;font-weight:500;transition:var(--transition-hover)}.checklist-item.checked .chunk-label{color:var(--text-faint);text-decoration:line-through}.chunk-count{font-size:12px;color:var(--text-muted);font-family:var(--font-mono);background:var(--bg-base);padding:4px 8px;border-radius:4px}.pomodoro-view{display:none;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%;animation:fadeIn .5s ease}.pomo-center-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:16px}.eclipse-wrap{position:relative;width:clamp(280px,40vmin,450px);height:clamp(280px,40vmin,450px)}.eclipse-svg{transform:rotate(-90deg);width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 30px rgba(0,0,0,.2))}.eclipse-bg{fill:none;stroke:var(--bg-panel);stroke-width:6}.eclipse-progress{fill:none;stroke:var(--accent-gold);stroke-width:6;stroke-linecap:round;stroke-dasharray:816.81;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear,stroke .5s ease}.eclipse-time{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:clamp(64px,9vmin,120px);font-family:var(--font-mono);font-weight:700;color:var(--text-muted);letter-spacing:-.05em;font-variant-numeric:tabular-nums;transition:color .5s ease,text-shadow .5s ease}.pomodoro-view.phase-break .timer-status{color:var(--accent-silver)}.pomodoro-view.phase-break .eclipse-progress{stroke:var(--accent-silver)}.pomodoro-view.phase-break .eclipse-time{color:var(--text-main);text-shadow:0 0 20px rgba(209,213,219,.3)}.pomodoro-view.phase-focus .eclipse-time{color:var(--accent-gold);text-shadow:0 0 30px var(--skin-glow)}.cycle-ledger{position:absolute;left:calc(50% + clamp(160px,23vmin,260px));display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--skin-radius);padding:clamp(10px,1.5vmin,20px) clamp(16px,2.5vmin,32px);background:var(--ledger-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 20px #00000026;gap:clamp(12px,1.5vmin,24px)}.cycle-ledger svg{width:clamp(16px,2vmin,24px);height:clamp(16px,2vmin,24px)}.ledger-value{color:var(--accent-gold);font-family:var(--font-mono);font-weight:700;font-size:clamp(28px,4vmin,48px);line-height:1;transition:text-shadow .3s ease}.ledger-label{font-size:clamp(10px,1.2vmin,14px);text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);font-weight:600;text-align:left;line-height:1.4}:fullscreen .pomodoro-view .eclipse-wrap,:-webkit-full-screen .pomodoro-view .eclipse-wrap,:-moz-full-screen .pomodoro-view .eclipse-wrap{width:clamp(280px,50vmin,650px);height:clamp(280px,50vmin,650px)}:fullscreen .pomodoro-view .eclipse-time,:-webkit-full-screen .pomodoro-view .eclipse-time,:-moz-full-screen .pomodoro-view .eclipse-time{font-size:clamp(64px,11vmin,160px)}:fullscreen .pomodoro-view .cycle-ledger,:-webkit-full-screen .pomodoro-view .cycle-ledger,:-moz-full-screen .pomodoro-view .cycle-ledger{left:calc(50% + clamp(160px,28vmin,380px))}.pomo-suggestion-wrap{height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;opacity:0;visibility:hidden;transition:opacity .5s ease}.pomodoro-view.phase-break .pomo-suggestion-wrap,.pomodoro-view.paused-focus .pomo-suggestion-wrap,.pomodoro-view.paused-break .pomo-suggestion-wrap,.flow-view.paused-flow .pomo-suggestion-wrap{opacity:1;visibility:visible}.pomo-suggestion-text{font-size:14px;color:var(--text-muted);text-align:center;max-width:400px;line-height:1.5;font-weight:500;font-style:italic;opacity:0;transform:translateY(5px);transition:all .5s ease;font-family:var(--font-sans)}.pomo-controls{display:flex;gap:12px;width:100%;max-width:500px;justify-content:center}.flow-view{display:none;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%;animation:fadeIn .5s ease}#flowTimeDisplay{position:relative;font-size:clamp(80px,14vw,180px);color:var(--text-faint);text-shadow:none;font-family:var(--font-mono);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.05em;line-height:1;transition:color .4s ease,text-shadow .4s ease}.focus-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-base);z-index:100;display:flex;flex-direction:column;padding:32px 4vw;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility .4s ease}.focus-overlay.active{opacity:1;visibility:visible;pointer-events:all}.focus-header{display:flex;justify-content:flex-end}.focus-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.focus-clock{font-size:clamp(80px,16vw,200px);font-family:var(--font-mono);font-weight:700;color:var(--text-main);font-variant-numeric:tabular-nums;letter-spacing:-.05em;line-height:1;margin-bottom:24px;text-shadow:0 10px 40px rgba(0,0,0,.15);transition:all .4s ease}.focus-intent{font-size:15px;color:var(--text-muted);margin-bottom:32px;font-weight:500;letter-spacing:.02em;text-align:center;max-width:600px;line-height:1.5;font-family:var(--font-sans)}.focus-overlay.active-timer .focus-clock{color:var(--accent-gold);text-shadow:0 0 60px var(--skin-glow)}.focus-bottom-bar{background:var(--bg-panel);border:1px solid var(--border);border-radius:calc(var(--skin-radius) + 4px);padding:24px 32px;display:flex;justify-content:space-between;align-items:center;max-width:1100px;width:100%;margin:0 auto}.focus-stats-group{display:flex;gap:48px}.next-block-btn{display:flex;align-items:center;gap:12px;background:transparent;border:2px solid var(--accent-success);color:var(--accent-success);padding:16px 28px;border-radius:calc(var(--skin-radius) - 4px);font-family:var(--font-sans);font-weight:600;font-size:16px;cursor:pointer;transition:var(--transition-hover)}.next-block-btn:hover{background:var(--accent-success);color:var(--bg-base);transform:translateY(-2px);box-shadow:0 10px 25px #10b98133}.next-block-btn.done{border-color:var(--border);color:var(--text-muted);pointer-events:none;box-shadow:none;transform:none;background:transparent}.toast{position:fixed;top:40px;left:50%;transform:translate(-50%) translateY(-20px);border:1px solid var(--border);padding:14px 28px;border-radius:30px;font-size:14px;font-weight:500;letter-spacing:.02em;box-shadow:0 15px 40px #0003;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:9999;text-align:center;cursor:pointer;font-family:var(--font-sans)}.toast:hover{filter:brightness(1.1)}.toast.show{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.taunt-toast{background:var(--bg-panel-hover);color:var(--text-main)}.hydration-toast{background:var(--bg-panel-hover);color:var(--accent-blue);border-color:#3b82f64d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.milestone-toast{background:var(--bg-panel-hover);color:var(--accent-gold);border-color:var(--border-glow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.save-nudge-toast{background:var(--bg-panel-hover);color:var(--text-main);border-color:#3b82f666;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease,visibility .5s ease;overflow:hidden}.modal-overlay.active{opacity:1;visibility:visible;pointer-events:all}.modal-card{background:var(--bg-panel);border:1px solid var(--accent-gold);border-radius:calc(var(--skin-radius) + 4px);padding:48px 40px;max-width:500px;width:90%;text-align:center;box-shadow:0 20px 50px #0003;transition:var(--transition-spring);position:relative;z-index:201;transform:scale(.85) translateY(20px)}.modal-overlay.active .modal-card{transform:scale(1) translateY(0)}.session-report-card{max-width:520px;width:90%;max-height:85vh;overflow-y:auto;padding:32px 28px!important;border:1px solid var(--accent-gold)!important;border-radius:var(--skin-radius);background:var(--bg-panel);scrollbar-width:thin}.session-report-card::-webkit-scrollbar{width:4px}.session-report-card::-webkit-scrollbar-thumb{background-color:var(--accent-gold);border-radius:4px}.stamp-container{width:100px;height:100px;border-radius:50%;border:3px double var(--accent-gold);background:radial-gradient(circle,#d4af3726,#d4af3705);box-shadow:0 4px 15px #00000040,inset 0 0 10px #d4af371a;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;transform:rotate(-5deg);transition:transform .3s cubic-bezier(.25,.8,.25,1);-webkit-user-select:none;user-select:none;margin:0 auto}.stamp-container:hover{transform:rotate(0) scale(1.05)}.stamp-emoji{font-size:36px;line-height:1;margin-bottom:4px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.stamp-label{font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-main);text-align:center;line-height:1.1;max-width:80px;font-family:var(--font-mono)}.report-hero-time{font-family:var(--font-mono);font-size:42px;font-weight:300;letter-spacing:-.02em;color:var(--accent-gold);line-height:1.1;margin-top:8px}.report-hero-subtitle{font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--text-faint);text-transform:uppercase;margin-top:4px}.pill-selector .pill-btn{flex:1;text-align:center;padding:8px 10px;border-radius:6px;font-family:var(--font-mono);font-size:13px;font-weight:700;background:var(--bg-base);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all .2s cubic-bezier(.25,.8,.25,1)}.pill-selector .pill-btn:hover{border-color:var(--accent-gold);color:var(--text-main);background:var(--bg-panel-hover)}.pill-selector .pill-btn.active{background:var(--accent-gold)!important;border-color:var(--accent-gold)!important;color:var(--bg-panel)!important;box-shadow:0 0 10px #d4af3766}#resetConfirmModal .modal-card{border-color:var(--border);padding:40px;max-width:450px}#resetConfirmModal .modal-icon{filter:none}.modal-icon{font-size:56px;margin-bottom:16px;line-height:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}.modal-title{font-size:28px;font-weight:700;color:var(--text-main);margin-bottom:8px;letter-spacing:-.02em}.modal-desc{font-size:15px;color:var(--text-muted);margin-bottom:32px;line-height:1.5;font-family:var(--font-sans)}.modal-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:32px}.m-stat{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--skin-radius);padding:20px 12px}.m-stat-val{font-family:var(--font-mono);font-size:20px;font-weight:700;color:var(--accent-gold);margin-bottom:6px}.m-stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;font-family:var(--font-sans)}.m-stat.wasted .m-stat-val{color:var(--text-faint)}.modal-intent{font-size:14px;color:var(--accent-gold);margin-bottom:32px;font-style:italic;padding:12px 16px;background:var(--skin-glow);border-radius:8px;border:1px solid var(--border-glow);line-height:1.5;font-family:var(--font-sans)}.creator-footer{margin-top:auto;padding-top:16px;width:100%;text-align:center;font-size:11px;color:var(--text-faint);letter-spacing:.1em;text-transform:uppercase;font-weight:600;flex-shrink:0;border-top:1px solid var(--border);font-family:var(--font-sans)}.creator-footer a{color:var(--accent-gold);text-decoration:none;transition:var(--transition-hover)}.creator-footer a:hover{color:var(--accent-gold-hover);text-shadow:0 0 8px var(--border-glow)}@media(min-width:801px){.header{display:flex!important;justify-content:space-between!important;align-items:center!important;background:var(--bg-panel)!important;border:1px solid var(--border)!important;border-radius:var(--skin-radius)!important;padding:10px 16px!important;margin-bottom:24px!important;gap:16px!important;flex-shrink:0!important;transition:all .3s cubic-bezier(.25,.8,.25,1)!important}.header.session-active{padding:8px 16px!important;margin-bottom:16px!important}.header>div:first-child{display:flex!important;flex-direction:column!important;justify-content:center!important;flex:1!important;gap:2px!important}.header-actions{display:flex!important;align-items:center!important;gap:8px!important}.header-actions .ghost-btn,.skin-active-btn{height:38px!important;padding:0 14px!important;border:1px solid var(--border)!important;border-radius:calc(var(--skin-radius) - 4px)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important;font-weight:500!important;box-sizing:border-box!important;transition:var(--transition-hover)!important;background:transparent!important;color:var(--text-muted)!important;margin:0!important}.header-actions .ghost-btn:hover,.skin-active-btn:hover{border-color:var(--text-muted)!important;color:var(--text-main)!important;background:var(--bg-panel-hover)!important}.skin-active-btn,.header-actions .icon-only-btn{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;flex:0 0 38px!important}#openHistoryBtn{height:38px!important;min-height:38px!important;padding:0 14px!important;flex:0 1 auto!important;white-space:nowrap!important}#streakBadge{display:inline-block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:200px!important}.skin-toggle{position:relative!important;display:flex!important;align-items:center!important;margin:0!important;padding:0!important}.skin-toggle .skin-divider{display:none!important}.skin-sheet-content{display:none!important;position:absolute!important;top:calc(100% + 8px)!important;right:0!important;background:var(--bg-panel)!important;border:1px solid var(--border)!important;border-radius:calc(var(--skin-radius) - 4px)!important;box-shadow:0 10px 25px #0003!important;z-index:100!important;padding:6px!important;min-width:150px!important;flex-direction:column!important}#skinToggle.expanded .skin-sheet-content{display:flex!important}.skin-sheet-backdrop,.skin-sheet-handle{display:none!important}.skin-opt{display:flex!important;align-items:center!important;gap:10px!important;padding:8px 12px!important;font-size:13px!important;font-weight:500!important;color:var(--text-main)!important;cursor:pointer!important;border-radius:calc(var(--skin-radius) - 6px)!important;transition:var(--transition-hover)!important;text-transform:none!important;letter-spacing:normal!important;opacity:.8!important;text-align:left!important;width:100%!important;box-sizing:border-box!important;flex-direction:row!important}.skin-opt:hover{opacity:1!important;background:var(--bg-panel-hover)!important;color:var(--accent-gold)!important}.skin-opt.active{opacity:1!important;background:var(--bg-panel-hover)!important;color:var(--accent-gold)!important;pointer-events:none!important}.skin-opt:after{display:none!important}.skin-opt:before{display:none!important}.skin-opt svg.theme-icon{width:18px!important;height:18px!important;stroke:currentColor!important;fill:none!important;flex-shrink:0!important;display:inline-block!important;transition:transform .2s ease,stroke .2s ease!important}.skin-opt[data-skin=aurora] svg.theme-icon{opacity:.95}.coffee-icon svg.coffee-cup-icon{width:40px!important;height:40px!important;stroke:currentColor!important;fill:none!important;display:block!important;margin:0 auto}.coffee-icon .steam-line{display:none!important}.timer-btn svg.coffee-cup-icon{width:18px!important;height:18px!important;stroke:currentColor!important;fill:none!important;display:inline-block!important;margin-right:4px}.steam-line{opacity:0;transform-origin:bottom center}@keyframes steam-rise{0%{transform:translateY(2px) translate(0) scaleX(.8);opacity:0}15%{opacity:.25}40%{transform:translateY(-2px) translate(.5px) scaleX(1);opacity:.6}75%{opacity:.3}to{transform:translateY(-8px) translate(-.5px) scaleX(1.1);opacity:0}}.timer-btn:not(:disabled):not(.fill-slate) .steam-line{animation:steam-rise 3.8s infinite linear}.timer-btn:not(:disabled):not(.fill-slate) .steam-1{animation-delay:0s}.timer-btn:not(:disabled):not(.fill-slate) .steam-2{animation-delay:.6s}.timer-btn:not(:disabled):not(.fill-slate) .steam-3{animation-delay:1.2s}.timer-btn:disabled .steam-line,.timer-btn.fill-slate .steam-line{animation:none!important;opacity:0!important}@media(prefers-reduced-motion:reduce){.steam-line{animation:none!important;opacity:0!important}}.protocol-card{padding:12px 16px!important;max-height:48px!important;transition:all .3s cubic-bezier(.25,.8,.25,1)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.protocol-card:not(.active) .card-desc{display:none!important}.protocol-card.active{padding:16px 16px 20px!important;max-height:310px!important}.card-header{display:grid!important;grid-template-areas:"icon title" "desc desc"!important;grid-template-columns:auto 1fr!important;align-items:center!important;column-gap:10px!important;row-gap:6px!important}.card-icon{grid-area:icon!important;display:inline-flex!important;align-items:center!important;margin:0!important}.card-icon svg{width:18px!important;height:18px!important}.card-title{grid-area:title!important;margin:0!important;line-height:1.2!important;display:inline-flex!important;align-items:center!important}.card-desc{grid-area:desc!important;margin-top:4px!important;font-size:12px!important;line-height:1.4!important}.card-body-inner{padding-top:14px!important}}.identity-view{display:none;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--skin-radius);padding:32px;width:100%;max-width:800px;margin:auto;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--text-faint) transparent;animation:fadeIn .4s ease}.identity-content{display:flex;flex-direction:column;gap:32px;margin-top:8px}.identity-card{display:flex;flex-direction:column;gap:16px;border-bottom:1px solid var(--border);padding-bottom:32px}.id-row{display:flex;justify-content:space-between;align-items:baseline}.id-label{font-size:14px;color:var(--text-muted);font-family:var(--font-sans);letter-spacing:-.01em}.id-value{font-size:18px;font-weight:500;color:var(--text-main);text-transform:capitalize}.id-value.title-val{font-family:var(--font-display);font-size:24px;font-weight:600}.identity-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:600px){.identity-stats-grid{grid-template-columns:1fr}}.id-stat-box{display:flex;flex-direction:column;gap:4px}.id-stat-val{font-size:24px;font-weight:600;color:var(--text-main);font-family:var(--font-mono)}.id-stat-label{font-size:13px;color:var(--text-muted)}.collection-section{margin-top:32px}.collection-section h3{margin-bottom:16px}.collection-tabs{display:flex;gap:8px;margin-bottom:16px}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.collection-item{padding:12px;border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;gap:8px;text-align:left;background:transparent;font-family:inherit;color:inherit}.collection-item.unlocked:not(.equipped){cursor:pointer;opacity:1}.collection-item.locked{cursor:default;opacity:.5}.collection-item.equipped{cursor:default;opacity:1;border-color:var(--primary);background-color:var(--primary-light, rgba(0,0,0,.05))}.collection-item-icon{width:100%;aspect-ratio:200/280;border-radius:6px;overflow:hidden;background:var(--bg-body, #000);display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:4px}.collection-item-icon .reward-icon,.collection-item-icon .lottie-icon{width:100%;height:100%;object-fit:cover}.collection-name{font-weight:500}.collection-status{font-size:12px;color:var(--text-muted)}.skin-active-btn svg.theme-icon{width:16px!important;height:16px!important;stroke:currentColor!important;fill:none!important;display:block!important;margin:auto!important}.ghost-btn.active{border-color:var(--text-main);color:var(--text-main);background:var(--bg-panel)}-e #syncBtn.syncing svg{animation:spin 1s linear infinite}#syncBtn.success svg{stroke:var(--accent-success);transition:stroke .3s ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.heatmap-zoom-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;position:relative;background:var(--bg-surface)}.heatmap-zoom-title{position:absolute;top:24px;left:calc(100% - 50px);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);transform-origin:top left;transform:rotate(90deg);display:flex;justify-content:space-between;align-items:center;width:80vh;padding:0 40px}#heatmapZoomGridContainer{transform:rotate(90deg);transform-origin:center center;width:80vh;padding:0 40px;display:flex;justify-content:center}#heatmapZoomGridContainer .heatmap-grid{width:100%;transform:scale(1.2)}@media(min-width:801px)or (orientation:landscape){#heatmapZoomModal{display:none!important}}div#tauntToast:nth-of-type(1){background-color:var(--text-main)!important;color:var(--bg-base)!important}.character-parade{position:fixed;bottom:18%;z-index:50;pointer-events:none;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15));fill:var(--accent-gold);color:var(--accent-gold)}@keyframes animal-float{0%,to{translate:0 0px}50%{translate:0 -25px}}@keyframes animal-bob{0%,to{translate:0 0px}50%{translate:0 -12px}}@keyframes animal-waddle{0%,to{translate:0 0px;rotate:0deg}25%{translate:0 -6px;rotate:-8deg}75%{translate:0 -6px;rotate:8deg}}@keyframes animal-slither{0%,to{translate:0 0px}50%{translate:0 -15px}}@keyframes animal-hop{0%,35%,to{translate:0 0px}15%{translate:0 -45px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glow25{0%{filter:brightness(1);box-shadow:none}50%{filter:brightness(1.5);box-shadow:0 0 15px var(--accent-gold)}to{filter:brightness(1);box-shadow:none}}.progress-fill.milestone-25{animation:glow25 .4s ease-out}@keyframes pulse50{0%{transform:scaleY(1)}50%{transform:scaleY(1.5)}to{transform:scaleY(1)}}.progress-fill.milestone-50{animation:pulse50 .3s ease-in-out;transform-origin:center}@keyframes shimmer75{0%{background-position:200% center}to{background-position:-200% center}}.progress-fill.milestone-75{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,var(--accent-gold) 100%);background-size:200% auto;animation:shimmer75 1s linear}@keyframes ledgerPulse{0%{transform:scale(1);text-shadow:0 0 0 transparent}50%{transform:scale(1.3);text-shadow:0 0 20px var(--border-glow)}to{transform:scale(1);text-shadow:0 0 0 transparent}}.ledger-value.pulse{animation:ledgerPulse .6s ease-out}.confetti-piece{position:absolute;top:-20px;width:10px;height:20px;background:var(--accent-gold);opacity:0;z-index:200;pointer-events:none;animation:confettiFall 3s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}10%{opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}@media(max-width:600px){.header{flex-direction:column-reverse!important;align-items:stretch!important;text-align:left!important;gap:16px!important;padding-bottom:12px!important}.header div:first-child{width:100%!important;display:flex!important;flex-direction:column!important;align-items:stretch!important}.eyebrow{margin-bottom:6px!important}#subjectInput{text-align:left!important;font-size:20px!important;width:100%!important;max-width:100%!important;padding:0!important}.header-actions{width:100%!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;flex-wrap:nowrap!important;gap:8px!important}#openHistoryBtn{order:1;margin-right:auto!important;flex:0 1 auto;min-width:0;justify-content:flex-start;overflow:hidden}#streakBadge{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}#skinToggle{order:2;position:relative;width:38px;height:38px;min-width:38px;min-height:38px;flex:0 0 38px;display:flex!important;justify-content:center;align-items:center;padding:0!important;background:transparent;border:none}#aiCoachToggleBtn{order:3;flex:0 0 38px;width:38px;height:38px;min-width:38px;min-height:38px;padding:0!important}#rotateBtnMobile{order:4;display:flex!important;flex:0 0 38px;width:38px;height:38px;min-width:38px;min-height:38px;padding:0!important}#fullscreenBtn{display:none!important}#resetBtn{order:5;margin-left:auto;flex:0 0 38px!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;justify-content:center}#resetBtn span{display:none}.skin-toggle .skin-divider{display:none!important}.skin-active-btn{display:flex!important;position:absolute;top:0;right:0;bottom:0;left:0;width:38px;height:38px;align-items:center!important;justify-content:center!important;font-size:20px;line-height:1;text-align:center;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;cursor:pointer;padding:0!important;margin:0!important;box-sizing:border-box}.skin-active-btn svg.theme-icon{width:16px!important;height:16px!important;stroke:currentColor!important;fill:none!important;display:block!important;margin:auto!important}#skinToggle:not(.expanded) .skin-sheet-content{display:none!important}#skinToggle.expanded .skin-sheet-backdrop{display:block!important;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:9998;animation:fadeInOverlay .2s ease forwards}#skinToggle.expanded .skin-sheet-content{display:flex!important;flex-direction:column;position:fixed;bottom:0;left:0;right:0;background:var(--bg-panel);border-radius:24px 24px 0 0;z-index:9999;padding:16px 24px 32px;box-shadow:0 -10px 40px #0003;animation:slideUpSheet .4s cubic-bezier(.175,.885,.32,1.1) forwards}.skin-sheet-handle{display:block!important;width:36px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 24px}#skinToggle.expanded .skin-opt{display:flex!important;justify-content:flex-start;align-items:center;font-size:16px!important;color:var(--text-main)!important;padding:16px 0!important;opacity:1!important;border-bottom:1px solid var(--border);flex-direction:row}#skinToggle.expanded .skin-opt:last-of-type{border-bottom:none}.skin-opt:before{display:none!important}.skin-opt svg.theme-icon{width:22px!important;height:22px!important;stroke:currentColor!important;fill:none!important;flex-shrink:0!important;display:inline-block!important;margin-right:2px!important}#skinToggle.expanded .skin-opt:after{content:"";margin-left:auto;font-size:16px}#skinToggle.expanded .skin-opt.active:after{content:"✓";color:var(--accent-gold)}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}}@media(max-width:800px){.protocol-row{flex-direction:column!important;min-height:auto!important;gap:12px!important;margin-bottom:16px!important;width:100%!important}.protocol-card{width:100%!important;max-height:110px!important;flex:none!important;opacity:.8}.protocol-card.active{max-height:none!important;flex:none!important;opacity:1}body:not(.session-running) .setup-panel{margin:16px auto!important;padding:0 4px!important}}@media(max-width:800px){.main-grid{flex-direction:column!important;gap:16px!important;height:auto!important;overflow:visible!important}.left-column{width:100%!important;height:auto!important;overflow-y:visible!important;gap:16px!important}.timer-card{width:100%!important;height:auto!important;padding:24px 16px!important}.focus-bottom-bar{flex-direction:column!important;gap:24px!important;align-items:stretch!important;text-align:center!important;padding:20px!important}.focus-stats-group{justify-content:center!important;gap:24px!important}.focus-clock{font-size:clamp(48px,12vw,72px)!important;margin-bottom:16px!important}.pomo-center-stage{flex-direction:column!important;gap:16px!important}.eclipse-wrap{width:250px!important;height:250px!important}.eclipse-time{font-size:54px!important}.cycle-ledger{position:static!important;left:auto!important;margin-top:12px!important;justify-content:center!important;width:auto!important;display:inline-flex!important}.pomodoro-view,.flow-view{min-height:calc(100dvh - 180px)!important;justify-content:center!important;padding:16px 0!important}#flowTimeDisplay{font-size:clamp(48px,12vw,72px)!important}}@media(max-width:800px){.checklist-card{width:100%!important;height:auto!important;overflow:visible!important}.checklist-grid{grid-template-columns:1fr!important;overflow-y:visible!important}.checklist-item{border-right:none!important;padding:16px 20px!important}}@media(max-width:480px){.ledger-item{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}}@media(max-width:800px){.modal-stats-grid{grid-template-columns:1fr!important;gap:12px!important}.modal-card{padding:32px 20px!important;width:92%!important}}@media(max-width:800px){body{height:auto!important;min-height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;padding:16px 12px!important}.container{height:auto!important;min-height:100%!important;overflow:visible!important;display:flex!important;flex-direction:column!important}.toast{width:calc(100% - 32px)!important;max-width:400px!important}}@media(max-width:600px){.timer-btn{padding:14px 10px!important;font-size:14px!important}.primary-btn{padding:14px 20px!important;font-size:14px!important}.protocol-card{padding:12px 16px!important;min-height:auto!important;height:auto!important;max-height:none!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:stretch!important;text-align:left!important;transition:all .3s cubic-bezier(.25,.8,.25,1)!important}.protocol-card:not(.active) .card-body{display:none!important}.protocol-card.active{padding:16px 16px 20px!important;max-height:400px!important;min-height:auto!important;height:auto!important;overflow:visible!important;justify-content:flex-start!important;align-items:stretch!important;text-align:left!important}.card-header{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;justify-content:start!important;justify-items:start!important;column-gap:12px!important;row-gap:4px!important;width:100%!important;pointer-events:none;text-align:left!important}.card-icon{grid-column:1!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;justify-self:start!important;color:var(--text-muted)!important}.protocol-card.active .card-icon{color:var(--accent-gold)!important}.card-title{grid-column:2!important;grid-row:1!important;margin:0!important;align-self:center!important;justify-self:start!important;text-align:left!important;font-size:13px!important;line-height:1.2!important}.protocol-card:not(.active) .card-desc{display:none!important}.protocol-card.active .card-desc{display:block!important;grid-column:2!important;grid-row:2!important;margin-top:2px!important;justify-self:start!important;text-align:left!important;font-size:12px!important;line-height:1.4!important}.protocol-card.active .card-body{margin-top:12px!important}.protocol-card.active .card-body-inner{padding-top:0!important}.protocol-card.active .field-row{margin-bottom:12px!important}.protocol-card.active .field-label{margin-bottom:6px!important}}@media(max-width:800px){.history-view{flex:none!important;min-height:auto!important;height:auto!important;max-height:none!important;overflow-y:visible!important}}.skin-opt-locked{opacity:.35;cursor:not-allowed;pointer-events:none}.auth-zone{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:24px;border-bottom:1px solid var(--border);margin-bottom:24px;flex-wrap:wrap}.google-signin-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-panel);border:1px solid var(--border);border-radius:calc(var(--skin-radius) - 4px);color:var(--text-main);font-family:var(--font-sans);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition-hover)}.google-signin-btn:hover{background:var(--bg-panel-hover);border-color:var(--text-muted)}.auth-hint{font-size:12px;color:var(--text-faint);font-family:var(--font-sans);margin:0}.auth-greeting{font-size:13px;color:var(--text-muted);font-family:var(--font-sans)}.sign-out-btn{background:transparent;border:1px solid var(--border);border-radius:calc(var(--skin-radius) - 4px);color:var(--text-faint);font-family:var(--font-sans);font-size:12px;padding:6px 14px;cursor:pointer;transition:var(--transition-hover)}.sign-out-btn:hover{border-color:var(--accent-red);color:var(--accent-red)}@media(max-width:900px)and (orientation:landscape){#skinToggle.expanded .skin-sheet-content{position:fixed!important;bottom:auto!important;top:60px!important;right:8px!important;left:auto!important;width:200px!important;border-radius:calc(var(--skin-radius) - 4px)!important;padding:6px!important;max-height:80vh!important;overflow-y:auto!important}#skinToggle.expanded .skin-sheet-backdrop{display:block!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#0000004d!important;z-index:9998!important}.skin-sheet-handle{display:none!important}}body.force-landscape{transform:rotate(90deg)!important;transform-origin:center center!important;width:100vh!important;height:100vw!important;position:fixed!important;top:50%!important;left:50%!important;margin-top:-50vw!important;margin-left:-50vh!important;overflow:hidden!important}