@charset "UTF-8";
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;--ink:#e9eee7;--muted:#adb8aa;--accent:#a2d8ae;--accent-ink:#1e3627;--surface:#2a2d29;--sidebar:#262b26;--inset:#232823;--line:#b9d0b617;--selected:#39463b;font-size:14px;color:var(--ink);background:#10221d}
:root[data-theme=light]{color-scheme:light;--ink:#253b2d;--muted:#5c6e60;--accent:#386e48;--accent-ink:#fff;--surface:#f3f5ef;--sidebar:#e7ece3;--inset:#e9eee6;--line:#29472b20;--selected:#d3e3d1}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button,a{transition:background .18s,transform .18s}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.icon-definitions,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:var(--surface);z-index:30}.skip:focus{top:10px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;flex-shrink:0}
.app-content{display:flex;flex-direction:column;min-width:0;min-height:0}.panel{padding:36px 40px 24px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--selected) transparent;scrollbar-width:thin;flex:1;min-height:0}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:600;color:var(--accent);margin:0 0 17px}h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.045em;line-height:1.1;font-weight:600;margin:0}h3{font-size:14px;letter-spacing:-.02em;margin:0 0 8px;font-weight:600}.feature-description{font-size:14px;line-height:1.75;color:var(--muted);max-width:650px;margin:17px 0 18px}.feature-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:25px}.feature-tags span{border:1px solid var(--line);border-radius:5px;padding:5px 8px;font-size:10px;color:var(--muted)}.demo-stage{background:var(--inset);border:1px solid var(--line);border-radius:12px;padding:18px 20px}.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;font-weight:550;margin-bottom:20px}.demo-heading>span:first-child{display:flex;align-items:center;gap:8px}.demo-heading .icon{width:17px;height:17px;color:var(--accent)}.demo-label{font-size:8px;letter-spacing:.1em;color:var(--muted);white-space:nowrap;font-weight:400}.writing-demo{display:grid;grid-template-columns:1fr 1fr;gap:20px}.writing-demo label,.field-label{font-size:10px;color:var(--muted)}textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--ink);font-size:14px;line-height:1.7;resize:vertical;margin-top:9px;min-height:100px;padding:0 0 10px}.writing-result{border-left:1px solid var(--line);padding-left:20px}.writing-result p{font-size:14px;line-height:1.7;margin:9px 0;white-space:pre-wrap}.writing-result.has-result p{color:var(--accent)}.demo-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 12px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:7px;padding:10px 14px;font-size:11px;font-weight:600;background:var(--accent);color:var(--accent-ink)}.primary:hover{filter:brightness(1.08)}.secondary{background:var(--selected);color:var(--ink);border-color:var(--line)}.quiet{border:0;background:transparent;color:var(--muted);font-size:11px;padding:8px}.segmented{display:flex;gap:3px;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:3px}.segmented button{border:0;background:transparent;border-radius:5px;padding:7px 9px;font-size:10px;color:var(--muted)}.segmented button[aria-pressed=true]{background:var(--selected);color:var(--accent)}.demo-note{font-size:10px;line-height:1.7;color:var(--muted);margin:12px 0 0}.feature-footnote{font-size:11px;line-height:1.8;color:var(--muted);margin:20px 0 0}.real-app{margin-top:22px;border-top:1px solid var(--line);padding-top:15px}.real-app summary{cursor:pointer;color:var(--muted);font-size:11px;line-height:1.6;list-style:none;display:flex;justify-content:space-between;gap:15px}.real-app summary::-webkit-details-marker{display:none}.real-app summary:hover{color:var(--accent)}.real-app img{display:block;width:100%;border-radius:8px;margin-top:16px}.real-app p{font-size:11px;color:var(--muted);line-height:1.7}.app-footer{flex-shrink:0;display:flex;justify-content:space-between;gap:12px;padding:13px 24px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.app-footer a{color:var(--accent)}.footer-dot{margin:0 4px}
.transcript{font-size:23px;letter-spacing:-.025em;line-height:1.55;min-height:110px;margin:20px 0;color:var(--muted)}.transcript.has-text{color:var(--ink)}.recording-control{display:flex;align-items:center;gap:15px}.wave{display:flex;gap:3px;align-items:center;width:39px;height:30px}.wave i{background:var(--accent);width:3px;height:7px;border-radius:2px}.wave i:nth-child(2n){height:18px}.wave i:nth-child(3n){height:27px}.is-playing .wave i{animation:wave .6s ease-in-out infinite alternate}.is-playing .wave i:nth-child(2n){animation-delay:-.3s}@keyframes wave{to{transform:scaleY(.25)}}
kbd{font:inherit;font-size:.9em;padding:2px 5px;border:1px solid var(--line);border-radius:4px;white-space:nowrap}.shortcut-invitation{text-align:center;padding:12px 0 18px}.big-key{display:inline-block;font-size:23px;background:var(--surface);border:1px solid #afc0ac30;border-bottom-width:3px;border-radius:9px;padding:13px 20px;box-shadow:0 3px 7px #0001;color:var(--accent)}.shortcut-invitation>span:nth-child(2){margin:0 10px;color:var(--muted)}.shortcut-invitation p{font-size:12px;color:var(--muted);margin:17px 0}.model-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}.model-options button{display:flex;align-items:flex-start;flex-direction:column;text-align:left;background:var(--inset);border:1px solid var(--line);border-radius:10px;padding:17px 14px}.model-options button[aria-pressed=true]{background:var(--selected);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.model-options .icon,.provider-symbol{margin-bottom:20px;color:var(--accent);height:23px;font-size:24px;line-height:23px}.model-options strong{font-size:12px;font-weight:550}.model-options button>span:last-child{font-size:10px;color:var(--muted);margin-top:6px}.provider-story{display:flex;align-items:start;gap:12px;margin:25px 0}.provider-story .status-dot{margin-top:5px}.provider-story p,.portable-note p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.history-example summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:10px 0}.history-example summary::-webkit-details-marker{display:none}.history-example strong{font-size:14px;font-weight:500}.history-example small{display:block;font-size:11px;color:var(--muted);margin-top:7px}.history-expand{color:var(--accent)}.history-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:13px;border-top:1px solid var(--line)}.history-comparison p{font-size:14px;line-height:1.7}.history-comparison p:last-child{color:var(--accent)}.history-comparison span{display:block;color:var(--muted);font-size:10px;margin-bottom:8px}.appearance-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 0;font-size:13px}.appearance-row select{background:var(--surface);border:1px solid var(--line);border-radius:6px;color:var(--accent);padding:7px 25px 7px 10px;font-size:12px}.swatches{display:flex;gap:10px;padding:4px}.swatches button{width:22px;height:22px;border:3px solid var(--inset);border-radius:50%;background:#a2d8ae;outline:1px solid transparent}.swatches button[data-accent=purple]{background:#c9b8f5}.swatches button[data-accent=blue]{background:#a5d6f5}.swatches button[aria-pressed=true]{outline-color:var(--accent)}.portable-note{display:flex;align-items:start;gap:18px;margin-top:25px}.portable-note>span{font:22px monospace;color:var(--accent);padding:13px;border:1px solid var(--line);border-radius:7px;white-space:nowrap}
/* The switcher is a focused feature demonstration, styled after the native overlay. */
#switcher-dialog{width:min(630px,calc(100% - 28px));max-height:calc(100svh - 40px);background:var(--inset);color:var(--ink);border:1px solid #9eaf9c66;border-radius:17px;padding:0;box-shadow:0 35px 120px #0009;overflow:auto}#switcher-dialog::backdrop{background:#06110c88;backdrop-filter:blur(6px)}.switcher-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 5px}.switcher-header h2{font-size:15px;letter-spacing:-.01em}.switcher-header button{font-size:24px;padding:0 5px}.switcher-search{display:block;padding:10px 20px 15px}.switcher-search input{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:7px;color:var(--ink);padding:11px 13px;font-size:13px}.switcher-search input::placeholder{color:var(--muted)}#switcher-list{padding:0 10px 12px;max-height:390px;overflow:auto}.switcher-option{display:flex;align-items:center;gap:13px;padding:10px 12px;border-radius:9px;cursor:pointer}.switcher-option[aria-selected=true]{background:var(--selected)}.sample-app-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:8px;background:#49735b;color:#fff;font-size:20px;flex-shrink:0}.sample-app-icon img{width:33px;height:33px}.sample-app-icon.browser{background:linear-gradient(135deg,#7a8dec,#394ea0)}.sample-app-icon.terminal{background:#172123;font:16px monospace;border:1px solid #ffffff30}.sample-app-icon.finder{background:linear-gradient(90deg,#35a9e2 50%,#b9e8fc 50%);color:#19587a}.switcher-option-copy{min-width:0}.switcher-option strong{display:block;font-size:15px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switcher-option small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.switcher-return{margin-left:auto;color:var(--accent);visibility:hidden}.switcher-option[aria-selected=true] .switcher-return{visibility:visible}.switcher-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:14px 20px 5px;font-size:10px;color:var(--muted)}.switcher-disclaimer{font-size:10px;color:var(--muted);margin:10px 20px 16px}#switcher-empty{color:var(--muted);padding:15px 20px;font-size:13px}
.privacy-note{display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--accent);padding:0;text-align:left;font-size:11px;line-height:1.7;margin:0 0 18px}.privacy-note>span:last-child{margin-left:3px}.privacy-card{background:color-mix(in srgb,var(--accent) 6%,var(--inset));border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:10px;padding:17px 19px;margin:20px 0}.privacy-card h3{color:var(--accent)}.privacy-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}
@media(max-width:1000px){.panel{padding:28px}.feature-description{font-size:13px}}
@media(max-width:700px){.panel{padding:26px 22px;overflow:visible}.feature-description{font-size:13px}.eyebrow{font-size:9px}h2{font-size:34px}.feature-tags{margin-bottom:20px}.demo-stage{padding:16px}.demo-heading{font-size:10px}.demo-label{font-size:7px}.app-footer{padding:13px 18px;flex-wrap:wrap}.writing-demo{gap:14px}.writing-result{padding-left:14px}.demo-actions{flex-wrap:wrap}.model-options{gap:7px}.model-options button{padding:14px 10px}.model-options strong{font-size:11px}.model-options button>span:last-child{font-size:9px}.transcript{font-size:21px}.feature-footnote{font-size:11px}}
@media(max-width:400px){.panel{padding:24px 17px}h2{font-size:30px}.writing-demo{grid-template-columns:1fr}.writing-result{padding:13px 0 0;border-left:0;border-top:1px solid var(--line)}.writing-demo textarea{min-height:85px}.model-options{grid-template-columns:1fr}.model-options button{display:grid;grid-template-columns:28px 1fr;gap:3px 10px}.model-options .icon,.provider-symbol{grid-row:1/3;margin:0}.model-options button>span:last-child{margin:0}.switcher-footer{padding:12px 13px 5px;font-size:9px}.history-comparison{grid-template-columns:1fr;gap:0}}
/* Keep the explanation short and let each demonstration carry the panel. */
.panel{padding:26px 28px 20px}h2{font-size:27px;line-height:1.15;letter-spacing:-.035em}
.feature-description{font-size:13px;line-height:1.7;margin:13px 0 22px;max-width:500px}
.demo-stage{border:0;padding:18px;border-radius:9px}.demo-note{font-size:10px;margin-top:12px}
.writing-demo{gap:16px}.writing-demo textarea{font-size:13px;min-height:90px;border:0}.writing-result{border-left:0;padding-left:0}.writing-result p{font-size:13px}
.demo-actions{margin:15px 0 0}.real-app{border:0;margin-top:17px;padding:0}.real-app summary{display:list-item;list-style:disclosure-closed;font-size:11px}.real-app[open] summary{list-style:disclosure-open}.real-app summary::-webkit-details-marker{display:revert}
.app-footer{border:0;padding:11px 20px;font-size:9px}.app-footer button{border:0;background:none;padding:0;font-size:inherit;color:var(--muted);text-align:left}
.transcript{font-size:21px;min-height:110px;margin:5px 0 22px}
.shortcut-invitation{padding:12px 0}.shortcut-invitation .primary{display:flex;margin:22px auto 0}.big-key{font-size:20px;padding:11px 17px}.switcher-demo .demo-note{text-align:center}
.feature-footnote:empty{display:none}.feature-footnote{font-size:10px;margin-top:16px}
.model-options{margin-top:0}.model-options button{padding:15px 11px;border:0}.model-options .icon,.provider-symbol{margin-bottom:15px}.model-options button[aria-pressed=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent)}
.provider-story{margin:22px 0 0}.provider-story h3{font-size:13px}.provider-story p{font-size:12px}
.appearance-row{border:0;padding:12px 0}.history-comparison{border:0}
@media(max-width:700px){
  .panel{padding:23px 20px 22px;min-height:330px}h2{font-size:25px}.feature-description{font-size:13px;margin:12px 0 20px}
  .demo-stage{padding:15px}.writing-demo{grid-template-columns:1fr;gap:12px}.writing-demo textarea{min-height:76px;resize:vertical;margin-top:7px;padding-bottom:0}
  .writing-result{padding:10px 0 0;border:0}.writing-result p{margin:7px 0 0}.writing-result{min-height:60px}
  .app-footer{padding:0 20px 17px;font-size:9px;gap:8px}.model-options{grid-template-columns:1fr;gap:7px}
  .model-options button{display:grid;grid-template-columns:26px 1fr;gap:3px 10px;padding:12px}
  .model-options .icon,.provider-symbol{grid-row:1/3;margin:0}.model-options button>span:last-child{margin:0;font-size:10px}.model-options strong{font-size:12px}
  .history-comparison{grid-template-columns:1fr;gap:0}.recording-control{gap:10px}.transcript{font-size:20px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}