*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--surface: #ffffff;--surface2: #fafaf9;--surface3: #f5f5f4;--border: rgba(234,88,12,.08);--border2: rgba(234,88,12,.18);--text: #101010;--text-muted: rgba(16,16,16,.66);--text-dim: rgba(16,16,16,.45);--accent: #ea580c;--accent-2: #c2410c;--accent-amber: #d97706;--accent-glow:rgba(234,88,12,.15);--radius: 8px;--font-sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-mono: "Fira Code", ui-monospace, SFMono-Regular, monospace;--shadow-sm: 0 1px 2px rgba(0,0,0,.04), 0 1px 1px rgba(0,0,0,.03);--shadow-md: 0 4px 12px rgba(0,0,0,.06), 0 2px 4px rgba(0,0,0,.03);--shadow-lg: 0 10px 30px rgba(0,0,0,.08), 0 4px 10px rgba(0,0,0,.04)}body{font-family:var(--font-sans);font-size:13px;line-height:1.5;color:var(--text);min-height:100vh;background:#fff;background-image:radial-gradient(ellipse 130% 90% at 10% 15%,rgba(234,88,12,.1) 0%,transparent 55%),radial-gradient(ellipse 110% 110% at 88% 82%,rgba(234,88,12,.08) 0%,transparent 52%),radial-gradient(ellipse 70% 70% at 50% 50%,rgba(234,88,12,.04) 0%,transparent 65%);background-attachment:fixed;letter-spacing:-.005em;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-1;background-image:radial-gradient(circle,rgba(234,88,12,.14) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.cursor-spot{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,rgba(234,88,12,.55) 1.5px,transparent 1.8px);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle 240px at var(--mx, -300px) var(--my, -300px),#000 0%,rgba(0,0,0,.55) 45%,transparent 78%);mask-image:radial-gradient(circle 240px at var(--mx, -300px) var(--my, -300px),#000 0%,rgba(0,0,0,.55) 45%,transparent 78%);mix-blend-mode:multiply;opacity:0;transition:opacity .3s ease;will-change:mask-image}body.cursor-active .cursor-spot{opacity:1}@media (hover: none){.cursor-spot{display:none}}#page-content{position:relative;z-index:1;isolation:isolate}#site-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:0 22px;height:56px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#ffffffd9;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);z-index:100}.logo{grid-column:1;justify-self:start;display:flex;align-items:center;gap:8px;text-decoration:none;line-height:1}.logo-img{width:32px;height:32px}.logo-stem{font-size:20px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#ea580c,#d97706 60%,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-utils{grid-column:3;justify-self:end;display:flex;align-items:center;gap:4px}#site-nav{grid-column:2;justify-self:center;display:flex;gap:4px;align-items:center}.nav-cat{display:inline-flex;align-items:center;gap:7px;font-size:15px;font-weight:800;letter-spacing:-.01em;color:var(--text);text-decoration:none;padding:7px 14px;border-radius:9px;border:1.5px solid transparent;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .12s ease;white-space:nowrap;position:relative}.nav-cat svg{width:18px;height:18px;flex-shrink:0}.nav-cat:hover{color:var(--accent);background:#fff7ed;border-color:var(--border2);transform:translateY(-1px)}.nav-cat.active{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 2px 8px #ea580c59}.search-trigger{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-muted);background:var(--surface2);border:1px solid var(--border2);border-radius:7px;padding:5px 9px 5px 8px;cursor:pointer;transition:all .15s ease}.search-trigger:hover{color:var(--accent);border-color:var(--accent);background:#fff7ed}.search-trigger svg{width:14px;height:14px;flex-shrink:0}.search-trigger .search-trigger-label{font-family:var(--font-sans)}.search-trigger .kbd{font-size:9.5px;font-family:var(--font-mono);color:var(--text-dim);border:1px solid var(--border2);border-radius:4px;padding:1px 5px;background:#fff;margin-left:2px}.search-overlay{position:fixed;inset:0;background:#11182757;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:none;align-items:flex-start;justify-content:center;z-index:180;padding:84px 16px 16px}.search-overlay.open{display:flex}.search-modal{width:min(760px,100%);background:var(--surface);border:1.5px solid var(--border2);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden}.search-modal-head{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid var(--border);background:var(--surface)}.global-search-input{width:100%;border:1.5px solid var(--border2);border-radius:12px;padding:12px 14px;font-size:14px;font-family:var(--font-mono);color:var(--text);background:#fff}.global-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.search-close{width:36px;height:36px;border-radius:10px;border:1.5px solid var(--border2);background:var(--surface2);color:var(--text-muted);font-size:22px;line-height:1;cursor:pointer}.global-search-results{max-height:420px;overflow:auto;padding:8px}.site-search-empty{font-size:12px;color:var(--text-muted);font-family:var(--font-mono);padding:10px 12px}.site-search-item{display:block;text-decoration:none;color:inherit;border-radius:10px;padding:10px 12px;transition:background .12s}.site-search-item:hover,.site-search-item.active{background:var(--surface2)}.site-search-item-title{font-size:13px;font-weight:800;color:var(--text);margin-bottom:3px}.site-search-item-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.site-search-item-group{font-weight:700;color:var(--accent);opacity:.85}footer{border-top:1px solid var(--border);background:var(--surface);padding:52px 32px 0}.footer-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px}.footer-logo{display:flex;align-items:center;gap:8px;text-decoration:none;font-weight:800;font-size:16px;color:var(--text);margin-bottom:12px}.footer-logo img{border-radius:6px}.footer-tagline{font-size:13px;color:var(--text-muted);line-height:1.6;max-width:260px;margin-bottom:18px}.footer-social{display:flex;gap:12px;align-items:center}.footer-social a{color:var(--text-dim);transition:color .15s;display:flex;align-items:center}.footer-social a:hover{color:var(--accent)}.footer-col-title{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:14px;font-family:var(--font-mono)}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:9px}.footer-col ul li a{font-size:13px;font-weight:600;color:var(--text-muted);text-decoration:none;transition:color .15s}.footer-col ul li a:hover{color:var(--accent)}.footer-bottom{max-width:1100px;margin:0 auto;border-top:1px solid var(--border);padding:16px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.footer-bottom span{font-size:12px;color:var(--text-dim);font-weight:600;font-family:var(--font-mono)}.footer-bottom-links{display:flex;gap:16px}.footer-bottom-links a{font-size:12px;font-weight:600;color:var(--text-dim);text-decoration:none;transition:color .15s;font-family:var(--font-mono)}.footer-bottom-links a:hover{color:var(--accent)}@media (max-width: 768px){.footer-inner{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1 / -1}.footer-tagline{max-width:100%}}@media (max-width: 480px){footer{padding:36px 20px 0}.footer-inner{grid-template-columns:1fr}}.tool-panels{max-width:900px;margin:0 auto;padding:48px 20px 64px;display:flex;flex-direction:column;gap:12px}.learn-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.learn-block{background:var(--surface);border:1.5px solid var(--border2);border-radius:16px;padding:20px 22px;box-shadow:var(--shadow-sm)}.learn-q{font-size:10px;font-weight:800;font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.7px;margin-bottom:10px}.learn-block>p{font-size:14px;line-height:1.7;color:var(--text-muted);font-weight:600}.terms-list{display:flex;flex-direction:column;gap:5px}.term{font-size:13px;color:var(--text-muted);font-weight:600;line-height:1.55}.term strong{color:var(--text)}.practice-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px}.challenge-box{background:#4f46e50d;border:1.5px solid rgba(79,70,229,.22);border-radius:16px;padding:20px 22px}.challenge-label{font-size:12px;font-weight:800;color:var(--accent);margin-bottom:10px;font-family:var(--font-mono)}.challenge-box p{font-size:14px;font-weight:600;line-height:1.65;color:var(--text)}.continue-box{background:var(--surface);border:1.5px solid var(--border2);border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;justify-content:center;gap:8px}.continue-label{font-size:10px;font-weight:800;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim)}.continue-link{font-size:16px;font-weight:800;color:var(--accent);text-decoration:none;display:flex;align-items:center;gap:8px}.continue-link:hover{text-decoration:underline}.continue-link:before{content:"→"}.tool-strip{display:flex;align-items:center;justify-content:center;gap:4px;padding:5px 20px;border-bottom:1px solid var(--border);background:#ffffffe0;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;position:sticky;top:56px;z-index:98;white-space:nowrap}.tool-strip::-webkit-scrollbar{display:none}.ts-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:12px;font-weight:600;text-decoration:none;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;flex-shrink:0}.ts-pill svg{width:13px;height:13px;flex-shrink:0}.ts-pill:hover{background:var(--surface2);color:var(--accent);border-color:var(--border2)}.ts-pill.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 1px 4px #ea580c52}@media (max-width: 640px){.tool-strip{padding:5px 10px;justify-content:flex-start;top:0}.ts-pill{font-size:11px;padding:4px 9px}.ts-pill svg{width:12px;height:12px}}@media (max-width: 900px){#site-nav{margin-left:8px;gap:2px}.nav-cat{font-size:13px;padding:6px 10px;gap:6px}.nav-cat svg{width:16px;height:16px}}@media (max-width: 640px){#site-header{display:flex;grid-template-columns:none;padding:0 12px;height:50px;gap:6px}.logo{grid-column:auto;justify-self:auto;order:0;gap:5px}.logo-stem{font-size:16px}.logo-img{width:24px;height:24px}#site-nav{grid-column:auto;justify-self:auto;order:1;margin-left:auto;gap:2px}.nav-cat{padding:7px 8px}.nav-cat-text{display:none}.nav-cat svg{width:18px;height:18px}.header-utils{grid-column:auto;justify-self:auto;order:2}.search-trigger{padding:4px 7px;font-size:11px}.search-trigger .search-trigger-label,.search-trigger .kbd{display:none}.tool-strip{top:50px}.learn-panel,.practice-panel{grid-template-columns:1fr}.tool-panels{padding:24px 12px 36px}}[data-theme=dark]{--bg: rgb(15 10 5);--surface: rgb(28 20 14);--surface2: rgb(38 28 20);--surface3: rgb(52 40 30);--border: rgba(249,115,22,.14);--border2: rgba(249,115,22,.28);--text: rgb(229 236 246);--text-muted: rgba(229,236,246,.66);--text-dim: rgba(229,236,246,.45);--accent: #f97316;--accent-2: #ea580c;--accent-amber:#fbbf24;--accent-glow: rgba(249,115,22,.22);--shadow-sm: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.18);--shadow-md: 0 4px 16px rgba(0,0,0,.4), 0 2px 6px rgba(0,0,0,.22);--shadow-lg: 0 12px 40px rgba(0,0,0,.5), 0 4px 12px rgba(0,0,0,.28)}[data-theme=dark] body{background:#0f0a05;background-image:radial-gradient(ellipse 130% 90% at 10% 15%,rgba(251,191,36,.14) 0,transparent 55%),radial-gradient(ellipse 110% 110% at 88% 82%,rgba(251,191,36,.1) 0,transparent 52%),radial-gradient(ellipse 70% 70% at 50% 50%,rgba(251,191,36,.05) 0,transparent 65%);background-attachment:fixed}[data-theme=dark] body:before{background-image:radial-gradient(circle,rgba(251,191,36,.14) 1px,transparent 1px)}[data-theme=dark] .cursor-spot{background-image:radial-gradient(circle,rgba(251,191,36,.75) 1.5px,transparent 1.8px);mix-blend-mode:screen}[data-theme=dark] header{background:#0f0a05d9}[data-theme=dark] .tool-strip{background:#0f0a05d9;border-color:var(--border)}[data-theme=dark] .ts-pill{color:var(--text-muted)}[data-theme=dark] .ts-pill:hover{background:var(--surface2);color:var(--accent-amber);border-color:var(--border2)}[data-theme=dark] .ts-pill.active{color:#fff;background:var(--accent);border-color:var(--accent)}[data-theme=dark] .ts-pill.ts-cat{color:var(--text)}[data-theme=dark] .theme-toggle,[data-theme=dark] .bm-trigger{background:var(--surface2);color:var(--text-muted)}[data-theme=dark] .theme-toggle:hover,[data-theme=dark] .bm-trigger:hover{background:var(--surface3);color:var(--accent-amber);border-color:var(--accent)}[data-theme=dark] .ts-pill{background:var(--surface2);border-color:var(--border2);color:var(--text-muted)}[data-theme=dark] .ts-pill:hover{background:var(--surface3);color:var(--text);border-color:var(--accent)}[data-theme=dark] .ts-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}[data-theme=dark] footer{background:var(--surface)}[data-theme=dark] .search-trigger{background:var(--surface2)}[data-theme=dark] .search-trigger:hover{background:var(--surface3);color:var(--text)}[data-theme=dark] .search-trigger span,[data-theme=dark] .search-modal,[data-theme=dark] .search-modal-head{background:var(--surface)}[data-theme=dark] .global-search-input{background:var(--surface2);color:var(--text)}[data-theme=dark] .search-close{background:var(--surface2);color:var(--text-muted)}[data-theme=dark] .challenge-box{background:#6366f114;border-color:#6366f140}.theme-toggle{width:30px;height:30px;border-radius:7px;border:1px solid var(--border2);background:var(--surface2);color:var(--text-muted);cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,color .15s;flex-shrink:0;margin-left:4px;padding:0}.theme-toggle:hover{background:#fff7ed;border-color:var(--accent);color:var(--accent)}.theme-toggle svg{width:15px;height:15px}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun{display:block}[data-theme=dark] .theme-toggle .icon-moon{display:none}@media (max-width: 640px){.theme-toggle{margin-left:0}}.bm-trigger{width:30px;height:30px;border-radius:7px;border:1px solid var(--border2);background:var(--surface2);color:var(--text-muted);cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,color .15s;flex-shrink:0;margin-left:4px;position:relative;padding:0}.bm-trigger:hover{background:#fff7ed;border-color:var(--accent);color:var(--accent)}.bm-trigger svg{width:15px;height:15px}.bm-trigger.has-bookmarks:after{content:"";position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background:#ef4444;border:1.5px solid var(--surface)}.bm-backdrop{display:none;position:fixed;inset:0;background:#1118274d;backdrop-filter:blur(2px);z-index:170}.bm-backdrop.open{display:block}.bm-drawer{position:fixed;top:0;right:0;bottom:0;width:min(340px,92vw);background:var(--surface);border-left:1.5px solid var(--border2);box-shadow:var(--shadow-lg);z-index:175;display:flex;flex-direction:column;transform:translate(100%);transition:transform .25s ease}.bm-drawer.open{transform:translate(0)}.bm-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.bm-drawer-title{font-size:15px;font-weight:800}.bm-close{width:32px;height:32px;border-radius:9px;border:1.5px solid var(--border2);background:var(--surface2);color:var(--text-muted);font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.bm-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.bm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:10px;font-family:var(--font-mono);font-size:12px;color:var(--text-dim);text-align:center;padding:32px}.bm-empty-icon{font-size:40px}.bm-item{display:flex;align-items:center;gap:12px;background:var(--surface2);border:1.5px solid var(--border2);border-radius:12px;padding:12px 14px;text-decoration:none;color:var(--text);transition:border-color .15s,background .15s}.bm-item:hover{border-color:var(--accent);background:var(--surface)}.bm-item-icon{font-size:22px;flex-shrink:0;line-height:1}.bm-item-name{font-size:13px;font-weight:800;flex:1}.bm-item-path{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);font-weight:600}.bm-item-del{background:none;border:none;cursor:pointer;color:var(--text-dim);font-size:16px;line-height:1;padding:2px 4px;border-radius:6px;flex-shrink:0;transition:color .15s}.bm-item-del:hover{color:#ef4444}.bm-footer{padding:14px 18px;border-top:1px solid var(--border);flex-shrink:0}.bm-clear-btn{font-family:var(--font-mono);font-size:11px;font-weight:800;padding:7px 16px;border-radius:9px;border:1.5px solid var(--border2);background:none;color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s}.bm-clear-btn:hover{border-color:#ef4444;color:#ef4444}.offline-banner{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(calc(100% + 24px));z-index:300;display:flex;align-items:center;gap:10px;background:#1e293b;color:#f1f5f9;border:1.5px solid #334155;border-radius:14px;padding:11px 18px;box-shadow:0 8px 32px #00000047;font-size:13px;font-weight:700;transition:transform .35s cubic-bezier(.34,1.56,.64,1);white-space:nowrap;max-width:calc(100vw - 32px)}.offline-banner--visible{transform:translate(-50%) translateY(0)}.offline-icon{font-size:16px;flex-shrink:0}.offline-msg{font-family:var(--font-mono);font-size:12px;font-weight:700}.offline-dismiss{background:none;border:none;color:#94a3b8;font-size:18px;line-height:1;cursor:pointer;padding:0 2px;margin-left:4px;flex-shrink:0;transition:color .15s}.offline-dismiss:hover{color:#f1f5f9}[data-theme=dark] .offline-banner{background:#0f172a;border-color:#475569}@media (max-width: 480px){.offline-banner{font-size:11px;padding:9px 14px;border-radius:12px}}.page-action-bar{display:flex;gap:.5rem;margin:.5rem 0 1.25rem;flex-wrap:wrap}.tool-action-btn{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:700;padding:5px 14px;border-radius:99px;border:1.5px solid var(--border, #e5e7eb);background:var(--surface, #fff);color:var(--text-muted, #6b7280);cursor:pointer;transition:border-color .15s,color .15s,background .15s;white-space:nowrap}.tool-bm-btn:hover{border-color:#f59e0b;color:#b45309;background:#fef3c7}.tool-bm-btn.bm-active{border-color:#f59e0b;color:#b45309;background:#fef9ee}[data-theme=dark] .tool-bm-btn:hover,[data-theme=dark] .tool-bm-btn.bm-active{background:#2d2210;color:#fcd34d;border-color:#f59e0b}.tool-share-btn:hover{border-color:#6366f1;color:#4f46e5;background:#eef2ff}.tool-share-btn.share-done{border-color:#059669;color:#059669;background:#ecfdf5}[data-theme=dark] .tool-share-btn:hover{background:#1e1b4b;color:#a5b4fc;border-color:#6366f1}[data-theme=dark] .tool-share-btn.share-done{background:#022c22;color:#34d399;border-color:#059669}@media (max-width: 640px){.bm-trigger{margin-left:0;margin-right:4px}}.visited-chip{position:absolute;bottom:12px;right:14px;font-size:9px;font-family:var(--font-mono);font-weight:800;padding:3px 9px;border-radius:99px;letter-spacing:.5px;text-transform:uppercase;background:#0596691f;color:#059669;border:1.5px solid rgba(5,150,105,.28);pointer-events:none}[data-theme=dark] .visited-chip{background:#34d3991f;color:#34d399;border-color:#34d39947}.card-visited{border-color:#0596694d!important}[data-theme=dark] .card-visited{border-color:#34d39940!important}.progress-stat-dot{width:5px;height:5px;border-radius:50%;background:#059669;flex-shrink:0}[data-theme=dark] .progress-stat-dot{background:#34d399}.pomo-widget{position:fixed;bottom:1.5rem;left:1.5rem;z-index:9000;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.ai-tutor-wrap{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9000;display:flex;align-items:center;gap:10px}.ai-tutor-label{background:#6366f1eb;backdrop-filter:blur(8px);color:#fff;font-size:12px;font-weight:700;padding:6px 14px;border-radius:20px;white-space:nowrap;letter-spacing:.02em;box-shadow:0 2px 12px #6366f14d;opacity:0;transform:translate(8px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.ai-tutor-wrap:hover .ai-tutor-label{opacity:1;transform:translate(0)}.ai-tutor-fab{width:52px;height:52px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #6366f173;text-decoration:none;flex-shrink:0;transition:transform .15s,box-shadow .15s}.ai-tutor-fab:hover{transform:translateY(-2px);box-shadow:0 6px 22px #6366f199}.pomo-fab{width:52px;height:52px;border-radius:50%;border:none;background:var(--accent, #6366f1);color:#fff;font-size:1.25rem;cursor:pointer;box-shadow:0 4px 16px #6366f166;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;transition:transform .15s,box-shadow .15s;position:relative}.pomo-fab:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.pomo-fab-icon{line-height:1}.pomo-fab-time{font-size:.5rem;font-weight:700;font-family:var(--font-mono, monospace);letter-spacing:0;line-height:1}.pomo-panel{display:none;width:260px;background:var(--surface, #fff);border:1.5px solid var(--border, #e5e7eb);border-radius:16px;box-shadow:0 8px 32px #0000001f;overflow:hidden;order:-1}.pomo-panel.open{display:block}[data-theme=dark] .pomo-panel{background:#1e1e2e;border-color:#374151;box-shadow:0 8px 32px #0006}.pomo-head{display:flex;align-items:center;justify-content:space-between;padding:.75rem .9rem .5rem;border-bottom:1px solid var(--border, #e5e7eb)}[data-theme=dark] .pomo-head{border-color:#374151}.pomo-title{font-weight:700;font-size:.9rem;color:var(--text, #111827)}[data-theme=dark] .pomo-title{color:#f9fafb}.pomo-x{background:none;border:none;font-size:1.3rem;cursor:pointer;color:var(--text-muted, #6b7280);line-height:1;padding:0 2px}.pomo-modes{display:flex;gap:.4rem;padding:.6rem .7rem 0}.pomo-mode-btn{flex:1;font-size:.68rem;font-weight:600;padding:.3rem 0;border-radius:99px;border:1.5px solid var(--border, #e5e7eb);background:none;cursor:pointer;color:var(--text-muted, #6b7280);transition:all .15s}.pomo-mode-btn:hover{border-color:var(--accent, #6366f1);color:var(--accent, #6366f1)}.pomo-mode-active{background:var(--accent, #6366f1)!important;border-color:var(--accent, #6366f1)!important;color:#fff!important}.pomo-display{position:relative;display:flex;align-items:center;justify-content:center;padding:.9rem 0 .6rem}.pomo-ring{width:130px;height:130px;transform:rotate(-90deg)}.pomo-ring-bg{fill:none;stroke:var(--border, #e5e7eb);stroke-width:8}[data-theme=dark] .pomo-ring-bg{stroke:#374151}.pomo-ring-prog{fill:none;stroke:var(--accent, #6366f1);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .8s linear}.pomo-time-wrap{position:absolute;display:flex;flex-direction:column;align-items:center}.pomo-time{font-size:1.75rem;font-weight:800;font-family:var(--font-mono, monospace);color:var(--text, #111827);line-height:1}[data-theme=dark] .pomo-time{color:#f9fafb}.pomo-sublabel{font-size:.7rem;color:var(--text-muted, #6b7280);margin-top:3px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pomo-controls{display:flex;gap:.5rem;padding:0 .8rem .7rem}.pomo-btn{flex:1;padding:.5rem;border-radius:8px;border:1.5px solid var(--border, #e5e7eb);background:none;cursor:pointer;font-size:.8rem;font-weight:600;color:var(--text, #111827);transition:all .15s}[data-theme=dark] .pomo-btn{color:#f9fafb;border-color:#374151}.pomo-btn:hover{border-color:var(--accent, #6366f1);color:var(--accent, #6366f1)}.pomo-btn-primary{background:var(--accent, #6366f1);border-color:var(--accent, #6366f1);color:#fff!important}.pomo-btn-primary:hover{opacity:.88;border-color:var(--accent, #6366f1)!important;color:#fff!important}.pomo-sessions{text-align:center;font-size:.72rem;color:var(--text-muted, #6b7280);padding:0 .8rem .8rem;min-height:1.4rem}.pomo-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ef4444;margin:0 1px;vertical-align:middle}