@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800;900&family=Noto+Serif+TC:wght@500;600;700&display=swap');
:root{--bg:#101c2d;--bg-deep:#0c1727;--panel:#182638;--paper:#f5eee3;--ink:#26332f;--text:#f6f0e6;--muted:#a6b0be;--peach:#f7b49c;--mint:#c6debd;--line:#ffffff1c;--blue:#9bbcd3;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.8 'Noto Sans TC',sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}::selection{background:var(--peach);color:var(--bg)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--peach);outline-offset:6px}textarea:focus,input:focus{outline:2px solid #db957b;outline-offset:3px}button:disabled{opacity:.4;cursor:default}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.45;font-weight:600;letter-spacing:-.04em}h2{font-size:clamp(30px,3.4vw,52px)}.serif{font-family:'Noto Serif TC',serif;font-weight:500}.peach{color:var(--peach)}.mint{color:var(--mint)}.muted{color:var(--muted)}.symbol-sheet{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;top:-100px;left:20px;background:var(--paper);color:var(--ink);padding:10px 20px;z-index:300}.skip:focus{top:10px}.site-header{height:92px;position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 5.2%;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:10px;line-height:1}.wordmark>svg{fill:var(--peach);stroke:none;width:32px;height:32px}.wordmark>span{font-family:Georgia,serif;font-size:33px;letter-spacing:-1.5px}.wordmark-note{font:11px 'Noto Sans TC',sans-serif;display:inline-block;letter-spacing:.12em;margin-left:14px;vertical-align:middle;color:#c9d0d5}.site-header nav{display:flex;gap:30px;font-size:13px;color:#ccd2d9}.site-header nav a{position:relative}.site-header nav a:after{content:'';position:absolute;bottom:-8px;left:0;height:1px;width:0;background:var(--peach);transition:width .25s}.site-header nav a:hover:after{width:100%}.nav-start{display:flex;align-items:center;gap:15px;font-size:12px;border:1px solid #ffffff4a;border-radius:30px;padding:10px 18px}.nav-start svg{width:18px;height:18px}.hero{min-height:860px;max-height:1100px;height:100svh;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;padding:175px 7.5% 110px;align-items:center;background:radial-gradient(ellipse at 70% 45%,#2b3540 0%,#182737 35%,#101c2d 70%)}#starfield,.hero-grid{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.hero-grid{background-image:linear-gradient(#ffffff05 1px,transparent 1px);opacity:.15}.hero-content{z-index:2;position:relative}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.19em;color:var(--muted);display:flex;align-items:center;gap:10px}.tiny-star{color:var(--peach);font-size:18px}.hero h1{font-size:clamp(48px,5.5vw,84px);line-height:1.27;letter-spacing:-.055em;margin:30px 0 24px;font-weight:500}.hero .period{color:var(--peach)}.hero-description{font-size:17px;color:#c7ced5;line-height:1.9;letter-spacing:.025em}.hero-description>span{font-size:13px;color:#9eacb8;display:block;margin-top:7px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:15px 25px;border-radius:40px;font-size:14px;border:1px solid transparent;line-height:1.8;transition:transform .3s var(--ease),background .3s,box-shadow .3s;white-space:nowrap}.button svg{width:20px;height:20px}.button:hover{transform:translateY(-3px);box-shadow:0 7px 25px #0002}.primary{background:var(--peach);color:#26312f}.primary:hover{background:#ffc7b4}.dark{background:#263a39;color:#fff}.text-link{font-size:12px;display:inline-flex;gap:15px;align-items:center;border-bottom:1px solid #ffffff4a;padding-bottom:4px;transition:color .2s}.text-link:hover{color:var(--peach)}.byline{display:flex;align-items:center;gap:12px;margin-top:45px;font-size:11px;color:#ced4d8}.byline small{display:block;font-size:9px;color:#97a6b3;letter-spacing:.04em;margin-top:2px}.byline-avatar{width:34px;height:34px;display:grid;place-items:center;background:#a3b4a4;color:#172a28;border:3px solid #ffffff1a;border-radius:50%;font-family:Georgia,serif;font-size:18px}.hero-universe{position:relative;height:580px;min-width:0;transform:translateX(15px);--rx:0deg;--ry:0deg}.orbit{position:absolute;border:1px solid #c4c3b725;border-radius:50%;pointer-events:none}.orbit-one{width:510px;height:510px;top:20px;left:calc(50% - 255px);background:radial-gradient(circle,#e9cbb61a 0%,#a4b4a807 52%,transparent 68%)}.orbit-two{width:630px;height:280px;left:calc(50% - 315px);top:150px;transform:rotate(-27deg);border-color:#dbb7a631}.orbit-three{width:440px;height:610px;left:calc(50% - 220px);top:-35px;transform:rotate(27deg);border-style:dashed;border-color:#ffffff0e}.mascot-button{position:absolute;top:12px;left:calc(50% - 248px);width:496px;height:496px;border:0;padding:0;background:none;transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .3s ease;animation:float 6s ease-in-out infinite;z-index:2}.mascot-button img{filter:drop-shadow(0 30px 25px #0004);position:relative;z-index:1;transition:filter .3s;pointer-events:none}.mascot-button:hover img{filter:drop-shadow(0 24px 30px #f7b49c25)}.mascot-shadow{position:absolute;bottom:18px;left:18%;width:64%;height:26px;background:#080d18;border-radius:50%;filter:blur(16px);opacity:.6}.mascot-button.petted{animation:pet .8s var(--ease)}.orbit-note{font-size:11px;letter-spacing:.03em;border:1px solid #ffffff26;border-radius:30px;position:absolute;z-index:3;padding:9px 15px;background:#192a39cf;backdrop-filter:blur(12px);box-shadow:0 5px 20px #0002}.note-top{top:1px;left:24%;transform:rotate(-5deg)}.status-dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:9px;box-shadow:0 0 0 4px #c6debd12}.orbit-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;border:1px solid #ffffff2a;position:absolute;z-index:3;box-shadow:0 10px 20px #0002;animation:float 7s ease-in-out infinite}.orbit-mail{top:120px;left:3%;color:#c6d9d4;background:#324644;transform:rotate(-12deg)}.orbit-calendar{top:240px;right:-3%;color:#e9c6ae;background:#594c45;transform:rotate(12deg);animation-delay:-2s}.orbit-shield{bottom:100px;left:12%;color:#c4cde2;background:#344052;transform:rotate(-10deg);animation-delay:-4s}.planet{position:absolute;border-radius:50%;box-shadow:inset -7px -9px 12px #0006;z-index:1}.planet-peach{width:26px;height:26px;background:#c48d73;top:60px;right:10%}.planet-blue{width:16px;height:16px;background:#87a4b4;bottom:70px;right:12%}.universe-star{position:absolute;color:#d5b694;font-size:35px;z-index:3}.star-a{top:30px;right:-5%}.star-b{bottom:80px;right:28%;font-size:25px}.star-c{top:62px;left:10%;font-size:19px}.mascot-bubble{position:absolute;left:21%;bottom:70px;background:var(--paper);color:#38463f;font-size:12px;padding:9px 18px;border-radius:20px 20px 20px 2px;z-index:3;box-shadow:0 8px 20px #0002;transform:rotate(-3deg)}.touch-hint{position:absolute;bottom:42px;right:3%;font-size:10px;color:#bac2c7;transform:rotate(5deg);letter-spacing:.05em}.touch-hint>span{margin-left:5px}.orbital-caption{position:absolute;bottom:-10px;display:flex;align-items:center;justify-content:center;gap:16px;width:100%;font-size:7px;letter-spacing:.19em;color:#9babb6}.orbital-caption svg{width:15px;height:15px;fill:#be9e88;stroke:none}.scroll-cue{position:absolute;left:7.5%;bottom:35px;display:flex;align-items:center;gap:18px;font-size:9px;color:#b6c0c9;letter-spacing:.08em}.scroll-cue>span:first-child{color:#e6e7df}.scroll-line{height:1px;width:65px;background:#ffffff45;position:relative}.scroll-line:after{content:'';width:15px;height:1px;background:var(--peach);position:absolute;animation:scrollLine 2s infinite}.ticker{height:65px;overflow:hidden;display:flex;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#142233}.ticker>div{white-space:nowrap;animation:marquee 40s linear infinite;font-size:14px;letter-spacing:.1em;word-spacing:2em;color:#b7c2c7}.ticker span{color:var(--peach);font-size:22px;margin:0 25px}.section-pad{padding:115px max(7.5%,calc((100vw - 1300px)/2))}.intro-top{display:flex;justify-content:space-between;align-items:center}.handwritten{font-family:'Noto Serif TC',serif;font-size:13px;color:#c5cfbd;transform:rotate(-4deg)}.statement{font-size:clamp(32px,4.4vw,68px);line-height:1.65;margin:38px 0 35px}.statement .muted{color:#8d9aa8}.intro-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.intro-bottom>p{font-size:14px;line-height:2.2;color:#b1bdc6;max-width:470px}.compare{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:20px}.compare>span>span{font-size:10px;display:block;margin-top:6px;letter-spacing:.03em}.compare-arrow{color:#a5b6b7;font-size:24px}.availability{display:flex;gap:15px;max-width:100%;border-top:1px solid var(--line);margin-top:45px;padding-top:24px;color:#e0c7b0}.availability svg{width:20px;height:20px;margin-top:3px}.availability p{font-size:11px;line-height:2}.availability p>span{color:#9fadb8;display:block;max-width:900px}.journey{background:var(--bg-deep);position:relative}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:45px}.section-heading .eyebrow{margin-bottom:18px}.section-heading>p{font-size:12px;color:#a7b4bd;line-height:2;flex-shrink:0}.progress-panel{display:flex;align-items:center;gap:25px;flex-wrap:wrap;border:1px solid var(--line);border-radius:8px;padding:22px 28px;background:#152336}.progress-panel>div:first-child{display:flex;align-items:center;gap:23px}.progress-label{font-size:11px;color:#bbc7cc}.progress-panel strong{font-family:Georgia,serif;font-size:30px;font-weight:400;white-space:nowrap;line-height:1}.progress-panel strong .muted{font-size:19px}.progress-track{height:3px;flex:1;min-width:100px;background:#ffffff12;overflow:hidden;border-radius:10px}#progress-fill{display:block;width:0;height:100%;background:var(--mint);transition:width .8s var(--ease)}.progress-panel>a{font-size:11px;display:flex;gap:30px;color:var(--peach)}.progress-panel small{font-size:9px;color:#7c909f;width:100%;margin-top:-15px}.chapter-tabs{display:flex;gap:25px;margin:32px 0 28px;border-bottom:1px solid var(--line);overflow:auto;scrollbar-width:none}.chapter-tabs button{position:relative;flex-shrink:0;padding:15px 0 18px;border:0;background:none;font-size:12px;color:#94a4b2}.chapter-tabs button span{font-size:9px;opacity:.65;margin-left:8px;letter-spacing:.05em}.chapter-tabs button[aria-pressed=true]{color:var(--peach)}.chapter-tabs button[aria-pressed=true]:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--peach)}.lesson-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;grid-auto-flow:dense}.lesson-card{position:relative;min-height:245px;border:1px solid #ffffff1c;background:#132133;display:flex;flex-direction:column;padding:22px 20px 18px;border-radius:5px;overflow:hidden;transition:background .3s,transform .4s var(--ease),border-color .3s}.lesson-card:hover{background:#213043;transform:translateY(-5px);border-color:#f7b49c66}.lesson-card[hidden]{display:none}.lesson-top{display:flex;align-items:center;justify-content:space-between}.lesson-num{font-family:Georgia,serif;font-size:39px;line-height:1;letter-spacing:-2px;color:#809298}.lesson-phase{font-size:8px;letter-spacing:.08em;color:#a2b4bf}.lesson-card h3{font-size:15px;margin:25px 0 12px;line-height:1.85;letter-spacing:0}.lesson-card>p{font-size:10px;color:#94a5b1;line-height:1.9;margin-bottom:18px;flex:1}.lesson-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff11;padding-top:12px;font-size:9px;color:#b1bec6}.lesson-bottom svg{width:17px;height:17px;color:var(--peach)}.lesson-card[data-phase="1"] .lesson-num{color:#aabb9e}.lesson-card[data-phase="2"] .lesson-num{color:#b49f91}.lesson-card[data-phase="3"] .lesson-num{color:#aca8bd}.lesson-card.done .lesson-phase{color:var(--mint)}.lesson-card.done .lesson-phase:before{content:'✓ ';color:var(--mint)}.lesson-card:first-child{background:#233b3d;border-color:#c6debd33}.lesson-card:first-child .lesson-num{color:#c6debd}.lesson-card:last-child{background:#3c3235;border-color:#f7b49c33}.lesson-card:last-child .lesson-num{color:var(--peach)}.playground{background:var(--paper);color:var(--ink);position:relative;overflow:hidden}.playground .eyebrow{color:#677365}.playground .section-heading>p{color:#6a756b}.playground h2 .serif{color:#8f6554}.brief-workspace{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;margin-top:50px;align-items:start}.preset-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:28px;font-size:11px}.preset-row>span{color:#7e8175;margin-right:10px}.preset-row button{font-size:10px;background:none;border:1px solid #b7baad;border-radius:20px;padding:7px 12px;color:#596356}.preset-row button[aria-pressed=true]{background:#344b46;color:#fff;border-color:#344b46}.brief-form>label{display:grid;grid-template-columns:35px 105px 1fr;align-items:start;padding:20px 0;border-top:1px solid #26332f26;gap:10px}.field-number{font-family:Georgia,serif;font-size:17px;color:#8c9c89;line-height:1.5}.field-label{font-size:13px;font-weight:600;line-height:1.8}.field-label small{display:block;font-size:9px;font-weight:400;color:#777e70;margin-top:5px}.brief-form textarea{resize:vertical;border:0;background:#fffcf655;padding:8px 10px;border-radius:3px;color:#37463b;font-size:12px;line-height:1.9;width:100%;min-height:74px}.brief-result{position:sticky;top:100px;padding:30px;background:#fffdf6;box-shadow:10px 15px 0 #d5d9c9;min-height:465px;border-radius:2px;transform:rotate(1deg)}.result-top{display:flex;align-items:center;font-size:11px;border-bottom:1px solid #26332f26;padding-bottom:18px;color:#758273}.result-top .status-dot{background:#728c71;box-shadow:none}.result-top>span:last-child{margin-left:auto;font-size:9px}.brief-result pre{white-space:pre-wrap;font:13px/2.3 'Noto Sans TC',sans-serif;color:#405043;margin:24px 0 30px;min-height:230px;overflow-wrap:anywhere}.brief-result .button{font-size:11px;padding:12px 20px;width:100%}.brief-result>p{font-size:9px;color:#7b8479;line-height:1.9;margin-top:18px;text-align:center}.paper-fold{position:absolute;top:0;right:0;border-left:25px solid #e9e7dc;border-top:25px solid var(--paper)}.demo-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #26332f30;margin-top:60px;padding-top:25px}.demo-strip>div{display:flex;align-items:center;gap:15px}.demo-strip svg{color:#9d7c60}.demo-strip span{font-size:13px}.demo-strip small{color:#6b7669;font-size:9px}.demo-strip button{border:0;background:none;border-bottom:1px solid #8e998b;padding:10px 0;font-size:11px;white-space:nowrap}.demo-strip button span{margin-left:20px}.demo-result{margin-top:20px;background:#e3e6d9;border:1px solid #b6c1ad;border-radius:5px;padding:25px;font-size:12px;color:#44523e}.demo-result h3{font-size:16px;margin-bottom:12px}.demo-result ol{margin:0;padding-left:20px;line-height:2.5}.demo-result p{font-size:10px;color:#687460;margin-top:12px}.scenarios{background:var(--bg)}.scenario-tools{display:flex;justify-content:space-between;align-items:center;gap:25px}.search-box{display:flex;align-items:center;gap:15px;max-width:600px;width:100%;border-bottom:1px solid #ffffff4a;padding:13px 0}.search-box svg{width:20px;height:20px;color:var(--peach)}.search-box input{background:transparent;border:0;color:var(--text);width:100%;font-size:13px;padding:5px}.search-box input::placeholder{color:#8fa0af}.search-box kbd{border:1px solid var(--line);border-radius:3px;min-width:24px;text-align:center;color:#8395a7;font-size:11px}#scenario-count{font-size:11px;color:#9eacb9}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin:27px 0 30px}.filter-row button{border:1px solid #ffffff28;background:none;color:#a5b2bb;border-radius:25px;padding:7px 17px;font-size:10px}.filter-row button[aria-pressed=true],.filter-row button:hover{background:var(--mint);border-color:var(--mint);color:var(--ink)}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.scenario-card{border:1px solid var(--line);padding:25px 25px 15px;background:#152437;border-radius:5px;display:flex;flex-direction:column;transition:transform .35s var(--ease),border-color .3s}.scenario-card:hover{transform:translateY(-4px);border-color:#ffffff50}.scenario-card[hidden]{display:none}.scenario-meta{display:flex;align-items:center;justify-content:space-between;color:#a3b6a2;font-size:9px;letter-spacing:.08em}.scenario-meta svg{width:25px;height:25px;color:#b6b79c;stroke-width:1}.scenario-card h3{font-size:16px;line-height:1.9;letter-spacing:0;margin:23px 0 12px}.scenario-card>p{color:#a3b1bb;font-size:11px;line-height:2;flex:1;margin-bottom:25px}.scenario-card details{border-top:1px solid var(--line);font-size:10px;color:#b8c7cd}.scenario-card summary{padding:13px 0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}.scenario-card summary:after{content:'+';font-size:18px;color:var(--peach)}.scenario-card details[open] summary:after{content:'−'}.scenario-card details>p{font-size:11px;line-height:2.1;margin:5px 0 14px;color:#ccd4d8}.scenario-card details>small{display:block;font-size:9px;color:#9eadaf;margin:12px 0}.scenario-card details>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px}.copy-scenario{border:1px solid #ffffff35;border-radius:30px;background:none;font-size:10px;padding:6px 12px;color:var(--peach);display:flex;align-items:center;gap:10px}.copy-scenario svg{width:13px;height:13px}.scenario-card details a{font-size:9px;color:#c0d4be}.search-lessons{margin-bottom:20px;border-left:2px solid var(--peach);padding:15px 20px;background:#1b2c3f}.search-lessons p{font-size:11px;color:var(--peach);margin-bottom:10px}.search-lessons a{display:block;font-size:12px;line-height:2.3}.empty-state{padding:40px;color:var(--muted);text-align:center;font-size:13px}.safety{background:#cbd8c1;color:#243d31;display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;position:relative}.safety .eyebrow{color:#597451}.shield-art{width:100px;height:100px;position:relative;margin:25px 0}.shield-art>svg{width:70px;height:80px;stroke-width:.8;color:#6c8660;transform:rotate(-10deg)}.shield-art>span{position:absolute;right:0;top:0;font-size:38px;color:#8b9b6f}.safety h2{line-height:1.6}.safety-intro>p:not(.eyebrow){font-size:13px;line-height:2.2;color:#586c50;margin:20px 0}.safety-score{display:flex;align-items:center;gap:18px;margin:28px 0}.safety-score strong{font:60px/1 Georgia,serif}.safety-score>span{font-size:13px;line-height:1.8}.safety-score small{font-size:9px;color:#586c50}.safety .text-link{border-color:#526b4e;color:#2c4e36}.safety-checklist{padding-top:5px}.safety-check{display:flex;align-items:flex-start;gap:18px;border-bottom:1px solid #43603735;padding:21px 0;cursor:pointer;position:relative}.safety-check:first-child{border-top:1px solid #43603735}.safety-check input{width:22px;height:22px;accent-color:#344e38;flex-shrink:0;margin:3px 0 0;cursor:pointer}.safety-check>span{font-size:14px;font-weight:500}.safety-check small{font-size:10px;line-height:1.9;display:block;margin-top:5px;color:#607058;font-weight:400}.safety-check:has(input:checked)>span{color:#66815d}.safety-check:has(input:checked)>span:first-line{text-decoration:line-through}.closing{padding-top:105px;padding-bottom:100px;text-align:center;position:relative;overflow:hidden;background:#132234}.closing>img{width:110px;margin:0 auto 15px;transform:rotate(-8deg)}.closing .eyebrow{justify-content:center;margin-bottom:25px}.closing h2{line-height:1.8;font-size:clamp(28px,3.3vw,50px);position:relative;z-index:1}.closing .button{margin-top:35px;position:relative;z-index:1}.closing-sign{font-family:'Noto Serif TC',serif;font-size:15px;margin-top:35px;color:#b8b9ac;transform:rotate(-5deg)}.closing-orbit{position:absolute;width:900px;height:400px;border:1px solid #ffffff09;border-radius:50%;left:calc(50% - 450px);top:160px;transform:rotate(-22deg);pointer-events:none}.sources{padding-top:35px;padding-bottom:35px;background:#0e1b2a}.sources summary{font-size:11px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;color:#a8b6bc}.sources summary>span{font-size:20px;color:var(--peach)}.sources details[open] summary{margin-bottom:20px}.sources details>div>p{max-width:820px;font-size:11px;line-height:2.1;color:#99a9b4}.source-links{display:flex;flex-wrap:wrap;gap:20px;font-size:10px;color:#c6d4bd;margin-top:15px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:40px 5.2%;border-top:1px solid var(--line);background:#0e1b2a;font-size:8px;color:#90a1ab}footer>.wordmark{color:#e9e6da}footer>.wordmark>span{font-size:26px}footer .wordmark-note{font-size:9px}footer>p{font-size:10px}footer>a:not(.wordmark){letter-spacing:.1em}.companion{position:fixed;right:22px;bottom:18px;border:0;background:none;padding:0;z-index:20;display:flex;flex-direction:row-reverse;align-items:center;gap:8px;filter:drop-shadow(0 5px 10px #0003);transition:transform .25s}.companion:hover{transform:translateY(-5px)}.companion>img{width:68px;pointer-events:none}.companion>span{font-size:10px;background:var(--paper);color:#37473d;padding:7px 12px;border-radius:15px 15px 2px 15px}.toast{position:fixed;bottom:35px;left:50%;transform:translate(-50%,20px);background:#f5eee3;color:#2c4335;z-index:110;padding:12px 22px;border:1px solid #cbd8c1;border-radius:30px;font-size:12px;box-shadow:0 10px 35px #0004;opacity:0;pointer-events:none;transition:opacity .2s,transform .25s;max-width:80vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.reader{padding:0;border:1px solid #87988b;border-radius:10px;background:var(--paper);color:var(--ink);width:min(960px,94vw);max-width:960px;height:90svh;max-height:1050px;box-shadow:0 30px 100px #0007;overscroll-behavior:contain}.reader::backdrop{background:#07111ed9;backdrop-filter:blur(9px)}.reader-toolbar{height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #26332f22;padding:0 35px;color:#62725e;font-size:11px;letter-spacing:.09em}.reader-toolbar-label{font-size:9px;letter-spacing:.18em;color:#8b9582}.reader-toolbar>button{display:flex;align-items:center;gap:15px;color:#40523e;background:none;border:0;font-size:11px;padding:10px}.reader-toolbar>button span{font-size:23px}.reader-scroll{height:calc(100% - 66px);overflow-y:auto;overscroll-behavior:contain;padding:40px clamp(24px,6vw,80px) 40px}.reader-article h1,#reader-article h1{font-size:clamp(27px,3.1vw,42px);line-height:1.7;margin:10px 0 25px;font-family:'Noto Serif TC',serif;font-weight:600}.article-meta{font-size:11px;color:#79846f;margin-bottom:10px}.article-note{font-size:10px;color:#7f897a;border-bottom:1px solid #43513c26;padding-bottom:22px;margin-bottom:25px}.reader-article h2,#reader-article h2{font-size:21px;font-family:'Noto Serif TC',serif;margin:40px 0 15px;font-weight:600;letter-spacing:0}.reader-article p,#reader-article p{font-size:14px;line-height:2.3;margin:14px 0;color:#3f503d;overflow-wrap:anywhere}.reader-article p.step,#reader-article p.step{padding:13px 17px;background:#e7e9dc;border-radius:3px;font-size:13px}.article-prompt{padding:20px 23px;background:#fffdf5;border-left:3px solid #bd9075;margin:22px 0}.article-prompt>div{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#6b7b60}.article-prompt button{background:none;border:1px solid #95a18b;border-radius:20px;color:#42593d;padding:4px 15px;font-size:11px}.article-prompt p{font-size:13px!important}.article-source{font-size:11px!important;display:block;overflow-wrap:anywhere;color:#557645;text-decoration:underline;text-underline-offset:4px;margin:10px 0}.reader-bottom{border-top:1px solid #26332f22;padding-top:30px;margin-top:35px}.reader-bottom .button{font-size:12px}.reader-pagination{display:flex;justify-content:space-between;margin-top:25px;gap:15px}.reader-pagination button{border:0;background:none;color:#526c48;padding:10px 0;font-size:12px}.standalone-header{position:relative;background:var(--bg);color:var(--text)}.standalone-main{max-width:900px;margin:0 auto;padding:65px 5% 100px;color:var(--ink)}.standalone-body{background:var(--paper)}.standalone-body .reader-article{margin-top:25px}.back-link{font-size:13px;color:#617456}.standalone-nav{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #43513c33;padding-top:30px;margin-top:40px;font-size:13px}.noscript-note{padding:15px;text-align:center;background:#e5d4b4;color:#283b2d;font-size:13px}.burst{position:fixed;z-index:100;pointer-events:none;color:var(--peach);font-size:20px;animation:burst .9s ease-out forwards}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -13px}}@keyframes pet{0%{rotate:0deg;scale:1}25%{rotate:-6deg;scale:1.04}50%{rotate:5deg;scale:1.05}75%{rotate:-3deg;scale:1.02}100%{rotate:0deg;scale:1}}@keyframes scrollLine{0%{left:0;opacity:0}30%{opacity:1}100%{left:50px;opacity:0}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes burst{from{transform:translate(0,0) scale(.4);opacity:1}to{transform:translate(var(--x),var(--y)) rotate(100deg) scale(1.3);opacity:0}}
@media(min-width:1600px){.hero{padding-left:max(7.5%,calc((100vw - 1360px)/2));padding-right:max(7.5%,calc((100vw - 1360px)/2))}.hero-universe{transform:translateX(0)}}
@media(max-width:1100px){.site-header nav{gap:20px;font-size:11px}.site-header{padding:0 5%}.hero{padding:155px 6% 100px;min-height:800px}.hero-universe{scale:.85;transform-origin:center;transform:translateX(0)}.hero h1{font-size:60px}.section-pad{padding:85px 6%}.lesson-grid{grid-template-columns:repeat(3,1fr)}.brief-workspace{gap:30px}.brief-form>label{grid-template-columns:25px 80px 1fr;gap:8px}.scenario-card{padding:20px}.safety{gap:6%}.demo-strip>div{flex-wrap:wrap;row-gap:5px}.demo-strip small{width:100%;margin-left:39px}.section-heading h2{font-size:34px}footer{flex-wrap:wrap}.companion>span{display:none}}
@media(max-width:760px){html{scroll-padding-top:30px}.site-header{height:78px;padding:0 6%;gap:10px}.wordmark>span{font-size:30px}.wordmark-note{font-size:9px;margin-left:9px}.wordmark>svg{width:27px;height:27px}.site-header nav{display:none}.nav-start{padding:8px 12px;font-size:10px;gap:10px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:125px 7% 75px;height:auto;min-height:0;max-height:none}.hero h1{font-size:clamp(43px,9.2vw,65px);line-height:1.3;margin-top:23px;margin-bottom:22px}.hero .eyebrow{font-size:8px;letter-spacing:.13em}.hero-description{font-size:14px;line-height:2}.hero-description>span{font-size:11px}.hero-actions{gap:23px;margin-top:25px}.hero-actions .button{padding:12px 22px;font-size:12px;gap:24px}.byline{margin-top:27px}.hero-universe{height:425px;width:100%;margin-top:40px;scale:1;transform:none}.orbit-one{width:340px;height:340px;left:calc(50% - 170px);top:10px}.orbit-two{width:410px;height:180px;left:calc(50% - 205px);top:100px}.orbit-three{width:290px;height:405px;left:calc(50% - 145px);top:-25px}.mascot-button{width:340px;height:340px;left:calc(50% - 170px);top:4px}.note-top{top:-5px;left:17%;font-size:9px;padding:7px 12px}.orbit-icon{width:40px;height:40px;border-radius:11px}.orbit-icon svg{width:21px;height:21px}.orbit-mail{top:90px;left:0}.orbit-calendar{top:170px;right:0}.orbit-shield{bottom:80px;left:10%}.planet-peach{right:10%;top:35px;width:20px;height:20px}.planet-blue{right:4%;bottom:70px}.star-a{right:0;top:0;font-size:25px}.star-b{bottom:40px;right:22%}.star-c{top:20px;left:3%;font-size:14px}.mascot-bubble{bottom:66px;left:12%;font-size:10px;max-width:85%;padding:7px 14px}.touch-hint{bottom:35px;right:3%;font-size:8px}.orbital-caption{font-size:5.5px;gap:10px;bottom:0}.scroll-cue{left:7%;bottom:24px;font-size:8px;gap:14px}.scroll-line{width:45px}.ticker{height:52px}.ticker>div{font-size:11px}.ticker span{font-size:17px;margin:0 15px}.section-pad{padding:65px 7%}.intro-top{align-items:flex-start;gap:15px}.intro-top .eyebrow{font-size:8px;letter-spacing:.12em}.handwritten{font-size:9px;max-width:100px}.statement{font-size:clamp(26px,6.2vw,40px);line-height:1.8;margin:30px 0}.intro-bottom{grid-template-columns:1fr;gap:30px}.intro-bottom>p{font-size:12px}.compare{padding:20px;font-size:21px}.compare>span>span{font-size:10px}.availability{margin-top:30px;gap:12px;padding-top:20px}.availability p{font-size:10px}.availability p>span{font-size:9px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:29px;line-height:1.65}.section-heading .eyebrow{font-size:8px;margin-bottom:15px}.section-heading>p{font-size:11px;margin-top:20px}.progress-panel{padding:18px;gap:18px}.progress-panel>div:first-child{gap:15px}.progress-label{font-size:10px}.progress-panel strong{font-size:26px}.progress-panel strong .muted{font-size:16px}.progress-track{min-width:50px}.progress-panel>a{font-size:10px;gap:10px;width:100%;justify-content:space-between}.progress-panel small{font-size:8px;margin-top:-8px}.chapter-tabs{gap:21px;margin:20px 0}.chapter-tabs button{font-size:10px;padding:12px 0}.chapter-tabs button span{font-size:7px;margin-left:5px}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lesson-card{min-height:240px;padding:18px 15px 13px}.lesson-num{font-size:33px}.lesson-phase{font-size:7px}.lesson-card h3{font-size:12px;line-height:1.8;margin:20px 0 10px}.lesson-card>p{font-size:9px;margin-bottom:12px}.lesson-bottom{font-size:8px}.lesson-bottom svg{width:14px;height:14px}.brief-workspace{grid-template-columns:1fr;gap:35px;margin-top:30px}.brief-form>label{grid-template-columns:25px 83px 1fr;padding:17px 0}.field-label{font-size:11px}.field-label small{font-size:8px}.field-number{font-size:15px}.brief-form textarea{font-size:10px;min-height:90px;padding:5px}.preset-row{gap:6px}.preset-row>span{width:100%;font-size:10px;margin-bottom:4px}.preset-row button{padding:7px 12px}.brief-result{position:relative;top:0;padding:25px;min-height:0;box-shadow:7px 9px 0 #d5d9c9}.brief-result pre{font-size:12px;line-height:2.1;min-height:0}.demo-strip{align-items:flex-start;flex-direction:column;gap:15px;margin-top:42px}.demo-strip>div{gap:10px}.demo-strip span{font-size:11px}.demo-strip small{margin-left:35px;font-size:8px}.demo-strip button{font-size:10px}.demo-result{padding:20px;font-size:11px}.scenario-tools{gap:12px}.search-box input{font-size:11px}.search-box{gap:9px}.search-box kbd{display:none}#scenario-count{font-size:9px;white-space:nowrap}.filter-row{gap:7px;margin:20px 0}.filter-row button{padding:6px 12px;font-size:9px}.scenario-grid{grid-template-columns:1fr;gap:12px}.scenario-card{padding:23px 23px 10px}.scenario-card h3{font-size:16px;margin:15px 0 9px}.scenario-card>p{font-size:11px;margin-bottom:18px}.scenario-meta{font-size:8px}.scenario-card summary{font-size:10px;padding:13px 0}.safety{grid-template-columns:1fr;gap:35px}.shield-art{margin:20px 0;width:80px;height:70px}.shield-art>svg{width:60px;height:60px}.shield-art>span{font-size:28px}.safety h2{font-size:34px}.safety-intro>p:not(.eyebrow){font-size:12px}.safety-score strong{font-size:50px}.safety-check{padding:18px 0;gap:13px}.safety-check>span{font-size:12px}.safety-check small{font-size:9px}.safety-check input{width:20px;height:20px}.closing h2{font-size:24px;line-height:1.9}.closing .button{font-size:11px;gap:18px;padding:13px 20px}.closing>img{width:90px}.closing .eyebrow{font-size:8px}.closing-sign{font-size:12px}.sources{padding-top:25px;padding-bottom:25px}.sources summary{font-size:10px}.sources details>div>p{font-size:10px}.source-links{gap:12px;font-size:9px}footer{padding:30px 7% 85px;display:grid;grid-template-columns:1fr auto;gap:25px}footer .wordmark{grid-column:1/-1}footer>p{grid-column:1/-1;font-size:9px}.companion{right:10px;bottom:12px}.companion>img{width:55px}.reader{height:95svh;width:96vw;border-radius:7px}.reader-toolbar{height:58px;padding:0 18px;font-size:10px}.reader-toolbar-label{font-size:7px}.reader-scroll{height:calc(100% - 58px);padding:25px 22px 40px}.reader-article h1,#reader-article h1{font-size:26px;line-height:1.75}.reader-article h2,#reader-article h2{font-size:19px;margin-top:30px}.reader-article p,#reader-article p{font-size:13px;line-height:2.2}.article-note{font-size:9px}.article-prompt{padding:17px}.article-prompt>div{font-size:10px}.article-prompt button{font-size:9px;padding:5px 10px}.article-source{font-size:10px!important}.standalone-main{padding:40px 7% 70px}.toast{font-size:11px;bottom:85px;width:max-content;max-width:85vw}.search-lessons{padding:12px}.search-lessons a{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-universe{transform:none!important}.mascot-button{transform:none!important}#starfield{display:none}.burst{display:none}}

@media(min-width:1101px){.lesson-card:nth-last-child(-n+2){grid-column:span 2}}
@media(min-width:761px) and (max-width:1100px){.lesson-card:last-child{grid-column:span 2}}
@media(max-width:760px){.brief-form textarea{font-size:12px;min-height:102px}.field-label{font-size:12px}}