:root{color-scheme:light dark;--bg:#f4f5f7;--bg-2:#e9ebef;--fg:#18181b;--card:#fff;--card-rgb:255, 255, 255;--border:#e5e7eb;--accent-off:#6b7280;--accent-on:#16a34a;--accent-auto:#27f;--shadow-sm:0 2px 10px #11182712;--shadow:0 10px 34px #1118271a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#0d0d17;--bg-2:#09090f;--fg:#fff;--card:#18181b;--card-rgb:24, 24, 27;--border:#27272a;--accent-off:#9ca3af;--accent-on:#22c55e;--accent-auto:#4b9bff;--shadow-sm:0 2px 10px #00000059;--shadow:0 10px 34px #00000080}}:root[data-theme=dark]{color-scheme:dark;--bg:#0d0d17;--bg-2:#09090f;--fg:#fff;--card:#18181b;--card-rgb:24, 24, 27;--border:#27272a;--accent-off:#9ca3af;--accent-on:#22c55e;--accent-auto:#4b9bff;--shadow-sm:0 2px 10px #00000059;--shadow:0 10px 34px #00000080}*{box-sizing:border-box}body{background:linear-gradient(160deg, var(--bg) 0%, var(--bg-2) 100%);min-height:100vh;color:var(--fg);justify-content:center;align-items:center;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}body,.card,.tabs,.theme-toggle,.history-clear,.history-feed__item{transition:background-color .25s,border-color .25s,color .25s,box-shadow .25s}.card{background:var(--card);border:1px solid var(--border);text-align:center;width:90%;max-width:360px;box-shadow:var(--shadow);border-radius:16px;padding:2.5rem 3rem}@media (width<=640px){body{align-items:flex-start}.card{width:100%;max-width:none;box-shadow:none;background:0 0;border:none;border-radius:0;padding:7rem 1.5rem 2rem}}h1{margin:0 0 .25rem;font-size:1.4rem}.card__subtitle{color:var(--accent-off);margin:0 0 1.75rem;font-size:.9rem}.eyes{width:76px;color:var(--accent-off);margin:0 auto 1.75rem;transition:color .4s}.eyes.is-on{color:var(--accent-on)}.eyes__svg{width:100%;height:auto;display:block;overflow:visible}.eyes__outline{fill:none;stroke:currentColor;stroke-width:3px}.eyes__ball{fill:currentColor;stroke:none}.eyes__pupil{fill:var(--card);stroke:none}.eyes__lash{fill:none;stroke:currentColor;stroke-width:3px}.eyes__lid{transform-box:fill-box;transition:transform .55s cubic-bezier(.5,0,.2,1);transform:translateY(0)}.eyes.is-on .eyes__lid{transform:translateY(-108%)}@media (prefers-reduced-motion:reduce){.eyes__lid,.eyes{transition:none}}@keyframes ping{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}button{cursor:pointer;background:var(--fg);width:100%;color:var(--bg);border:none;border-radius:10px;padding:.85rem;font-size:1rem;font-weight:600;transition:opacity .15s}button:hover{opacity:.85}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:2px solid var(--accent-auto);outline-offset:2px}.card__status{color:var(--accent-off);min-height:1.2em;margin-top:1rem;font-size:.85rem}.card__timer{font-variant-numeric:tabular-nums;color:var(--accent-off);margin:0 0 1rem;font-size:2rem;font-weight:700}.card__timer.is-on{color:var(--fg)}.card__remaining{font-variant-numeric:tabular-nums;color:var(--accent-auto);min-height:1.2em;margin-bottom:.5rem;font-size:.8rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tabs{background:var(--bg);border:1px solid var(--border);border-radius:10px;gap:.3rem;margin-bottom:1.25rem;padding:.25rem;display:flex}.tabs__btn{width:auto;color:var(--accent-off);background:0 0;border-radius:7px;flex:1;padding:.5rem .4rem;font-size:.85rem;font-weight:600}.tabs__btn:hover{opacity:1;background:var(--border)}.tabs__btn.is-active{background:var(--card);color:var(--fg);box-shadow:0 1px 3px #0000001f}fieldset.duration-picker{text-align:left;border:none;flex-direction:column;gap:1.1rem;margin:0 0 1.25rem;padding:0;display:flex}fieldset.duration-picker[hidden]{display:none}.duration-picker.is-disabled{opacity:.45;pointer-events:none}.duration-picker__presets{gap:.5rem;display:flex}.duration-picker__btn{border:1px solid var(--border);width:auto;color:var(--fg);background:0 0;border-radius:8px;flex:1;padding:.65rem .3rem;font-size:.85rem;font-weight:600}.duration-picker__btn:hover{opacity:1;background:var(--border)}.duration-picker__btn.is-active{background:var(--accent-on);border-color:var(--accent-on);color:#fff}.duration-picker__divider{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-off);align-items:center;gap:.6rem;font-size:.68rem;display:flex}.duration-picker__divider:before,.duration-picker__divider:after{content:"";background:var(--border);flex:1;height:1px}.duration-picker__field{flex-direction:column;gap:.45rem;display:flex}.duration-picker__custom-label{color:var(--fg);margin:0;font-size:.78rem;font-weight:600}.duration-picker__custom-input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--fg);border-radius:8px;margin:0;padding:.65rem .75rem;font-size:.9rem}.duration-picker__hint{color:var(--accent-off);margin:0;font-size:.72rem;line-height:1.5}.duration-picker__selected{color:var(--accent-auto);background:color-mix(in srgb, var(--accent-auto) 12%, transparent);text-align:center;border-radius:8px;min-height:1.1em;margin:0;padding:.5rem .7rem;font-size:.8rem;font-weight:600}.history-feed{flex-direction:column;gap:.6rem;width:300px;padding:.5rem;display:flex;position:fixed;top:3.75rem;bottom:4vh;right:1rem;overflow-y:auto}.history-feed::-webkit-scrollbar{width:4px}.top-controls{z-index:10;gap:.5rem;display:flex;position:fixed;top:1rem;right:1rem}.top-controls__btn{width:2.4rem;height:2.4rem;color:var(--fg);background:rgba(var(--card-rgb), .55);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:8px;place-items:center;padding:0;display:grid}.top-controls__btn:hover{opacity:1;background:rgba(var(--card-rgb), .85)}.top-controls__btn svg{width:18px;height:18px}.top-controls__btn[hidden]{display:none}.lang-toggle{letter-spacing:.03em;font-size:.8rem;font-weight:700;text-decoration:none}.top-controls__btn:disabled{opacity:.4;cursor:not-allowed}.top-controls__btn:disabled:hover{opacity:.4;background:rgba(var(--card-rgb), .55)}.theme-toggle__moon{display:none}.theme-toggle__sun{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle__sun{display:none}:root:not([data-theme=light]) .theme-toggle__moon{display:block}}:root[data-theme=dark] .theme-toggle__sun{display:none}:root[data-theme=dark] .theme-toggle__moon,:root[data-theme=light] .theme-toggle__sun{display:block}:root[data-theme=light] .theme-toggle__moon{display:none}.history-clear{width:auto;color:var(--accent-off);background:0 0;border:none;border-radius:0;flex-shrink:0;align-self:flex-end;padding:0;font-size:.8rem;font-weight:600}.history-clear:hover{opacity:1;color:var(--fg);text-underline-offset:3px;text-decoration:underline}.history-feed__list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.history-feed__item{pointer-events:auto;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:10px;padding:.6rem .85rem .6rem .95rem;font-size:.92rem;animation:.3s chatIn;position:relative;overflow:hidden}.history-feed__item:before{content:"";background:linear-gradient(180deg, var(--accent-on), #0d9488);width:3px;position:absolute;top:0;bottom:0;left:0}.history-feed__item--timer:before{background:linear-gradient(180deg, var(--accent-auto), #22d3ee)}@keyframes chatIn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}.history-feed__row{align-items:baseline;gap:.4rem;margin-bottom:.15rem;display:flex}.history-feed__seq{font-variant-numeric:tabular-nums;color:var(--accent-off);font-size:.72rem;font-weight:700}.history-feed__date{color:var(--accent-off);font-size:.8rem}.history-feed__duration{font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700}.history-feed__reason{text-transform:uppercase;letter-spacing:.04em;color:var(--accent-on);margin-top:.25rem;font-size:.72rem;font-weight:600;display:inline-block}.history-feed__item--timer .history-feed__reason{color:var(--accent-auto)}.history-feed__empty{pointer-events:none;color:var(--accent-off);text-align:right;margin:0 .5rem;font-size:.85rem}@media (width<=860px){.history-feed{display:none}}.history-link,.history-link[hidden]{display:none}.history-link:hover{opacity:1;color:var(--fg);text-underline-offset:3px;text-decoration:underline}@media (width<=860px){body.has-alert .history-link{top:calc(4.5rem + var(--alert-h,3.25rem))}.history-link{z-index:10;width:auto;color:var(--accent-off);background:0 0;border:none;border-radius:0;margin:0;padding:0;font-size:.8rem;font-weight:600;display:inline-block;position:fixed;top:4.5rem;right:1rem}}.history-modal{border:1px solid var(--border);background:var(--card);width:min(92vw,420px);max-height:82vh;color:var(--fg);box-shadow:var(--shadow);border-radius:16px;margin:6vh auto auto;padding:0;overflow:hidden}.history-modal::backdrop{backdrop-filter:blur(3px);background:#00000080}.history-modal__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.history-modal__title{margin:0;font-size:1rem}.history-modal__close{width:auto;color:var(--accent-off);background:0 0;border:none;padding:.15rem .5rem;font-size:1.4rem;line-height:1}.history-modal__close:hover{opacity:1;color:var(--fg)}.history-modal__body{flex-direction:column;gap:.6rem;max-height:calc(82vh - 3.5rem);padding:1.25rem;display:flex;overflow-y:auto}.history-modal__clear{width:auto;color:var(--accent-off);background:0 0;border:none;border-radius:0;align-self:flex-end;padding:0;font-size:.8rem;font-weight:600}.history-modal__clear:hover{opacity:1;color:var(--fg);text-underline-offset:3px;text-decoration:underline}.history-modal .history-feed__empty{text-align:center}.footer{text-align:center;color:var(--accent-off);pointer-events:none;padding:.75rem 1rem;font-size:.8rem;position:fixed;bottom:0;left:0;right:0}.footer__heart{color:#e0245e}.footer__link{color:var(--accent-auto);pointer-events:auto;font-weight:600;text-decoration:none}.footer__link:hover{text-decoration:underline}.pip-stage{pointer-events:none;width:480px;height:270px;position:fixed;top:0;left:-20000px}.alert{z-index:30;color:var(--fg);background:rgba(var(--card-rgb), .85);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .6rem;padding:.85rem 1rem;font-size:.85rem;line-height:1.4;display:flex;position:fixed;top:0;left:0;right:0}.alert[hidden]{display:none}.alert__icon{color:var(--accent-auto)}.alert__text{margin:0}.alert__action{width:auto;color:var(--bg);background:var(--fg);cursor:pointer;border:none;border-radius:6px;padding:.3rem .75rem;font-size:.8rem;font-weight:600}.alert__action:hover{opacity:.85}body.has-alert .top-controls{top:calc(1rem + var(--alert-h,3.25rem))}body.has-alert .history-feed{top:calc(3.75rem + var(--alert-h,3.25rem))}.overlay{z-index:20;-webkit-backdrop-filter:blur(3px);background:#00000080;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.overlay[hidden]{display:none}.overlay__box{text-align:center;width:min(90vw,340px);color:var(--fg);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;align-items:center;gap:.6rem;padding:1.75rem 1.5rem;display:flex}.overlay__dot-wrap{width:12px;height:12px;margin-bottom:.2rem;position:relative}.overlay__dot{background:var(--accent-on);border-radius:50%;position:absolute;inset:0}.overlay__dot-wrap:after{content:"";background:var(--accent-on);border-radius:50%;animation:1.5s ease-out infinite ping;position:absolute;inset:0}.overlay__title{margin:0;font-size:1rem;font-weight:600}.overlay__text{color:var(--accent-off);margin:0;font-size:.85rem;line-height:1.5}.overlay__actions{gap:.5rem;margin-top:.75rem;display:flex}.overlay__action{width:auto;color:var(--bg);background:var(--fg);cursor:pointer;border:none;border-radius:8px;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600}.overlay__action:hover{opacity:.85}.overlay__action--ghost{color:var(--accent-off);border:1px solid var(--border);background:0 0}.overlay__action--ghost:hover{color:var(--fg);opacity:1}.guide{border:1px solid var(--border);background:var(--card);width:min(94vw,560px);max-height:86vh;color:var(--fg);box-shadow:var(--shadow);border-radius:16px;margin:auto;padding:0;overflow:hidden}.guide::backdrop{backdrop-filter:blur(3px);background:#00000080}.guide__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.guide__title{margin:0;font-size:1rem}.guide__close{width:auto;color:var(--accent-off);background:0 0;border:none;padding:.15rem .5rem;font-size:1.4rem;line-height:1}.guide__close:hover{opacity:1;color:var(--fg)}.guide__body{max-height:calc(86vh - 3.5rem);padding:1.25rem;overflow-y:auto}.guide__lead{color:var(--fg);margin:0 0 1.25rem;font-size:.92rem;line-height:1.55}.guide__section{margin-bottom:1.4rem}.guide__section:last-child{margin-bottom:0}.guide__section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-off);margin:0 0 .7rem;font-size:.72rem;font-weight:700}.guide__list{flex-direction:column;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.guide__item{grid-template-columns:2rem 1fr;align-items:start;gap:.75rem;font-size:.88rem;line-height:1.5;display:grid}.guide__icon{border:1px solid var(--border);width:2rem;height:2rem;color:var(--fg);background:rgba(var(--card-rgb), .55);border-radius:8px;place-items:center;display:grid}.guide__icon svg{width:16px;height:16px}.guide__term{font-weight:600}.guide__desc{color:var(--accent-off);margin:.1rem 0 0}.guide__code{color:var(--fg);background:var(--bg-2);border:1px solid var(--border);border-radius:5px;padding:.1rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82em}.guide__note{color:var(--accent-off);background:var(--bg-2);border:1px solid var(--border);border-left:3px solid var(--accent-auto);border-radius:8px;gap:.6rem;margin-top:1.4rem;padding:.85rem 1rem;font-size:.84rem;line-height:1.5;display:flex}.guide__note b{color:var(--fg)}@media (width<=640px){.guide{border-radius:16px 16px 0 0;width:100vw;max-width:100vw;max-height:92vh;margin:auto auto 0}}