:root{--color-bg: #000000;--color-fg: #ffffff;--color-fg-dim: #888888;--color-fg-faint: #444444;--color-accent: #ff453a;--color-accent-active: #e0342c;--color-accent-soft: rgba(255, 69, 58, .18);--color-danger: #ff4444;--color-surface: #0a0a0a;--color-surface-2: #131313;--color-border: #1f1f1f;--font-system: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", system-ui, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-xs: 12px;--fs-sm: 14px;--fs-md: 16px;--fs-lg: 20px;--fs-xl: 28px;--fs-2xl: 40px;--fs-prompter: 64px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--space-10: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--ease: cubic-bezier(.4, 0, .2, 1);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .32s;--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);--tap-target-min: 44px}[data-theme=light]{--color-bg: #ffffff;--color-fg: #111111;--color-fg-dim: #555555;--color-fg-faint: #999999;--color-surface: #f4f4f4;--color-surface-2: #e8e8e8;--color-border: #d4d4d4}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion: reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--color-bg);color:var(--color-fg);font-family:var(--font-system);font-size:var(--fs-md);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:manipulation;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right)}#app{width:100%;height:100%;display:flex;flex-direction:column}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}input,textarea{font:inherit;color:inherit;background:transparent;border:0;outline:0}textarea{resize:none}::selection{background:var(--color-accent);color:var(--color-bg)}.topbar{display:flex;align-items:center;gap:var(--space-3);height:56px;padding:0 var(--space-4);background:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:5}.topbar__brand{margin:0;flex:1;font-size:var(--fs-lg);font-weight:var(--fw-semibold);letter-spacing:-.01em;display:flex;align-items:baseline;gap:var(--space-2)}.topbar__version{font-size:var(--fs-xs);font-weight:var(--fw-regular);color:var(--color-fg-faint);letter-spacing:.04em;font-variant-numeric:tabular-nums}.topbar__title{margin:0;flex:1;font-size:var(--fs-md);font-weight:var(--fw-medium);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__spacer{width:var(--tap-target-min);height:var(--tap-target-min);flex:none}.topbar__add,.topbar__back,.topbar__more{display:flex;align-items:center;justify-content:center;width:var(--tap-target-min);height:var(--tap-target-min);border-radius:var(--radius-md);color:var(--color-fg);font-size:var(--fs-2xl);font-weight:var(--fw-regular);line-height:1;transition:background var(--duration-fast) var(--ease)}.topbar__add{color:var(--color-accent)}.topbar__more{color:var(--color-fg-dim)}.topbar__add:active,.topbar__back:active,.topbar__more:active{background:var(--color-surface-2);color:var(--color-fg)}.library{display:flex;flex-direction:column;height:100%;overflow:hidden}.library__list{margin:0;padding:var(--space-3) var(--space-4) calc(var(--space-8) + var(--safe-bottom));list-style:none;display:flex;flex-direction:column;gap:var(--space-3);overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}.library__quick-row{display:flex;gap:var(--space-2);margin:var(--space-2) var(--space-4) 0}.library__profile{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-fg-dim);font-size:var(--fs-sm);text-align:center;min-height:36px;min-width:0;transition:background var(--duration-fast) var(--ease)}.library__profile:active{background:var(--color-surface-2)}.library__profile-icon{display:inline-flex;color:var(--color-accent);flex:none}.library__profile-text{flex:1;letter-spacing:.01em}.library__profile-text strong{color:var(--color-accent);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.library__undo-toast{position:fixed;left:50%;bottom:calc(var(--space-5) + var(--safe-bottom));transform:translate(-50%,calc(100% + 16px));display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);box-shadow:0 12px 32px #00000080;font-size:var(--fs-sm);z-index:90;pointer-events:auto;overflow:hidden;transition:transform var(--duration-base) var(--ease);max-width:calc(100% - var(--space-6))}.library__undo-toast.is-visible{transform:translate(-50%)}.library__undo-toast-icon{display:inline-flex;color:var(--color-fg-dim);flex:none}.library__undo-toast-text{color:var(--color-fg)}.library__undo-toast-button{color:var(--color-accent);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:.02em;padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);transition:background var(--duration-fast) var(--ease)}.library__undo-toast-button:active{background:#ff453a38}.library__undo-toast-bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--color-accent);transform-origin:left center;animation:undo-toast-shrink 5s linear forwards;opacity:.7}@keyframes undo-toast-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.library__info-toast{position:fixed;left:50%;bottom:calc(var(--space-5) + var(--safe-bottom));transform:translate(-50%,calc(100% + 16px));padding:var(--space-3) var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);box-shadow:0 12px 32px #00000080;font-size:var(--fs-sm);color:var(--color-fg);z-index:90;transition:transform var(--duration-base) var(--ease);max-width:calc(100% - var(--space-6));text-align:center}.library__info-toast.is-visible{transform:translate(-50%)}.library__info-toast--error{border-color:var(--color-danger);color:var(--color-danger)}.card{position:relative;display:flex;align-items:stretch;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:background var(--duration-fast) var(--ease)}.card:active{background:var(--color-surface-2)}.card__main{flex:1;text-align:left;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);min-width:0;min-height:var(--tap-target-min)}.card__title{margin:0;font-size:var(--fs-md);font-weight:var(--fw-semibold);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__title--placeholder{color:var(--color-fg-dim);font-weight:var(--fw-regular);font-style:italic}.card__preview{margin:0;font-size:var(--fs-sm);color:var(--color-fg-dim);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.card__preview--placeholder{color:var(--color-fg-faint);font-style:italic}.card__meta{margin-top:var(--space-1);font-size:var(--fs-xs);color:var(--color-fg-faint);letter-spacing:.02em}.card__menu-button{flex:none;display:flex;align-items:center;justify-content:center;width:var(--tap-target-min);align-self:stretch;color:var(--color-fg-dim);border-left:1px solid var(--color-border);transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.card__menu-button:active{background:var(--color-surface-2);color:var(--color-fg)}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);text-align:center}.empty__dot{width:12px;height:12px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 24px var(--color-accent-soft);margin-bottom:var(--space-3)}.empty__title{margin:0;font-size:var(--fs-xl);font-weight:var(--fw-semibold);letter-spacing:-.02em}.empty__subtitle{margin:0 0 var(--space-5);color:var(--color-fg-dim);font-size:var(--fs-md)}.button{min-height:var(--tap-target-min);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);font-size:var(--fs-md);font-weight:var(--fw-medium);letter-spacing:.01em;transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.button:active{transform:scale(.97)}.button--primary{background:var(--color-accent);color:var(--color-bg)}.button--primary:active{background:var(--color-accent-active)}.menu{position:fixed;z-index:100;min-width:180px;padding:var(--space-1);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 32px #0009,0 2px 8px #0006;opacity:0;transform:scale(.96) translateY(-4px);transform-origin:top right;transition:opacity var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease);pointer-events:none}.menu--open{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.menu__item{display:block;width:100%;padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--fs-md);border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease)}.menu__item:active{background:var(--color-surface)}.menu__item--danger{color:var(--color-danger)}.editor{display:flex;flex-direction:column;height:100%}.editor__title-input{flex:1;min-width:0;height:36px;padding:0 var(--space-2);font-size:var(--fs-md);font-weight:var(--fw-semibold);letter-spacing:-.01em;border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease)}.editor__title-input::placeholder{color:var(--color-fg-faint);font-weight:var(--fw-regular)}.editor__title-input:focus{background:var(--color-surface-2)}.editor__icon-button{display:flex;align-items:center;justify-content:center;width:var(--tap-target-min);height:var(--tap-target-min);border-radius:var(--radius-md);color:var(--color-fg-dim);transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.editor__icon-button:active{background:var(--color-surface-2);color:var(--color-fg)}.editor__start{display:flex;align-items:center;justify-content:center;width:var(--tap-target-min);height:var(--tap-target-min);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-bg);transition:transform var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease)}.editor__start:active{transform:scale(.92);background:var(--color-accent-active)}.editor__body{position:relative;flex:1;display:flex;padding:var(--space-3) var(--space-4) calc(var(--space-4) + var(--safe-bottom));min-height:0}.editor__save-indicator{position:absolute;top:var(--space-2);right:var(--space-4);z-index:1;font-size:var(--fs-xs);letter-spacing:.02em;color:var(--color-fg-faint);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.editor__save-indicator[data-state=saving]{opacity:1;color:var(--color-fg-dim)}.editor__save-indicator[data-state=saved]{opacity:1;color:var(--color-accent)}.editor__paste-toast{position:absolute;bottom:calc(var(--space-3) + var(--safe-bottom));left:50%;transform:translate(-50%,calc(100% + 8px));padding:var(--space-2) var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--fs-sm);color:var(--color-fg-dim);box-shadow:0 8px 24px #00000080;pointer-events:none;white-space:nowrap;transition:transform var(--duration-base) var(--ease);z-index:4}.editor__paste-toast.is-visible{transform:translate(-50%)}.editor__body-input{flex:1;width:100%;height:100%;font-size:var(--fs-md);line-height:1.55;color:var(--color-fg);-webkit-overflow-scrolling:touch;user-select:text;-webkit-user-select:text}.editor__body-input::placeholder{color:var(--color-fg-faint)}.sheet{position:fixed;inset:0;z-index:50;pointer-events:none}.sheet__backdrop{position:absolute;inset:0;background:#00000080;opacity:0;transition:opacity var(--duration-base) var(--ease);pointer-events:auto}.sheet--open .sheet__backdrop{opacity:1}.sheet__panel{position:absolute;left:0;right:0;bottom:0;max-height:90%;display:flex;flex-direction:column;background:var(--color-surface);border-top:1px solid var(--color-border);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);padding-bottom:var(--safe-bottom);transform:translateY(100%);transition:transform var(--duration-slow) var(--ease);pointer-events:auto;box-shadow:0 -16px 48px #00000080}.sheet--open .sheet__panel{transform:translateY(0)}@media (min-width: 600px){.sheet__panel{left:50%;right:auto;bottom:calc(var(--safe-bottom) + var(--space-4));width:min(560px,calc(100% - var(--safe-left) - var(--safe-right) - var(--space-6)));max-height:calc(100% - var(--safe-top) - var(--space-5));border:1px solid var(--color-border);border-radius:var(--radius-lg);padding-bottom:0;transform:translate(-50%,calc(100% + var(--space-5)))}.sheet--open .sheet__panel{transform:translate(-50%)}}.sheet__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4) var(--space-2)}.sheet__title{margin:0;font-size:var(--fs-md);font-weight:var(--fw-semibold)}.sheet__close{display:flex;align-items:center;justify-content:center;width:var(--tap-target-min);height:var(--tap-target-min);border-radius:var(--radius-md);color:var(--color-fg-dim);margin-right:calc(var(--space-2) * -1)}.sheet__close:active{background:var(--color-surface-2)}.sheet__content{padding:var(--space-2) var(--space-4) var(--space-5);overflow-y:auto;-webkit-overflow-scrolling:touch}.sheet__preview{position:relative;margin:0 var(--space-4) var(--space-3);padding:var(--space-5) var(--space-4) var(--space-4);height:140px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center}.sheet__preview-label{position:absolute;top:var(--space-2);left:var(--space-3);font-size:10px;letter-spacing:.05em;color:var(--color-fg-faint)}.sheet__preview-text{margin:0 auto;font-weight:var(--fw-semibold);letter-spacing:-.005em;color:var(--color-fg);text-align:center;white-space:pre-wrap;word-wrap:break-word}.sheet__divider{height:1px;background:var(--color-border);margin:var(--space-3) 0}.setting-row{display:flex;align-items:center;min-height:var(--tap-target-min);gap:var(--space-3)}.setting-row--slider{flex-direction:column;align-items:stretch;padding:var(--space-2) 0}.setting-row__head{display:flex;justify-content:space-between;align-items:baseline}.setting-row__label{flex:1;font-size:var(--fs-md);color:var(--color-fg)}.setting-row__value{font-size:var(--fs-sm);color:var(--color-accent);font-variant-numeric:tabular-nums;letter-spacing:.01em}.slider{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;margin:0}.slider::-webkit-slider-runnable-track{height:4px;background:var(--color-border);border-radius:2px}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:var(--color-accent);border:0;box-shadow:0 1px 4px #0006}.slider::-moz-range-track{height:4px;background:var(--color-border);border-radius:2px}.slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--color-accent);border:0;box-shadow:0 1px 4px #0006}.setting-row--font{flex-direction:column;align-items:stretch;padding:var(--space-2) 0}.font-strip{display:flex;gap:var(--space-2);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:var(--space-2) 0 var(--space-1);margin:0 calc(var(--space-4) * -1);padding-left:var(--space-4);padding-right:var(--space-4)}.font-strip::-webkit-scrollbar{display:none}.font-chip{flex:0 0 auto;min-height:var(--tap-target-min);padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-fg);font-size:var(--fs-md);font-weight:var(--fw-medium);letter-spacing:-.01em;white-space:nowrap;transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.font-chip:active{transform:scale(.96);background:var(--color-surface)}.font-chip.is-selected{background:var(--color-accent);color:var(--color-bg)}.setting-row--toggle{cursor:pointer;padding:var(--space-2) 0}.setting-row--select{flex-direction:row;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.segmented{display:inline-flex;background:var(--color-surface-2);border-radius:var(--radius-md);padding:3px;flex:none}.segmented__option{min-height:36px;padding:0 var(--space-3);font-size:var(--fs-sm);font-weight:var(--fw-medium);letter-spacing:-.01em;color:var(--color-fg-dim);border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.segmented__option.is-selected{background:var(--color-bg);color:var(--color-fg);box-shadow:0 1px 3px #0006}.toggle{position:relative;display:inline-flex;flex:none}.toggle__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.toggle__track{display:block;width:46px;height:28px;background:var(--color-border);border-radius:14px;transition:background var(--duration-base) var(--ease)}.toggle__thumb{display:block;width:22px;height:22px;margin:3px;border-radius:50%;background:var(--color-fg);transition:transform var(--duration-base) var(--ease);box-shadow:0 1px 3px #0006}.toggle__input:checked+.toggle__track{background:var(--color-accent)}.toggle__input:checked+.toggle__track .toggle__thumb{transform:translate(18px);background:var(--color-bg)}.toggle__input:focus-visible+.toggle__track{outline:2px solid var(--color-accent);outline-offset:2px}.prompter{position:relative;width:100%;height:100%;background:var(--color-bg);overflow:hidden;cursor:pointer}.prompter__viewport{width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.prompter__viewport::-webkit-scrollbar{display:none}.prompter__progress{position:absolute;left:0;right:0;height:2px;background:#ffffff0d;pointer-events:none;z-index:5}.prompter__progress--top{top:0}.prompter__progress--bottom{bottom:0}.prompter__progress-bar{width:0;height:100%;background:var(--color-accent);border-radius:0 1px 1px 0}.prompter__timer{position:absolute;top:calc(var(--safe-top) + var(--space-2));right:max(var(--space-3),var(--safe-right));padding:var(--space-1) var(--space-3);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--color-fg);background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-pill);z-index:5;pointer-events:none;transition:opacity var(--duration-base) var(--ease)}.prompter--idle .prompter__timer{opacity:.45}.prompter__settings-button{position:absolute;top:calc(var(--safe-top) + var(--space-2));left:max(var(--space-3),var(--safe-left));display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#0000008c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--color-fg-dim);z-index:5;transition:opacity var(--duration-base) var(--ease),color var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease)}.prompter__settings-button:active{background:#000000c7;color:var(--color-fg)}.prompter--idle .prompter__settings-button{opacity:.45}.prompter__mirror-wrap{position:absolute;inset:0;transform-origin:50% 50%}.prompter--mirror-h .prompter__mirror-wrap{transform:scaleX(-1)}.prompter--mirror-v .prompter__mirror-wrap{transform:scaleY(-1)}.prompter--mirror-h.prompter--mirror-v .prompter__mirror-wrap{transform:scale(-1)}.prompter__reading-line{position:absolute;left:max(var(--space-5),var(--safe-left));right:max(var(--space-5),var(--safe-right));top:calc(var(--reading-line-top, 50%) + var(--reading-line-y-offset, 0px));height:2px;background:var(--color-accent);opacity:.7;pointer-events:none;transform:translateY(-50%);display:none;border-radius:2px;box-shadow:0 0 8px var(--color-accent-soft);transition:top var(--duration-base) var(--ease)}.prompter--with-line .prompter__reading-line{display:block}.prompter__pad{width:100%;flex:none}.prompter__shift{will-change:transform}.prompter__text{font-size:64px;line-height:1.5;font-weight:var(--fw-semibold);letter-spacing:-.005em;padding:0 var(--space-3);max-width:90%;margin:0 auto;white-space:pre-wrap;word-wrap:break-word;user-select:none;-webkit-user-select:none}.prompter__empty{color:var(--color-fg-faint);font-style:italic;font-weight:var(--fw-regular)}.prompter__word{display:inline;transition:color var(--duration-fast) var(--ease)}.prompter__word--current{color:var(--color-accent)}.prompter__controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-5) calc(var(--space-3) + var(--safe-bottom));padding-left:max(var(--space-5),var(--safe-left));padding-right:max(var(--space-5),var(--safe-right));background:linear-gradient(to top,#000000f5,#000000e0 35%,#0000008c 75%,#0000);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:opacity var(--duration-base) var(--ease),transform var(--duration-base) var(--ease);pointer-events:auto}.prompter--idle .prompter__controls{opacity:0;transform:translateY(8px);pointer-events:none}.prompter__group{display:flex;align-items:center;gap:var(--space-2)}.prompter__group--main{gap:var(--space-3)}.prompter__icon,.prompter__btn-text{display:flex;align-items:center;justify-content:center;width:var(--tap-target-min);height:var(--tap-target-min);border-radius:var(--radius-pill);color:var(--color-fg);background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.prompter__btn-text{font-size:var(--fs-md);font-weight:var(--fw-semibold);letter-spacing:-.02em}.prompter__icon:active,.prompter__btn-text:active{background:#000000c7;transform:scale(.94)}.prompter__icon.is-on,.prompter__btn-text.is-on{background:var(--color-accent-soft);color:var(--color-accent)}.prompter__icon.is-on:active,.prompter__btn-text.is-on:active{background:#ff453a52}.prompter__icon[disabled]{opacity:.3;pointer-events:none}.prompter__icon.is-listening{animation:prompter-pulse 1.4s var(--ease) infinite}@keyframes prompter-pulse{0%,to{box-shadow:0 0 0 0 var(--color-accent-soft)}50%{box-shadow:0 0 0 6px #ff453a00}}.prompter__voice-error{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease)}.prompter__voice-error.is-visible{opacity:1;pointer-events:auto}.prompter__voice-error-content{max-width:32ch;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.prompter__voice-error-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-fg-dim);margin-bottom:var(--space-3)}.prompter__voice-error-title{margin:0;font-size:var(--fs-xl);font-weight:var(--fw-semibold);letter-spacing:-.02em}.prompter__voice-error-body{margin:0;color:var(--color-fg-dim);font-size:var(--fs-md);line-height:1.5}.prompter__voice-error-hint{margin:0;padding:var(--space-2) var(--space-3);background:var(--color-surface-2);border-radius:var(--radius-md);color:var(--color-fg);font-size:var(--fs-sm);letter-spacing:.01em;font-variant-numeric:tabular-nums}.prompter__voice-error-button{margin-top:var(--space-3);min-width:200px}.prompter__command-toast{position:absolute;top:calc(var(--safe-top) + var(--space-5));left:50%;transform:translate(-50%,-8px);padding:var(--space-3) var(--space-5);background:var(--color-accent);color:var(--color-bg);font-size:var(--fs-md);font-weight:var(--fw-semibold);letter-spacing:-.01em;border-radius:var(--radius-pill);box-shadow:0 8px 24px #00000080;opacity:0;pointer-events:none;z-index:10;transition:opacity .2s var(--ease),transform .2s var(--ease);font-variant-numeric:tabular-nums}.prompter__command-toast.is-visible{opacity:1;transform:translate(-50%)}.prompter__play{width:56px;height:56px;border-radius:50%;background:var(--color-accent);color:var(--color-bg);display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.prompter__play:active{background:var(--color-accent-active);transform:scale(.94)}.prompter__play-icon{display:flex}.prompter--playing .prompter__play-icon--play,.prompter__play-icon--pause{display:none}.prompter--playing .prompter__play-icon--pause{display:flex}.prompter__readout{display:inline-flex;flex-direction:column;align-items:center;gap:2px;min-width:48px;padding:0 var(--space-1);font-size:var(--fs-xs);color:var(--color-fg-dim);letter-spacing:.02em;font-variant-numeric:tabular-nums}.prompter__readout-label{font-size:10px;letter-spacing:.05em;color:var(--color-fg-faint)}.prompter__readout strong{color:var(--color-accent);font-size:var(--fs-md);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}@media (orientation: portrait){.prompter__controls{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"utility main" "font speed";align-items:center;row-gap:var(--space-3);column-gap:var(--space-2)}.prompter__group--utility{grid-area:utility;justify-self:start}.prompter__group--font{grid-area:font;justify-self:start}.prompter__group--main{grid-area:main;justify-self:end}.prompter__group--speed{grid-area:speed;justify-self:end}}.prompter__zone-hint{position:absolute;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#0000008c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--color-fg-dim);font-size:24px;font-weight:var(--fw-medium);line-height:1;pointer-events:none;user-select:none;opacity:1;transition:opacity var(--duration-base) var(--ease)}.prompter__zone-hint--left{left:var(--space-3);top:50%;transform:translateY(-50%)}.prompter__zone-hint--right{right:var(--space-3);top:50%;transform:translateY(-50%)}.prompter--idle .prompter__zone-hint{opacity:0}.prompter__pan-y-group{position:absolute;top:calc(var(--safe-top) + var(--space-2));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-5);z-index:5;transition:opacity var(--duration-base) var(--ease)}.prompter__pan-y{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#0000008c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--color-fg-dim);transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.prompter__pan-y:active{background:#000000c7;color:var(--color-fg);transform:scale(.94)}.prompter--idle .prompter__pan-y-group{opacity:.45}.calibrate{display:flex;flex-direction:column;height:100%;overflow:hidden}.calibrate__body{flex:1;display:flex;flex-direction:column;padding:0 max(var(--space-5),var(--safe-left)) calc(var(--space-5) + var(--safe-bottom)) max(var(--space-5),var(--safe-right));min-height:0}.calibrate__intro,.calibrate__reading,.calibrate__result{display:none;flex:1;flex-direction:column;min-height:0}.calibrate--ready .calibrate__intro{display:flex;align-items:center;justify-content:center;text-align:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);max-width:480px;margin:0 auto}.calibrate--recording .calibrate__reading{display:flex}.calibrate--done .calibrate__result{display:flex;align-items:center;justify-content:center;text-align:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);max-width:480px;margin:0 auto}.calibrate__icon{color:var(--color-accent);display:inline-flex;margin-bottom:var(--space-2)}.calibrate__heading{margin:0;font-size:var(--fs-xl);font-weight:var(--fw-semibold);letter-spacing:-.02em}.calibrate__instruction{margin:0;color:var(--color-fg-dim);font-size:var(--fs-md);line-height:1.5}.calibrate__current{margin:0;color:var(--color-fg-faint);font-size:var(--fs-sm)}.calibrate__current strong{color:var(--color-accent);font-variant-numeric:tabular-nums;font-weight:var(--fw-semibold)}.calibrate__start-button{margin-top:var(--space-3);min-width:180px}.calibrate__progress-track{height:3px;background:var(--color-border);border-radius:2px;margin:var(--space-3) 0 var(--space-4);overflow:hidden}.calibrate__progress-bar{width:0;height:100%;background:var(--color-accent);border-radius:2px;transition:width var(--duration-base) var(--ease)}.calibrate__text{flex:1;font-size:var(--fs-lg);line-height:1.7;color:var(--color-fg);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-3) var(--space-1);letter-spacing:-.005em}.calibrate__word{display:inline;transition:color var(--duration-fast) var(--ease)}.calibrate__word--current{color:var(--color-accent);font-weight:var(--fw-semibold)}.calibrate__reading-actions{display:flex;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3)}.calibrate__reading-actions .button{flex:1}.calibrate__result-label{margin:0;color:var(--color-fg-dim);font-size:var(--fs-sm);letter-spacing:.04em}.calibrate__result-value{margin:0;font-size:88px;font-weight:var(--fw-semibold);letter-spacing:-.04em;color:var(--color-accent);line-height:1;font-variant-numeric:tabular-nums}.calibrate__result-unit{font-size:var(--fs-lg);color:var(--color-fg-dim);font-weight:var(--fw-regular);letter-spacing:.05em;margin-left:var(--space-2)}.calibrate__result-hint{margin:var(--space-2) 0 0;color:var(--color-fg-faint);font-size:var(--fs-sm);max-width:32ch}.calibrate__result-actions{margin-top:var(--space-3);display:flex;gap:var(--space-3)}.calibrate__result-actions .button{min-width:130px}.button--ghost{background:var(--color-surface-2);color:var(--color-fg)}.button--ghost:active{background:var(--color-surface)}.modal-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-5);padding-top:max(var(--space-5),var(--safe-top));padding-bottom:max(var(--space-5),var(--safe-bottom));background:#0009;opacity:0;transition:opacity var(--duration-base) var(--ease)}.modal-overlay.is-visible{opacity:1}.modal{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-5) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 16px 48px #0009;max-width:360px;width:100%;text-align:center;transform:scale(.96) translateY(8px);transition:transform var(--duration-base) var(--ease)}.modal-overlay.is-visible .modal{transform:scale(1) translateY(0)}.modal__dot{width:12px;height:12px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 24px var(--color-accent-soft);margin-bottom:var(--space-2)}.modal__title{margin:0;font-size:var(--fs-lg);font-weight:var(--fw-semibold);letter-spacing:-.02em}.modal__text{margin:0;color:var(--color-fg-dim);font-size:var(--fs-md);line-height:1.5}.modal__meta{margin:0;color:var(--color-fg-faint);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.modal .button{margin-top:var(--space-3);min-width:140px}.modal__actions{display:flex;gap:var(--space-2);margin-top:var(--space-3);width:100%}.modal__actions .button{flex:1;margin-top:0;min-width:0}.modal__cancel{background:var(--color-surface-2);color:var(--color-fg)}.modal__cancel:active{background:var(--color-border)}.feedback{max-width:400px;align-items:stretch;text-align:left}.feedback .modal__title{text-align:center}.feedback .modal__text{text-align:center;margin-bottom:var(--space-2)}.feedback__options{display:flex;flex-direction:column;gap:var(--space-2);width:100%;margin-top:var(--space-3)}.feedback__option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:background var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.feedback__option:active{background:var(--color-border);transform:scale(.98)}.feedback__option-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent)}.feedback__option-text{flex:1;display:flex;flex-direction:column;min-width:0}.feedback__option-text strong{color:var(--color-fg);font-size:var(--fs-md);font-weight:var(--fw-semibold);letter-spacing:-.005em}.feedback__option-text span{color:var(--color-fg-dim);font-size:var(--fs-sm);margin-top:2px}.feedback__close{margin-top:var(--space-3);background:var(--color-surface-2);color:var(--color-fg);width:100%}.feedback__close:active{background:var(--color-border)}.reload-banner{position:fixed;left:50%;bottom:calc(var(--space-5) + var(--safe-bottom));transform:translate(-50%,calc(100% + 24px));display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);box-shadow:0 12px 32px #00000080;z-index:220;white-space:nowrap;transition:transform var(--duration-base) var(--ease);max-width:calc(100vw - var(--space-6))}.reload-banner.is-visible{transform:translate(-50%)}.reload-banner__text{font-size:var(--fs-sm);color:var(--color-fg);white-space:nowrap;flex:none}.reload-banner__button{flex:none;background:var(--color-accent);color:var(--color-bg);font-weight:var(--fw-semibold);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-size:var(--fs-sm);letter-spacing:.01em;white-space:nowrap;transition:background var(--duration-fast) var(--ease)}.reload-banner__button:active{background:var(--color-accent-active)}.onboarding{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;background:var(--color-bg);opacity:0;transition:opacity var(--duration-base) var(--ease);padding-top:var(--safe-top)}.onboarding.is-visible{opacity:1}.onboarding__pages{flex:1;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;min-height:0}.onboarding__pages::-webkit-scrollbar{display:none}.onboarding__page{flex:0 0 100%;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6) var(--space-5);text-align:center;gap:var(--space-3)}.onboarding__icon{display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);color:var(--color-accent)}.onboarding__icon--dot{width:56px;height:56px}.onboarding__icon--dot:after{content:"";width:24px;height:24px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 32px var(--color-accent-soft)}.onboarding__title{margin:0;font-size:var(--fs-2xl);font-weight:var(--fw-semibold);letter-spacing:-.02em}.onboarding__text{margin:0;max-width:36ch;color:var(--color-fg-dim);font-size:var(--fs-md);line-height:1.55}.onboarding__text strong{color:var(--color-fg);font-weight:var(--fw-semibold)}.onboarding__pagination{display:flex;justify-content:center;gap:var(--space-2);padding:var(--space-3) 0}.onboarding__dot{display:block;width:8px;height:8px;border-radius:50%;background:var(--color-border);transition:background var(--duration-base) var(--ease),transform var(--duration-base) var(--ease);cursor:pointer}.onboarding__dot.is-active{background:var(--color-accent);transform:scale(1.2)}.onboarding__next{align-self:center;margin:var(--space-3) var(--space-5) calc(var(--space-5) + var(--safe-bottom));min-width:220px}.help-overlay{position:fixed;inset:0;z-index:250;display:flex;align-items:stretch;justify-content:center;background:#000000b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease);padding:max(var(--space-4),var(--safe-top)) max(var(--space-3),var(--safe-right)) max(var(--space-4),var(--safe-bottom)) max(var(--space-3),var(--safe-left))}.help-overlay.is-visible{opacity:1;pointer-events:auto}.help{display:flex;flex-direction:column;width:100%;max-width:560px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 24px 64px #0009;transform:translateY(12px) scale(.98);transition:transform var(--duration-base) var(--ease)}.help-overlay.is-visible .help{transform:translateY(0) scale(1)}.help__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border)}.help__title{margin:0;font-size:var(--fs-lg);font-weight:var(--fw-semibold);letter-spacing:-.01em}.help__close{display:flex;align-items:center;justify-content:center;width:var(--tap-target-min);height:var(--tap-target-min);border-radius:var(--radius-md);color:var(--color-fg-dim);margin-right:calc(var(--space-2) * -1);transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.help__close:active{background:var(--color-surface-2);color:var(--color-fg)}.help__content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-4)}.help__section{margin-bottom:var(--space-5)}.help__section:last-child{margin-bottom:0}.help__section-title{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);font-size:var(--fs-md);font-weight:var(--fw-semibold);letter-spacing:-.01em}.help__section-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent)}.help__section-lead{margin:0 0 var(--space-3);color:var(--color-fg-dim);font-size:var(--fs-sm);line-height:1.5}.help__section-lead strong{color:var(--color-fg);font-weight:var(--fw-semibold)}.help__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.help__row{display:flex;flex-direction:column;gap:2px;padding:var(--space-3);background:var(--color-surface-2);border-radius:var(--radius-md)}.help__phrase{align-self:flex-start;display:inline-block;padding:2px var(--space-2);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-accent);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:.01em;margin-bottom:4px}.help__desc{color:var(--color-fg-dim);font-size:var(--fs-sm);line-height:1.45}.help__row--gesture{flex-direction:row;align-items:flex-start;gap:var(--space-3)}.help__gesture-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--color-fg-dim)}.help__gesture-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.help__gesture-title,.help__tip-title{color:var(--color-fg);font-size:var(--fs-md);font-weight:var(--fw-semibold);letter-spacing:-.005em}.help__row--tip .help__tip-title{margin-bottom:2px}.help__footer{padding:var(--space-3) var(--space-4) calc(var(--space-3) + max(var(--safe-bottom),0px));border-top:1px solid var(--color-border);background:var(--color-surface)}.help__done{width:100%}