:root{--paper:#f7f6f0;--surface:#fffefb;--ink:#183e34;--muted:#77817a;--line:#dce1d7;--accent:#8b9d78;--soft:#edf0e7;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font:15px/1.7 -apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}button,textarea{font:inherit}button,a,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,textarea:focus-visible{outline-offset:5px;outline:3px solid #7f9d86}.page-shell{max-width:1180px;margin:auto;padding:0 48px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:110px;display:flex}.brand{letter-spacing:1px;align-items:center;gap:13px;font-size:18px;font-weight:650;display:flex}.brand-mark{border:1px solid #547768;padding:1px 7px;font:30px/1.3 Songti SC,STSong,serif}.header-note{color:var(--muted);font-size:13px}main{max-width:800px;margin:65px auto 70px}.eyebrow{color:#62765d;letter-spacing:2px;align-items:center;gap:9px;margin:0 0 23px;font-size:12px;display:flex}.eyebrow>span{background:var(--accent);border-radius:50%;width:6px;height:6px}h1{letter-spacing:1px;margin:0 0 20px;font-family:Songti SC,STSong,Noto Serif CJK SC,serif;font-size:54px;font-weight:600;line-height:1.35}.title-dot{color:var(--accent)}.lead{color:#748077;margin:0 0 32px;font-size:15px;line-height:1.9}.composer{background:var(--surface);border:1px solid #cbd6c9;border-radius:12px;padding:23px 25px 18px;box-shadow:0 9px 25px #24433605}.composer:focus-within{border-color:#809b7c;box-shadow:0 0 0 3px #7f9d8610}.composer label{color:#476451;font-size:13px;font-weight:600}textarea{resize:vertical;width:100%;min-height:100px;max-height:360px;color:var(--ink);background:0 0;border:0;padding:13px 0;font-size:16px;line-height:1.8;display:block}textarea::placeholder{color:#a0a69b}textarea:focus-visible{outline:0}.composer-bottom{border-top:1px solid #edf0e8;justify-content:space-between;align-items:center;gap:20px;padding-top:16px;display:flex}.composer-bottom>span{color:#879080;font-size:11px}.composer-bottom button{color:#6c7c66;cursor:not-allowed;background:#dfe6d9;border:0;border-radius:6px;padding:10px 14px;font-size:13px}.composer-bottom button span{margin-left:14px}.examples{margin-top:28px}.examples-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.examples h2{color:#69766a;margin:0;font-size:12px;font-weight:500}.examples-heading>span{color:#8d958a;font-size:11px}.example-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.example{border:1px solid var(--line);text-align:left;color:#4a6051;background:0 0;border-radius:6px;align-items:center;gap:13px;padding:13px 16px;font-size:13px;transition:background .15s,border-color .15s;display:flex}.example:hover{background:var(--soft);border-color:#a7b79e}.example-no{color:#9aab90;font:italic 14px Georgia,serif}.example-arrow{color:#93a087;margin-left:auto}.preview-note{color:#7e897b;margin:23px 0 0;font-size:11px}footer{border-top:1px solid var(--line);color:#929b8c;justify-content:space-between;padding:23px 0;font-size:11px;display:flex}footer>span:first-child{letter-spacing:2px}@media (min-width:1500px){main{margin-top:85px}}@media (max-width:640px){.page-shell{padding:0 22px}.site-header{height:82px}.header-note{display:none}main{margin:40px auto 48px}h1{font-size:38px}.lead{font-size:14px}.composer{padding:18px}.composer-bottom{align-items:flex-end}.composer-bottom>span{max-width:125px}.composer-bottom button{white-space:nowrap;padding:10px;font-size:12px}.composer-bottom button span{margin-left:5px}.examples-heading>span{display:none}.example-grid{grid-template-columns:1fr}textarea{min-height:135px}.preview-note{line-height:1.8}.desktop-break{display:none}footer{gap:20px;font-size:10px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.composer-bottom button:not(:disabled){background:var(--ink);color:#fff;cursor:pointer}.run-note,.run-error{background:var(--soft);border-radius:6px;padding:12px 16px}.run-error{color:#8a3226;background:#faeee7}.results{margin-top:34px}.results h2{font-size:24px}.result-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;grid-template-columns:100px 1fr;gap:22px;margin:16px 0;padding:24px;display:grid}.result-cover{object-fit:contain;background:var(--soft);width:100px;height:145px}.cover-placeholder{place-items:center;padding:10px;font-family:serif;display:grid}.result-label{color:#6d805e;font-size:12px}.result-card h3{margin:4px 0;font-size:21px}.result-card p{margin:10px 0}.book-meta{color:var(--muted);font-size:12px}.result-card details{font-size:12px}.result-card summary{cursor:pointer}.result-card blockquote{border-left:2px solid var(--line);margin:10px 0;padding-left:12px}@media (max-width:640px){.result-card{grid-template-columns:65px 1fr;gap:12px;padding:16px}.result-cover{width:65px;height:98px}.result-card h3{font-size:18px}.book-meta{overflow-wrap:anywhere}}.conversation{margin:25px 0}.chat-turn{background:var(--soft);border-radius:10px;max-width:92%;margin:12px 0;padding:15px 18px}.chat-turn.user{background:#e0e9dc;margin-left:auto}.chat-turn>span{color:var(--muted);font-size:11px}.chat-turn p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}.book-actions,.feedback-shortcuts{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.book-actions button,.feedback-shortcuts button,.secondary-action{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px;padding:8px 12px;font-size:12px}.book-actions button:first-child{background:var(--ink);color:#fff}.secondary-action{margin-top:15px}button:disabled{opacity:.55;cursor:not-allowed}.results+.composer,.conversation+.composer{margin-top:22px}