:root{--tm-bg: #fbfaf5;--tm-ink: #1a160e;--tm-ink-soft: rgba(26, 22, 14, .72);--tm-ink-soft-2: rgba(26, 22, 14, .52);--tm-line: rgba(26, 22, 14, .12);--tm-card: #ffffff;--tm-accent: #1f4ed8;--tm-accent-soft: rgba(31, 78, 216, .12);--tm-break: #1f8a4a;--tm-radius-sm: 8px;--tm-radius: 12px;--tm-radius-lg: 16px;--tm-shadow: 0 1px 0 var(--tm-line), 0 8px 24px rgba(26, 22, 14, .04);--tm-shadow-pop: 0 8px 24px rgba(26, 22, 14, .16)}[data-theme=dark]{--tm-bg: #0e0c08;--tm-ink: #f4f1ea;--tm-ink-soft: rgba(244, 241, 234, .72);--tm-ink-soft-2: rgba(244, 241, 234, .52);--tm-line: rgba(244, 241, 234, .14);--tm-card: #1a160e;--tm-accent: #8fa9ff;--tm-accent-soft: rgba(143, 169, 255, .18);--tm-break: #5dd693;--tm-shadow: 0 1px 0 var(--tm-line), 0 8px 24px rgba(0, 0, 0, .4);--tm-shadow-pop: 0 8px 24px rgba(0, 0, 0, .6)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--tm-bg: #0e0c08;--tm-ink: #f4f1ea;--tm-ink-soft: rgba(244, 241, 234, .72);--tm-ink-soft-2: rgba(244, 241, 234, .52);--tm-line: rgba(244, 241, 234, .14);--tm-card: #1a160e;--tm-accent: #8fa9ff;--tm-accent-soft: rgba(143, 169, 255, .18);--tm-break: #5dd693;--tm-shadow: 0 1px 0 var(--tm-line), 0 8px 24px rgba(0, 0, 0, .4);--tm-shadow-pop: 0 8px 24px rgba(0, 0, 0, .6)}}.tm-page{position:relative;background:var(--tm-bg);color:var(--tm-ink);min-height:80vh;padding-bottom:6rem;overflow:hidden}.tm-scene{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0;transition:opacity .6s ease}[data-scene=none] .tm-scene{opacity:0}[data-scene=paper] .tm-scene{opacity:1;background:radial-gradient(800px circle at 20% 20%,rgba(248,232,200,.6),transparent 60%),radial-gradient(700px circle at 80% 70%,rgba(255,240,220,.55),transparent 65%)}[data-scene=ink] .tm-scene{opacity:1;background:radial-gradient(700px circle at 70% 30%,rgba(26,22,14,.06),transparent 65%),radial-gradient(600px circle at 20% 80%,rgba(26,22,14,.08),transparent 65%)}[data-scene=ocean] .tm-scene{opacity:1;background:radial-gradient(900px circle at 30% 30%,rgba(120,170,220,.4),transparent 60%),radial-gradient(700px circle at 80% 80%,rgba(80,130,200,.35),transparent 60%)}[data-scene=sunset] .tm-scene{opacity:1;background:radial-gradient(900px circle at 20% 80%,rgba(255,160,120,.5),transparent 60%),radial-gradient(700px circle at 80% 20%,rgba(255,200,130,.45),transparent 65%)}[data-scene=noir] .tm-scene{opacity:1;background:radial-gradient(900px circle at 50% 50%,rgba(26,22,14,.18),transparent 65%)}.tm-topbar{position:relative;z-index:5;background:color-mix(in oklab,var(--tm-bg) 86%,transparent);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--tm-line)}.tm-topbar-inner{max-width:860px;margin:0 auto;padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.tm-brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:600}.tm-brand-mark{color:var(--tm-accent);display:inline-flex}.tm-brand-name{font-size:1.0625rem}.tm-topbar-actions{display:inline-flex;gap:.5rem;flex-wrap:wrap}.tm-btn{appearance:none;border:1px solid var(--tm-line);background:var(--tm-card);color:var(--tm-ink);border-radius:999px;padding:.5rem .9rem;font:inherit;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}.tm-btn:hover{background:color-mix(in oklab,var(--tm-accent) 8%,var(--tm-card));border-color:color-mix(in oklab,var(--tm-accent) 35%,var(--tm-line))}.tm-btn:active{transform:translateY(1px)}.tm-btn:focus-visible{outline:2px solid var(--tm-accent);outline-offset:2px}.tm-btn-primary{background:var(--tm-accent);border-color:var(--tm-accent);color:#fff}.tm-btn-primary:hover{background:color-mix(in oklab,var(--tm-accent) 88%,black);border-color:color-mix(in oklab,var(--tm-accent) 88%,black)}.tm-btn-ghost{background:transparent}.tm-btn-sm{padding:.35rem .7rem;font-size:.8125rem}.tm-btn-play{width:64px;height:64px;border-radius:999px;padding:0;justify-content:center;box-shadow:0 6px 20px color-mix(in oklab,var(--tm-accent) 30%,transparent)}.tm-stage{position:relative;z-index:2;max-width:640px;margin:2.25rem auto 0;padding:0 1.25rem;text-align:center}.tm-phase{font-size:.8125rem;text-transform:uppercase;letter-spacing:.12em;font-weight:600;color:var(--tm-ink-soft-2);margin:0 0 1rem}.tm-page.is-break .tm-phase{color:var(--tm-break)}.tm-page.is-focus .tm-phase{color:var(--tm-accent)}.tm-dial{position:relative;width:clamp(240px,60vw,340px);aspect-ratio:1;margin:0 auto}.tm-dial-svg{width:100%;height:100%;transform:rotate(-90deg)}.tm-track{fill:none;stroke:var(--tm-line);stroke-width:6}.tm-progress{fill:none;stroke:var(--tm-accent);stroke-width:6;stroke-linecap:round;stroke-dasharray:578;stroke-dashoffset:0;transition:stroke-dashoffset .2s linear,stroke .3s ease}.tm-page.is-break .tm-progress{stroke:var(--tm-break)}.tm-dial-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem}.tm-time{font-family:Fraunces,Iowan Old Style,Georgia,serif;font-feature-settings:"tnum" 1,"ss01";font-weight:500;font-size:clamp(3rem,9vw,4.5rem);line-height:1;letter-spacing:-.02em}.tm-cycle{color:var(--tm-ink-soft-2);font-size:.8125rem;text-transform:uppercase;letter-spacing:.1em}.tm-controls{margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem}.tm-preset-row{margin-top:1.75rem;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.tm-preset{appearance:none;border:1px solid var(--tm-line);background:var(--tm-card);border-radius:var(--tm-radius);padding:.55rem .95rem;cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;gap:.1rem;min-width:100px;font:inherit;color:var(--tm-ink);transition:background-color .12s ease,border-color .12s ease}.tm-preset:hover{background:color-mix(in oklab,var(--tm-accent) 8%,var(--tm-card))}.tm-preset[aria-selected=true]{border-color:var(--tm-accent);background:var(--tm-accent-soft)}.tm-preset-name{font-size:.875rem;font-weight:600}.tm-preset-meta{font-size:.75rem;color:var(--tm-ink-soft-2);font-family:JetBrains Mono,ui-monospace,monospace}.tm-stats{position:relative;z-index:2;max-width:640px;margin:3rem auto 0;padding:0 1.25rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.tm-stat{background:var(--tm-card);border:1px solid var(--tm-line);border-radius:var(--tm-radius);padding:.85rem 1rem;display:flex;flex-direction:column;gap:.15rem;box-shadow:var(--tm-shadow)}.tm-stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--tm-ink-soft-2)}.tm-stat-value{font-family:Fraunces,Iowan Old Style,Georgia,serif;font-feature-settings:"tnum" 1;font-size:1.75rem;line-height:1}.tm-stat-suffix{color:var(--tm-ink-soft-2);font-size:.75rem}.tm-why,.tm-faq{position:relative;z-index:2;max-width:640px;margin:3rem auto 0;padding:0 1.25rem}.tm-eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--tm-ink-soft-2);margin:0 0 .35rem;font-weight:600}.tm-h2{font-family:Fraunces,Iowan Old Style,Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(1.5rem,3.6vw,2rem);margin:0 0 .85rem}.tm-body{color:var(--tm-ink-soft);font-size:1rem;line-height:1.65;max-width:60ch}.tm-body+.tm-body{margin-top:.6rem}.tm-faq-list{display:grid;gap:.5rem;margin-top:1rem}.tm-faq-item{border:1px solid var(--tm-line);border-radius:var(--tm-radius-sm);background:var(--tm-card);padding:.75rem .9rem}.tm-faq-q{cursor:pointer;font-weight:600;font-size:.9375rem;list-style:none}.tm-faq-q::-webkit-details-marker{display:none}.tm-faq-q:after{content:"+";float:right;color:var(--tm-ink-soft-2);font-weight:400}details[open] .tm-faq-q:after{content:"–"}.tm-faq-a{color:var(--tm-ink-soft);margin:.5rem 0 0;font-size:.9375rem;line-height:1.55}.tm-toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:var(--tm-ink);color:var(--tm-bg);padding:.55rem .9rem;border-radius:999px;font-size:.875rem;box-shadow:var(--tm-shadow-pop);z-index:50}.tm-dialog{position:fixed;inset:0;z-index:40}.tm-dialog-backdrop{position:absolute;inset:0;background:#1a160e66;backdrop-filter:blur(2px)}.tm-dialog-panel{position:relative;max-width:480px;margin:3rem auto 0;background:var(--tm-card);border:1px solid var(--tm-line);border-radius:var(--tm-radius-lg);box-shadow:var(--tm-shadow-pop);padding:1.25rem 1.25rem 1.5rem;max-height:90vh;overflow-y:auto}.tm-dialog-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.85rem;gap:1rem}.tm-form{display:grid;gap:1rem}.tm-form-row-double{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.tm-field{display:flex;flex-direction:column;gap:.35rem}.tm-label{font-size:.8125rem;color:var(--tm-ink-soft);font-weight:500}.tm-input{appearance:none;border:1px solid var(--tm-line);background:var(--tm-bg);color:var(--tm-ink);padding:.55rem .7rem;border-radius:var(--tm-radius-sm);font:inherit;font-size:.9375rem}.tm-input:focus{outline:2px solid var(--tm-accent);outline-offset:2px;border-color:transparent}.tm-chip-row{display:flex;flex-wrap:wrap;gap:.4rem}.tm-chip{appearance:none;border:1px solid var(--tm-line);background:var(--tm-card);color:var(--tm-ink);padding:.4rem .7rem;border-radius:999px;font:inherit;font-size:.8125rem;cursor:pointer}.tm-chip[aria-checked=true]{background:var(--tm-accent-soft);border-color:var(--tm-accent);color:var(--tm-ink)}.tm-toggle{display:inline-flex;align-items:center;gap:.6rem;font-size:.875rem;color:var(--tm-ink-soft);cursor:pointer}.tm-toggle input{width:16px;height:16px;accent-color:var(--tm-accent)}@media(max-width:600px){.tm-topbar-actions .tm-btn span{display:none}.tm-stats{grid-template-columns:1fr}}
