@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f7f1e8;--surface:#fffaf3;--surface-2:#efe6d9;--text:#2b2420;--muted:#65584e;--line:#e2d6c6;--accent:#a8472c;--accent-ring:#c0583a;--on-accent:#fff;--accent-soft:#f3dcd1;--focus:#1f5f8b;--font-serif:"Fraunces Variable", "Iowan Old Style", Georgia, serif;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius:18px;--radius-pill:999px;--tap:48px;--space:16px;--shadow:0 1px 2px #3c28140f, 0 6px 24px #3c281412;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1c1714;--surface:#27201b;--surface-2:#332a24;--text:#f3eadf;--muted:#c0b1a2;--line:#3d332c;--accent:#e58a6b;--accent-ring:#e58a6b;--on-accent:#1c1714;--accent-soft:#4a2c22;--focus:#8cc8f0;--shadow:0 1px 2px #0000004d, 0 6px 24px #00000040}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0;font-size:17px;line-height:1.45}#app{max-width:560px;min-height:100dvh;padding:calc(var(--safe-top) + 8px) calc(var(--safe-right) + var(--space)) calc(var(--safe-bottom) + var(--space)) calc(var(--safe-left) + var(--space));flex-direction:column;margin:0 auto;display:flex}body.has-nav #app{padding-bottom:calc(var(--safe-bottom) + 84px)}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:8px}[hidden]{display:none!important}.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}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.app-header{justify-content:space-between;align-items:center;min-height:52px;display:flex}.app-title{font-family:var(--font-serif);letter-spacing:-.01em;margin:0;font-size:1.2rem;font-weight:600}.icon-btn{width:var(--tap);height:var(--tap);color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.icon-btn:hover{background:var(--surface-2)}.icon-btn[aria-pressed=true]{color:var(--accent)}.screens{flex-direction:column;flex:1;display:flex}.practice{flex-direction:column;flex:1;gap:14px;display:flex}.practice-top{flex-direction:column;gap:12px;min-width:0;display:flex}.btn{min-height:var(--tap);border-radius:var(--radius-pill);cursor:pointer;touch-action:manipulation;border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;transition:transform 80ms,background-color .15s,opacity .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-ghost{border-color:var(--line);color:var(--text);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-small{min-height:44px;padding:0 16px;font-size:.95rem}.btn-big{flex:1;min-height:60px;font-size:1.15rem}.is-hidden{display:none}.segmented{background:var(--surface-2);border-radius:var(--radius-pill);border:0;gap:4px;min-width:0;margin:0;padding:4px;display:flex}.segmented:disabled{opacity:.55}.seg-item{flex:1;position:relative}.seg-item input{opacity:0;pointer-events:none;margin:0;position:absolute;top:0;bottom:0;left:0;right:0}.seg-item label{border-radius:var(--radius-pill);cursor:pointer;min-height:44px;color:var(--muted);white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:0 14px;font-size:.95rem;font-weight:600;display:flex}.segmented:disabled label{cursor:not-allowed}.seg-item input:checked+label{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.seg-item input:focus-visible+label{outline:3px solid var(--focus);outline-offset:1px}.chips{scrollbar-width:none;margin:0 calc(-1 * var(--space));padding:2px 0;padding-inline:var(--space);scroll-padding-inline:var(--space);background:0 0;border-radius:0;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chips .seg-item{flex:none}.chips .seg-item label{border:1.5px solid var(--line);background:0 0}.chips .seg-item input:checked+label{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:none}.niche-form{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--muted);font-size:.95rem;font-weight:600}.niche-row{gap:8px;display:flex}.input{min-width:0;min-height:var(--tap);border-radius:var(--radius-pill);border:1.5px solid var(--line);background:var(--surface);flex:1;padding:0 16px;font-size:16px}.input::placeholder{color:var(--muted);opacity:.8}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 22px 14px}.topic-card{flex-direction:column;min-height:170px;display:flex}.topic-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;font-size:.8rem;font-weight:700}.topic-text{font-family:var(--font-serif);letter-spacing:-.01em;text-wrap:pretty;flex:1;margin:0;font-size:clamp(1.45rem,5.6vw,1.9rem);font-weight:450;line-height:1.28}.topic-actions{justify-content:flex-end;margin-top:12px;display:flex}.topic-card.is-entering .topic-text{animation:.35s both fade-up}.topic-card.is-loading .topic-text{color:var(--muted)}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}}.note{color:var(--muted);margin:-4px 4px 0;font-size:.92rem}.media-slot{border-radius:var(--radius);background:var(--surface-2);overflow:hidden}.timer-area{flex-direction:column;align-items:center;gap:14px;margin-top:4px;display:flex}.ring{aspect-ratio:1;width:min(54vw,220px);position:relative}.ring-svg{width:100%;height:100%}.ring-track{fill:none;stroke:var(--surface-2);stroke-width:8px}.ring-bar{fill:none;stroke:var(--accent-ring);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset .2s linear}.ring[data-state=ready] .ring-bar{stroke-dashoffset:0;transition:none}.ring-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.ring-digits{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:clamp(3rem,15vw,4rem);font-weight:650;line-height:1}.ring-caption{min-height:1.4em;color:var(--muted);margin-top:4px;font-size:.95rem}.ring[data-state=finished] .ring-caption{color:var(--accent);font-weight:600}.ring[data-state=paused] .ring-digits{opacity:.6}.duration-picker{width:min(100%,300px)}.controls{align-items:center;gap:10px;display:flex}.controls .btn-ghost{min-width:96px;min-height:60px}.round-counter{text-align:center;color:var(--muted);margin:4px 0 0;font-size:.9rem}.bottom-nav{padding:6px calc(var(--safe-right) + 12px) calc(var(--safe-bottom) + 6px) calc(var(--safe-left) + 12px);background:var(--surface);border-top:1px solid var(--line);justify-content:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-btn{min-height:56px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;flex:0 120px;justify-content:center;align-items:center;gap:2px;font-size:.8rem;font-weight:600;display:flex}.nav-btn[aria-current=page]{color:var(--accent)}.toast-region{left:0;right:0;bottom:calc(var(--safe-bottom) + 16px);pointer-events:none;z-index:20;flex-direction:column;align-items:center;gap:8px;padding:0 16px;display:flex;position:fixed}body.has-nav .toast-region{bottom:calc(var(--safe-bottom) + 84px)}.toast{pointer-events:auto;background:var(--text);width:100%;max-width:520px;color:var(--bg);box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:10px;padding:10px 8px 10px 16px;animation:.25s both fade-up;display:flex}.toast>span{flex:1;font-size:.95rem}.toast-close{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:1.4rem}.install-hint{background:var(--accent-soft);border-radius:var(--radius);align-items:flex-start;gap:12px;padding:14px 8px 14px 16px;font-size:.95rem;display:flex}.install-hint p{flex:1;margin:0}.install-hint .hint-actions{gap:8px;margin-top:10px;display:flex}.install-hint .toast-close{color:var(--muted)}@media (min-width:720px){#app{padding-top:calc(var(--safe-top) + 24px)}.chips{flex-wrap:wrap;margin:0;padding-inline-start:0;padding-inline-end:0;overflow:visible}}