@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Noto+Serif+SC:wght@400;500;600;700;900&family=Source+Han+Serif+SC:wght@400;500;600;700;900&family=Space+Mono:wght@400;700&display=swap');

:root { --paper:#fffaf5; --canvas:#f8e9e3; --ink:#351c29; --muted:#78636a; --line:#e4c9c5; --rose:#ca6875; --wine:#351c29; --lilac:#d7a3ac; --soft:#f3d7d2; --cream:#fff6ef; --shadow:0 26px 70px rgba(69,32,47,.15); --serif:"Noto Serif SC","Source Han Serif SC",Georgia,serif; --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; --mono:"Space Mono",monospace; }
* { box-sizing:border-box; } html { background:var(--canvas); scroll-behavior:smooth; } body { min-width:320px; margin:0; color:var(--ink); background:var(--canvas); font-family:var(--sans); letter-spacing:0; } button,input,textarea { font:inherit; } button { cursor:pointer; } button:focus-visible,input:focus-visible,textarea:focus-visible { outline:3px solid rgba(202,104,117,.4); outline-offset:3px; } button:disabled { opacity:.42; cursor:not-allowed; transform:none!important; } [hidden] { display:none!important; }
.topbar { width:min(1240px,calc(100% - 64px)); height:84px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:20px; }.brand { display:inline-flex; align-items:center; gap:11px; border:0; padding:0; color:var(--ink); background:transparent; font-family:var(--serif); font-size:18px; font-weight:800; }.brand-mark { width:32px; height:32px; display:grid; place-items:center; border:1px solid var(--wine); border-radius:50%; color:var(--paper); background:var(--wine); font-family:"DM Serif Display",serif; font-size:18px; }.edition,.eyebrow { color:var(--muted); font-family:var(--mono); font-size:10px; font-weight:700; letter-spacing:1.65px; }.journey-nav { display:flex; align-items:center; gap:18px; }.journey-nav button { border:0; padding:8px 0; color:var(--muted); background:transparent; font-family:var(--serif); font-size:13px; font-weight:700; }.journey-nav button:hover { color:var(--wine); }
.screen { width:min(1240px,calc(100% - 64px)); margin:auto; }.hero-screen { min-height:calc(100vh - 84px); display:grid; grid-template-columns:.92fr 1.08fr; align-items:center; gap:68px; padding:46px 0 84px; }.hero-copy { position:relative; z-index:2; max-width:610px; }.hero-copy .eyebrow { margin:0 0 18px; }.hero-copy h1,.screen-heading h2,.write-top h2 { margin:0; font-family:var(--serif); font-size:clamp(44px,4.65vw,69px); font-weight:900; line-height:1.16; }.hero-lead { max-width:520px; margin:25px 0 28px; color:var(--muted); font-family:var(--serif); font-size:18px; line-height:1.85; }.hero-action { display:flex; align-items:center; gap:17px; color:var(--muted); font-family:var(--serif); font-size:13px; }.primary,.secondary { min-height:46px; display:inline-flex; align-items:center; justify-content:center; gap:10px; border:1px solid transparent; border-radius:4px; padding:0 18px; font-size:14px; font-weight:800; transition:transform .18s ease,background .18s ease,border-color .18s ease; }.primary { color:#fffaf7; background:var(--wine); box-shadow:0 5px 0 rgba(53,28,41,.16); }.primary:hover { transform:translateY(-2px); background:#6e3149; }.secondary { border-color:var(--line); color:var(--wine); background:rgba(255,255,255,.45); }.secondary:hover { border-color:var(--rose); background:var(--soft); }.compact { min-height:38px; padding:0 13px; font-size:12px; }
.hero-art { min-height:520px; position:relative; overflow:hidden; box-shadow:var(--shadow); }.asset-window { position:absolute; overflow:hidden; }.asset-window img { width:100%; height:100%; max-width:none; object-fit:cover; display:block; }.open-book { width:min(470px,82%); height:270px; z-index:3; position:absolute; left:50%; top:50%; display:grid; grid-template-columns:1fr 8px 1fr; transform:translate(-50%,-50%) rotate(-5deg); animation:book-arrives 900ms cubic-bezier(.2,.8,.2,1) both; }.book-page { position:relative; padding:48px 34px; background:#fffaf5; box-shadow:0 14px 25px rgba(55,29,41,.22); overflow:hidden; font-family:var(--serif); }.left-page { border-radius:4px 0 0 10px; text-align:right; }.right-page { border-radius:0 4px 10px 0; }.book-page span { display:block; color:var(--muted); font-size:14px; }.book-page strong { display:block; margin:4px 0 20px; color:var(--wine); font-size:29px; line-height:1.28; }.book-page i { display:block; width:76%; height:1px; margin:17px 0 0 auto; background:#e6cdd0; }.right-page i { margin-left:0; }.book-spine { background:#e5cad0; box-shadow:inset 0 0 6px rgba(82,31,47,.35); } @keyframes book-arrives { from { opacity:0; transform:translate(-50%,-43%) rotate(-9deg) scale(.92); } to { opacity:1; transform:translate(-50%,-50%) rotate(-5deg) scale(1); } }
.art-c { border:1px solid #dfb8b4; background:#efcfcb; }.asset-c { inset:0; }.asset-c img { width:100%; height:100%; object-position:center; filter:saturate(.65) brightness(1.18) contrast(.82); }.art-c:after { content:""; position:absolute; inset:0; background:rgba(255,240,233,.38); }.art-c .open-book { z-index:4; }.art-veil { position:absolute; z-index:3; inset:26px; border:1px solid rgba(95,40,54,.22); pointer-events:none; }
.art-d { border-radius:10px 80px 10px 80px; background:#a98cad; }.asset-d { inset:0 auto 0 0; width:48%; }.asset-d img { width:100%; height:100%; object-position:left center; filter:saturate(.62) brightness(1.17) contrast(.8); }.art-d:after { content:""; position:absolute; inset:0; background:rgba(64,40,69,.17); }.knowledge-card-art { position:absolute; z-index:2; width:285px; min-height:345px; left:50%; top:50%; padding:33px 30px; transform:translate(-50%,-50%) rotate(-4deg); background:#fffdfb; box-shadow:0 25px 45px rgba(45,29,49,.28); font-family:var(--serif); }.knowledge-card-art:before { content:""; position:absolute; inset:14px; border:1px solid #d4c1d9; pointer-events:none; }.knowledge-card-art span,.knowledge-card-art em { position:relative; z-index:1; display:block; color:#806287; font-family:var(--mono); font-size:10px; letter-spacing:1.2px; font-style:normal; }.knowledge-card-art strong { position:relative; z-index:1; display:block; margin:28px 0 34px; color:#513b58; font-size:29px; line-height:1.42; }.knowledge-card-art i { position:relative; z-index:1; display:block; height:1px; margin:13px 0; background:#ded2e2; }.knowledge-card-art em { margin-top:35px; color:#9d749f; }
.art-e { min-height:535px; border:1px solid #1e1d20; background:#eac7c9; }.asset-e { width:61%; height:100%; right:0; top:0; }.asset-e img { object-position:58% 50%; filter:saturate(.9) contrast(1.04); }.art-e:after { content:""; position:absolute; inset:0; background:rgba(248,233,227,.17); }.editorial-sheet { position:absolute; z-index:2; left:8%; bottom:9%; width:310px; min-height:250px; padding:23px 25px; border:1px solid #1d1d1f; background:#fff9f4; box-shadow:12px 12px 0 #f17786; }.editorial-sheet span { display:block; color:#f17786; font-family:var(--mono); font-size:10px; letter-spacing:1.3px; }.editorial-sheet strong { display:block; margin:22px 0; color:#161518; font-family:var(--serif); font-size:31px; line-height:1.24; }.editorial-sheet i { display:block; width:88%; height:1px; margin:12px 0; background:#d1c5be; }.ink-mark { position:absolute; z-index:3; top:8%; left:7%; color:#1d1d1f; font-family:"DM Serif Display",var(--serif); font-size:65px; font-weight:400; }.art-book { display:grid; place-items:center; border:1px solid rgba(114,39,63,.15); border-radius:52% 48% 42% 58% / 52% 44% 56% 48%; background:#fffaf5; }.art-book .open-book { position:relative; left:auto; top:auto; transform:rotate(-5deg); }
.import-screen,.cards-screen,.format-screen { padding:70px 0 72px; }.screen-heading { width:min(760px,100%); }.screen-heading .eyebrow { margin:0 0 13px; }.screen-heading h2,.write-top h2 { font-size:clamp(34px,3.4vw,49px); }.screen-heading>p:last-child { max-width:650px; margin:18px 0 0; color:var(--muted); font-family:var(--serif); font-size:17px; line-height:1.8; }.import-layout { display:grid; grid-template-columns:1.12fr .88fr; gap:28px; margin-top:42px; }.import-actions { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.import-option,.paste-box,.source-list,.knowledge-card,.writing-card,.draft-paper { border:1px solid var(--line); background:var(--paper); box-shadow:0 12px 34px rgba(98,48,65,.07); }.import-option { min-height:170px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:3px; padding:26px; color:var(--ink); text-align:left; }.import-option:hover { border-color:var(--rose); transform:translateY(-2px); }.option-icon { margin-bottom:10px; color:var(--rose); font-family:var(--serif); font-size:34px; }.import-option b { font-family:var(--serif); font-size:21px; }.import-option small { color:var(--muted); font-size:13px; }.paste-box { grid-column:1 / -1; padding:24px; }.paste-box b { font-family:var(--serif); font-size:17px; }.paste-box textarea { width:100%; height:108px; margin:11px 0; padding:12px; border:1px solid var(--line); border-radius:3px; outline:0; resize:vertical; color:var(--ink); background:#fffdf9; line-height:1.7; }.paste-box textarea:focus { border-color:var(--rose); }.text-button,.question-link { border:0; padding:0; color:var(--wine); background:transparent; font-size:13px; font-weight:800; text-decoration:underline; text-underline-offset:4px; }.source-list { padding:24px; min-height:330px; }.source-list-head { display:flex; justify-content:space-between; padding-bottom:15px; border-bottom:1px solid var(--line); color:var(--wine); font-family:var(--serif); font-weight:700; }.source-list-head span:last-child { color:var(--muted); font-family:var(--mono); font-size:11px; }.source-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 0; border-bottom:1px solid rgba(231,203,208,.65); }.source-row b { display:block; max-width:260px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }.source-row small { color:var(--muted); font-size:11px; }.source-row button { width:25px; height:25px; border:0; border-radius:50%; color:var(--rose); background:var(--soft); font-size:17px; }.local-note,.empty-state { color:var(--muted); font-family:var(--serif); font-size:13px; line-height:1.75; }.local-note { margin-top:18px; }.screen-action { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:34px; }.screen-action>div { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.cards-heading { width:100%; display:flex; align-items:flex-end; justify-content:space-between; gap:30px; }.local-badge { display:inline-flex; align-items:center; min-height:30px; padding:0 10px; border:1px solid var(--line); border-radius:99px; color:var(--muted); background:var(--paper); font-size:11px; white-space:nowrap; }.card-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:32px 0 18px; color:var(--muted); font-family:var(--mono); font-size:11px; }.search-box { width:290px; display:flex; align-items:center; gap:8px; padding:0 12px; border:1px solid var(--line); background:var(--paper); color:var(--rose); }.search-box input { width:100%; height:38px; border:0; outline:0; color:var(--ink); background:transparent; }.card-list { display:grid; gap:16px; }.knowledge-card { display:grid; grid-template-columns:74px 1fr; padding:0; overflow:hidden; }.card-number { display:grid; place-items:start center; padding-top:24px; color:var(--rose); background:#faeee9; font-family:var(--mono); font-size:12px; font-weight:700; }.card-main { padding:23px 26px 19px; }.card-title-row { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }.card-title-row h3,.writing-card h3 { margin:0; font-family:var(--serif); font-size:23px; line-height:1.45; }.pick-card { display:inline-flex; align-items:center; gap:5px; color:var(--muted); font-size:12px; white-space:nowrap; }.pick-card input { accent-color:var(--wine); }.citation { margin:7px 0 13px; color:var(--muted); font-family:var(--mono); font-size:10px; letter-spacing:.3px; }.knowledge-card blockquote,.writing-card blockquote { margin:0 0 17px; padding:12px 16px; border-left:3px solid var(--lilac); color:#6b4756; background:#fbf4f2; font-family:var(--serif); font-size:15px; line-height:1.75; }.response-label { display:block; margin-bottom:7px; color:var(--wine); font-family:var(--serif); font-size:16px; font-weight:700; }.knowledge-card textarea { width:100%; min-height:82px; padding:11px 0; border:0; border-bottom:1px solid var(--line); outline:0; resize:vertical; color:var(--ink); background:transparent; font-family:var(--serif); font-size:16px; line-height:1.7; }.knowledge-card textarea:focus { border-color:var(--rose); }.card-bottom { display:flex; align-items:center; justify-content:space-between; gap:14px; padding-top:11px; color:var(--muted); font-size:12px; }.question { margin:14px 0 0; padding:11px 13px; border:1px solid #e5d6e4; color:#6b4d74; background:#f8f1f8; font-family:var(--serif); font-size:15px; }.question:before { content:"想一想："; color:var(--rose); font-family:var(--sans); font-size:12px; font-weight:800; }
.write-screen { width:min(1380px,calc(100% - 64px)); padding:48px 0 70px; }.write-top { display:flex; align-items:end; justify-content:space-between; gap:20px; max-width:1200px; margin:auto; }.write-top .eyebrow { margin:0 0 8px; }.write-layout { max-width:1200px; display:grid; grid-template-columns:310px 1fr; gap:24px; margin:30px auto 0; align-items:start; }.writing-card { position:sticky; top:18px; padding:23px; min-height:260px; }.writing-card .eyebrow { margin:0 0 10px; }.writing-card h3 { font-size:19px; }.writing-card blockquote { margin-top:13px; font-size:14px; }.my-words { margin-top:18px; padding-top:16px; border-top:1px solid var(--line); }.my-words span { color:var(--rose); font-size:12px; font-weight:800; }.my-words p { margin:7px 0 12px; font-family:var(--serif); line-height:1.8; }.draft-paper { min-height:680px; padding:60px clamp(26px,6vw,85px); background:var(--paper); }.draft-paper label { display:block; color:var(--muted); font-family:var(--mono); font-size:10px; letter-spacing:1.3px; }.draft-paper input { width:100%; margin:10px 0 35px; padding:0 0 15px; border:0; border-bottom:1px solid var(--line); outline:0; color:var(--ink); background:transparent; font-family:var(--serif); font-size:30px; font-weight:700; }.draft-paper textarea { width:100%; min-height:450px; margin-top:13px; border:0; outline:0; resize:vertical; color:var(--ink); background:transparent; font-family:var(--serif); font-size:18px; line-height:2; }.draft-paper textarea::placeholder { color:#c6a7af; }.draft-foot { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:12px; color:var(--muted); font-size:12px; }.format-layout { display:grid; grid-template-columns:255px 1fr; gap:32px; margin-top:38px; align-items:start; }.theme-picks { position:sticky; top:18px; display:grid; gap:9px; }.format-theme { display:flex; flex-direction:column; align-items:flex-start; gap:2px; min-height:62px; padding:12px 14px; border:1px solid var(--line); color:var(--ink); background:rgba(255,250,245,.6); text-align:left; font-family:var(--serif); font-weight:700; }.format-theme span { color:var(--muted); font-family:var(--sans); font-size:11px; font-weight:400; }.format-theme.selected { border-color:var(--wine); color:var(--wine); background:var(--paper); box-shadow:4px 4px 0 var(--soft); }.theme-picks>p { margin:12px 0 0; color:var(--muted); font-size:12px; line-height:1.7; }.article-preview { min-height:550px; padding:48px min(9vw,92px); background:#fffaf7; box-shadow:var(--shadow); }.article-preview header { margin-bottom:33px; padding-bottom:17px; border-bottom:2px solid var(--rose); }.article-preview header span { color:var(--rose); font-family:var(--mono); font-size:10px; letter-spacing:1.7px; }.article-preview h1 { margin:11px 0 0; font-family:var(--serif); font-size:34px; line-height:1.4; }.article-preview p { margin:0 0 16px; color:#452734; font-family:var(--serif); font-size:16px; letter-spacing:.45px; line-height:2; }.article-preview.theme-lavender { background:#fff; }.article-preview.theme-lavender header { border-color:#9b7fd4; }.article-preview.theme-lavender header span { color:#9b7fd4; }.article-preview.theme-lavender h1,.article-preview.theme-lavender p { color:#3d3155; }.article-preview.theme-journal { background:#fdf9f2; }.article-preview.theme-journal header { border-color:#8b5a2b; }.article-preview.theme-journal header span { color:#8b5a2b; }.article-preview.theme-journal h1,.article-preview.theme-journal p { color:#2a2520; font-family:"KaiTi","STKaiti",var(--serif); }.preview-empty { color:var(--muted)!important; }.toast { position:fixed; right:28px; bottom:28px; z-index:9; max-width:310px; padding:13px 16px; border:1px solid var(--line); color:var(--wine); background:var(--paper); box-shadow:var(--shadow); font-size:13px; }.toast.success { border-color:#a3b997; color:#466641; } footer { width:min(1240px,calc(100% - 64px)); margin:auto; padding:27px 0; border-top:1px solid var(--line); color:var(--muted); text-align:center; font-family:var(--serif); font-size:12px; } footer span { padding:0 8px; color:var(--rose); }
.model-screen,.see-screen,.garden-screen,.practice-screen { padding:70px 0 72px; }.model-layout { width:min(760px,100%); display:grid; gap:16px; margin-top:38px; padding:28px; border:1px solid var(--line); background:var(--paper); box-shadow:var(--shadow); }.model-layout label,.practice-work label { display:grid; gap:8px; color:var(--wine); font-family:var(--serif); font-size:15px; font-weight:700; }.model-layout input,.practice-work select { width:100%; height:44px; border:1px solid var(--line); border-radius:3px; padding:0 12px; color:var(--ink); background:#fffdf9; outline:0; }.stage-tabs { display:flex; gap:8px; margin:36px 0 18px; overflow-x:auto; padding-bottom:4px; }.stage-tabs button { flex:0 0 auto; min-height:40px; border:1px solid var(--line); border-radius:20px; padding:0 16px; color:var(--muted); background:var(--paper); font-family:var(--serif); font-weight:700; }.stage-tabs button.selected,.stage-tabs button:hover { border-color:var(--wine); color:var(--paper); background:var(--wine); }.analysis-panel { min-height:360px; }.skeleton-layout,.garden-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:24px; }.tree-card,.why-card,.material-card,.garden-card,.assembly-card,.practice-work { border:1px solid var(--line); background:var(--paper); box-shadow:0 12px 34px rgba(98,48,65,.07); }.tree-card,.why-card,.garden-card,.assembly-card,.practice-work { padding:28px; }.tree-card>details { padding:18px 20px; border:1px solid var(--line); background:#fffdf9; }.tree-card details details { margin:13px 0 0 18px; padding:0 0 0 17px; border-left:1px solid var(--lilac); }.tree-card summary { cursor:pointer; color:var(--wine); font-family:var(--serif); font-size:19px; font-weight:800; }.tree-card details details summary { font-size:16px; }.tree-card summary small { margin-left:8px; color:var(--rose); font-family:var(--mono); font-size:10px; }.tree-card details p { margin:10px 0 0; color:var(--muted); font-family:var(--serif); line-height:1.7; }.why-card h3,.material-card h3,.garden-card h3,.assembly-card h3 { margin:8px 0; font-family:var(--serif); font-size:25px; line-height:1.45; }.why-card blockquote,.material-card blockquote { margin:17px 0; padding:13px 16px; border-left:3px solid var(--lilac); color:#6b4756; background:#fbf4f2; font-family:var(--serif); font-size:16px; line-height:1.8; }.material-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }.material-card { padding:23px; }.material-card>span,.category-tag { display:inline-flex; align-items:center; min-height:24px; padding:0 8px; border:1px solid var(--line); border-radius:20px; color:var(--rose); background:var(--soft); font-family:var(--mono); font-size:10px; }.material-card label { display:grid; gap:8px; color:var(--wine); font-family:var(--serif); font-size:14px; font-weight:700; }.material-card textarea,.practice-work textarea { width:100%; min-height:90px; border:1px solid var(--line); border-radius:3px; padding:11px; outline:0; resize:vertical; color:var(--ink); background:#fffdf9; font-family:var(--serif); line-height:1.7; }.spark-card p { color:var(--muted); font-family:var(--serif); line-height:1.7; }.garden-list { display:grid; gap:9px; margin:22px 0; padding:0; list-style:none; }.garden-list li { display:grid; grid-template-columns:64px 1fr; gap:4px 10px; padding:12px 0; border-bottom:1px solid var(--line); }.garden-list li span { grid-row:span 2; color:var(--rose); font-family:var(--mono); font-size:10px; }.garden-list li b { font-family:var(--serif); font-size:15px; }.garden-list li small,.assembly-row small { color:var(--muted); font-size:11px; }.garden-card .primary,.garden-card .secondary { width:100%; margin-top:10px; }.assembly-row { display:grid; grid-template-columns:54px 1fr; gap:4px 10px; padding:15px 0; border-bottom:1px solid var(--line); }.assembly-row span { grid-row:span 2; color:var(--rose); font-family:var(--mono); font-size:10px; }.assembly-row b { font-family:var(--serif); font-size:16px; }.practice-choice { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:36px 0 24px; }.practice-card { min-height:220px; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; gap:8px; border:1px solid var(--line); padding:27px; color:var(--ink); background:var(--paper); text-align:left; box-shadow:0 12px 34px rgba(98,48,65,.07); }.practice-card:hover { transform:translateY(-3px); border-color:var(--wine); }.practice-card span { color:var(--rose); font-family:var(--mono); font-size:12px; }.practice-card b { font-family:var(--serif); font-size:28px; }.practice-card small { max-width:360px; color:var(--muted); font-family:var(--serif); font-size:14px; line-height:1.7; }.practice-work { max-width:760px; margin-top:25px; }.practice-work textarea { min-height:220px; margin:18px 0; font-size:17px; }.timer-row { display:flex; align-items:baseline; justify-content:space-between; margin:16px 0; }.timer-row b { color:var(--wine); font-family:var(--serif); font-size:48px; }.timer-row span { color:var(--muted); font-family:var(--mono); font-size:12px; }
body.variant-d { --paper:#fffaff; --canvas:#f1e9f1; --ink:#493857; --muted:#7e6b88; --line:#dfcfe3; --rose:#91689d; --wine:#654571; --lilac:#c4afd1; --soft:#e9daed; } body.variant-e { --paper:#fffaf8; --canvas:#f5dbd7; --ink:#1e1d20; --muted:#725e61; --line:#d9b8b7; --rose:#f17786; --wine:#1e1d20; --lilac:#e7a2aa; --soft:#f4cbd0; } body.variant-e .brand-mark { border-radius:2px; } body.variant-e .screen-heading h2,.variant-e .write-top h2 { font-family:"DM Serif Display",var(--serif); } body.variant-a { --paper:#fffaf5; } body.variant-b { --paper:#fffaff; --canvas:#f3ecf4; --ink:#493857; --muted:#7e6b88; --line:#dfcfe3; --rose:#91689d; --wine:#654571; --lilac:#c4afd1; --soft:#e9daed; }
@media (max-width:900px) { .hero-screen { gap:36px; }.hero-copy h1 { font-size:48px; }.hero-art { min-height:430px; }.open-book { height:230px; }.screen,.write-screen { width:min(100% - 40px,1240px); }.import-layout,.format-layout,.skeleton-layout,.garden-grid { grid-template-columns:1fr; }.source-list { min-height:unset; }.theme-picks { position:static; grid-template-columns:repeat(3,1fr); }.write-layout { grid-template-columns:255px 1fr; }.draft-paper { padding:42px 36px; }.editorial-sheet { left:7%; width:280px; }.asset-e { width:69%; } }
@media (min-width:681px) and (max-width:900px) { .hero-screen { grid-template-columns:1.05fr .95fr; gap:34px; padding:30px 0 48px; }.hero-copy h1 { font-size:clamp(40px,5vw,46px); line-height:1.14; }.hero-lead { margin:18px 0 22px; font-size:16px; line-height:1.75; }.hero-art { min-height:420px; }.hero-action { gap:12px; }.primary { padding:0 15px; } }
@media (max-width:680px) { .topbar { width:calc(100% - 32px); height:68px; }.edition,.journey-nav button:nth-child(2) { display:none; }.journey-nav { gap:12px; }.screen,.write-screen { width:calc(100% - 32px); }.hero-screen { min-height:unset; grid-template-columns:1fr; gap:26px; padding:30px 0 55px; }.hero-copy h1 { font-size:39px; }.hero-lead { font-size:16px; }.hero-art { min-height:325px; order:-1; }.hero-action { align-items:stretch; flex-direction:column; }.hero-action .primary { width:100%; }.open-book { width:78%; height:176px; }.book-page { padding:29px 20px; }.book-page strong { font-size:21px; }.knowledge-card-art { width:228px; min-height:270px; padding:24px; }.knowledge-card-art strong { margin:20px 0 23px; font-size:23px; }.knowledge-card-art em { margin-top:23px; }.asset-e { width:100%; opacity:.85; }.art-e:after { background:rgba(248,233,227,.2); }.editorial-sheet { left:18px; bottom:18px; width:232px; min-height:192px; padding:17px; box-shadow:8px 8px 0 #f17786; }.editorial-sheet strong { margin:16px 0; font-size:24px; }.ink-mark { top:13px; left:18px; font-size:46px; }.import-screen,.cards-screen,.format-screen,.model-screen,.see-screen,.garden-screen,.practice-screen { padding:44px 0 52px; }.screen-heading h2,.write-top h2 { font-size:33px; }.screen-heading>p:last-child { font-size:16px; }.import-actions,.material-grid,.practice-choice { grid-template-columns:1fr; }.paste-box { grid-column:auto; }.import-option { min-height:125px; }.cards-heading,.write-top { align-items:flex-start; flex-direction:column; }.card-toolbar { align-items:flex-start; flex-direction:column; }.search-box { width:100%; }.knowledge-card { grid-template-columns:44px 1fr; }.card-number { padding-top:18px; }.card-main { padding:18px 16px; }.card-title-row { gap:10px; flex-direction:column; }.write-layout { grid-template-columns:1fr; }.writing-card { position:static; }.draft-paper { min-height:520px; padding:34px 24px; }.draft-paper input { font-size:26px; }.draft-paper textarea { min-height:310px; font-size:17px; }.screen-action { align-items:stretch; flex-direction:column-reverse; }.screen-action>div { display:grid; grid-template-columns:1fr; }.screen-action .primary,.screen-action .secondary { width:100%; }.theme-picks { grid-template-columns:1fr; }.article-preview { padding:34px 23px; }.toast { right:16px; bottom:16px; left:16px; max-width:none; } footer { width:calc(100% - 32px); }.tree-card,.why-card,.garden-card,.assembly-card,.practice-work { padding:20px; }.timer-row b { font-size:39px; } }