@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,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{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,ui-sans-serif, system-ui, 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{height:0;color:inherit;border-top-width:1px}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;-webkit-text-decoration:inherit;-webkit-text-decoration: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{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}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}::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:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::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{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){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 components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root,[data-theme=dark]{--bg:#0f0e0d;--surface:#1a1916;--surface2:#221f1c;--border:#2e2b27;--border2:#3d3a34;--text:#e8e0d0;--text-dim:#8a8070;--text-muted:#4a4540;--accent:#d4922a;--accent-light:#f0b84a;--accent-dim:#7a4f10;--green:#5a9e6f;--red:#c0524a;--shadow:#0006}[data-theme=light]{--bg:#f5f3ef;--surface:#fff;--surface2:#ede9e3;--border:#dcd8d0;--border2:#c8c2b8;--text:#1e1c18;--text-dim:#6b6560;--text-muted:#b0a898;--accent:#2a5fa8;--accent-light:#3a7fd8;--accent-dim:#c8d8ef;--green:#2e7d50;--red:#c0392b;--shadow:#00000014}[data-theme=sage]{--bg:#141f18;--surface:#1c2b21;--surface2:#243328;--border:#344d3a;--border2:#4a6654;--text:#e8f0de;--text-dim:#a8c49a;--text-muted:#6a8a72;--accent:#8ec46a;--accent-light:#aada88;--accent-dim:#3a6030;--green:#8ec46a;--red:#e07060;--shadow:#0006}:root,[data-font=serif]{--editor-font:"Lora", Georgia, serif;--ui-font:"JetBrains Mono", monospace;--display-font:"Playfair Display", serif;--editor-size:16px;--editor-weight:300;--editor-lh:1.85;--ui-size:13px;--logo-size:20px}[data-font=gothic]{--editor-font:"Inter", "Helvetica Neue", sans-serif;--editor-size:15.5px;--editor-weight:400;--editor-lh:1.8}[data-font=reading]{--editor-font:"Courier Prime", "Courier New", monospace;--editor-size:16.5px;--editor-weight:400;--editor-lh:1.95}html,body,header,.timer-bar,.stats-bar,.tabs,.tab,.task-btn,.timer-btn,.btn-primary,.btn-secondary,.lang-option,.lang-trigger,.ai-config,.ai-select,.bank-item,.spell-error-card,.modal,.ai-prompt-box,.app,#editor,.editor-wrap,.lp-hero,.lp-features,.lp-steps,.lp-story,.lp-pricing,.lp-bottom-cta,.lp-footer,.lp-feature-card,.lp-plan,.lp-step,.lp-story-inner,.lp-mock,.lp-mock-bar,.lp-mock-tabs,.lp-mock-tab,.lp-mock-body,.lp-mock-foot,.lp-mock-pill,.lp-mock-dots span{transition:background .25s,border-color .25s,color .25s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:var(--ui-font);font-size:var(--ui-size);transition:background .25s,color .25s,font-family .2s}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}.app{grid-template-rows:auto auto 1fr;max-width:1400px;height:100dvh;margin:0 auto;padding:0 20px;display:grid;overflow:hidden}header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 0 10px;display:flex}.logo{font-family:var(--display-font);font-size:var(--logo-size);letter-spacing:-.3px;color:var(--text);font-weight:700;text-decoration:none;transition:font-family .2s}.logo span{color:var(--accent)}.header-right{align-items:center;gap:10px;display:flex}.theme-switcher{background:var(--surface2);border:1px solid var(--border);border-radius:20px;align-items:center;gap:5px;padding:4px 6px;display:flex}.theme-label{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-light);padding:0 3px 0 2px;font-size:11px}.theme-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;outline:none;width:18px;height:18px;transition:transform .15s,border-color .15s,box-shadow .15s}.theme-dot:hover{transform:scale(1.2)}.theme-dot.active{border-color:var(--bg);box-shadow:0 0 0 2px var(--text);transform:scale(1.15)}.theme-dot[data-t=dark]{background:radial-gradient(circle at 35% 35%,#3d3a34,#0f0e0d)}.theme-dot[data-t=light]{background:radial-gradient(circle at 35% 35%,#f5f3ef,#c8c2b8)}.theme-dot[data-t=sage]{background:radial-gradient(circle at 35% 35%,#3d5448,#141f18)}.lang-switcher{position:relative}.lang-trigger{background:var(--surface2);border:1px solid var(--border);cursor:pointer;color:var(--text-dim);font-family:var(--ui-font);letter-spacing:.04em;white-space:nowrap;border-radius:20px;outline:none;align-items:center;gap:5px;padding:5px 10px;font-size:11px;transition:border-color .15s,color .15s,background .15s;display:flex}.lang-trigger:hover{border-color:var(--border2);color:var(--text)}.lang-globe{opacity:.7;flex-shrink:0}.lang-trigger:hover .lang-globe{opacity:1}.lang-chevron{opacity:.5;flex-shrink:0;transition:transform .2s}.lang-switcher.open .lang-chevron{transform:rotate(180deg)}.lang-dropdown{background:var(--surface);border:1px solid var(--border2);opacity:0;pointer-events:none;z-index:200;min-width:120px;box-shadow:0 8px 24px var(--shadow);border-radius:10px;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;transform:translateY(-4px)}.lang-dropdown.open{opacity:1;pointer-events:auto;transform:translateY(0)}.lang-option{width:100%;color:var(--text-dim);font-family:var(--ui-font);letter-spacing:.02em;text-align:left;cursor:pointer;background:0 0;border:none;padding:9px 14px;font-size:12px;transition:background .1s,color .1s;display:block}.lang-option+.lang-option{border-top:1px solid var(--border)}.lang-option:hover{background:var(--surface2);color:var(--text)}.lang-option.active{color:var(--accent)}.font-switcher{background:var(--surface2);border:1px solid var(--border);border-radius:20px;align-items:center;gap:4px;padding:4px 6px;display:flex}.font-label{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-light);padding:0 3px 0 2px;font-size:11px}.font-btn{cursor:pointer;width:28px;height:22px;color:var(--text-dim);background:0 0;border:1px solid #0000;border-radius:4px;outline:none;justify-content:center;align-items:center;font-size:12px;line-height:1;transition:all .15s;display:flex}.font-btn:hover{background:var(--border);color:var(--text)}.font-btn.active{background:var(--border2);border-color:var(--accent);color:var(--accent)}.font-btn[data-f=serif]{font-family:Lora,serif;font-weight:600}.font-btn[data-f=gothic]{letter-spacing:-.02em;font-family:Inter,sans-serif;font-weight:500}.font-btn[data-f=reading]{font-family:Courier Prime,monospace}.font-btn[data-tooltip]{position:relative}.font-btn[data-tooltip]:after{content:attr(data-tooltip);background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);font-family:var(--ui-font);letter-spacing:.04em;white-space:nowrap;pointer-events:none;opacity:0;z-index:10;border-radius:4px;padding:3px 7px;font-size:10px;font-style:normal;font-weight:400;transition:opacity .15s;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%)}.font-btn[data-tooltip]:hover:after{opacity:1}.size-switcher{background:var(--surface2);border:1px solid var(--border);border-radius:20px;align-items:center;gap:8px;padding:4px 10px;display:flex}.size-label{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-light);padding:0 2px;font-size:11px}.size-slider{appearance:none;background:var(--border2);cursor:pointer;border-radius:2px;outline:none;width:56px;height:3px}.size-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:11px;height:11px;transition:transform .15s}.size-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:11px;height:11px}.size-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.task-switcher{background:var(--surface2);border:1px solid var(--border);border-radius:20px;align-items:center;gap:4px;padding:4px 6px;display:flex}.task-label{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-light);padding:0 3px 0 2px;font-size:11px;display:none}.task-btn{cursor:pointer;height:22px;color:var(--text-dim);font-family:var(--ui-font);letter-spacing:.04em;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:4px;outline:none;justify-content:center;align-items:center;padding:0 8px;font-size:11px;transition:all .15s;display:flex}.task-btn:not(.active):hover{background:var(--border);color:var(--text)}.task-btn.active{background:var(--border2);border-color:var(--accent);color:var(--accent);font-weight:500}.timer-bar{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.timer-display{letter-spacing:2px;color:var(--text);min-width:100px;font-family:serif;font-size:28px;font-weight:600;transition:color .3s}.timer-display.warning{color:var(--accent-light)}.timer-display.danger{color:var(--red);animation:1s infinite pulse}@keyframes pulse{50%{opacity:.5}}.timer-display.editable{cursor:text}.timer-display.editable:hover{color:var(--accent-light)}.timer-edit-mask{align-items:baseline;gap:0}.timer-mask-part{letter-spacing:2px;color:var(--accent);border:none;border-bottom:2px solid var(--accent-dim);text-align:center;width:44px;caret-color:var(--accent);background:0 0;outline:none;padding:0;font-family:serif;font-size:28px;font-weight:600}.timer-mask-part:focus{border-bottom-color:var(--accent)}.timer-mask-sep{letter-spacing:2px;color:var(--accent);-webkit-user-select:none;user-select:none;padding:0 1px;font-family:serif;font-size:28px;font-weight:600}.timer-controls{gap:6px;display:flex}.timer-btn{border:1px solid var(--border2);color:var(--text-dim);font-family:var(--ui-font);cursor:pointer;letter-spacing:.05em;background:0 0;border-radius:3px;padding:4px 9px;font-size:10px;transition:all .15s}.timer-btn:hover{border-color:var(--accent-dim);color:var(--text)}.timer-btn.running{border-color:var(--accent);color:var(--accent)}.timer-progress-wrap{background:var(--border);border-radius:2px;flex:1;height:3px;overflow:hidden}.timer-progress{background:var(--accent);border-radius:2px;width:100%;height:100%;transition:width 1s linear,background .3s}.timer-progress.warning{background:var(--accent-light)}.timer-progress.danger{background:var(--red)}.main-split{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.question-panel{border-left:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;height:30%;min-height:80px;max-height:60%;transition:height .25s,opacity .2s,min-height .25s;display:flex;overflow:hidden}.question-panel.hidden{opacity:0;pointer-events:none;border-bottom:none;height:0!important;min-height:0!important}.question-panel-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.question-panel-label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:10px;font-family:var(--ui-font)}.qpanel-toggle{border:1px solid var(--border2);color:var(--text-muted);cursor:pointer;height:22px;font-size:10px;font-family:var(--ui-font);letter-spacing:.05em;background:0 0;border-radius:3px;align-items:center;gap:5px;padding:2px 10px;transition:all .15s;display:flex}.qpanel-toggle:hover{border-color:var(--accent-dim);color:var(--text)}.question-text{color:var(--text);font-family:var(--editor-font);font-size:var(--editor-size);font-weight:var(--editor-weight);resize:none;caret-color:var(--accent);background:0 0;border:none;outline:none;flex:1;padding:14px 20px;line-height:1.85;transition:font-family .2s;overflow-y:auto}.question-text::placeholder{color:var(--text-muted);font-size:13px;font-style:italic;line-height:1.7}.resizer{background:var(--border);cursor:row-resize;flex-shrink:0;height:5px;transition:background .15s;position:relative}.resizer:hover,.resizer.dragging{background:var(--accent)}.resizer:after{content:"";background:var(--border2);border-radius:2px;width:48px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.editor-section{border-left:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;flex:1;min-height:0;padding:10px 0 0;display:flex;overflow:hidden}.tabs{border-bottom:1px solid var(--border);order:1;display:flex}.tab{color:var(--text-dim);font-family:var(--ui-font);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:7px 16px;font-size:10px;transition:all .15s}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab:not(.active):hover{color:var(--text)}.tab svg{vertical-align:-2px;flex-shrink:0;width:12px;height:12px;margin-right:3px;display:inline}.tab-badge{background:var(--accent);color:var(--bg);border-radius:10px;margin-left:5px;padding:1px 5px;font-size:9px;font-weight:600;display:inline-block}.qpanel-show{color:var(--accent);font-family:var(--ui-font);letter-spacing:.08em;cursor:pointer;opacity:.8;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;margin-left:auto;padding:7px 14px;font-size:10px;transition:all .15s}.qpanel-show:hover{opacity:1}.panel{flex-direction:column;flex:1;order:2;display:none;overflow:hidden}.panel.active{display:flex}#panel-write{overflow:hidden}.editor-wrap{flex:1;padding:20px 0 20px 16px;overflow:auto}#editor{width:100%;min-height:100%;color:var(--text);font-family:var(--editor-font);font-size:var(--editor-size);line-height:var(--editor-lh);font-weight:var(--editor-weight);resize:none;caret-color:var(--accent);letter-spacing:.01em;background:0 0;border:none;outline:none;transition:font-family .2s,font-size .2s,line-height .2s}#editor::placeholder{color:var(--text-muted);font-size:15px;font-style:italic}#editor:focus{outline:none}#panel-spell{padding:16px 0 16px 16px;overflow:hidden}.spell-actions{align-items:center;gap:8px;margin-bottom:14px;display:flex}.spell-status{color:var(--text-dim);margin-left:auto;font-size:11px}.spell-results{flex:1;overflow-y:auto}.spell-empty{text-align:center;color:var(--text-muted);font-style:italic;font-family:var(--display-font);padding:40px 20px;font-size:14px}.spell-error-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--red);border-radius:3px;margin-bottom:8px;padding:12px 14px;animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:none}}.spell-word{font-family:var(--ui-font);color:var(--red);margin-bottom:4px;font-size:15px;font-weight:500}.spell-context{font-family:var(--editor-font);color:var(--text-dim);font-size:12px;line-height:1.5}.spell-context em{color:var(--red);background:#c0524a26;border-radius:2px;padding:0 2px;font-style:normal}.spell-suggestions{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.spell-suggestion{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.spell-suggestion{background:color-mix(in srgb, var(--accent) 8%, transparent)}}.spell-suggestion{border:1px solid var(--accent-dim);color:var(--accent);font-family:var(--ui-font);cursor:pointer;border-radius:10px;padding:2px 10px;font-size:11px;transition:background .15s,border-color .15s}.spell-suggestion:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.spell-suggestion:hover{background:color-mix(in srgb, var(--accent) 18%, transparent)}}.spell-suggestion:hover{border-color:var(--accent)}.spell-suggestion.selected{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.spell-suggestion.selected{background:color-mix(in srgb, var(--accent) 22%, transparent)}}.spell-suggestion.selected{border-color:var(--accent);color:var(--accent);font-weight:500}.spell-validation{align-self:center;font-size:11px}.spell-validation[data-type=error]{color:var(--red)}.spell-validation[data-type=success]{color:var(--green)}.spell-validation[data-type=info]{color:var(--accent)}.spell-actions-row{align-items:center;gap:6px;margin-top:8px;display:flex}.spell-save-btn{border:1px solid var(--border2);color:var(--text-dim);font-family:var(--ui-font);cursor:pointer;background:0 0;border-radius:2px;padding:3px 9px;font-size:10px;transition:all .15s}.spell-save-btn:hover{border-color:var(--accent-dim);color:var(--accent)}.spell-save-btn.saved{border-color:var(--green);color:var(--green)}.spell-all-clear{border:1px solid var(--green);color:var(--green);background:#5a9e6f1a;border-radius:3px;align-items:center;gap:10px;padding:16px 20px;font-size:13px;display:flex}#panel-ai{gap:12px;padding:16px 0;overflow:hidden}.ai-config{background:var(--surface);border:1px solid var(--border);border-radius:3px;grid-template-columns:1fr 1fr;gap:10px;padding:14px;display:grid}.ai-config-item label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:5px;font-size:9px;display:block}.ai-select{background:var(--surface2);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--ui-font);cursor:pointer;border-radius:2px;outline:none;padding:6px 8px;font-size:11px}.ai-select:focus{border-color:var(--accent-dim)}.ai-output-wrap{flex-direction:column;flex:1;gap:8px;display:flex;overflow:hidden}.ai-prompt-box{background:var(--surface);border:1px solid var(--border);font-family:var(--editor-font);color:var(--text-dim);white-space:pre-wrap;word-break:break-word;border-radius:3px;flex:1;padding:14px;font-size:13px;line-height:1.7;transition:font-family .2s;overflow-y:auto}.ai-prompt-box.generated{color:var(--text)}.ai-copy-row{align-items:center;gap:8px;display:flex}.copy-notice{color:var(--green);opacity:0;font-size:10px;transition:opacity .3s}.copy-notice.show{opacity:1}#panel-bank{gap:12px;padding:16px 0;overflow:hidden}.bank-header{align-items:center;gap:10px;display:flex}.bank-search{background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:var(--ui-font);border-radius:3px;outline:none;flex:1;padding:7px 12px;font-size:11px;transition:border-color .15s}.bank-search:focus{border-color:var(--border2)}.bank-search::placeholder{color:var(--text-muted)}.bank-list{flex:1;overflow-y:auto}.bank-empty{text-align:center;color:var(--text-muted);font-style:italic;font-family:var(--display-font);padding:40px;font-size:14px;line-height:2}.bank-item{background:var(--surface);border:1px solid var(--border);border-radius:3px;margin-bottom:6px;padding:12px 14px;animation:.2s fadeIn}.bank-word{font-family:var(--ui-font);color:var(--accent);margin-bottom:8px;font-size:14px;font-weight:500}.bank-patterns{border-left:2px solid var(--border);flex-direction:column;gap:8px;padding-left:12px;display:flex}.bank-pattern{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bank-pattern-info{flex:1;align-items:baseline;gap:8px;display:flex}.bank-wrong{font-family:var(--ui-font);color:var(--red);font-size:13px;font-style:italic}.bank-meta{color:var(--text-muted);font-size:10px}.bank-quiz-area{align-items:center;gap:6px;display:flex}.bank-quiz-input{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:var(--ui-font);border-radius:2px;outline:none;width:120px;padding:4px 8px;font-size:11px}.bank-quiz-input.correct{border-color:var(--green);color:var(--green)}.bank-quiz-input.wrong{border-color:var(--red);color:var(--red)}.bank-quiz-btn{border:1px solid var(--border2);color:var(--text-dim);font-family:var(--ui-font);cursor:pointer;background:0 0;border-radius:2px;padding:4px 8px;font-size:10px;transition:all .15s}.bank-quiz-btn:hover{border-color:var(--accent-dim);color:var(--accent)}.bank-del-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:2px;flex-shrink:0;padding:2px 4px;font-size:16px;line-height:1;transition:color .15s}.bank-del-btn:hover{color:var(--red)}.btn-primary{background:var(--accent);color:var(--bg);font-family:var(--ui-font);cursor:pointer;letter-spacing:.05em;border:none;border-radius:3px;padding:7px 16px;font-size:11px;font-weight:500;transition:all .15s}.btn-primary:hover{background:var(--accent-light)}.btn-secondary{border:1px solid var(--border2);color:var(--text-dim);font-family:var(--ui-font);cursor:pointer;letter-spacing:.05em;background:0 0;border-radius:3px;padding:6px 14px;font-size:11px;transition:all .15s}.btn-secondary:hover{border-color:var(--accent-dim);color:var(--text)}.stats-bar{border-top:1px solid var(--border);flex-shrink:0;order:3;align-items:center;gap:20px;padding:10px 16px;display:flex}.stat{align-items:baseline;gap:5px;display:flex}.stat-value{color:var(--text);font-family:serif;font-size:18px;font-weight:600;line-height:1}.stat-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:9px}.stat-divider{background:var(--border);width:1px;height:18px}.stat-target{color:var(--text);margin-left:auto;font-size:12px}.stat-target span{color:var(--accent)}.app-footer{justify-content:space-between;align-items:center;max-width:1400px;margin:12px auto 0;padding:10px 20px;display:flex}.app-footer-logo{color:var(--text);font-family:Playfair Display,serif;font-size:13px;text-decoration:none}.app-footer-logo span{color:var(--accent)}.app-footer-about{letter-spacing:.04em;color:var(--text);font-family:JetBrains Mono,monospace;font-size:12px;text-decoration:none;transition:color .15s}.app-footer-about:hover{color:var(--accent)}.app-footer-note{letter-spacing:.04em;color:var(--text);text-align:right;font-family:JetBrains Mono,monospace;font-size:12px}@media (max-width:680px){.app{padding:0 12px}.question-panel-header{flex-wrap:nowrap;gap:4px;padding:6px 10px}.question-panel-label{letter-spacing:.08em;flex-shrink:0;font-size:9px}.qpanel-actions{gap:4px;margin-left:6px}.qpanel-action-btn{height:20px;padding:2px 7px;font-size:9px}.qpanel-action-btn svg{width:10px;height:10px;margin-right:2px}.qpanel-toggle{height:20px;padding:2px 7px;font-size:9px}.stats-bar{border-top:none;border-bottom:1px solid var(--border);order:1}.tabs{border-bottom:1px solid var(--border);order:2}.panel.active{order:3}.tabs{align-items:stretch}.tab{white-space:normal;text-align:center;border-bottom:2px solid #0000;flex-direction:column;flex:1;justify-content:center;align-items:center;margin-bottom:-1px;padding:8px 4px 6px;font-size:9px;line-height:1.3;display:flex}.tab.active{border-bottom-color:var(--accent)}.tab svg{width:14px;height:14px;vertical-align:unset;margin:0 0 3px;display:block!important}.tab-badge{margin-left:2px}}.draft-banner{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:none}.draft-banner.visible{display:flex}.draft-banner-msg{color:var(--text-dim);font-size:11px}.draft-banner-btns{flex-shrink:0;gap:6px;display:flex}.draft-banner-btn{border:1px solid var(--border2);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:3px;padding:3px 10px;font-size:10px;transition:all .15s}.draft-restore{border-color:var(--accent);color:var(--accent)}.draft-restore:hover{background:var(--accent);color:var(--bg)}.draft-discard:hover{border-color:var(--accent-dim);color:var(--text)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;pointer-events:none;background:#0f0e0dd9;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.modal-overlay.visible{opacity:1;pointer-events:all}.modal{background:var(--surface);border:1px solid var(--border2);border-radius:4px;width:360px;padding:28px 32px;transition:transform .2s;transform:translateY(10px)}.modal-overlay.visible .modal{transform:none}.modal h3{font-family:var(--display-font);margin-bottom:6px;font-size:18px}.modal p{color:var(--text-dim);margin-bottom:18px;font-size:12px;line-height:1.6}.modal-input{background:var(--surface2);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--ui-font);border-radius:2px;outline:none;margin-bottom:16px;padding:8px 12px;font-size:12px}.modal-input:focus{border-color:var(--accent-dim)}.modal-row{justify-content:flex-end;gap:8px;display:flex}.modal--timeup{text-align:center;padding:36px 32px 28px}.timeup-icon{margin-bottom:16px;font-size:40px;line-height:1;animation:.4s cubic-bezier(.34,1.56,.64,1) both timeup-pop}@keyframes timeup-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.modal--timeup h3{font-family:var(--display-font);margin-bottom:10px;font-size:22px}.modal--timeup p{white-space:pre-line;margin-bottom:12px;font-size:13px;line-height:1.7}.timeup-stat{background:var(--surface2);border:1px solid var(--border2);color:var(--accent);border-radius:4px;margin-bottom:24px;padding:6px 18px;font-family:serif;font-size:15px;display:inline-block}.modal--timeup .modal-row{justify-content:center;gap:10px}.notif{background:var(--surface2);border:1px solid var(--border2);border-left:3px solid var(--accent);color:var(--text);font-family:var(--ui-font);z-index:200;opacity:0;pointer-events:none;border-radius:3px;padding:10px 16px;font-size:11px;transition:all .25s;position:fixed;bottom:24px;right:24px;transform:translateY(8px)}.notif.show{opacity:1;transform:none}.about-nav{z-index:50;background:var(--lp-bg);border-bottom:1px solid var(--lp-border);justify-content:space-between;align-items:center;padding:14px 48px;display:flex;position:sticky;top:0}.about-nav-logo{color:var(--lp-text);letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;font-family:Playfair Display,serif;font-size:18px;font-weight:700;text-decoration:none;overflow:hidden}.about-nav-logo span{color:var(--lp-accent)}.about-nav-right{align-items:center;gap:12px;display:flex}.about-nav-cta{letter-spacing:.06em;text-transform:uppercase;color:var(--lp-bg);background:var(--lp-accent);white-space:nowrap;border-radius:3px;flex-shrink:0;padding:7px 16px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;text-decoration:none;transition:opacity .15s}.about-nav-cta:hover{opacity:.85}@media (max-width:680px){.about-nav{gap:8px;padding:10px 16px}.about-nav-logo{font-size:15px}.about-nav-right{flex-shrink:0;gap:6px}.about-nav-cta{letter-spacing:.03em;padding:5px 10px;font-size:10px}.lang-trigger{padding:4px 8px;font-size:10px}.lang-current,.lang-chevron{display:none}}.lp{--lp-bg:var(--bg);--lp-surface:var(--surface);--lp-border:var(--border);--lp-border2:var(--border2);--lp-text:var(--text);--lp-dim:var(--text-dim);--lp-muted:var(--text-muted);--lp-accent:var(--accent);--lp-accent-l:var(--accent-light);background:var(--lp-bg);color:var(--lp-text);transition:background .25s,color .25s}.lp-container{max-width:920px;margin:0 auto;padding:0 48px}.lp-hero{border-top:1px solid var(--lp-border);background:radial-gradient(ellipse 60% 50% at 50% 40%, var(--lp-accent) 0%, transparent 65%), var(--lp-bg);padding:96px 0 0}@supports (color:color-mix(in lab, red, red)){.lp-hero{background:radial-gradient(ellipse 60% 50% at 50% 40%, color-mix(in srgb, var(--lp-accent) 10%, transparent) 0%, transparent 65%), var(--lp-bg)}}.lp-hero{overflow:hidden}.lp-hero-text{text-align:center;max-width:720px;margin:0 auto;padding:0 48px 72px}.lp-hero-visual{max-width:960px;height:460px;margin:0 auto;position:relative}.lp-hero-visual:before{content:"";background:radial-gradient(ellipse 60% 55% at 50% 45%, var(--lp-accent) 0%, transparent 65%);position:absolute;inset:-20%}@supports (color:color-mix(in lab, red, red)){.lp-hero-visual:before{background:radial-gradient(ellipse 60% 55% at 50% 45%, color-mix(in srgb, var(--lp-accent) 14%, transparent) 0%, transparent 65%)}}.lp-hero-visual:before{pointer-events:none;z-index:0}.lp-mock{background:var(--lp-surface);border:1px solid var(--lp-border);z-index:1;border-radius:8px;width:58%;position:absolute;overflow:hidden;box-shadow:0 32px 64px #000000a6,0 8px 24px #0006,0 0 0 1px #ffffff08}.lp-mock--write{z-index:2;top:0;left:4%;transform:rotate(-1.5deg)}.lp-mock--ai{z-index:1;top:48px;right:4%;transform:rotate(1.4deg)}.lp-mock{cursor:default;transition:transform .38s cubic-bezier(.25,.46,.45,.94),opacity .3s,box-shadow .38s,background .25s,border-color .25s}.lp-mock--write.is-active{z-index:3!important;transform:rotate(-.4deg)translateY(-8px)!important}.lp-mock--ai.is-active{z-index:3!important;transform:rotate(.3deg)translateY(-8px)!important}.lp-mock--write.is-inactive{opacity:.5!important;z-index:0!important;transform:rotate(-2.5deg)translateY(5px)!important}.lp-mock--ai.is-inactive{opacity:.5!important;z-index:0!important;transform:rotate(2.5deg)translateY(5px)!important}.lp-mock.is-active{box-shadow:0 40px 80px #000000a6,0 12px 32px #00000073,0 0 0 1px #ffffff0d!important}.lp-mock-bar{background:var(--lp-bg);border-bottom:1px solid var(--lp-border);align-items:center;gap:10px;padding:12px 18px;display:flex}.lp-mock-dots{flex-shrink:0;gap:6px;display:flex}.lp-mock-dots span{background:var(--lp-border2);border-radius:50%;width:10px;height:10px;display:block}.lp-mock-brand{color:var(--lp-muted);letter-spacing:.01em;font-family:Playfair Display,serif;font-size:13px;font-weight:700}.lp-mock-brand em{color:var(--lp-accent);font-style:normal}.lp-mock-timerbar{border-bottom:1px solid var(--lp-border);background:var(--lp-bg);align-items:center;gap:10px;padding:7px 14px;display:flex}.lp-mock-qpanel{border-bottom:1px solid var(--lp-border);background:var(--lp-surface2);padding:8px 14px}.lp-mock-qpanel-label{letter-spacing:.1em;text-transform:uppercase;color:var(--lp-muted);margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:7px;display:block}.lp-mock-qpanel-text{color:var(--lp-dim);margin:0;font-size:8.5px;line-height:1.5}.lp-mock-config{border-bottom:1px solid var(--lp-border);grid-template-columns:1fr 1fr;gap:5px;margin-bottom:10px;padding-bottom:10px;display:grid}.lp-mock-config-item{flex-direction:column;gap:3px;display:flex}.lp-mock-config-label{letter-spacing:.08em;color:var(--lp-muted);white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:7px}.lp-mock-config-select{color:var(--lp-dim);border:1px solid var(--lp-border);background:var(--lp-surface2);white-space:nowrap;text-overflow:ellipsis;border-radius:3px;width:100%;padding:2px 6px;font-size:8px;overflow:hidden}.lp-mock-timer-btns{gap:5px;display:flex}.lp-mock-tbtn{letter-spacing:.06em;color:var(--lp-muted);border:1px solid var(--lp-border);border-radius:2px;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:8px}.lp-mock-tprogress-wrap{background:var(--lp-border);border-radius:1px;flex:1;height:2px;overflow:hidden}.lp-mock-tprogress{background:var(--lp-accent);border-radius:1px;width:30%;height:100%}.lp-mock-foot--stats{flex-wrap:nowrap;gap:10px;justify-content:flex-start!important}.lp-mock-stat{flex-shrink:0;align-items:baseline;gap:3px;display:flex}.lp-mock-stat-val{color:var(--lp-dim);font-family:serif;font-size:14px;font-weight:600;line-height:1}.lp-mock-stat-lbl{letter-spacing:.06em;color:var(--lp-muted);font-family:JetBrains Mono,monospace;font-size:8px}.lp-mock-stat-div{background:var(--lp-border);flex-shrink:0;width:1px;height:14px}.lp-mock-stat-target{color:var(--lp-muted);white-space:nowrap;margin-left:auto;font-family:JetBrains Mono,monospace;font-size:8px}.lp-mock-stat-target span{color:var(--lp-accent)}.lp-mock-tabs{border-bottom:1px solid var(--lp-border);display:flex}.lp-mock-tab{letter-spacing:.04em;color:var(--lp-muted);border-bottom:2px solid #0000;padding:9px 14px;font-family:JetBrains Mono,monospace;font-size:10px;line-height:1}.lp-mock-tab--on{color:var(--lp-accent);border-bottom-color:var(--lp-accent)}.lp-mock-tab svg{vertical-align:-1px;flex-shrink:0;width:10px;height:10px;margin-right:3px;display:inline}.lp-mock-body{height:248px;padding:18px 20px;position:relative;overflow:hidden}.lp-mock-essay{color:var(--lp-dim);font-family:"Source Serif 4",serif;font-size:12px;font-weight:300;line-height:1.85}.lp-mock-prompt-lbl{letter-spacing:.14em;text-transform:uppercase;color:var(--lp-accent);margin-bottom:10px;font-family:JetBrains Mono,monospace;font-size:9px}.lp-mock-prompt-txt{color:var(--lp-dim);margin-bottom:10px;font-family:"Source Serif 4",serif;font-size:12px;font-weight:300;line-height:1.8}.lp-mock-criteria{list-style:none}.lp-mock-criteria li{color:var(--lp-muted);font-family:JetBrains Mono,monospace;font-size:10.5px;line-height:2}.lp-mock-veil{background:linear-gradient(transparent, var(--lp-surface));height:80px;position:absolute;bottom:0;left:0;right:0}.lp-mock-veil--ai{background:linear-gradient(transparent, var(--lp-surface))}.lp-mock-foot{border-top:1px solid var(--lp-border);background:var(--lp-bg);justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.lp-mock-foot span{color:var(--lp-muted);font-family:JetBrains Mono,monospace;font-size:10px}.lp-mock-time{color:var(--lp-dim)!important;letter-spacing:2px!important;font-family:serif!important;font-size:18px!important;font-weight:600!important}.lp-mock-foot--ai{gap:8px;justify-content:flex-start!important}.lp-mock-pill{letter-spacing:.06em;background:var(--lp-accent);color:var(--lp-bg);border-radius:2px;padding:5px 13px;font-family:JetBrains Mono,monospace;font-size:10px}.lp-mock-pill--dim{border:1px solid var(--lp-border);background:var(--lp-surface2,var(--lp-bg))!important;color:var(--lp-muted)!important}.lp-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--lp-accent);margin-bottom:28px;font-family:JetBrains Mono,monospace;font-size:10px;display:block}.lp-headline{letter-spacing:-.025em;color:var(--lp-text);margin-bottom:28px;font-family:Playfair Display,serif;font-size:clamp(36px,4.5vw,58px);font-weight:700;line-height:1.08}.lp-subhead{color:var(--lp-dim);max-width:560px;margin:0 auto 52px;font-family:DM Sans,sans-serif;font-size:17px;font-weight:300;line-height:1.75}.lp-cta-btn{background:var(--lp-accent);color:var(--surface);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:none;border-radius:3px;align-items:center;gap:10px;padding:15px 32px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.lp-cta-btn:hover{background:var(--lp-accent-l);transform:translateY(-1px)}.lp-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--lp-accent);margin-bottom:20px;font-family:JetBrains Mono,monospace;font-size:14px;display:block}.lp-section-title{color:var(--lp-text);letter-spacing:-.015em;margin-bottom:56px;font-family:Playfair Display,serif;font-size:clamp(24px,3vw,38px);font-weight:600;line-height:1.2}.lp-nocompare{border-top:1px solid var(--lp-border);padding:96px 0}.lp-nolist{flex-direction:column;gap:28px;width:fit-content;margin:0 auto 96px;display:flex}.lp-noitem{opacity:0;align-items:center;gap:16px;transition:opacity .9s,transform .9s;display:flex;transform:translateY(18px)}.lp-noitem.in-view{opacity:1;transform:translateY(0)}.lp-noitem-check{color:#4caf50;background:#4caf5024;border:1px solid #4caf5047;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-top:3px;display:flex}.lp-noitem-body{flex:1}.lp-noitem-title{color:var(--lp-text);margin:0 0 6px;font-family:Playfair Display,serif;font-size:clamp(20px,2.2vw,28px);font-weight:600;display:inline-block;position:relative}.lp-noitem-title:after{content:"";background:#e53935;border-radius:2px;width:0;height:2.5px;transition:width .9s cubic-bezier(.4,0,.2,1);position:absolute;top:52%;left:0}.lp-noitem.in-view .lp-noitem-title:after{width:100%;transition-delay:.6s}.lp-noitem-sub{color:var(--lp-dim);margin:0;font-family:DM Sans,sans-serif;font-size:15px;font-weight:300;line-height:1.6}.lp-compare-intro{text-align:center;margin-bottom:48px}@keyframes lp-cursor-blink{50%{opacity:0}}.lp-compare-headline{color:var(--lp-text);margin-bottom:8px;font-family:Playfair Display,serif;font-size:clamp(22px,2.8vw,36px);font-weight:600}.lp-compare-sub{color:var(--lp-dim);margin:0;font-family:DM Sans,sans-serif;font-size:16px}.lp-compare-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:28px;display:grid}.lp-compare-col{flex-direction:column;display:flex}.lp-compare-label{letter-spacing:.06em;text-transform:uppercase;text-align:center;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:14px;display:block}.lp-compare-label--bad{color:#e53935}.lp-compare-label--good{color:#4caf50}.lp-compare-editor{border:1px solid var(--lp-border);background:var(--lp-surface);border-radius:8px;min-height:200px;margin-bottom:16px;padding:18px 20px;position:relative}.lp-compare-text{color:var(--lp-text);margin:0 0 10px;font-family:DM Sans,sans-serif;font-size:14px;line-height:1.7}.lp-compare-text .lp-type-cursor{background:var(--lp-text);vertical-align:text-bottom;width:1px;height:1em;margin-left:1px;animation:.7s step-end infinite lp-cursor-blink;display:inline-block}.lp-compare-spell{text-underline-offset:3px;-webkit-text-decoration:underline wavy #e53935;text-decoration:underline wavy #e53935}@keyframes lp-badge-loop{0%,15%{opacity:0;transform:translateY(-6px)}25%,70%{opacity:1;transform:translateY(0)}85%,to{opacity:0;transform:translateY(-6px)}}@keyframes lp-popup-loop{0%,30%{opacity:0;transform:translateY(-6px)}42%,70%{opacity:1;transform:translateY(0)}85%,to{opacity:0;transform:translateY(-6px)}}@keyframes lp-spell-loop{0%,to{text-decoration-color:#0000}20%,75%{text-decoration-color:#e53935}}.lp-compare-spell{text-underline-offset:3px;-webkit-text-decoration:underline wavy #0000;text-decoration:underline wavy #0000;transition:text-decoration-color .4s}.spell-active .lp-compare-spell{text-decoration-color:#e53935}.lp-compare-badge{background:#f59e0b;display:inline-block}@supports (color:color-mix(in lab, red, red)){.lp-compare-badge{background:color-mix(in srgb, #f59e0b 18%, var(--lp-surface))}}.lp-compare-badge{color:#b45309;letter-spacing:.04em;opacity:0;border:1px solid #f59e0b66;border-radius:4px;margin-bottom:8px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:10px;transition:opacity .4s,transform .4s;transform:translateY(-6px)}.spell-active .lp-compare-badge{opacity:1;transform:translateY(0)}.lp-compare-popup{border:1px solid var(--lp-border);background:var(--lp-surface);opacity:0;border-radius:6px;max-width:150px;transition:opacity .4s .3s,transform .4s .3s;overflow:hidden;transform:translateY(-6px);box-shadow:0 4px 14px #0000001f}.spell-active .lp-compare-popup{opacity:1;transform:translateY(0)}.lp-compare-popup-item{color:var(--lp-text);border-bottom:1px solid var(--lp-border);padding:7px 14px;font-family:DM Sans,sans-serif;font-size:13px}.lp-compare-popup-item:last-child{border-bottom:none}.lp-compare-popup-item--sel{background:var(--lp-accent)}@supports (color:color-mix(in lab, red, red)){.lp-compare-popup-item--sel{background:color-mix(in srgb, var(--lp-accent) 10%, transparent)}}.lp-compare-popup-item--sel{color:var(--lp-accent)}.lp-compare-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lp-compare-list li{font-family:DM Sans,sans-serif;font-size:13px}.lp-compare-list--bad li{color:#e53935}.lp-compare-list--good li{color:#4caf50}.lp-features{border-top:1px solid var(--lp-border);padding:96px 0}.lp-feature-grid{background:var(--lp-border);border:1px solid var(--lp-border);border-radius:4px;grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}.lp-feature-card{background:var(--lp-bg);padding:44px 40px;transition:background .2s}.lp-feature-card:hover{background:var(--lp-surface)}.lp-feature-icon{color:var(--lp-accent);margin-bottom:22px;font-size:20px;line-height:1;display:block}.lp-feature-card h3{color:var(--lp-text);letter-spacing:-.01em;margin-bottom:12px;font-family:Playfair Display,serif;font-size:19px;font-weight:600}.lp-feature-card p{color:var(--lp-dim);font-family:DM Sans,sans-serif;font-size:14px;font-weight:300;line-height:1.75}.lp-steps{border-top:1px solid var(--lp-border);padding:96px 0}.lp-step{border-top:1px solid var(--lp-border);align-items:flex-start;gap:52px;padding:44px 0;transition:border-color .2s;display:flex}.lp-step:last-child{border-bottom:1px solid var(--lp-border)}.lp-step:hover{border-color:var(--lp-border2)}.lp-step-num{color:var(--lp-muted);flex-shrink:0;min-width:72px;font-family:serif;font-size:52px;font-weight:700;line-height:1;transition:color .25s}.lp-step:hover .lp-step-num{color:var(--lp-accent)}.lp-step-body h3{color:var(--lp-text);letter-spacing:-.01em;margin-bottom:10px;font-family:Playfair Display,serif;font-size:21px;font-weight:600}.lp-step-body p{color:var(--lp-dim);max-width:540px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:300;line-height:1.75}.lp-story{border-top:1px solid var(--lp-border);padding:0;position:relative;overflow:hidden}.lp-story-bg{filter:blur(3px)brightness(.35);background:url(/assets/story-bg.jpg) 50%/cover no-repeat;position:absolute;inset:0;transform:scale(1.05)}.lp-story .lp-container{z-index:1;padding-top:96px;padding-bottom:96px;position:relative}.lp-story-inner{text-align:center;max-width:680px;margin:0 auto}.lp-story-heading{color:#fffffff2;margin-bottom:32px;font-family:Playfair Display,serif;font-size:clamp(24px,3vw,38px);font-weight:600;line-height:1.2}.lp-story-quote{color:#ffffffe6;margin:0;font-family:DM Sans,sans-serif;font-size:clamp(14px,1.4vw,17px);font-style:normal;font-weight:300;line-height:1.8}.lp-bottom-cta{border-top:1px solid var(--lp-border);text-align:center;padding:96px 0}.lp-bottom-cta h2{color:var(--lp-text);letter-spacing:-.025em;margin-bottom:16px;font-family:Playfair Display,serif;font-size:clamp(28px,4vw,52px);font-weight:700}.lp-bottom-cta p{color:var(--lp-dim);margin-bottom:44px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:300}.lp-footer{border-top:1px solid var(--lp-border);padding:28px 0}.lp-footer .lp-container{justify-content:space-between;align-items:center;display:flex}.lp-footer-logo{color:var(--lp-text);font-family:Playfair Display,serif;font-size:14px;text-decoration:none}.lp-footer-logo span{color:var(--lp-accent)}.lp-footer-note{letter-spacing:.06em;color:var(--lp-dim);font-family:JetBrains Mono,monospace;font-size:10px}.lp-pricing{border-top:1px solid var(--lp-border);padding:96px 0}.lp-pricing-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.lp-plan{background:var(--lp-surface);border:1px solid var(--lp-border2);border-radius:6px;padding:40px 36px}.lp-plan--pro{border-color:var(--lp-accent);background:var(--lp-accent)}@supports (color:color-mix(in lab, red, red)){.lp-plan--pro{background:color-mix(in srgb, var(--lp-accent) 5%, var(--lp-surface))}}.lp-plan--pro{position:relative}.lp-plan-header{margin-bottom:16px}.lp-plan-name{letter-spacing:.16em;text-transform:uppercase;color:var(--lp-dim);margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:10px;display:block}.lp-plan--pro .lp-plan-name{color:var(--lp-accent)}.lp-plan-price{color:var(--lp-text);margin-bottom:4px;font-family:serif;font-size:52px;font-weight:700;line-height:1;display:block}.lp-plan-period{color:var(--lp-dim);font-family:DM Sans,sans-serif;font-size:15px;font-weight:300}.lp-plan-badge{background:var(--lp-accent);color:#0a0908;letter-spacing:.12em;text-transform:uppercase;border-radius:2px;margin-top:8px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500;display:inline-block}.lp-plan-desc{color:var(--lp-dim);margin:16px 0 0;font-family:DM Sans,sans-serif;font-size:14px;font-weight:300;line-height:1.65}.lp-plan-list{flex-direction:column;gap:13px;margin:28px 0 36px;list-style:none;display:flex}.lp-plan-list li{color:var(--lp-dim);padding-left:22px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:300;position:relative}.lp-plan-list li:before{content:"✓";color:var(--lp-accent);font-size:12px;position:absolute;left:0}.lp-plan-item--more{color:var(--lp-muted)!important}.lp-plan-item--more:before{content:"+"!important;color:var(--lp-muted)!important}[data-animate]{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(24px)}[data-animate].in-view{opacity:1;transform:none}[data-delay="1"]{transition-delay:.1s}[data-delay="2"]{transition-delay:.2s}[data-delay="3"]{transition-delay:.3s}[data-delay="4"]{transition-delay:.4s}.settings-btn{cursor:pointer;color:var(--text-dim);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:5px;transition:color .15s,background .15s;display:none}.settings-btn:hover{color:var(--text);background:var(--surface2)}.settings-overlay{z-index:200;opacity:0;pointer-events:none;background:#00000073;transition:opacity .3s;display:block;position:fixed;inset:0}.settings-overlay.open{opacity:1;pointer-events:auto}.settings-sheet{background:var(--surface);border-top:1px solid var(--border);z-index:201;border-radius:16px 16px 0 0;padding:12px 24px 36px;transition:transform .3s cubic-bezier(.32,.72,0,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.settings-sheet.open{transform:translateY(0)}.settings-handle{background:var(--border2);border-radius:2px;width:36px;height:4px;margin:0 auto 16px}.settings-title{font-family:var(--display-font);color:var(--text);margin-bottom:8px;font-size:16px}.settings-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-row-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-light);font-size:11px}.settings-row-ctrl{align-items:center;gap:8px;display:flex}.settings-size-ctrl{gap:10px}.settings-size-tag{font-family:var(--ui-font);color:var(--text-muted);letter-spacing:.05em;font-size:10px}.settings-size-ctrl .size-slider{width:100px}@media (max-width:768px){.app{padding:0 10px}.header-right{display:none}.settings-btn{display:flex}.app-footer{text-align:center;flex-direction:column;gap:4px;padding:8px 10px}.app-footer-note{text-align:center}header{flex-wrap:wrap;align-items:flex-start;gap:6px;padding:8px 0 6px}.logo{flex-shrink:0}.header-right{flex-wrap:wrap;gap:5px;width:100%;max-height:72px;overflow-y:auto}.task-btn{height:20px;padding:0 7px;font-size:10px}.task-switcher{margin-left:auto}.task-label{display:inline}.task-btn-word{display:none}.timer-bar{gap:8px;padding:6px 0}.question-panel{height:30vh;min-height:100px;max-height:35vh;overflow-y:auto}.question-text{min-height:60px;overflow-y:auto}.resizer{height:8px}.editor-section{flex:1;min-height:0;overflow:hidden}.editor-wrap{overflow-y:auto}#editor{min-height:140px}#panel-spell,#panel-ai,#panel-bank{overflow-y:auto}.stats-bar{border-top:none;border-bottom:1px solid var(--border);order:-1;gap:12px;padding:6px 16px}.stat-target{display:none}}@media (max-width:900px){.lp-hero-visual{height:380px}}@media (max-width:680px){.lp-container{padding:0 24px}.lp-hero{padding:64px 0 0}.lp-hero-text{padding:0 24px 48px}.lp-hero-visual{height:420px}.lp-mock{width:72%;height:340px}.lp-mock--write{top:0;left:2%}.lp-mock--ai{top:56px;right:2%}.lp-mock-body{height:160px;padding:12px 14px}.lp-mock-essay{font-size:10px;line-height:1.7}.lp-mock-qpanel-text{font-size:10px}.lp-mock-time{font-size:14px!important}.lp-mock-tab{padding:7px 8px;font-size:8px}.lp-features,.lp-steps,.lp-story,.lp-pricing,.lp-bottom-cta,.lp-nocompare{padding:64px 0}.lp-compare-grid,.lp-feature-grid{grid-template-columns:1fr}.lp-step{gap:28px}.lp-step-num{min-width:52px;font-size:38px}.lp-pricing-grid{grid-template-columns:1fr}.lp-footer .lp-container{text-align:center;flex-direction:column;gap:8px}}.qpanel-actions{gap:5px;margin-left:12px;margin-right:auto;display:flex}.qpanel-action-btn{border:1px solid var(--border2);color:var(--text-dim);cursor:pointer;height:22px;font-size:10px;font-family:var(--ui-font);letter-spacing:.04em;background:0 0;border-radius:3px;align-items:center;gap:4px;padding:2px 10px;transition:border-color .15s,color .15s,background .15s;display:flex}.qpanel-action-btn svg{vertical-align:-1px;flex-shrink:0;width:11px;height:11px;margin-right:3px;display:inline}.qpanel-action-btn:hover{border-color:var(--accent-dim);color:var(--text)}.qpanel-action-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.qpanel-action-btn.active{background:color-mix(in srgb, var(--accent) 8%, transparent)}}.browse-panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.browse-toolbar{border-bottom:1px solid var(--border);flex-shrink:0;gap:8px;padding:8px 16px;display:flex}.browse-filter{background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);font-family:var(--ui-font);cursor:pointer;letter-spacing:.04em;border-radius:3px;outline:none;padding:4px 8px;font-size:12px}.browse-filter:focus{border-color:var(--accent-dim)}.browse-list{flex:1;padding:6px 8px;overflow-y:auto}.browse-item{cursor:pointer;border:1px solid #0000;border-radius:3px;align-items:center;gap:10px;padding:7px 10px;transition:background .12s,border-color .12s;display:flex}.browse-item:hover{background:var(--surface2);border-color:var(--border)}.browse-num{font-family:var(--ui-font);color:var(--accent);letter-spacing:.04em;min-width:28px;font-size:12px;font-weight:500}.browse-cat{font-family:var(--ui-font);color:var(--text-dim);min-width:90px;font-size:12px}.browse-dot{background:var(--border2);border-radius:50%;flex-shrink:0;width:3px;height:3px}.browse-formal{font-family:var(--ui-font);border-radius:8px;flex-shrink:0;padding:1px 6px;font-size:12px}.browse-formal.f{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.browse-formal.f{background:color-mix(in srgb, var(--accent) 12%, transparent)}}.browse-formal.f{color:var(--accent)}.browse-formal.sf{background:var(--green)}@supports (color:color-mix(in lab, red, red)){.browse-formal.sf{background:color-mix(in srgb, var(--green) 12%, transparent)}}.browse-formal.sf{color:var(--green)}.browse-formal.i{background:var(--text-dim)}@supports (color:color-mix(in lab, red, red)){.browse-formal.i{background:color-mix(in srgb, var(--text-dim) 15%, transparent)}}.browse-formal.i{color:var(--text-dim)}.browse-formal.cs{background:var(--red)}@supports (color:color-mix(in lab, red, red)){.browse-formal.cs{background:color-mix(in srgb, var(--red) 12%, transparent)}}.browse-formal.cs{color:var(--red)}.browse-title{color:var(--text-dim);font-size:12px;font-family:var(--ui-font);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.browse-empty{text-align:center;color:var(--text-muted);font-size:12px;font-style:italic;font-family:var(--display-font);padding:24px}.preview-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:150;opacity:0;pointer-events:none;background:#0f0e0dbf;justify-content:center;align-items:center;transition:opacity .18s;display:flex;position:fixed;inset:0}.preview-overlay.visible{opacity:1;pointer-events:all}.preview-modal{background:var(--surface);border:1px solid var(--border2);border-radius:4px;flex-direction:column;width:min(600px,90vw);max-height:80vh;transition:transform .18s;display:flex;overflow:hidden;transform:translateY(12px)}.preview-overlay.visible .preview-modal{transform:none}.preview-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.preview-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.preview-tag{font-family:var(--ui-font);letter-spacing:.08em;text-transform:uppercase;border-radius:10px;padding:2px 8px;font-size:9px}.preview-tag.num{background:var(--surface2);color:var(--accent);border:1px solid var(--border2)}.preview-tag.cat{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.preview-tag.cat{background:color-mix(in srgb, var(--accent) 10%, transparent)}}.preview-tag.cat{color:var(--accent)}.preview-tag.formal{background:var(--green)}@supports (color:color-mix(in lab, red, red)){.preview-tag.formal{background:color-mix(in srgb, var(--green) 12%, transparent)}}.preview-tag.formal{color:var(--green)}.preview-tag.informal{background:var(--text-dim)}@supports (color:color-mix(in lab, red, red)){.preview-tag.informal{background:color-mix(in srgb, var(--text-dim) 12%, transparent)}}.preview-tag.informal{color:var(--text-dim)}.preview-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:4px 6px;font-size:14px;line-height:1;transition:color .12s}.preview-close:hover{color:var(--text)}.preview-body{font-family:var(--editor-font);font-size:14px;font-weight:var(--editor-weight);color:var(--text);white-space:pre-wrap;flex:1;padding:20px 22px;line-height:1.9;overflow-y:auto}.preview-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}