/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans:"DM Sans","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;--font-mono:"JetBrains Mono","PingFang SC","Microsoft YaHei",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--leading-relaxed:1.625;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:"DM Sans","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;--default-mono-font-family:"JetBrains Mono","PingFang SC","Microsoft YaHei",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-file-upload-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{color:inherit;border-top-width:1px;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::-webkit-file-upload-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:-webkit-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:-moz-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:-webkit-any([multiple],[size])) optgroup option{padding-inline-start:20px}:where(select:-moz-any([multiple],[size])) optgroup option{padding-inline-start:20px}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::-webkit-file-upload-button{margin-inline-end:4px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports ( not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentColor}@supports (color: color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{text-align:inherit;min-height:1lh}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-year-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-month-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-day-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-hour-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-minute-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-second-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-millisecond-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-meridiem-field{padding-block-start:0;padding-block-end:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button{appearance:button}input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-file-upload-button{appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.z-10{z-index:10}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:var(--spacing)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-7{margin-top:calc(var(--spacing)*7)}.mt-8{margin-top:calc(var(--spacing)*8)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-2\.5{margin-bottom:calc(var(--spacing)*2.5)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-0\.5{margin-left:calc(var(--spacing)*.5)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-\[360px\]{max-width:360px}.min-w-0{min-width:0}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items: center}.items-start{align-items: flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.py-4{padding-block:calc(var(--spacing)*4)}.pt-2{padding-top:calc(var(--spacing)*2)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.text-center{text-align:center}.font-mono{font-family:JetBrains Mono,PingFang SC,Microsoft YaHei,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.25em\]{--tw-tracking:.25em;letter-spacing:.25em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-fg{color:var(--c-fg)}.text-muted{color:var(--c-muted)}.text-muted-2{color:var(--c-muted-2)}.uppercase{text-transform:uppercase}.opacity-60{opacity:.6}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:text-fg:hover{color:var(--c-fg)}}@media (min-width:40rem){.sm\:mt-10{margin-top:calc(var(--spacing)*10)}.sm\:mt-11{margin-top:calc(var(--spacing)*11)}.sm\:mb-5{margin-bottom:calc(var(--spacing)*5)}.sm\:flex{display:flex}.sm\:gap-2{gap:calc(var(--spacing)*2)}.sm\:gap-4{gap:calc(var(--spacing)*4)}:where(.sm\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}.sm\:p-5{padding:calc(var(--spacing)*5)}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:py-5{padding-block:calc(var(--spacing)*5)}.sm\:pt-6{padding-top:calc(var(--spacing)*6)}.sm\:pb-12{padding-bottom:calc(var(--spacing)*12)}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:64rem){.lg\:grid-cols-\[1\.35fr_1fr\]{grid-template-columns:1.35fr 1fr}.lg\:gap-10{gap:calc(var(--spacing)*10)}}}:root{--c-bg:#f6f7f9;--c-card:#fff;--c-card-2:#f4f5f8;--c-border:#e4e7ec;--c-border-2:#eceef2;--c-fg:#1c1e22;--c-muted:#667085;--c-muted-2:#98a2b3;--c-on-accent:#fff;--c-track:#1c1e2212;--c-tick:#1c1e221a;--c-tick-major:#1c1e2233;--c-ghost-bg:#1c1e2208;--c-ghost-hover:#1c1e2212;--c-grid-line:#1c1e2209;--c-noise-opacity:.03;--c-aura-opacity:.5;--c-scrollbar:#c7cdd6;--c-scrollbar-hover:#a8b0bc;--c-segment-bg:#1c1e220b;--c-kbd-bg:#1c1e220f;--c-kbd-border:#1c1e221f;--c-toggle-off:#1c1e2224;--c-modal-overlay:#181a1e73;--c-dot-idle:#1c1e221a;--toast-success-bg:#e3f5e9;--toast-success-text:#12805c;--toast-success-border:#b5e3c8;--toast-error-bg:#fee8e8;--toast-error-text:#c53030;--toast-error-border:#fcc9c9;--toast-info-bg:#e3effe;--toast-info-text:#175cd3;--toast-info-border:#b2dcff;--shadow-card:0 1px 3px #1018280f,0 1px 2px #1018280a;--shadow-dropdown:0 12px 40px #10182824;--shadow-toast:0 8px 32px #1018281f;--shadow-accent:0 10px 32px -10px var(--c-accent-glow)}[data-theme=dark]{--c-bg:#0a0a0c;--c-card:#16161b;--c-card-2:#1c1c22;--c-border:#2a2a32;--c-border-2:#1f1f25;--c-fg:#fafafa;--c-muted:#8e8e98;--c-muted-2:#6e6e78;--c-on-accent:#0a0a0c;--c-track:#ffffff0d;--c-tick:#ffffff1a;--c-tick-major:#ffffff38;--c-ghost-bg:#ffffff0a;--c-ghost-hover:#ffffff14;--c-grid-line:#ffffff05;--c-noise-opacity:.04;--c-aura-opacity:.6;--c-scrollbar:#2a2a32;--c-scrollbar-hover:#3d3d47;--c-segment-bg:#ffffff0b;--c-kbd-bg:#ffffff12;--c-kbd-border:#ffffff24;--c-toggle-off:#ffffff24;--c-modal-overlay:#000000a6;--c-dot-idle:#ffffff14;--toast-success-bg:#12291c;--toast-success-text:#5ee59b;--toast-success-border:#1f4a30;--toast-error-bg:#33181b;--toast-error-text:#f97066;--toast-error-border:#55262a;--toast-info-bg:#16283e;--toast-info-text:#84caff;--toast-info-border:#23405e;--shadow-card:0 1px 3px #00000059;--shadow-dropdown:0 12px 40px #0000008c;--shadow-toast:0 8px 32px #00000073;--shadow-accent:0 10px 32px -8px var(--c-accent-glow)}body[data-mode=focus]{--c-accent:#f97316;--c-accent-2:#fb923c;--c-accent-strong:#ea580c;--c-accent-soft:#f973161f;--c-accent-glow:#f973164d}body[data-mode=short]{--c-accent:#10b981;--c-accent-2:#34d399;--c-accent-strong:#059669;--c-accent-soft:#10b9811f;--c-accent-glow:#10b9814d}body[data-mode=long]{--c-accent:#06b6d4;--c-accent-2:#22d3ee;--c-accent-strong:#0891b2;--c-accent-soft:#06b6d41f;--c-accent-glow:#06b6d44d}[data-theme=dark] body[data-mode=focus]{--c-accent-strong:#fb923c}[data-theme=dark] body[data-mode=short]{--c-accent-strong:#34d399}[data-theme=dark] body[data-mode=long]{--c-accent-strong:#22d3ee}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--c-bg);color:var(--c-fg);overflow-x:hidden;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);transition:background-color .6s,color .6s}.font-display{font-family:var(--font-sans);letter-spacing:-.01em}.app-shell{min-height:100vh;min-height:100dvh}.app-container{width:100%;max-width:62rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.app-container{padding-left:1.5rem;padding-right:1.5rem}}.bg-aura{position:fixed;z-index:0;pointer-events:none;opacity:var(--c-aura-opacity);background:radial-gradient(ellipse 900px 700px at 15% 20%,var(--c-accent-glow),transparent 55%),radial-gradient(ellipse 700px 500px at 85% 80%,var(--c-accent-soft),transparent 55%);transition:background .6s,opacity .6s;inset:0}[data-theme=light] .bg-aura{background:radial-gradient(ellipse 900px 700px at 15% 20%,var(--c-accent-soft),transparent 55%),radial-gradient(ellipse 700px 500px at 85% 80%,#10b98112,transparent 55%)}body:before{content:"";position:fixed;z-index:1;pointer-events:none;opacity:var(--c-noise-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");inset:0}[data-theme=dark] body:before{mix-blend-mode:overlay}.bg-grid{position:fixed;z-index:0;pointer-events:none;background-image:linear-gradient(var(--c-grid-line)1px,transparent 1px),linear-gradient(90deg,var(--c-grid-line)1px,transparent 1px);mask-image:radial-gradient(#000 30%,#0000 78%);-webkit-mask-image:radial-gradient(#000 30%,#0000 78%);background-size:80px 80px;inset:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--c-scrollbar);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--c-scrollbar-hover)}.app-header{padding-top:env(safe-area-inset-top,0px);border-bottom:1px solid #0000;transition:border-color .4s}.logo-badge{display:flex;color:var(--c-on-accent);background:linear-gradient(135deg,var(--c-accent),var(--c-accent-2));box-shadow:var(--shadow-accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items: center;width:40px;height:40px;transition:background .6s;font-size:17px}.icon-btn{border:1px solid var(--c-border);background:var(--c-ghost-bg);color:var(--c-muted);cursor:pointer;display:flex;touch-action:manipulation;border-radius:10px;flex-shrink:0;justify-content:center;align-items: center;width:36px;height:36px;transition:all .25s;font-size:14px}.icon-btn:hover{color:var(--c-accent-strong);border-color:var(--c-accent);background:var(--c-accent-soft)}@media (min-width:640px){.icon-btn{width:40px;height:40px;font-size:15px}}.icon-btn .icon-sun{display:none}.icon-btn .icon-moon,[data-theme=dark] .icon-btn .icon-sun{display:block}[data-theme=dark] .icon-btn .icon-moon{display:none}.lang-toggle{width:auto;min-width:36px;padding:0 9px}@media (min-width:640px){.lang-toggle{min-width:40px}}.pulse-dot{background:var(--c-accent);animation:2s ease-in-out infinite pulse;border-radius:50%;width:8px;height:8px}.pulse-dot.offline{background:var(--toast-error-text);animation:none}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.5)}}.dropdown-menu{position:absolute;background:var(--c-card);border:1px solid var(--c-border);z-index:100;box-shadow:var(--shadow-dropdown);opacity:0;visibility:hidden;border-radius:12px;min-width:150px;margin-top:8px;padding:6px;transition:all .22s;top:100%;right:0;transform:translateY(-8px)}.dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{cursor:pointer;color:var(--c-muted);word-break:keep-all;white-space:nowrap;border-radius:8px;padding:10px 14px;transition:all .15s;font-size:13px}.dropdown-item:hover{background:var(--c-accent-soft);color:var(--c-fg)}.lang-item.active{color:var(--c-accent-strong);background:var(--c-accent-soft);font-weight:600}.lang-item.active:after{content:"✓";margin-left:6px}.mode-tabs{display:flex;background:var(--c-segment-bg);border:1px solid var(--c-border-2);border-radius:999px;gap:4px;padding:4px}.mode-tab{color:var(--c-muted);cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:999px;flex:1;min-height:42px;transition:all .25s;font-family:inherit;font-size:13px;font-weight:600}@media (min-width:640px){.mode-tab{min-height:44px;font-size:14px}}.mode-tab:hover{color:var(--c-fg)}.mode-tab.active{background:var(--c-card);color:var(--c-accent-strong);box-shadow:var(--shadow-card)}.timer-wrap{aspect-ratio:1;width:min(420px,82vw)}.timer-ring{overflow:visible;width:100%;height:100%;transform:rotate(-90deg)}.ring-track{fill:none;stroke:var(--c-track);stroke-width:1.5;transition:stroke .6s}.ring-progress{fill:none;stroke:var(--c-accent);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 12px var(--c-accent-glow));transition:stroke-dashoffset .4s linear,stroke .6s}.ring-tick{stroke:var(--c-tick);stroke-width:1;transition:stroke .6s}.ring-tick-major{stroke:var(--c-tick-major);stroke-width:1.5;transition:stroke .6s}.running .ring-progress{animation:2.4s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 12px var(--c-accent-glow))}50%{filter:drop-shadow(0 0 24px var(--c-accent-glow))}}.center-orb{position:absolute;background:radial-gradient(circle at 50% 40%,var(--c-accent-soft),transparent 70%);opacity:0;pointer-events:none;border-radius:50%;transition:opacity .6s;inset:24%}.running .center-orb{opacity:1;animation:3s ease-in-out infinite orb-pulse}@keyframes orb-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.08);opacity:.95}}.timer-center{position:absolute;display:flex;pointer-events:none;flex-direction:column;justify-content:center;align-items: center;inset:0}.mode-caption{letter-spacing:.32em;text-transform:uppercase;color:var(--c-muted);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90%;margin-bottom:12px;transition:color .6s;font-size:10px;font-weight:600}@media (min-width:640px){.mode-caption{font-size:12px}}.time-display{font-family:var(--font-mono);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--c-fg);transition:color .6s;font-size:clamp(3.25rem,15vw,6.5rem);font-weight:300;line-height:1}.status-text{color:var(--c-muted);margin-top:14px;transition:color .6s;font-size:13px}@keyframes burst{0%{transform:scale(.95);opacity:.8;border-width:3px}to{transform:scale(1.4);opacity:0;border-width:1px}}.burst-ring{position:absolute;border:2px solid var(--c-accent);pointer-events:none;animation:1s cubic-bezier(.22,1,.36,1) forwards burst;border-radius:50%;inset:0}.btn-primary{display:inline-flex;background:var(--c-accent);color:var(--c-on-accent);cursor:pointer;box-shadow:var(--shadow-accent),inset 0 1px 0 #ffffff40;touch-action:manipulation;border:none;border-radius:999px;justify-content:center;align-items: center;gap:10px;min-width:176px;min-height:52px;padding:0 36px;transition:all .25s cubic-bezier(.22,1,.36,1);font-family:inherit;font-size:16px;font-weight:700}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary-sm{border-radius:12px;min-width:0;min-height:46px;padding:0 20px;font-size:14px}.btn-icon{display:flex;background:var(--c-ghost-bg);border:1px solid var(--c-border);color:var(--c-muted);cursor:pointer;touch-action:manipulation;border-radius:50%;justify-content:center;align-items: center;width:52px;height:52px;transition:all .2s;font-size:17px}.btn-icon:hover{background:var(--c-accent-soft);border-color:var(--c-accent);color:var(--c-accent-strong);transform:rotate(-24deg)}#skip-btn:hover{transform:rotate(24deg)}.btn-ghost{display:inline-flex;background:var(--c-ghost-bg);color:var(--c-fg);border:1px solid var(--c-border);cursor:pointer;touch-action:manipulation;border-radius:12px;justify-content:center;align-items: center;min-height:46px;padding:0 20px;transition:all .2s;font-family:inherit;font-size:14px;font-weight:600}.btn-ghost:hover{background:var(--c-ghost-hover);border-color:var(--c-accent);color:var(--c-accent-strong)}.kbd-hints kbd{background:var(--c-kbd-bg);border:1px solid var(--c-kbd-border);font-family:var(--font-mono);color:var(--c-muted);border-radius:6px;padding:2px 7px;font-size:10px}.card{background:linear-gradient(180deg,var(--c-card)0%,var(--c-card-2)100%);border:1px solid var(--c-border-2);position:relative;overflow:hidden;border-radius:18px;transition:background .5s,border-color .5s}.card:before{content:"";position:absolute;background:linear-gradient(90deg,transparent,var(--c-accent-soft),transparent);pointer-events:none;height:1px;top:0;left:0;right:0}.card-title{color:var(--c-fg);letter-spacing:-.01em;font-size:15px;font-weight:700}.stat-number{letter-spacing:-.02em;color:var(--c-accent-strong);transition:color .6s;font-size:34px;font-weight:800;line-height:1}.stat-number-neutral{color:var(--c-fg)}@media (min-width:640px){.stat-number{font-size:38px}}.goal-track{background:var(--c-track);overflow:hidden;border-radius:999px;height:6px}.goal-bar{background:linear-gradient(90deg,var(--c-accent),var(--c-accent-2));border-radius:999px;width:0%;height:100%;transition:width .5s,background .6s}.session-dot{border-radius:50%;flex-shrink:0;transition:all .3s}.session-dot.idle{background:var(--c-dot-idle);width:12px;height:12px}.session-dot.filled{background:var(--c-accent);box-shadow:0 0 10px var(--c-accent-glow);animation:.4s cubic-bezier(.22,1.5,.36,1) dot-fill;width:14px;height:14px}.session-dot.current{border:1.5px solid var(--c-accent);background:0 0;width:14px;height:14px}@keyframes dot-fill{0%{transform:scale(.5)}to{transform:scale(1)}}.history-list{overflow-y:auto;max-height:14rem;margin:0 -8px;padding:0 8px}.history-empty{text-align:center;color:var(--c-muted-2);padding:24px 0;font-size:13px}.history-item{display:flex;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items: center;gap:8px;padding:9px 10px;transition:all .2s}.history-item:hover{background:var(--c-ghost-bg);border-color:var(--c-border-2)}.history-item .hi-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.history-item .hi-name{color:var(--c-fg);font-size:13px}.history-item .hi-meta{display:flex;color:var(--c-muted);font-size:11px;font-family:var(--font-mono);flex-shrink:0;align-items: center;gap:12px}.about-badge{display:flex;background:var(--c-accent-soft);color:var(--c-accent-strong);border-radius:10px;flex-shrink:0;justify-content:center;align-items: center;width:32px;height:32px;transition:background .6s,color .6s;font-size:13px}.modal-backdrop{position:fixed;z-index:50;display:flex;background:var(--c-modal-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;justify-content:center;align-items: center;padding:16px;transition:opacity .3s;inset:0}.modal-backdrop.show{opacity:1;pointer-events:auto}.modal-content{display:flex;background:var(--c-card);border:1px solid var(--c-border);box-shadow:var(--shadow-dropdown);opacity:0;border-radius:20px;flex-direction:column;width:100%;max-width:26rem;max-height:min(600px,100dvh - 32px);transition:all .32s cubic-bezier(.22,1,.36,1);transform:translateY(20px)scale(.96)}.modal-backdrop.show .modal-content{opacity:1;transform:translateY(0)scale(1)}.modal-header{display:flex;justify-content:space-between;align-items: flex-start;gap:8px;padding:22px 22px 0}.modal-body{overflow-y:auto;overscroll-behavior:contain;flex:1;padding:20px 22px}.modal-footer{display:flex;padding:14px 22px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--c-border-2);gap:12px}.modal-divider{background:var(--c-border-2);height:1px;margin:20px 0}.setting-value{font-size:13px;font-weight:600;font-family:var(--font-mono);color:var(--c-accent-strong)}input[type=range]{-webkit-appearance:none;appearance:none;background:var(--c-track);outline:none;cursor:pointer;border-radius:999px;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--c-accent);cursor:pointer;box-shadow:0 0 0 4px var(--c-bg),0 0 12px var(--c-accent-glow);border-radius:50%;width:20px;height:20px;transition:transform .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-moz-range-thumb{background:var(--c-accent);cursor:pointer;box-shadow:0 0 0 4px var(--c-bg),0 0 12px var(--c-accent-glow);border:none;border-radius:50%;width:20px;height:20px}.toggle{background:var(--c-toggle-off);position:relative;cursor:pointer;touch-action:manipulation;border:none;border-radius:999px;flex-shrink:0;width:42px;height:24px;padding:0;transition:background .25s}.toggle:after{content:"";position:absolute;background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s cubic-bezier(.22,1,.36,1);top:3px;left:3px;box-shadow:0 2px 4px #00000040}.toggle.on{background:var(--c-accent)}.toggle.on:after{transform:translate(18px)}.toast-container{position:fixed;z-index:60;display:flex;pointer-events:none;flex-direction:column;gap:8px;max-width:min(340px,100vw - 36px);top:18px;right:18px}.toast{display:flex;box-shadow:var(--shadow-toast);pointer-events:auto;opacity:0;border:1px solid #0000;border-radius:12px;align-items: center;gap:10px;padding:11px 16px;transition:all .4s cubic-bezier(.22,1,.36,1);font-size:13px;font-weight:500;transform:translate(120%)}.toast.show{opacity:1;transform:translate(0)}.toast.success{background:var(--toast-success-bg);color:var(--toast-success-text);border-color:var(--toast-success-border)}.toast.error{background:var(--toast-error-bg);color:var(--toast-error-text);border-color:var(--toast-error-border)}.toast.info{background:var(--toast-info-bg);color:var(--toast-info-text);border-color:var(--toast-info-border)}@media (max-width:640px){.main-grid{gap:2rem}.toast-container{align-items:stretch;max-width:none;top:12px;left:12px;right:12px}.toast{transform:translateY(-120%)}.toast.show{transform:translateY(0)}.modal-backdrop{align-items: flex-end;padding:0}.modal-content{border-bottom:none;border-left:none;border-right:none;border-radius:20px 20px 0 0;max-width:none;max-height:88dvh;transform:translateY(100%)}.modal-backdrop.show .modal-content{transform:translateY(0)}.modal-header{padding:20px 20px 0}.modal-body{padding:18px 20px}.modal-footer{padding-left:20px;padding-right:20px}.history-item{padding:8px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@keyframes pulse{50%{opacity:.5}}@layer properties{@supports ((-webkit-hyphens: none) and ( not (margin-trim: inline))) or ((-moz-orient: inline) and ( not (color:rgb(from red r g b)))){*,:before,:after{--tw-space-y-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}::backdrop{--tw-space-y-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}