:root{--ink:#303c32;--muted:#898c7f;--green:#526b45;--green-dark:#3e5836;--yellow:#f3d77e;--paper:#f8f6ed;--line:#e8e7dc;--bird-bg:#f6f2ba;--white:#fffefa;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a3b78d;outline-offset:5px}button{transition:background .15s,transform .15s}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.wrap{max-width:1192px;margin:auto;padding:0 36px}.topbar{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:24px;font-weight:750;letter-spacing:1.5px}.brand svg{height:44px;width:44px}.brand-en{display:block;font-size:8px;letter-spacing:2.7px;margin-top:3px;font-weight:600;color:var(--muted)}nav{display:flex;align-items:center;gap:30px}.nav-link{font-size:13px;color:#66705f}.nav-link span{padding-left:8px}.button{border:0;border-radius:12px;background:var(--green);color:white;padding:15px 23px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px}.button:hover{background:var(--green-dark)}.button-small{padding:10px 16px;min-height:38px;font-size:12px;border-radius:9px}.button-outline{background:transparent;border:1px solid #d8dccc;color:#5e6f53}.button-outline:hover{background:#edf0e6}.button-light{background:#f2f3e9;color:#667558}.button-light:hover{background:#e9eddc}.text-button{background:none;border:0;padding:8px 0;font-size:12px;color:#79866b}.text-button:hover{color:#3e5836}.text-button span{margin-left:8px}.intro{display:flex;justify-content:space-between;align-items:center;margin:30px 0 20px}.eyebrow{font-size:11px;letter-spacing:2px;color:#859071;font-weight:550}.tiny-spark{color:#879365;padding-right:7px;font-size:15px}.demo-label{font-size:10px;color:#8a8c7d;border:1px solid #dedfce;border-radius:20px;padding:5px 10px;display:flex;align-items:center;gap:6px}.demo-label i{height:5px;width:5px;border-radius:50%;background:#9ba882}.learning-grid{display:grid;grid-template-columns:390px 1fr;gap:23px;align-items:stretch}.bird-card{background:var(--bird-bg);border-radius:24px;padding:25px 27px 18px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}.bird-card-top{display:flex;justify-content:space-between;width:100%;align-items:center}.pill{font-size:10px;letter-spacing:1px;background:#fffce0;border:1px solid #e5dfa4;padding:6px 10px;border-radius:20px;color:#87805a}.bird-name{font-size:12px;font-weight:550;color:#797749}.bird-name span{margin-left:6px;color:#a59b5c}.bird-stage{position:relative;width:100%;height:260px;margin:0 0 2px}.duck-window{position:relative;width:280px;height:260px;margin:auto;max-width:100%;overflow:hidden}.duck-window>img#duck{width:100%;height:100%;object-fit:cover;object-position:50% 57%;animation:breathe 4s ease-in-out infinite;transform-origin:50% 80%}.duck-window video,.duck-window>img#dance-fallback{width:82%;height:82%;object-fit:contain;margin:10% 9%;mix-blend-mode:multiply;border-radius:20px}.bird-stage[data-state=thinking] #duck{animation:tilt 1.8s ease-in-out infinite}.doodle{position:absolute;z-index:2;color:#a5a367;font-size:25px}.doodle-one{left:9px;top:70px;font-size:18px;transform:rotate(-13deg)}.doodle-two{right:8px;top:140px;font-size:28px}.doodle-three{right:23px;top:58px;transform:rotate(16deg);font-family:Georgia,serif;font-size:29px;opacity:.7}.bird-bubble{position:relative;background:#fffdf1;border:1px solid #e7e2b5;border-radius:16px;width:100%;padding:17px 18px;font-size:13px;text-align:center;line-height:1.9;color:#74734c;min-height:79px}.bird-bubble:before{content:"";position:absolute;width:10px;height:10px;background:#fffdf1;border-left:1px solid #e7e2b5;border-top:1px solid #e7e2b5;top:-6px;left:calc(50% - 5px);transform:rotate(45deg)}.bird-stats{display:flex;align-items:center;justify-content:center;gap:40px;width:100%;margin:23px 0 16px}.bird-stats>div{text-align:center}.bird-stats strong{font-size:27px;line-height:1.2;font-weight:550;display:block;color:#6a7048;font-variant-numeric:tabular-nums}.bird-stats div>span{display:block;font-size:10px;color:#979366;margin-top:7px}.stats-divider{height:29px;width:1px;background:#dedba9}.bird-footnote{font-size:10px;letter-spacing:1px;color:#a19b6e;margin:0;display:flex;align-items:center;gap:8px}.bird-footnote svg{width:32px;height:20px}.workspace{border:1px solid var(--line);border-radius:24px;background:var(--white);padding:30px 32px;display:flex;flex-direction:column;min-height:548px;position:relative}.workspace-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.step-label{font-size:10px;font-weight:600;letter-spacing:1.2px;color:#91a07e}.step-dots{display:flex;gap:5px}.step-dots span{height:5px;width:5px;border-radius:50%;background:#e5e8da}.step-dots .active{background:#71865a;width:17px;border-radius:5px}.workspace h1{font-size:31px;letter-spacing:.2px;font-weight:650;line-height:1.5;margin:19px 0 10px}.workspace h1 em{font-style:normal;position:relative;z-index:0;white-space:nowrap}.workspace h1 em:after{content:"";position:absolute;height:9px;bottom:4px;left:-2px;right:-3px;background:#f5dc8f;z-index:-1;border-radius:4px;transform:rotate(-1.4deg)}.workspace-description{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 22px}.prompt-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.chip{border:1px solid #e6e9dd;background:#fafbf5;border-radius:7px;padding:7px 9px;font-size:10px;color:#808a73}.chip:hover{border-color:#a6b18c;background:#f1f4e8}.input-shell{position:relative;border:1px solid #e3e6d8;border-radius:13px;background:#fcfcf8;transition:border-color .15s,box-shadow .15s}.input-shell:focus-within{border-color:#99ad81;box-shadow:0 0 0 3px #a4b58b13}.input-shell textarea{width:100%;resize:vertical;min-height:139px;border:0;background:transparent;padding:17px 17px 36px;color:#4c5747;outline:none;font-size:13px;line-height:1.9;display:block}.input-shell textarea::placeholder{color:#b1b5a7}.input-meta{position:absolute;bottom:12px;left:17px;right:17px;display:flex;justify-content:space-between;gap:10px;color:#a4aa97;font-size:9px;pointer-events:none}.input-meta span:last-child{font-variant-numeric:tabular-nums}.workspace-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.sample-link{font-size:10px;color:#8c967d;text-align:left}.workspace-note{font-size:9px;color:#a0a58f;line-height:1.7;margin:13px 0 0}.bottom-note{margin-top:auto;padding-top:18px;display:flex;align-items:center;gap:7px;color:#a2a68e;font-size:9px;letter-spacing:.3px}.bottom-note .mini-line{width:20px;height:1px;background:#cfd4bf}.question-box{background:#f5f6eb;border-radius:14px;padding:20px;margin:8px 0 18px;border:1px solid #e5e8d5}.question-box .mini-label{color:#8c9779;font-size:10px;display:block;margin-bottom:9px}.question-box p{margin:0;font-size:17px;line-height:1.8;color:#536047}.response-quote{font-size:12px;color:#929986;line-height:1.9;padding:0 0 0 12px;border-left:2px solid #e5e7d8;margin:0 0 14px;max-height:80px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.review-controls{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 14px}.hint-box{font-size:12px;color:#777b5d;background:#faf7e8;padding:14px 16px;border-radius:10px;line-height:1.8;margin-bottom:14px}.history-box{border:1px dashed #d9dec9;border-radius:10px;padding:14px;font-size:12px;color:#7a846d;line-height:1.8;margin:0 0 14px;white-space:pre-wrap;overflow-wrap:anywhere}.success-mark{height:55px;width:55px;border-radius:50%;background:#edf2df;color:#6d8551;display:grid;place-items:center;font-size:25px;margin:38px 0 8px}.success-card{border:1px solid #e3e7d6;border-radius:13px;padding:18px;margin:10px 0}.success-card h3{font-size:15px;font-weight:550;margin:8px 0}.success-card p{font-size:12px;color:var(--muted);line-height:1.9;margin:6px 0}.tag{display:inline-block;font-size:9px;padding:4px 7px;border-radius:5px;background:#f0f3e6;color:#7a8c60;line-height:1.2}.tag.demo{background:#f7efd9;color:#a08a51}.tag.check{background:#f3f1e8;color:#9a957b}.tag.pending{background:#f7eddc;color:#ad9062}.tags{display:flex;gap:6px;flex-wrap:wrap}.success-actions{justify-content:flex-start;flex-wrap:wrap}.review-strip{margin-top:20px;border:1px solid #e2e5d4;border-radius:15px;background:#f0f3e6;padding:20px 24px;display:flex;align-items:center;gap:17px}.strip-icon{height:38px;width:38px;background:#fffdf3;border-radius:12px;display:grid;place-items:center;color:#829165;font-size:20px;flex-shrink:0}.strip-text{flex:1}.strip-text h3{font-size:13px;margin:0 0 5px;font-weight:550}.strip-text p{font-size:10px;color:#91977e;margin:0;line-height:1.7}.strip-text .tag{margin-left:7px}.strip-actions{display:flex;gap:14px;align-items:center}.footprints{margin-top:53px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:20px}.small{font-size:8px;letter-spacing:1.8px}.section-heading h2{font-size:23px;letter-spacing:.6px;font-weight:600;margin:7px 0 7px}.heading-dot{color:#d2b75e;margin-left:3px}.section-heading p{font-size:11px;color:#969b88;margin:0;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.empty-state{grid-column:1/-1;border:1px dashed #dadfcb;border-radius:17px;min-height:160px;display:flex;align-items:center;justify-content:center;gap:19px;background:#f6f6ed;padding:22px}.empty-doodle{font-size:33px;color:#c7cbb8;font-family:Georgia,serif;transform:rotate(-12deg)}.empty-state h3{font-size:13px;font-weight:500;margin:0 0 7px;color:#889178}.empty-state p{font-size:10px;color:#a2a88f;margin:0;line-height:1.8}.knowledge-card{background:var(--white);border:1px solid #e6e8db;border-radius:16px;padding:20px;display:flex;flex-direction:column;min-height:224px}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#a1a68f;margin-bottom:15px}.card-number{font-size:10px;letter-spacing:1px;color:#a4ac93}.knowledge-card h3{font-size:15px;font-weight:550;line-height:1.7;margin:10px 0 7px;overflow-wrap:anywhere}.card-summary{font-size:11px;line-height:1.9;color:#969e88;margin:0 0 12px;overflow-wrap:anywhere}.card-actions{display:flex;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid #eef0e5;gap:10px}.card-actions button{font-size:10px}.knowledge-card details{font-size:10px;color:#879176;margin:2px 0 14px}.knowledge-card summary{cursor:pointer;list-style:none}.knowledge-card summary:before{content:'＋';margin-right:5px}.knowledge-card details[open] summary:before{content:'−'}.original-text{font-size:11px;line-height:1.9;color:#808973;white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f8ef;padding:12px;border-radius:8px}.record-label{font-size:9px;display:block;color:#a0a58e;margin:10px 0 4px}footer{border-top:1px solid var(--line);margin-top:44px;padding:22px 0 30px;display:flex;justify-content:space-between;font-size:9px;color:#a8ad98;gap:15px}.footer-dot{margin:0 7px;color:#c0c5b0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#3c4e35;color:#fffef4;box-shadow:0 5px 30px #31432820;max-width:calc(100% - 30px);padding:13px 22px;border-radius:12px;z-index:20;font-size:12px;line-height:1.7}.storage-warning{position:fixed;top:10px;left:50%;transform:translateX(-50%);background:#f9e7b6;color:#755a2d;padding:12px 20px;border:1px solid #d8bd7c;border-radius:8px;max-width:90%;z-index:30;font-size:12px;line-height:1.8}dialog{width:min(760px,calc(100% - 32px));max-height:90vh;border:1px solid #e3e7d6;border-radius:23px;background:#fcfcf5;padding:30px;color:var(--ink);box-shadow:0 20px 100px #1c301b20}dialog::backdrop{background:#27302266;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.close-button{background:#f0f2e6;border:0;border-radius:50%;width:32px;height:32px;font-size:21px;color:#8b957a;flex-shrink:0}.growth-title{font-size:25px;margin:18px 0 8px;line-height:1.5}.growth-subtitle{font-size:12px;color:#90997f;line-height:1.9;margin-bottom:25px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.comparison article{background:#f0f2e7;border-radius:15px;padding:21px}.comparison article:last-child{background:#f6edcd}.comparison h3{font-size:13px;font-weight:550;margin:0 0 6px}.comparison time{font-size:9px;color:#9a9f88}.comparison p{font-size:13px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere}.growth-feedback{font-size:13px;line-height:1.9;margin:22px 0 12px;color:#71815e}.growth-disclaimer{font-size:10px;color:#9da38b;line-height:1.8}.dialog-footer{display:flex;justify-content:flex-end;margin-top:20px}.demo-status{font-size:10px;color:#a68e51;margin-top:8px}.no-data-growth{font-size:13px;line-height:2;padding:18px;background:#f2f4e8;border-radius:13px}.error-inline{font-size:11px;color:#b27c53;line-height:1.8;margin-top:12px}
@keyframes breathe{0%,100%{transform:translateY(2px) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}@keyframes tilt{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(6deg)}}
@media(min-width:1400px){.wrap{max-width:1240px}.learning-grid{grid-template-columns:410px 1fr}.bird-stage{height:285px}.duck-window{height:285px;width:300px}}
@media(max-width:1000px){.wrap{padding:0 24px}.learning-grid{grid-template-columns:330px 1fr;gap:18px}.workspace{padding:26px 24px}.workspace h1{font-size:26px}.bird-card{padding:23px 22px 18px}.bird-stats{gap:25px}.workspace-actions{flex-wrap:wrap}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.wrap{padding:0 20px}.topbar{height:86px}.brand{font-size:20px;gap:8px}.brand svg{width:37px;height:37px}.brand-en{font-size:6px;letter-spacing:2.4px}nav{gap:12px}.nav-link{display:none}.button-small{font-size:10px;padding:9px 11px;min-height:34px}.intro{margin:24px 0 16px}.eyebrow{font-size:9px;letter-spacing:1.5px}.learning-grid{grid-template-columns:1fr;gap:16px}.bird-card{padding:19px 22px 15px;display:grid;grid-template-columns:145px 1fr;column-gap:10px;align-items:center;border-radius:20px}.bird-card-top{grid-column:1/-1;margin-bottom:7px}.bird-stage{width:145px;height:145px;margin:0;grid-column:1;grid-row:2}.duck-window{width:145px;height:145px}.bird-bubble{grid-column:2;grid-row:2;font-size:11px;padding:14px 10px;min-height:0}.bird-bubble:before{left:-6px;top:calc(50% - 5px);transform:rotate(-45deg)}.doodle-one{left:0;top:33px;font-size:14px}.doodle-two{right:-3px;top:94px;font-size:20px}.doodle-three{right:7px;top:11px;font-size:20px}.bird-stats{grid-column:1/-1;gap:0;justify-content:space-around;margin:5px 0 10px;border-top:1px solid #e8e4b6;padding-top:13px}.bird-stats strong{font-size:22px}.bird-stats div>span{font-size:9px;margin-top:4px}.stats-divider{height:25px}.bird-footnote{grid-column:1/-1;justify-content:center;font-size:8px}.workspace{min-height:0;padding:25px 23px;border-radius:20px}.workspace h1{font-size:27px;margin-top:16px}.workspace-description{font-size:11px;margin-bottom:19px}.chip{font-size:9px}.input-shell textarea{min-height:155px}.workspace-actions>.button{margin-left:auto;padding:13px 18px;min-height:44px;font-size:12px}.sample-link{font-size:9px}.bottom-note{padding-top:18px}.review-strip{padding:17px;gap:12px;flex-wrap:wrap}.strip-actions{width:100%;justify-content:flex-end}.strip-text h3{font-size:12px}.footprints{margin-top:35px}.section-heading{margin-bottom:18px;align-items:flex-end}.section-heading h2{font-size:21px}.section-heading p{font-size:10px}.cards{grid-template-columns:1fr}.empty-state{min-height:130px;gap:15px;padding:20px}.empty-state p{font-size:9px}.comparison{grid-template-columns:1fr}.growth-title{font-size:22px}dialog{padding:23px}.comparison p{font-size:12px}.success-mark{margin-top:20px}.question-box p{font-size:15px}footer{font-size:8px;padding:20px 0 25px;flex-direction:column;gap:8px}.section-heading .text-button{white-space:nowrap;font-size:10px}.workspace-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Large, direct controls and a soft, touchable learning companion. */
:root{--muted:#727b68}
.nav-link,.button-small,.text-button,.card-actions button,.section-heading .text-button{font-size:16px;min-height:44px}
.button,.workspace-actions>.button{font-size:18px;min-height:52px;padding:14px 22px}
.button-small{padding:10px 16px}
.text-button{font-weight:550;line-height:1.6;color:#526b45}
.intro-title{font-size:25px;letter-spacing:.5px;font-weight:700;color:var(--ink)}
.demo-label{font-size:14px;color:#657357;padding:7px 12px}
.pill,.bird-name{font-size:14px}.bird-bubble{font-size:17px;color:#62633d}
.bird-stats div>span{font-size:14px;color:#777348}.bird-stats strong{font-size:32px}
.bird-footnote{font-size:14px;color:#777348;letter-spacing:.2px}
.duck-window{display:block;border:0;padding:0;background:transparent;border-radius:36px;cursor:pointer;touch-action:manipulation;transform-origin:50% 86%;-webkit-user-select:none;user-select:none;overflow:hidden}
.duck-window>img#duck{border-radius:36px;pointer-events:none}.duck-window video,.duck-window>img#dance-fallback{pointer-events:none}
.duck-window>img#duck{position:absolute;inset:0;display:block}
.duck-window video,.duck-window>img#dance-fallback{position:absolute;top:9%;left:9%;margin:0;display:block}
.duck-window:hover{background:transparent}.duck-window:active:not(:disabled){transform:none}
.duck-window.squishy{animation:soft-duang .95s both}
.pet-reaction{position:absolute;top:28px;left:50%;transform:translateX(-50%);font-size:23px;color:#6d7546;font-weight:750;opacity:0;pointer-events:none;z-index:3;white-space:nowrap}
.pet-reaction.pop{animation:pet-pop 1s both}
.doodle{pointer-events:none}
@keyframes soft-duang{0%{transform:scale(1,1)}14%{transform:translateY(10px) scale(1.19,.79) rotate(-3deg)}32%{transform:translateY(-18px) scale(.88,1.13) rotate(3deg)}49%{transform:translateY(4px) scale(1.10,.91) rotate(-2deg)}65%{transform:translateY(-8px) scale(.96,1.05) rotate(1deg)}82%{transform:translateY(2px) scale(1.025,.98)}100%{transform:scale(1,1)}}
@keyframes pet-pop{0%{opacity:0;transform:translate(-50%,10px) rotate(-7deg)}18%,65%{opacity:1}100%{opacity:0;transform:translate(-50%,-18px) rotate(5deg)}}
.step-label{font-size:14px;letter-spacing:.3px;color:#6b7d57}.workspace h1{font-size:34px}
.workspace-description,.question-box .mini-label,.input-meta,.workspace-note,.bottom-note,.demo-status,.error-inline{font-size:15px;color:#737b66;line-height:1.8}
.workspace-description{font-size:17px}.chip{font-size:15px;min-height:42px;padding:8px 11px;color:#617150}
.input-shell textarea{font-size:18px;min-height:180px;padding-bottom:46px}.input-meta{font-size:13px;bottom:12px;color:#7c856e}
.question-box p{font-size:20px}.response-quote,.hint-box,.history-box,.success-card p{font-size:16px}.success-card h3{font-size:21px}
.tag{font-size:13px;padding:5px 8px}.strip-text h3{font-size:18px;line-height:1.7}.strip-text p{font-size:15px}.strip-text{min-width:0;overflow-wrap:anywhere}
.section-heading h2{font-size:28px}.knowledge-card{padding:23px}.card-top,.card-number{font-size:13px;letter-spacing:0}.knowledge-card h3{font-size:21px}.card-summary,.original-text{font-size:16px;color:#727d65}.knowledge-card details{font-size:15px}.knowledge-card summary{padding:8px 0}.record-label{font-size:13px}.empty-state h3{font-size:19px}.empty-state p{font-size:16px}
footer{font-size:14px;color:#77826b}.toast,.storage-warning{font-size:16px}.close-button{width:44px;height:44px;font-size:28px}
.growth-subtitle,.growth-feedback,.comparison p,.no-data-growth{font-size:17px}.comparison h3{font-size:19px}.comparison time,.growth-disclaimer{font-size:14px;color:#737b66}.dialog-head .eyebrow{font-size:14px}
#trajectory-dialog{width:min(700px,calc(100% - 28px))}#trajectory-title{font-size:25px;margin:0}.trajectory-intro{font-size:17px;color:#737b66}.trajectory-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;font-size:16px}
#trajectory-preview{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:16px}.trajectory-pagination:empty{display:none}
@media(max-width:1000px){.workspace-actions{gap:14px}.learning-grid{grid-template-columns:310px 1fr}.bird-stats{gap:20px}.review-strip{flex-wrap:wrap}.strip-actions{margin-left:auto}}
@media(max-width:760px){.learning-grid{grid-template-columns:1fr}.wrap{padding:0 16px}.topbar{height:86px}.topbar .button-small{font-size:14px;padding:9px 12px}.intro{gap:12px}.intro-title{font-size:23px}.demo-label{font-size:13px}.bird-card{grid-template-columns:135px minmax(0,1fr);padding:18px}.bird-stage,.duck-window{width:135px;height:145px}.bird-bubble{font-size:15px;padding:12px 10px}.bird-stats strong{font-size:28px}.bird-stats div>span{font-size:13px}.bird-footnote{font-size:13px}.workspace{padding:24px 20px}.workspace h1{font-size:30px}.workspace-description{font-size:16px}.chip{font-size:14px}.workspace-actions{align-items:center;gap:12px}.sample-link{font-size:15px}.workspace-actions>.button{font-size:17px;min-height:50px;padding:12px 18px}.input-meta{font-size:12px}.bottom-note{font-size:14px;flex-wrap:wrap}.section-heading{gap:10px}.section-heading h2{font-size:26px}.section-heading .text-button{font-size:16px}.empty-state p{font-size:15px}.card-actions button{font-size:16px}.question-box p{font-size:19px}.comparison p{font-size:17px}.strip-text h3{font-size:17px}.strip-text p{font-size:15px}.pet-reaction{top:0;font-size:20px}footer{font-size:13px}.growth-title{font-size:24px}.trajectory-pagination{font-size:14px}}
@media(prefers-reduced-motion:reduce){.duck-window.squishy{outline:3px solid #b8bd76;outline-offset:-4px}.pet-reaction.pop{opacity:1}}

.trajectory-image-shell{max-height:55vh;overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--paper)}
#trajectory-preview{border:0;border-radius:0}
@media(max-width:760px){#trajectory-dialog .dialog-footer .button{width:100%}.section-heading .button{font-size:16px;padding:10px 13px}}

/* One clear route: explain, save, then see the footprints. */
.flow-steps{display:flex;align-items:center;list-style:none;padding:0;margin:18px 0 0;gap:14px;color:#7c856d;font-size:15px}
.flow-steps li{display:flex;align-items:center;gap:7px;white-space:nowrap}.flow-steps li+li:before{content:'→';margin-right:7px;color:#b3bba4}.flow-steps li>span{width:25px;height:25px;border-radius:50%;background:#f0f2e8;display:grid;place-items:center;font-size:13px}.flow-steps .active{font-weight:650;color:var(--green-dark)}.flow-steps .active>span{background:var(--green);color:white}
.demo-tools{margin-top:36px;padding-top:18px;border-top:1px solid var(--line);font-size:14px;color:#768268}.demo-tools summary{cursor:pointer;width:fit-content;min-height:40px;padding:8px 0}.demo-tools p{font-size:14px;line-height:1.8;margin:0 0 12px}.demo-tools button{display:block}
.nav-link{display:inline-flex;align-items:center;min-height:44px}.knowledge-card.just-saved{animation:saved-footprint 1.6s ease-out}.footprints h2:focus{outline:none}
@keyframes saved-footprint{0%,30%{box-shadow:0 0 0 4px #c5d19b;background:#f4f7e7}100%{box-shadow:0 0 0 0 transparent;background:var(--white)}}
@media(max-width:760px){.flow-steps{gap:9px;font-size:14px}.flow-steps li{gap:5px}.flow-steps li+li:before{margin-right:3px}.success-actions>.button{margin-left:0}.success-actions{align-items:stretch}.success-actions>.button{flex:1}.topbar nav{gap:0}.nav-link{font-size:15px}}