:root{--paper:#fff;--ink:#1d1b18;--ink-soft:#6f6a63;--line:#1d1b181f;--panel:#ffffffeb;--seal:#b4372b;--inkpond-ink:var(--ink);--font-ui:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-display:"Songti SC", "STSong", "Noto Serif SC", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#12110f;--ink:#e9e4da;--ink-soft:#9a9388;--line:#e9e4da24;--panel:#1c1a17eb;--seal:#d0624f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#12110f;--ink:#e9e4da;--ink-soft:#9a9388;--line:#e9e4da24;--panel:#1c1a17eb;--seal:#d0624f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font:14px / 1.6 var(--font-ui)}button,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--seal);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{flex-direction:column;height:100%;display:flex}.topbar{padding-block:12px;padding-inline:max(16px, env(safe-area-inset-left,0px)) max(16px, env(safe-area-inset-right,0px));border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{letter-spacing:.04em;align-items:center;gap:10px;font-weight:600;display:inline-flex}.brand-seal{background:var(--seal);color:#fff;width:26px;height:26px;font:600 15px / 1 var(--font-display);border-radius:6px;place-items:center;display:inline-grid}.topbar-actions{align-items:center;gap:8px;display:flex}.ghost,.select select{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:4px 12px}.stage{flex:1;min-height:0;position:relative}.stage-scroll{height:100%;padding-inline:max(16px, env(safe-area-inset-left,0px)) max(16px, env(safe-area-inset-right,0px));position:relative;overflow-y:auto}.new-session{flex-direction:column;justify-content:center;gap:28px;max-width:680px;min-height:100%;margin:0 auto;padding-block:48px;display:flex}.hero{text-align:center;flex-direction:column;align-items:center;gap:12px;width:fit-content;max-width:100%;margin-inline:auto;display:flex}.hero h1{font:500 26px / 1.3 var(--font-display);text-wrap:balance;margin:0}.composer{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:22px;flex-direction:column;gap:10px;padding:14px 14px 10px;transition:border-color .3s,box-shadow .3s;display:flex;box-shadow:0 12px 40px -24px #00000059}.composer:focus-within{border-color:color-mix(in srgb, var(--ink) 30%, transparent);animation:4.2s ease-in-out infinite ink-halo}@keyframes ink-halo{0%,to{box-shadow:0 12px 40px -24px #00000059, 0 0 0 0 color-mix(in srgb, var(--ink) 0%, transparent)}50%{box-shadow:0 12px 40px -24px #00000059, 0 0 32px 4px color-mix(in srgb, var(--ink) 12%, transparent)}}.composer textarea{resize:none;field-sizing:content;background:0 0;border:0;outline:0;min-height:24px;max-height:192px;font-size:15px;line-height:24px}.composer textarea::placeholder{color:var(--ink-soft)}.composer-row{justify-content:flex-end;align-items:center;gap:12px;display:flex}.send{background:var(--ink);width:34px;height:34px;color:var(--paper);cursor:pointer;border:0;border-radius:50%;font-size:16px;transition:opacity .2s,transform .16s}.send:not(:disabled):hover{transform:scale(1.06)}.send:not(:disabled):active{transform:scale(.9)}.send:disabled{opacity:.3;cursor:default}.hero,.stage .inkpond{transition:opacity .6s,transform .6s,filter .6s}.leaving .hero{opacity:0;filter:blur(6px);transform:translateY(-10px)}.stage.leaving .inkpond{opacity:0;transition-duration:.65s;transition-delay:.5s}@media (prefers-reduced-motion:reduce){.composer:focus-within{animation:none}.send,.hero,.stage .inkpond{transition:none}}.conversation{flex-direction:column;gap:16px;max-width:680px;min-height:100%;margin:0 auto;padding-block:24px;display:flex}.messages{flex-direction:column;flex:1;gap:12px;margin:0;padding:0;list-style:none;display:flex}.bubble{border-radius:16px;max-width:80%;padding:10px 14px}.bubble-user{background:color-mix(in srgb, var(--ink) 8%, transparent);align-self:flex-end}.bubble-assistant{font-family:var(--font-display);align-self:flex-start;font-size:15px}.conversation .composer{position:sticky;bottom:16px}.tuner{right:max(16px, env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));background:var(--panel);border:1px solid var(--line);border-radius:14px;width:min(240px,100vw - 32px);padding:8px 14px;font-size:12px;position:fixed}.tuner summary{cursor:pointer;font-weight:600}.tuner label{color:var(--ink-soft);gap:2px;margin-top:10px;display:grid}.tuner output{color:var(--ink);font-variant-numeric:tabular-nums}.tuner input{width:100%;accent-color:var(--seal)}.tuner .check{align-items:center;gap:6px;display:flex}.tuner .check input{width:auto;margin:0}.tuner p{color:var(--ink-soft);margin:10px 0 4px}
