:root{--ink:#17283b;--blue:#3d49d8;--red:#8d5a82;--paper:#eef1f5;--line:#4357762e;--muted:#596b7e;--yellow:#d9e7ff;font-family:'PingFang SC','Microsoft YaHei',sans-serif;background:#e8eaf0}body{isolation:isolate;background:transparent}#aurora{position:fixed;inset:0;z-index:-3;pointer-events:none;opacity:1}body:before{content:'';position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,#f6f8fa80 0%,#f8fafc24 52%,transparent 100%);pointer-events:none}.ambient-lines{position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(#ffffff20 1px,transparent 1px),linear-gradient(90deg,#ffffff18 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(transparent,#0006)}.topbar,.bottom-nav{background:#f7f9ff70;backdrop-filter:blur(22px) saturate(1.2);border-color:#fff9}.topbar{height:68px}.brand{font-size:14px;letter-spacing:.06em}.brand-mark{color:#4f57c9}.chapter-label{font-size:12px;color:#5d6585;text-transform:uppercase;letter-spacing:.25em}.top-actions{gap:20px}.top-actions button{font-size:12px}.slide{background:transparent!important;color:var(--ink)!important;min-height:100dvh;overflow:clip}.slide:before{display:none}.slide-inner{max-width:1700px;margin:auto;gap:22px;padding:26px 5.3vw 25px;justify-content:center;min-height:calc(100dvh - 126px)}.page-head{width:fit-content;max-width:100%}.eyebrow{font-size:12px;letter-spacing:.16em;color:#535d7e;margin-bottom:13px}.eyebrow:before{height:1px;width:28px}h2{font-size:clamp(36px,3.6vw,60px);font-weight:800;letter-spacing:-.055em;line-height:1.2;text-wrap:balance}em{color:var(--blue)!important}.lead{font-size:18px;max-width:1020px;color:#4b5e71}.fine{color:#506277!important;font-size:13px}.body-copy{font-size:21px}.page-head,.hero-copy{filter:drop-shadow(0 1px 8px #ffffffaa)}.quote{font-size:25px}.quote:before{color:var(--blue)}.bottom-nav{font-size:12px}.progress i{background:linear-gradient(90deg,#758acb,#8c69a8,#669e99)}
/* Uiverse cssbuttons-io/wonderful-baboon-62, recolored for glass */
.solid{background-image:linear-gradient(135deg,#aeb9fa,#5f58cc 45%,#79c8c7);border:0;border-radius:10px;box-shadow:0 8px 25px #484d9333;display:inline-flex;padding:3px;color:white;gap:0;line-height:1.2;transition:all .3s;overflow:hidden;position:relative;min-height:46px}.solid>.button-content{background:#414baf;padding:13px 22px;border-radius:7px;transition:background .3s;color:white;display:block;font-size:15px;line-height:1.25;width:100%}.solid:hover>.button-content{background:transparent}.solid:hover{transform:translateY(-4px);box-shadow:0 13px 32px #4c528a45}.solid:active{transform:scale(.96)}.solid:not(:has(.button-content)){padding:14px 23px;background:#4653b9}.solid span span{font-size:inherit}.outline{border:1px solid #ffffffdd;box-shadow:inset 0 0 0 1px #455c7622,0 5px 16px #4c587215;background:#ffffff78;border-radius:9px;backdrop-filter:blur(14px);font-size:15px;padding:12px 19px;position:relative;overflow:hidden}.outline:hover{box-shadow:inset 0 0 0 1px #6b66bc66,0 8px 25px #4c587225}.outline:after{content:'';position:absolute;inset:0;background:radial-gradient(110px at var(--mx,50%) var(--my,50%),#aaa8ff44,transparent);opacity:0;transition:.25s;pointer-events:none}.outline:hover:after{opacity:1}button:focus-visible,a:focus-visible{outline:3px solid #8057bb;outline-offset:4px}.text-button{border-color:#626ab799;color:#4b50a0}.practice-bar{background:#f9fbff8c;border:1px solid #fffc;border-radius:12px;padding:15px 20px;box-shadow:0 9px 28px #39536b0d;backdrop-filter:blur(16px);gap:16px}.practice-bar p{font-size:16px}.practice-bar>div>span{font-size:11px;color:#485896}.practice-bar{margin-top:auto}
/* Clear glass reading surfaces; water remains visible between them. */
.survey-chart-wrap,.survey-quote,.method-detail,.learning-note,.boundary-copy,.knowledge-copy,.skill-note{background:#f7faffbb;border:1px solid #ffffffd9;backdrop-filter:blur(15px);border-radius:14px;padding:25px;box-shadow:0 15px 35px #2036560c}.survey-layout{gap:26px;grid-template-columns:1.45fr 1fr}.survey-quote{padding:25px 30px;min-height:345px}.survey-quote strong{font-size:87px;font-weight:500;letter-spacing:-.075em;color:#3a4681}.survey-quote blockquote{font-size:21px}.survey-quote>span{font-size:14px}.survey-quote p{font-size:16px}.survey-controls{gap:16px;margin:8px 0}.survey-controls button{font-size:12px}#surveyChart{height:260px}.chart-switch{display:flex;gap:8px;margin-bottom:8px}.chart-switch button{font-size:12px;padding:8px 16px;background:#e2e7f188;border-radius:7px;transition:.35s}.chart-switch button.selected{background:#4a53b0;color:white;box-shadow:0 6px 15px #434aa333}.learning-body{gap:4vw}.learning-note{padding:30px}.learning-note>p{font-size:25px}.ability span{border:1px solid #5769a744;border-radius:20px;background:#ffffff66;font-size:15px}.growth path{stroke:#4c55ae}.growth circle{fill:#4c55ae}.growth text{fill:#344563}.growth{padding:10px}.method-wheel>button{background:#f9fbffbd;backdrop-filter:blur(15px);box-shadow:0 12px 22px #4a55801c;border:1px solid #fff}.method-wheel>button.selected{box-shadow:0 12px 32px #4c519c44;background:#4c55ae}.method-wheel svg circle{stroke:#5b66b877}.method-detail h3{font-size:29px}.method-detail p{font-size:21px}.method-detail blockquote{border-color:#717cc3;background:transparent;font-size:19px}.route-list{font-size:21px}.tool-grid{gap:50px}.screen{border:1px solid white;border-radius:13px;box-shadow:0 25px 60px #30436126;padding:12px;background:#fffc;transform:perspective(1000px) rotateY(-6deg)}.screen img{border-radius:6px}.class-loop span{font-size:16px}.class-loop{gap:10px}.steps li{padding:13px 0;border-bottom:1px solid #60718e22;margin:0}.steps li:last-child{border:0}.steps li>span{font-size:30px;color:#5864b2;font-weight:300}.steps p{color:#45596e;font-size:18px}.steps h3{font-size:22px}.two-col>div:first-child,.capture-layout>div:first-child,.edit-layout>div:last-child,.ppt-layout>div:last-child{background:#f7faffbb;border:1px solid #fff9;padding:20px 25px;border-radius:13px;backdrop-filter:blur(15px)}.material-machine,.archive-board,.edit-timeline,.writing-recipe,.skill-blueprint,.claim,.evidence{background:#f8fbffd9;border:1px solid white;border-radius:12px;box-shadow:0 20px 42px #35496b20;transform:none;backdrop-filter:blur(18px)}.material-machine{perspective:900px;padding:28px}.file-stack{gap:12px}.file-stack span{background:linear-gradient(120deg,#fff,#eaf0fc);border:1px solid #fff;border-radius:6px;box-shadow:0 10px 20px #454a7420;min-height:75px;font-size:12px;display:grid;place-items:center}.output-lines span{border-radius:6px;border-color:#7385c4;background:#ffffffba}.scan-beam{background:#8290e0;box-shadow:0 0 24px 8px #8194ef44;height:2px;animation:scan 3.5s ease-in-out infinite}.verification{gap:30px}.claim{transform:rotate(-2deg);padding:28px 35px}.claim>p{font-size:30px}.claim-source{font-size:14px;color:#758099}.evidence{padding:28px 35px}.evidence>p{font-size:20px}.evidence-answer{background:#dde8f88a;padding:12px;border-radius:7px;font-size:16px}.segmented{position:relative;gap:6px}.segmented button{border:1px solid #fff9;background:#f7faff9c;border-radius:7px;padding:11px 16px;font-size:15px;box-shadow:0 5px 15px #47507110}.segmented .selected{background:#4a55ac;border:1px solid #4a55ac;color:white;box-shadow:0 9px 22px #4a55ac38}.writing-layout>div:first-child{padding:25px;background:#f7faffb8;border-radius:13px;backdrop-filter:blur(12px)}.lens-view{border-color:#727fa638}.lens-view h3{color:#3e4bb0}.writing-recipe{transform:rotate(2deg);padding:28px}.writing-recipe p{margin-top:18px}.writing-recipe b{font-weight:600}.slide-preview{position:relative;z-index:2;box-shadow:0 20px 45px #2f496f29;background:#fffe;border:1px solid white;border-radius:10px;padding:22px;transform:perspective(1100px) rotateY(-8deg)}.photo-matching{position:relative;perspective:1000px;padding:0 12px 0 0}.stack-shadow{position:absolute;background:#edf0ffaa;border:1px solid white;border-radius:10px;top:0;bottom:55px;left:0;right:0;box-shadow:0 15px 25px #52668018}.stack-shadow.s1{transform:rotate(5deg) translate(15px,-5px)}.stack-shadow.s2{transform:rotate(10deg) translate(25px,-5px)}.photo-placeholder{height:150px;background:linear-gradient(135deg,#edf3f9,#d8e0f2);border-radius:6px}.photo-matching .segmented{position:relative;z-index:3}.diagram-types button{background:#f7faffbb;border:1px solid #fff;border-radius:10px;box-shadow:0 12px 24px #31446410}.diagram-types button.selected{background:#4b55b0;color:white;border-color:#fff}.diagram-types button.selected span{color:#ebedff}.diagram-types b{font-size:22px}.diagram-layout>div:last-child{border-radius:13px;background:#f7faffc9;padding:15px;box-shadow:0 20px 50px #34476e15}.diagram-layout .body-copy{font-size:19px;margin-top:18px}#courseChart{height:280px}.fish-art{background:#ffffffad;border:1px solid white;padding:12px;border-radius:15px;box-shadow:0 20px 55px #4e547c20;transform-style:preserve-3d}.fish-art img{border-radius:8px}.fish-art figcaption{padding:10px 0 0}.fish-art figcaption>span{font-size:19px}.fish-art small{font-size:13px;color:#586e7d}.image-steps{padding:12px 15px;border-top:1px solid #72829733}.image-steps p{font-size:17px}.video-stack>div:not(.missing-story){background:#f2f5fbcc;border:1px solid white;color:#283c57;border-radius:9px;box-shadow:0 12px 32px #3e4c7726;backdrop-filter:blur(20px)}.video-stack>div:nth-child(2){background:#dfe8f0e8}.video-stack>div:nth-child(3){background:#e7def0e8}.video-stack span{color:#626d8a}.missing-story{color:#455397;font-size:22px}.boundary-copy h3{color:#3c4aa7;font-size:21px}.boundary-copy p{font-size:18px}.boundary-copy .boundary-emphasis{border-color:#6b7abe;font-size:23px}.boundary-copy .fine{font-size:12px}.archive-board{padding:25px}.media-strip span{background:#5862b4;border-radius:7px;box-shadow:0 8px 20px #4b579e26}.edit-timeline .track p{background:#e0e8f6;border-radius:5px}.edit-timeline .track:nth-child(3) p{background:#e3e8e3}.edit-timeline .track:nth-child(4) p{background:#eee2ec}.playhead{background:#8a679e}.playhead:before{background:#8a679e}.library-tree{padding:20px 30px;border:1px solid white;border-radius:12px;box-shadow:0 20px 50px #3652741a;background:#f8fbffb3;backdrop-filter:blur(18px)}.library-tree h3{font-size:26px}.library-tree p{font-size:20px}.library-tree small{font-size:14px}.knowledge-copy p{font-size:19px}.blueprint-top{background:#4c56aa;border-radius:11px 11px 0 0;padding:20px}.skill-grid p{font-size:16px;padding:20px}.skill-grid b{font-size:21px;color:#3a477f}.skill-note{padding:25px}.closing-copy h2{font-size:clamp(40px,5vw,80px)}.closing-copy{max-width:950px}.closing-copy em{color:#4954b0}.closing-copy>p:not(.eyebrow){font-size:20px;letter-spacing:.12em}.closing-copy>div{margin-top:35px}
/* Actual component gallery: perspective, opposing rows, hover, pointer inertia. */
.theme-hero .slide-inner{padding-top:32px;display:block}.hero-copy{width:53%;padding-top:4vh}.hero-copy h1{font-size:clamp(54px,5.8vw,91px);letter-spacing:-.055em;font-weight:850;line-height:1.14}.hero-copy .stroke{color:#424cad}.stroke:after{display:none}.hero-sub{font-size:21px;color:#364d63;margin-top:25px}.hero-caption{font-size:12px;color:#64708e;letter-spacing:.15em;margin-top:25px}.gallery-stage{position:absolute;right:0;top:3%;width:49%;height:92%;perspective:1200px}.pointer-plane{height:100%;transform-style:preserve-3d;transform-origin:50% 50%}.ace-plane{position:relative;left:0;top:11%;width:110%;transform-style:preserve-3d}.ace-row{display:flex;gap:20px;align-items:center}.ace-row.lower{margin-top:22px;margin-left:-45px}.ace-photo{width:320px;height:225px;flex-shrink:0;border:1px solid #fff;background:#ffffffe0;padding:9px;border-radius:12px;box-shadow:0 25px 50px #3e4e782e;overflow:hidden}.ace-photo img{width:100%;height:calc(100% - 27px);object-fit:cover;object-position:top left;border-radius:6px}.ace-photo.art img{object-fit:cover;object-position:center}.ace-photo span{display:block;font-size:10px;padding:7px;letter-spacing:1px}.ace-note{width:175px;min-height:210px;border:1px solid #fff;background:#fff9;backdrop-filter:blur(20px);padding:22px;border-radius:12px;box-shadow:0 18px 45px #344b6f1a;flex-shrink:0}.ace-note small{font-size:8px;color:#71809e;letter-spacing:1px}.ace-note strong{font-size:27px;line-height:1.5;display:block;margin:16px 0}.ace-note span{font-size:10px}.blue-note{background:#4855aedc;color:white}.blue-note small{color:#d0d7ff}.blue-note strong{font-size:22px}.gallery-control{position:absolute;left:4%;right:12%;bottom:26px;font-size:12px;color:#44517c;letter-spacing:1px}.gallery-control input{width:100%;display:block;accent-color:#515cb5;margin:12px 0 0;cursor:ew-resize}.gallery-credit{position:absolute;bottom:0;left:4%;font-size:10px;color:#5d7080}.tilt-stage{transition:transform .45s cubic-bezier(.2,.8,.2,1);transform:perspective(1300px) rotateX(var(--ty,0deg)) rotateY(var(--tx,0deg))}
/* Dialogs and editable prompt templates. */
dialog{background:#f7f9fff5;border:1px solid white;border-radius:16px;box-shadow:0 30px 120px #182d5966;backdrop-filter:blur(30px)}dialog::backdrop{background:#26395266;backdrop-filter:blur(12px)}.dialog-top{background:#f7f9ffdd;padding:16px 25px}.contents button{border-color:#c5cfe1;background:white;border-radius:7px;transition:.25s}.contents button:hover,.contents button.current{background:#e4e9fb;transform:translateY(-2px)}.practice-scribble{transform:none;color:#6877b4;letter-spacing:.12em}.studio-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px}.studio-controls label{display:block;font-size:13px;color:#50617a;margin-bottom:13px}.studio-controls input,.studio-controls textarea,.studio-controls select{width:100%;display:block;padding:12px;margin-top:5px;border:1px solid #c5cfe1;border-radius:7px;font:15px/1.4 inherit;background:white;color:var(--ink)}.studio-controls :focus{outline:2px solid #6671bf;box-shadow:0 0 0 5px #6571c014}.template-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.template-list button{border:1px solid #cbd3e4;background:#fff;padding:11px;font-size:13px;border-radius:7px;transition:.25s}.template-list button.selected{background:#505cba;color:white;box-shadow:0 6px 15px #4b529e35}.studio-output{background:#e9eef9;border:1px solid #fff;border-radius:10px;padding:20px}.studio-output textarea{width:100%;height:340px;border:0;background:transparent;resize:vertical;font:15px/1.8 'PingFang SC',sans-serif;color:#263d58;outline-offset:5px}.studio-output small{font-size:11px;color:#5d6c85}.effect-list{display:grid;gap:12px}.effect-list article{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:14px;border:1px solid #d3dbea;background:white;border-radius:8px}.effect-list h3{margin:0!important;font-size:18px!important}.effect-list p{font-size:15px}.effect-list a{font-size:13px}#cursorHalo{position:fixed;pointer-events:none;width:28px;height:28px;border:1px solid #687bb25e;border-radius:50%;z-index:60;left:0;top:0;opacity:0;transition:width .2s,height .2s,opacity .3s;backdrop-filter:brightness(1.08)}.water-fallback{height:100%;background:conic-gradient(from 20deg,#dfd1e7,#dae9e0,#eadcca,#d5e2f0,#dfd1e7);background-size:150% 150%;animation:watermove 7s alternate infinite}@keyframes watermove{to{background-position:100% 100%;filter:hue-rotate(25deg)}}dialog[open]{animation:dialog-enter .4s cubic-bezier(.2,.8,.2,1)}@keyframes dialog-enter{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}
@media(min-width:901px) and (max-height:820px){.slide-inner{gap:15px;padding-top:23px;padding-bottom:18px}.page-head h2{font-size:42px}.page-head .lead{font-size:16px;margin-top:10px}.eyebrow{font-size:11px;margin-bottom:10px}.hero-copy h1{font-size:70px}.hero-sub{font-size:20px}.ace-plane{scale:.85;transform-origin:top left;top:7%}.gallery-control{bottom:24px}.survey-chart-wrap,.survey-quote{padding:17px 22px}.survey-quote{min-height:310px}#surveyChart{height:235px}.survey-quote strong{font-size:76px}.survey-quote blockquote{font-size:19px}.survey-quote p{font-size:16px}.chart-switch button{font-size:11px;padding:6px 12px}.steps li{padding:9px 0}.steps h3{font-size:20px}.steps p{font-size:16px;line-height:1.55}.practice-bar{padding:12px 17px}.practice-bar p{font-size:15px}.solid>.button-content{padding:12px 18px}.claim,.evidence{padding:20px 25px}.claim>p{font-size:25px}.evidence>p{font-size:18px}.evidence-answer{padding:8px}.quote{font-size:22px}.learning-note{padding:24px}.learning-note>p{font-size:23px}.method-detail{padding:20px}.method-detail h3{font-size:26px}.method-detail p,.method-detail blockquote{font-size:18px}.photo-placeholder{height:130px}.slide-preview h3{font-size:22px}.writing-recipe p{margin-top:15px;padding-bottom:12px}.writing-layout>div:first-child{padding:20px}.lens-view{min-height:120px}.lens-view p{font-size:17px}.fish-art img{max-height:200px;object-fit:contain}.fish-art figcaption>span{font-size:17px}.image-steps p{font-size:16px}.boundary-copy{padding:17px 22px}.boundary-copy p{font-size:17px}.boundary-copy .boundary-emphasis{font-size:21px;margin:14px 0}.boundary-copy h3{margin:10px 0}.skill-grid p{padding:16px}.skill-note p{font-size:17px}.skill-note{padding:20px}.knowledge-copy p{font-size:18px}.library-tree p{padding:11px 0}.tool-grid .body-copy{font-size:18px}.two-col>div:first-child,.capture-layout>div:first-child,.edit-layout>div:last-child,.ppt-layout>div:last-child{padding:15px 20px}}
@media(max-width:900px){.topbar{padding:0 18px}.top-actions{gap:10px}.top-actions button{font-size:11px}#effectGuide{display:none}.chapter-label{display:none}.slide{overflow:hidden}.slide-inner{padding:25px 24px;gap:24px}.hero-copy{width:100%;padding-top:10px}.hero-copy h1{font-size:57px}.gallery-stage{position:relative;width:100%;height:420px;top:auto;right:auto;margin:15px 0 0}.ace-plane{scale:.7;transform-origin:top left;top:20px;left:8%}.gallery-control{bottom:26px;left:0;right:0}.gallery-credit{left:0}.survey-layout{grid-template-columns:1fr}.survey-quote{min-height:0}.studio-grid{grid-template-columns:1fr}.studio-output textarea{height:260px}.method-detail{padding:22px}.practice-bar{gap:10px}.practice-bar>div{width:100%}.quote{font-size:22px}.top-actions #fullscreen{display:none}.skill-note{padding:23px}.slide-preview{transform:none}.photo-matching{margin:16px 0}.effect-list article{grid-template-columns:1fr}#cursorHalo{display:none}}
@media(prefers-reduced-motion:reduce){.ambient-lines{animation:none!important}#cursorHalo{display:none}.tilt-stage{transform:none!important}}.motion-off #cursorHalo{display:none}.motion-off *{animation-play-state:paused!important}
.liquidChrome-container canvas{width:100%!important;height:100%!important}.gallery-control{bottom:39px}.gallery-credit{bottom:14px}.gallery-stage{height:90%}
@media(min-width:901px) and (max-height:820px){.slide-inner{min-height:calc(100dvh - 128px);gap:13px;padding-top:21px;padding-bottom:18px}.page-head h2 br{display:none}.page-head h2{font-size:39px}.material-machine{padding:18px 22px}.file-stack{margin-bottom:13px}.file-stack span{min-height:53px;padding:12px 6px}.machine-title{font-size:18px;padding-bottom:10px}.output-lines{gap:7px;margin:12px 0}.output-lines span{font-size:15px;padding:6px 12px}.material-machine .text-button{font-size:13px}.fish-art img{max-height:175px;width:100%}.fish-art{padding:10px}.fish-art figcaption small{font-size:12px}.image-steps{padding:8px 12px}.library-tree{padding:15px 25px}.library-tree p{padding:9px 0}.knowledge-copy{padding:20px}.practice-bar{padding:10px 15px}.practice-bar .solid>.button-content{padding:11px 16px}.practice-bar .outline{padding:10px 16px;min-height:44px}}
@media(min-width:901px) and (max-height:820px){#ppt .steps li{padding:6px 0}#ppt .steps h3{font-size:19px}#ppt .steps p{font-size:16px;line-height:1.45}#ppt .fine{font-size:12px}#ppt .slide-inner{gap:10px}#edit .edit-timeline{padding:18px}#edit .track{margin-top:10px;gap:12px}#edit .track>p{padding:10px;font-size:16px}#edit .edit-timeline .text-button{margin-top:8px}#edit .slide-inner{gap:10px}}
@media(min-width:901px) and (max-height:820px){#ppt .slide-inner{padding-top:15px;padding-bottom:12px;gap:8px}}
/* Revision: autonomous water, distinct foreground compositions, persistent teaching motion. */
.method-wheel{isolation:isolate}.method-wheel>svg{opacity:.4}.orbit-track{position:absolute;inset:10%;border:1px solid #777eaf44;border-radius:50%;animation:orbit-lap 9s linear infinite;pointer-events:none;z-index:-1}.orbit-track:before{content:'';position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(from 0deg,transparent 35%,#7276c129 66%,#5756a4 98%,transparent 100%);mask:radial-gradient(transparent 66%,#000 67% 69%,transparent 70%)}.orbit-track i{position:absolute;top:-5px;left:calc(50% - 6px);width:12px;height:12px;background:#6b62b9;border:2px solid white;border-radius:50%;box-shadow:0 0 18px #6f6cbc99}.orbit-track i+i{top:auto;bottom:-5px;background:#84aea5}.orbit-inner{position:absolute;inset:24%;border:1px dashed #8a80b065;border-radius:50%;animation:orbit-lap 30s linear infinite reverse;pointer-events:none}.method-wheel>button{transition:background .4s,box-shadow .4s,transform .4s}.method-wheel>button.selected:after{content:'';position:absolute;inset:-8px;border:1px solid #7366ba77;border-radius:50%;animation:node-breathe 2.8s ease-out infinite}.method-detail{border-radius:0 32px 32px 0;border:0;border-left:3px solid #7476b6;background:linear-gradient(110deg,#f9fbfff2,#f6f9ff85);box-shadow:none}.method-detail>span{letter-spacing:.14em}.method-detail blockquote{padding-left:0;border-left:0;border-top:1px solid #6d789c33;padding-top:18px}.method-detail{position:relative}.method-detail:after{content:'↻';position:absolute;right:16px;bottom:5px;font-size:80px;color:#68709b12;pointer-events:none}@keyframes orbit-lap{to{transform:rotate(360deg)}}@keyframes node-breathe{0%{opacity:.7;transform:scale(.95)}100%{opacity:0;transform:scale(1.3)}}
/* A numbered editorial column, upright and intentionally unlike the lens surface. */
.writing-layout{grid-template-columns:1.12fr .88fr;gap:5vw}.writing-layout>div:first-child{border-radius:0;background:linear-gradient(90deg,#f8fbffd9,#f8fbff77);border-top:1px solid #fff;border-bottom:1px solid #fff;box-shadow:none}.writing-recipe{transform:none!important;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;padding:12px 0 12px 24px;border-left:1px solid #60679b55}.writing-recipe>span{font-size:13px;letter-spacing:.18em;color:#556081}.writing-recipe p{position:relative;padding:0 0 20px 62px;border-bottom:1px solid #65729933;min-height:67px;font-size:16px;line-height:1.6}.writing-recipe p:last-child{border:0;padding-bottom:0}.writing-recipe p i{position:absolute;left:0;top:0;font:italic 40px/1 Georgia,serif;color:#7478ab;font-weight:400}.writing-recipe b{font-size:22px;display:block;margin-bottom:3px}.lens-view{position:relative}.lens-view:before{content:'';position:absolute;left:0;top:0;width:55px;height:2px;background:#7475b6;transition:width .7s}.lens-view:hover:before{width:100%}
/* PPT: visible changes in composition, with stacked paper as a foreground motif. */
.ppt-layout{grid-template-columns:1.22fr 1fr;gap:42px;align-items:center}.ppt-design-stage{position:relative;perspective:1200px;padding:12px 0 0}.deck-echo{position:absolute;left:16px;right:16px;top:11px;height:75%;border:1px solid #ffffffba;background:#e7e8f0a1;border-radius:3px;box-shadow:0 10px 30px #414b8212;pointer-events:none}.echo-one{rotate:-2deg}.echo-two{rotate:3deg;inset:5px 25px auto 25px}.ppt-canvas{position:relative;z-index:2;background:#fafaf7;border-radius:3px;box-shadow:0 20px 50px #3338662c;padding:18px 22px;color:#393c55;transform-style:preserve-3d;overflow:hidden}.ppt-mini-header,.ppt-mini-footer{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1px}.ppt-mini-header{border-bottom:1px solid #62698830;padding-bottom:10px}.ppt-mini-header>span:last-child{font-family:Georgia,serif;font-size:16px}.ppt-mini-footer{margin-top:12px;color:#6e7584;font-size:9px}.ppt-composition{display:grid;grid-template-columns:1fr 1fr;gap:15px;height:215px;padding-top:15px;position:relative}.ppt-title-block{align-self:center;z-index:2}.ppt-title-block small{font-size:10px;letter-spacing:.16em;color:#847477}.ppt-title-block h3{font-family:'Songti SC','STSong',serif;font-size:32px;font-weight:600;line-height:1.35;letter-spacing:-.01em;margin:8px 0 10px}.ppt-title-block p{font-size:12px;line-height:1.7;max-width:270px;color:#74747f}.ppt-rule{display:block;width:35px;height:2px;background:#9a6f7b;margin-top:15px}.photo-slots{display:grid;gap:7px;min-width:0}.ppt-photo{position:relative;overflow:hidden;background:linear-gradient(145deg,#a5b6bb,#e6dace);display:flex;align-items:center;justify-content:center;min-height:0}.ppt-photo svg{position:absolute;bottom:0;left:0;width:100%;height:100%;opacity:.48}.ppt-photo svg circle{fill:#fff8}.ppt-photo svg path{fill:#748f9299}.ppt-photo span{position:relative;font-size:12px;border:1px solid #ffffff88;padding:6px 10px;background:#ffffff40;color:#4b5969;backdrop-filter:blur(5px)}.p-two,.p-three{display:none}.p-two{background:linear-gradient(145deg,#d2bfbb,#e8e0cd)}.p-three{background:linear-gradient(145deg,#bbb8ce,#e0d8dd)}.ppt-canvas[data-layout="cover"] .ppt-composition{grid-template-columns:1fr}.ppt-canvas[data-layout="cover"] .photo-slots{position:absolute;right:-22px;top:0;bottom:-12px;width:64%}.ppt-canvas[data-layout="cover"] .ppt-title-block{width:70%;padding:12px 18px 12px 0;background:linear-gradient(90deg,#fafaf7 48%,#fafaf7e3 78%,transparent)}.ppt-canvas[data-layout="cover"] .ppt-title-block p{max-width:60%}.ppt-canvas[data-layout="gallery"] .ppt-composition{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:10px}.ppt-canvas[data-layout="gallery"] .ppt-title-block h3{font-size:24px;margin:3px 0}.ppt-canvas[data-layout="gallery"] .ppt-title-block p{font-size:10px;max-width:none}.ppt-canvas[data-layout="gallery"] .ppt-rule{display:none}.ppt-canvas[data-layout="gallery"] .photo-slots{grid-template-columns:1.3fr 1fr 1fr}.ppt-canvas[data-layout="gallery"] .p-two,.ppt-canvas[data-layout="gallery"] .p-three{display:flex}.ppt-tabs{margin-top:17px;justify-content:center}.ppt-tabs button{border-radius:40px;padding:9px 17px;font-size:14px}.ppt-layout>.ppt-instructions{background:transparent;border:0;border-left:1px solid #6b789a44;border-radius:0;box-shadow:none;backdrop-filter:none;padding:0 0 0 28px}.ppt-instructions .fine{margin-top:10px}.ppt-instructions .steps li{transition:padding .3s}.ppt-instructions .steps li:hover{padding-left:8px}
/* Three curriculum layouts, designed as a publishable sheet instead of chart-library boxes. */
.diagram-layout{grid-template-columns:225px minmax(0,1fr);gap:30px;align-items:center}.diagram-types{gap:10px}.diagram-types button{position:relative;text-align:left;padding:15px 18px;border-radius:0 20px 20px 0;border:0;border-left:2px solid #757fa53b;background:#fafbff7d;box-shadow:none;transition:.35s}.diagram-types button:hover{translate:6px 0}.diagram-types button small{display:block;font-size:10px;letter-spacing:.13em;margin-bottom:7px;opacity:.7}.diagram-types b{font-size:20px}.diagram-types span{font-size:14px;margin-top:5px}.diagram-types button.selected{background:linear-gradient(100deg,#535da9,#7678b0);border-left-color:#d5d5f6}.diagram-sidebar>.fine{margin-top:16px}.diagram-layout>.curriculum-sheet{position:relative;padding:15px 23px 13px;border-radius:3px;background:#fafbf7f0;box-shadow:0 15px 50px #51516a20;overflow:hidden;border:1px solid #fff}.curriculum-sheet:before{content:'';position:absolute;right:0;top:0;width:34px;height:34px;background:linear-gradient(225deg,#dcdced 49%,#fff 50%);filter:drop-shadow(-2px 2px 2px #38405a11)}.sheet-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;color:#828295;border-bottom:1px solid #77768c22;padding:0 15px 9px 0}.sheet-heading b{font-weight:400}#courseChart{height:auto;min-height:0;padding-top:10px}.map-title{font-family:'Songti SC','STSong',serif;font-size:25px;text-align:center;color:#454b63;font-weight:600}.map-subtitle{text-align:center;font-size:12px;color:#8a8594;margin-top:5px}.curriculum-map{display:block;width:100%;height:auto;max-height:290px;overflow:visible}.map-ribbon{stroke:#9bacbc50;stroke-width:22;fill:none;stroke-linecap:round}.map-flow{stroke:#827db4;stroke-width:2;fill:none;stroke-dasharray:8 13;animation:diagram-flow 8s linear infinite}.map-flow.thin{stroke-width:2}.map-node{cursor:pointer;outline:none}.map-node>circle:not(.inquiry-orbit),.map-node>rect,.inquiry-leaf>path:first-child,.insight-node>path{fill:#e6e6ef;stroke:#b1abc1;stroke-width:1.5;transition:fill .3s,stroke .3s,filter .3s}.map-node:hover>circle:not(.inquiry-orbit),.map-node.active>circle:not(.inquiry-orbit),.map-node:focus-visible>circle:not(.inquiry-orbit),.map-node:hover>rect,.map-node.active>rect,.map-node:focus-visible>rect,.inquiry-leaf.active>path:first-child,.inquiry-leaf:hover>path:first-child,.inquiry-leaf:focus-visible>path:first-child,.insight-node.active>path,.insight-node:focus-visible>path{fill:#cfd8dc;stroke:#767dae;stroke-width:2;filter:drop-shadow(0 3px 5px #8284b233)}.map-digit{font:italic 28px Georgia,serif;fill:#5b6182;text-anchor:middle}.map-label{font-size:22px;font-weight:600;fill:#454f65;text-anchor:middle;pointer-events:none}.map-small{font-size:17px;fill:#808291;text-anchor:middle;pointer-events:none}.map-caption{font-size:18px;fill:#858094;text-anchor:middle;pointer-events:none}.map-stem{stroke:#a5a6b4;fill:none;stroke-width:1.5}.return-loop{fill:none;stroke:#a69eae;stroke-width:1.5;stroke-dasharray:5 5}.inquiry-line{stroke:#afbdc8;stroke-width:9;fill:none;stroke-linecap:round}.inquiry-orbit{fill:none;stroke:#b3a4bc;stroke-width:1;stroke-dasharray:3 6;transform-origin:426px 171px;animation:orbit-lap 40s linear infinite}.compare-band{fill:#ececf099}.compare-band.second{fill:#e6eeeb99}.compare-link{stroke:#979bb3;stroke-width:2;fill:none}.align-left{text-anchor:start}.diagram-insight{display:grid;grid-template-columns:100px 1fr;gap:14px;align-items:center;border-top:1px solid #74768a33;padding-top:10px;min-height:48px}.diagram-insight>span{font-size:15px;font-weight:600;color:#667090}.diagram-insight p{font-size:14px;line-height:1.5;color:#626777}@keyframes diagram-flow{to{stroke-dashoffset:-210}}
/* Image comparison: each caption belongs to its own cropped third of the source bitmap. */
.style-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;perspective:1200px}.style-specimen{position:relative;text-align:left;display:flex;flex-direction:column;overflow:hidden;padding:12px 16px 14px;background:#fafbf7dd;border:1px solid #fff;border-radius:3px;box-shadow:0 12px 30px #48546d13;transition:box-shadow .4s,background .4s;min-width:0}.style-specimen.selected{background:#fffefa;box-shadow:0 12px 35px #48476928,inset 0 -3px #7876ad}.style-specimen:hover{box-shadow:0 18px 45px #48546d28}.specimen-index{font:10px/1.5 'PingFang SC',sans-serif;letter-spacing:.16em;color:#8b8794;z-index:1}.fish-crop{display:block;position:relative;aspect-ratio:1.75;overflow:hidden;width:100%;mix-blend-mode:multiply;max-height:200px}.fish-crop img{position:absolute;width:300%;max-width:none;height:auto;top:50%;left:calc(var(--crop) * -100%);transform:translateY(-50%);transition:filter .5s;pointer-events:none}.style-specimen:hover img{filter:saturate(1.16)}.specimen-caption{position:relative;display:block;padding-top:9px;border-top:1px solid #d3d1dc;line-height:1.5}.specimen-caption b{font-size:22px;font-weight:600;display:block}.specimen-caption small{display:block;font-size:13px;color:#7a7c88;margin-top:2px}.specimen-caption i{position:absolute;right:0;top:11px;font-style:normal;font-size:23px;color:#9692aa;transition:rotate .35s}.style-specimen:hover .specimen-caption i{rotate:45deg}.style-direction{display:grid;grid-template-columns:165px 1fr;gap:20px;align-items:center;background:linear-gradient(90deg,#fcfcffd9,#fafcff70);border-top:1px solid #ffffffaa;border-bottom:1px solid #ffffffaa;padding:16px 20px;min-height:71px}.style-direction>span{font-size:15px;color:#68669f}.style-direction p{font-size:17px;line-height:1.65;color:#41536b}
/* Other chapters: open margins, file tabs, waveform-like timelines, architectural grids. */
.survey-quote{border-radius:0;background:linear-gradient(90deg,#f8faffee,#fafbff55);border:0;border-left:1px solid #8b8bac66;box-shadow:none}.learning-note{border:0;border-radius:0 35px 0 35px;background:#f9fcffc4;box-shadow:12px 12px 0 #ffffff22}.knowledge-copy{background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;border-top:2px solid #8a83ad;padding-left:0;padding-right:0}.library-tree{border-radius:2px 16px 16px 16px;position:relative;margin-top:20px}.library-tree:before{content:'课程资料 / ARCHIVE';position:absolute;left:-1px;top:-23px;height:23px;padding:6px 22px;background:#f8fbffcf;font-size:10px;color:#68728b;border:1px solid white;border-bottom:0;border-radius:7px 14px 0 0}.library-tree p{transition:padding .35s,background .35s}.library-tree p:hover{padding-left:12px;background:#eef1ffb3}.archive-board{border-radius:2px;border-left:5px solid #8386aa}.edit-timeline{border-radius:2px}.skill-blueprint{border-radius:2px;transform:none!important}.blueprint-top{border-radius:0}.skill-grid p{position:relative;transition:background .3s}.skill-grid p:hover{background:#e3e7f6}.skill-grid p:before{content:'';position:absolute;top:-3px;left:-3px;width:7px;height:7px;border:1px solid #969cba;background:#f8fbff}.boundary-copy{border-radius:0 25px 25px 0;border:0;border-left:2px solid #9e93b2;box-shadow:none}.skill-note{border-radius:0;background:linear-gradient(90deg,#fafcffdd,#fafcff55);border:0;border-top:1px solid #949ac1;box-shadow:none}.template-list button:last-child{grid-column:1/-1;border-style:dashed}.studio-controls #studioCustomLabel{border-left:3px solid #8880b6;padding-left:12px}.studio-controls textarea{resize:vertical}.studio-controls #studioCustomLabel[hidden],.studio-controls #studioAgeCustomLabel[hidden]{display:none}.studio-output{position:sticky;top:0;align-self:start}.studio-output textarea{height:400px}
@media(min-width:901px) and (max-height:820px){.ppt-composition{height:180px}.ppt-title-block h3{font-size:27px}.ppt-canvas{padding:12px 18px}.ppt-canvas[data-layout="cover"] .photo-slots{right:-18px}.ppt-tabs{margin-top:12px}.ppt-layout>.ppt-instructions{padding:0 0 0 24px}.diagram-layout{grid-template-columns:210px minmax(0,1fr);gap:24px}.diagram-types button{padding:11px 15px}.diagram-types small{margin-bottom:4px}.diagram-types b{font-size:19px}.map-title{font-size:23px}.curriculum-map{max-height:245px}.diagram-layout>.curriculum-sheet{padding:11px 18px}.diagram-insight{padding-top:7px;min-height:44px}.style-gallery{gap:20px}.fish-crop{max-height:150px;aspect-ratio:2.05}.specimen-caption b{font-size:20px}.style-direction{padding:12px 18px}.writing-recipe p{margin-top:15px;padding-bottom:16px}.writing-recipe b{font-size:21px}.writing-recipe{padding-top:5px;padding-bottom:5px}.ppt-instructions .steps li{padding:8px 0}}
@media(max-width:900px){.writing-layout,.ppt-layout,.diagram-layout{grid-template-columns:1fr;gap:25px}.writing-recipe{padding:10px 0 5px 20px}.ppt-layout>.ppt-instructions{padding:10px 0 0;border:0;border-top:1px solid #8b8aa444}.ppt-composition{height:220px}.diagram-types{display:flex;overflow-x:auto;gap:7px}.diagram-types button{flex:1;min-width:100px;padding:10px 8px;border-radius:0;border-left:0;border-bottom:2px solid #adacc7}.diagram-types b{font-size:15px}.diagram-types span{font-size:11px}.diagram-types small{font-size:8px}.diagram-sidebar>.fine{margin-top:10px}.diagram-layout>.curriculum-sheet{padding:12px 8px;overflow-x:auto}.curriculum-sheet #courseChart{min-width:620px}.sheet-heading{min-width:600px}.diagram-insight{min-width:600px}.map-title{font-size:22px}.curriculum-map{max-height:none}.style-gallery{gap:8px}.style-specimen{padding:8px 6px 10px}.specimen-index{font-size:7px;letter-spacing:0}.fish-crop{aspect-ratio:.85;max-height:none}.specimen-caption{padding-top:8px}.specimen-caption b{font-size:15px}.specimen-caption small{font-size:10px}.specimen-caption i{display:none}.style-direction{grid-template-columns:1fr;gap:8px;padding:14px}.style-direction p{font-size:16px}.studio-output{position:static}.style-specimen .fish-crop img{width:300%}.knowledge-copy{padding-top:20px}.diagram-sidebar{min-width:0}}
/* Final projection-size corrections. */
.practice-bar .solid{padding:3px}.practice-bar .outline{padding:10px 16px}
#ppt .ppt-layout>.ppt-instructions{background:linear-gradient(90deg,#f9fbffb3,#f9fbff45);border:0;border-left:1px solid #828bab66;border-radius:0;box-shadow:none;backdrop-filter:blur(8px);padding:10px 0 10px 22px}
#diagram .curriculum-sheet{border-radius:3px;background:#fafbf7f0;padding:12px 20px}
#courseChart{border:0;border-radius:0;background:transparent}
.map-label{font-size:25px}.map-caption{font-size:21px}.map-small{font-size:19px}
.fish-crop{height:210px;width:210px;max-width:100%;max-height:none;aspect-ratio:1;align-self:center}
.fish-crop img{height:100%;width:300%;top:0;transform:none}
@media(min-width:901px) and (max-height:820px){.fish-crop{height:175px;width:175px;max-height:none;aspect-ratio:1}.curriculum-map{max-height:230px}.map-title{font-size:22px}.map-subtitle{font-size:11px;margin-top:3px}.sheet-heading{padding-bottom:7px}#courseChart{padding-top:7px}.diagram-insight{min-height:41px}.practice-bar{padding:10px 15px}.practice-bar .solid{padding:3px}#diagram .curriculum-sheet{padding:10px 18px}}
@media(max-width:900px){.fish-crop{width:100%;height:auto;aspect-ratio:1}.fish-crop img{height:auto}.style-specimen .fish-crop img{width:300%}.practice-bar .solid{padding:3px}#ppt .ppt-layout>.ppt-instructions{border-left:0;border-top:1px solid #828bab66;padding:16px}.diagram-sidebar .fine:after{content:'图面可左右滑动查看。';display:block;color:#626f92}}
@media(min-width:901px) and (max-height:820px){#image .slide-inner{gap:10px}}
/* Requested additions: silent lobby, basic setup, reverse design, and published outcomes. */
@media(min-width:901px){.studio-output{top:76px}}.dialog-top{z-index:2}
body[data-page="cover"] .topbar,body[data-page="cover"] .bottom-nav,body[data-page="cover"] .progress,body[data-page="cover"] #cursorHalo,body[data-page="cover"] .ambient-lines{display:none}
#cover{padding:0;height:100dvh;min-height:100dvh}#cover .slide-inner{height:100%;min-height:100%;padding:0;max-width:none}#coverSculpture{position:absolute;inset:0;width:100%;height:100%;display:block;filter:drop-shadow(0 30px 22px #4b587323)}.cover-control{position:absolute;bottom:35px;width:56px;height:56px;border:1px solid #ffffffc9;border-radius:50%;background:#ffffff55;backdrop-filter:blur(15px);display:grid;place-items:center;box-shadow:0 8px 35px #676a9422;z-index:3;transition:background .3s,transform .3s}.cover-control:hover{background:#fffc;transform:scale(1.09)}.cover-enter{right:40px}.cover-pause{left:40px;width:42px;height:42px;bottom:42px}.cover-control svg{width:65%;fill:none;stroke:#5e608d;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.cover-fallback{position:absolute;inset:20%;border:1px solid #eee;border-radius:50%;background:conic-gradient(from 20deg,#96a4cc99,#ffffff55,#93beb777,#bc9ec599);box-shadow:inset 20px 30px 70px #fff8;animation:orbit-lap 12s linear infinite}
.buddy-tabs{display:flex;gap:8px;flex-wrap:wrap}.buddy-tabs button{padding:11px 22px;border-radius:30px;background:#ffffff9c;border:1px solid #fff;font-size:16px;transition:.3s}.buddy-tabs button.selected{background:#5058a9;color:white;box-shadow:0 8px 22px #48529422}.buddy-tabs button:hover{translate:0 -3px}.buddy-guide{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center;min-height:0}.buddy-screen{position:relative;padding:0;border-radius:14px;overflow:hidden;background:#ffffff55;border:1px solid #fff;box-shadow:0 16px 45px #4d557a1b;min-width:0}.buddy-screen img{display:block;width:100%;height:315px;object-fit:contain}.buddy-screen>span{display:block;padding:10px;font-size:12px;background:#fafbffb8}.buddy-detail{background:linear-gradient(100deg,#fbfcffdd,#fbfcff77);padding:25px 30px;border-left:2px solid #7d7cad}.buddy-detail>small{font-size:13px;color:#737696;letter-spacing:.07em}.buddy-detail h3{font-size:28px;line-height:1.4;margin:13px 0}.buddy-detail>p{font-size:19px;line-height:1.65}.buddy-example{margin:20px 0 15px;padding-top:15px;border-top:1px solid #8c8ba933}.buddy-example>span{font-size:12px;color:#82788f}.buddy-example p{font-size:17px;line-height:1.7;margin-top:7px}.buddy-detail>a{font-size:13px;text-decoration:none;color:#5963a6}
.reverse-conclusion{width:100%;max-width:1100px;margin:auto}.reverse-conclusion h2{font-size:clamp(42px,4.7vw,72px);line-height:1.3}.reverse-chain{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:45px 0 35px}.reverse-chain>div{height:155px;flex:1;position:relative;background:#fcfcffc7;border:1px solid #ffffffbb;box-shadow:0 16px 50px #51587713;padding:25px 22px;display:flex;flex-direction:column;justify-content:center}.reverse-chain>b{font-size:32px;font-weight:300;color:#7c7eab}.reverse-chain span{font-size:23px;font-weight:600}.reverse-chain small{display:block;font-size:15px;line-height:1.7;margin-top:10px;color:#6e7292}.reference-sample{border-radius:4px 25px 4px 4px;padding-left:110px!important}.reference-sample i{position:absolute;width:68px;height:88px;left:22px;top:27px;background:#9cb8bb;box-shadow:0 5px 12px #65769622;border:1px solid white;rotate:-9deg;animation:reference-sway 6s ease-in-out infinite}.reference-sample i:nth-child(2){background:#c7bdd6;rotate:7deg;animation-delay:-2s}.reference-sample i:nth-child(3){background:linear-gradient(160deg,#f6eee0 48%,#b1c4ca 49%);rotate:0deg;animation-delay:-4s}.reverse-analysis{border-radius:4px}.reverse-prompt{border-radius:25px 4px 4px 4px;background:#575eabde!important;color:white}.reverse-prompt small{color:#eff0ff}.reverse-takeaway{font-size:23px;line-height:1.7}.reverse-conclusion>.text-button{margin-top:20px;font-size:15px}.reverse-copy-text{width:100%;min-height:230px;font:18px/1.8 inherit;padding:18px}.outcome-switch{display:flex;gap:6px}.outcome-switch button{padding:9px 18px;font-size:14px;border:1px solid #fff;border-radius:5px;background:#ffffff88}.outcome-switch button.selected{background:#535eac;color:white}.outcome-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.outcome-card{text-align:left;display:flex;flex-direction:column;background:#fdfdf9e8;border:1px solid white;border-radius:3px;box-shadow:0 15px 35px #555d7618;padding:16px;gap:9px;transition:translate .35s,box-shadow .35s;min-width:0}.outcome-card:hover{translate:0 -7px;box-shadow:0 20px 40px #555d7633}.outcome-type{font-size:14px;color:#646b97;letter-spacing:.08em}.outcome-card img{width:100%;height:160px;object-fit:contain;background:white;border:1px solid #eeedf2}.outcome-card>b{font-size:19px;line-height:1.5;font-weight:600}.outcome-card small{font-size:12px;line-height:1.5;color:#7f7d8e}.outcome-open{font-size:12px;margin-top:auto;padding-top:5px;color:#6670a3}.outcome-enlarged img{display:block;max-width:100%;max-height:60dvh;object-fit:contain;margin:auto;background:white}.outcome-enlarged h3{margin-top:16px!important}.outcome-enlarged p{font-size:16px;line-height:1.6}.outcome-enlarged a{display:inline-block;margin-top:10px;font-size:14px}
.studio-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.studio-field-pair .studio-custom{grid-column:1/-1}.studio-custom{padding-left:10px;border-left:2px solid #9185ba}.studio-controls label{font-size:14px}.studio-output textarea{height:440px}.studio-controls select{font-family:inherit;font-size:15px}.studio-controls input,.studio-controls textarea{font-family:inherit;font-size:15px}.studio-grid{grid-template-columns:1fr 1.12fr}.studio-output small{font-size:12px}
@keyframes reference-sway{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(min-width:901px) and (max-height:820px){.buddy-screen img{height:260px}.buddy-guide{gap:30px}.buddy-detail{padding:17px 23px}.buddy-detail h3{font-size:24px;margin:9px 0}.buddy-detail>p{font-size:17px}.buddy-example{margin:13px 0 10px;padding-top:11px}.buddy-example p{font-size:16px}.buddy-tabs button{padding:9px 19px;font-size:15px}.reverse-conclusion h2{font-size:52px}.reverse-chain{margin:30px 0 24px;gap:20px}.reverse-chain>div{height:140px;padding:20px}.reverse-chain span{font-size:21px}.reverse-takeaway{font-size:21px}.outcome-card{padding:12px;gap:8px}.outcome-card img{height:145px}.outcome-card>b{font-size:17px}#diagram:has(#dynamicDiagrams:not([hidden])) .curriculum-map{max-height:197px}#diagram:has(#dynamicDiagrams:not([hidden])) .map-subtitle{display:none}#diagram:has(#dynamicDiagrams:not([hidden])) .diagram-types button{padding:9px 15px}#diagram:has(#dynamicDiagrams:not([hidden])) .diagram-sidebar>.fine{margin-top:8px}}
@media(max-width:900px){.buddy-tabs{gap:6px}.buddy-tabs button{padding:8px 13px;font-size:14px}.buddy-guide{grid-template-columns:1fr;gap:20px}.buddy-screen img{height:250px}.buddy-detail{padding:20px}.buddy-detail h3{font-size:25px}.buddy-detail>p{font-size:17px}.reverse-conclusion h2{font-size:39px}.reverse-chain{flex-direction:column;gap:13px;margin:25px 0}.reverse-chain>div{width:100%;min-height:100px;padding:20px}.reverse-chain>b{rotate:90deg;line-height:1}.reverse-chain small{margin-top:5px}.reference-sample i{top:12px;height:70px}.reverse-takeaway{font-size:18px}.outcome-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.outcome-card{padding:10px;gap:7px}.outcome-card img{height:110px}.outcome-card>b{font-size:16px}.outcome-card small{font-size:11px}.outcome-type{font-size:12px}.outcome-open{font-size:11px}.studio-grid{grid-template-columns:1fr}.studio-output textarea{height:350px}.cover-enter{right:22px;bottom:24px}.cover-pause{left:22px;bottom:31px}}
@media(min-width:901px) and (max-height:820px){#dynamicDiagrams .diagram-types{margin-bottom:8px}#dynamicDiagrams .diagram-types b{margin-bottom:3px}#dynamicDiagrams .diagram-types button small{margin-bottom:3px}}

/* Enlarged WorkBuddy view retains the selected image and its annotation. */
#detailDialog:has(.buddy-zoom),#detailDialog:has(.achievement-viewer){width:min(1450px,96vw);max-height:94svh}
.buddy-zoom-stage{position:relative;background:#f1f2f5;overflow:hidden;border-radius:10px}.buddy-zoom-stage>img{display:block;width:100%;height:67svh;object-fit:contain}.buddy-zoom-caption{text-align:center;font-size:15px!important;padding:13px 0 0}.buddy-zoom-stage .buddy-mark{animation:none;transform:none!important;opacity:1!important}
/* Official WorkBuddy screenshots: one screen per entry with a consistent annotated focus. */
.buddy-screen{isolation:isolate}.buddy-screen img{object-fit:contain;background:#f7f8fa}.buddy-caption{display:block;padding:9px 12px!important;background:#fbfbfded!important;color:#5d6576;font-size:12px!important;text-align:center}.buddy-mark{position:absolute!important;left:var(--x,6%);top:var(--y,25%);width:var(--w,18%);height:var(--h,7%);padding:0!important;background:transparent!important;border:3px solid #ec4d43;border-radius:8px;box-shadow:0 0 0 999px #16223a0a,0 0 0 4px #fff8;pointer-events:none;animation:buddy-pulse 2.8s ease-in-out infinite}.buddy-mark:after{content:'';position:absolute;right:-42px;top:50%;width:36px;height:2px;background:#ec4d43;transform:rotate(-16deg);transform-origin:left}.buddy-mark:before{content:'';position:absolute;right:-45px;top:calc(50% - 5px);border:5px solid transparent;border-right:0;border-left:9px solid #ec4d43;transform:rotate(-16deg)}.buddy-mark b{position:absolute;right:-30px;top:-19px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#ec4d43;color:white;font:700 10px/1 Arial;box-shadow:0 4px 12px #752c2855}@keyframes buddy-pulse{50%{box-shadow:0 0 0 999px #16223a10,0 0 0 7px #ec4d4322}}

/* Image-led exhibition, with the surrounding glass-water presentation preserved. */
.achievement-gallery{--art-height:clamp(300px,40svh,520px);width:100%;min-width:0;position:relative;isolation:isolate}.achievement-stage{height:calc(var(--art-height) + 18px);position:relative;perspective:1600px;overflow:hidden;touch-action:pan-y}.achievement-art{position:absolute;top:6px;left:50%;height:var(--art-height);width:calc(var(--art-height) * 1.5);padding:0;border:5px solid #fff;border-radius:3px;background:white;box-shadow:0 18px 30px #25395333;transition:transform .65s cubic-bezier(.22,.75,.2,1),opacity .6s,filter .6s;transform:translateX(-50%);will-change:transform;overflow:hidden}.achievement-art>img{display:block;width:100%;height:100%;object-fit:contain;background:white}.achievement-art>span{position:absolute;left:0;bottom:0;right:0;padding:10px 12px;color:#263c56;background:#ffffffed;transform:translateY(105%);transition:.25s;font-size:13px;text-align:left}.achievement-art>span i{float:right;font-style:normal;color:#6d769a}.achievement-art[data-position=center]{z-index:3;opacity:1;filter:none;transform:translateX(-50%) translateZ(0)}.achievement-art[data-position=left]{z-index:1;opacity:.52;filter:saturate(.6);transform:translateX(-123%) translateZ(-190px) rotateY(19deg) scale(.92)}.achievement-art[data-position=right]{z-index:1;opacity:.52;filter:saturate(.6);transform:translateX(23%) translateZ(-190px) rotateY(-19deg) scale(.92)}.achievement-art[data-position=hidden]{opacity:0;pointer-events:none;transform:translateX(-50%) translateZ(-450px) scale(.7)}.achievement-art[data-position=center]:hover>span,.achievement-art:focus-visible>span{transform:none}.achievement-caption{display:flex;justify-content:space-between;align-items:center;padding:7px 4px 0;gap:20px}.achievement-caption>div:first-child{display:flex;gap:18px;align-items:center;min-width:0}.achievement-caption strong{font-size:18px;color:#273449}.achievement-caption small{font-size:10px;letter-spacing:.12em;color:#72758a}.achievement-caption span{font:12px Arial;color:#626889;font-variant-numeric:tabular-nums}.achievement-transport{display:flex;gap:8px}.achievement-transport button{width:35px;height:35px;border:1px solid #ffffffbb;border-radius:50%;background:#ffffff99;font-size:18px;color:#424b70}.achievement-transport button:hover{background:white;transform:translateY(-2px)}.achievement-dots{display:flex;gap:8px;justify-content:center;padding:8px 0 0}.achievement-dots button{position:relative;width:23px;height:14px;padding:5px 0;background:transparent}.achievement-dots button:before{content:'';display:block;height:3px;border-radius:3px;background:#626c9640}.achievement-dots button[aria-pressed=true]:before{background:#5966a8}.achievement-zoom-tools{display:flex;gap:8px;padding-bottom:12px}.achievement-zoom-tools button{font-size:14px;padding:7px 15px;border:1px solid #c4cbdd;border-radius:20px}.achievement-zoom-tools button[aria-pressed=true]{background:#505da7;color:#fff}.achievement-image-scroll{overflow:auto;max-height:70svh;background:white;border:1px solid #e5e7ed}.achievement-image-scroll img{display:block;width:100%;height:67svh;object-fit:contain}.achievement-image-scroll.zoomed img{width:1536px;max-width:none;height:auto}.achievement-viewer>p{font-size:12px!important;margin-top:10px;color:#7b8193}
@media(min-width:901px) and (max-height:820px){#diagram:has(.achievement-gallery:not([hidden])) .slide-inner{gap:10px;padding-top:18px;padding-bottom:14px}#diagram:has(.achievement-gallery:not([hidden])) h2{font-size:35px}.achievement-gallery{--art-height:270px}.achievement-caption small{display:none}.achievement-caption strong{font-size:16px}.achievement-dots{padding-top:4px}}
@media(max-width:900px){.achievement-gallery{--art-height:clamp(195px,48vw,340px)}.achievement-caption>div:first-child{gap:7px;flex-wrap:wrap}.achievement-caption strong{font-size:14px}.achievement-caption small{display:none}.achievement-transport{flex-shrink:0;gap:4px}.achievement-transport button{width:30px;height:30px;font-size:16px}.achievement-caption{gap:8px}.achievement-dots{gap:5px}.achievement-dots button{width:18px}.achievement-art{border-width:3px}.achievement-image-scroll img{height:auto}.buddy-zoom-stage>img{height:60svh}}
/* Previous diagram gallery styles remain scoped to the retired component classes. */
.research-gallery{position:relative;overflow:hidden;min-height:380px;margin-top:-2px}.research-track{--index:0;display:flex;width:100%;transform:translateX(calc(var(--index) * -72% + 14%));transition:transform .85s cubic-bezier(.2,.8,.2,1);gap:24px;padding:10px 0 64px}.research-slide{position:relative;flex:0 0 68%;min-width:0;opacity:.38;transform:scale(.9) perspective(1000px) rotateY(7deg);transform-origin:center;transition:.7s;cursor:pointer;filter:saturate(.6)}.research-slide.active{opacity:1;transform:scale(1) perspective(1000px) rotateY(0);filter:none;z-index:2}.research-viz{border:1px solid #ffffffd9;background:#f8f7f1;border-radius:19px;box-shadow:0 24px 70px #30415d2a;overflow:hidden}.research-viz svg{display:block;width:100%;height:285px}.research-meta{position:absolute;left:22px;right:22px;bottom:-46px;display:grid;grid-template-columns:125px 1fr auto;grid-template-rows:auto auto;align-items:center;gap:2px 14px;padding:13px 16px;background:#f9fafddd;border:1px solid white;border-radius:5px;box-shadow:0 12px 30px #31405d1e;backdrop-filter:blur(14px)}.research-meta>span{grid-row:1/3;color:#606a8e;font-size:11px;letter-spacing:.08em}.research-meta>b{font-size:18px;line-height:1.25}.research-meta>small{font-size:10px;color:#747d8e}.research-open{grid-column:3;grid-row:1/3;color:#5963a6;font-size:12px;border-bottom:1px solid #8991b6;padding:5px 0}.research-controls{position:absolute;right:6px;bottom:4px;display:flex;gap:13px;align-items:center;z-index:5}.research-controls>button{width:38px;height:38px;border:1px solid white;border-radius:50%;background:#fbfcffbb;font-size:20px;box-shadow:0 7px 20px #3846631b}.research-controls>div{display:flex;align-items:center;gap:5px;color:#646e86}.research-controls b{font:700 18px Arial;color:#36415d}.research-controls span{font-size:11px}.research-controls i{display:block;width:72px;height:2px;background:#bdc5d4;margin-left:7px}.research-controls em{display:block;height:100%;background:#5963b1;transition:.5s}.research-detail-viz svg{display:block;width:100%;max-height:55svh}.research-detail h2{margin-top:18px!important}.research-detail p{font-size:16px}.viz-line{stroke-dasharray:900;stroke-dashoffset:900;animation:viz-draw 2.2s cubic-bezier(.2,.8,.2,1) forwards}.research-slide.active .viz-node{animation:viz-node .65s both}.research-slide.active .viz-node:nth-child(2n){animation-delay:.12s}.research-slide.active .viz-node:nth-child(3n){animation-delay:.24s}@keyframes viz-draw{to{stroke-dashoffset:0}}@keyframes viz-node{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

@media(min-width:901px) and (max-height:820px){.research-gallery{min-height:350px}.research-viz svg{height:258px}.research-track{padding-bottom:55px}.research-meta{bottom:-42px}.research-meta>b{font-size:17px}}
@media(max-width:900px){.buddy-mark{border-width:2px}.research-gallery{min-height:360px}.research-track{transform:translateX(calc(var(--index) * -90% + 5%));gap:14px}.research-slide{flex-basis:86%}.research-viz svg{height:auto;min-height:230px}.research-meta{left:8px;right:8px;grid-template-columns:80px 1fr;padding:10px;bottom:-54px}.research-meta>span{font-size:9px}.research-meta>b{font-size:15px}.research-meta>small{font-size:9px}.research-open{grid-column:2;grid-row:auto;font-size:10px;justify-self:start}.research-controls{right:6px}.research-controls i{width:45px}}