:root{--ink:#344b64;--paper:#f7fbff;--pink:#f1c3df;--rose:#5d78ae;--yellow:#e9d9ef;--green:#cfe5f3;--line:#7d97b1;--shadow:4px 5px 0 #53688719}
body{background:linear-gradient(118deg,#fff0f7 0%,#f4f7fc 45%,#eaf6ff 100%)}.site-header{max-width:1440px}.brand-mark{background:linear-gradient(140deg,#bb7fa9,#6c9bc2);border-radius:16px;clip-path:none;transform:rotate(-5deg)}.brand strong{font-size:29px}.site-nav a::after{background:#9abbdc}.post-nav{border-color:#91a8bc}.eyebrow{color:#6b819c}.home-frame{max-width:1380px;margin:0 auto;border:1px solid #c0d1e4;box-shadow:8px 10px 0 #94afc219;border-radius:30px;overflow:hidden}.island-stage{height:850px;background:radial-gradient(ellipse at 20% 45%,#fce3f3 0%,transparent 44%),radial-gradient(ellipse at 90% 65%,#d5efff 0%,transparent 48%),#f9fcff}.stage-topline,.stage-bottomline{color:#668099}.cut-title{left:26%;top:8%;width:48%;transform:none;text-align:center}.cut-title h1{font-family:var(--hand);font-size:46px;line-height:1.45;letter-spacing:5px;color:#59708c;margin:0}.cut-title h1 span{display:block;font-size:58px;color:#627eb0;text-shadow:3px 4px 0 #fff}.cut-title>p:first-child{font-size:10px;letter-spacing:3px}.title-foot{font-size:14px!important;margin-top:18px!important}.friends-stage{position:absolute;left:23%;top:34%;width:54%;z-index:4}.friends-video{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#fff;border-radius:20px}.friends-stage{mix-blend-mode:multiply}.friends-caption{margin-top:-5px;text-align:center;font-family:var(--hand);color:#59708c}.friends-caption>span{font-size:23px;letter-spacing:4px}.friends-caption small{display:block;font:11px var(--font);margin:7px 0 0;letter-spacing:2px}.motion-controls{position:absolute;top:85%;left:22%;width:56%;z-index:9;display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;font-size:11px}.motion-controls button{border:1px solid #a4b9d1;background:#ffffffb5;border-radius:30px;padding:6px 12px;transition:.2s}.motion-controls button:hover{background:#e2edfa}.motion-controls button[aria-pressed=true]{background:#ddeaf8}.motion-controls input{width:90px;accent-color:#849fcc}.motion-seek-label{font-size:10px}.motion-controls #motion-status{flex-basis:100%;text-align:center;font-size:10px;color:#6e849b}.object-about{left:5%;top:32%;width:16%}.object-laptop{left:7%;top:61%;width:16%}.object-skills{right:4%;top:19%;width:17%}.object-mailbox{right:4%;top:47%;width:14%}.object-house{right:5%;top:72%;width:13%}.island-object{z-index:6}.object-label{color:#526e8c;font-size:22px}.object-label small{font-size:9px;letter-spacing:1px}.object-visual{filter:drop-shadow(2px 4px 1px #829eb029)}.object-tip{background:#f6fbff;color:#496883;border-color:#c1d3e2}.water-rings{position:absolute;left:15%;bottom:18%;width:70%;height:35%;border:2px solid #a7cfe94d;border-radius:50%;transform:rotate(-5deg)}.water-rings::before,.water-rings::after{content:'';position:absolute;inset:10px -25px;border:1px solid #a7cfe935;border-radius:50%}.water-rings::after{inset:-14px 35px}.water-slide{position:absolute;left:5%;top:13%;width:140px;height:65px;border:15px solid #e7bdd7;border-top:0;border-right:0;border-radius:0 0 0 60px;transform:rotate(-15deg);opacity:.45}.water-slide span{position:absolute;right:-33px;bottom:-15px;width:48px;height:15px;border-radius:8px;background:#a2cce9}.floating-bubble{position:absolute;border:1px solid #9bbbd977;border-radius:50%;background:radial-gradient(circle at 28% 23%,#ffffffc9,transparent 40%);pointer-events:none}.bubble-one{width:40px;height:40px;top:20%;left:21%}.bubble-two{width:22px;height:22px;top:64%;right:20%}.bubble-three{width:30px;height:30px;top:72%;left:30%}.home-story h2,.page-heading h1{color:#506e92}.home-story p,.page-heading p{color:#667a90}.home-project-preview{background:#ffffffb5;border-color:#b6c8d9}.tag{background:#eef6ff;border-color:#b4c8db}.project-spread.pink{background:#fce8f2}.project-spread.green{background:#e6f1fb}.project-spread.yellow{background:#f1ebfb}.spread-picture{background:#ffffffc0}.notebook-left{background:#f9eaf3}.notebook-right{background:#eaf4fc}.friends-portrait{width:100%;mix-blend-mode:multiply;margin-bottom:25px}.field-entry p,.notebook p{color:#52677b}.tool-pocket{background:#f1eafa}.tool-tabs button[aria-selected=true]{background:#d8e9f9}.tool-workbench .tool-pocket>img{max-height:230px;object-fit:contain}.tool-note,.gallery-footnote{color:#6d7d93}.welcome-dialog{width:min(1000px,94vw);border:1px solid #b0c7dc;border-radius:24px;padding:0;box-shadow:0 25px 100px #344b6455}.welcome-dialog::backdrop{background:#b4cbe280;backdrop-filter:blur(7px)}.welcome-scene{padding:45px 30px;min-height:440px;grid-template-columns:1.2fr 1fr;background:linear-gradient(125deg,#fff1f8,#eff8ff)}.welcome-art{width:100%;height:auto;mix-blend-mode:multiply;display:block}.welcome-photo-note{display:block;text-align:center;font:9px monospace;letter-spacing:2px;margin-top:14px}.welcome-copy h2{font-size:42px;color:#5e78a0}.welcome-copy p{color:#6e8097}.welcome-interests{display:flex;gap:14px;margin:23px 0}.welcome-interests span{padding:5px 12px;border:1px solid #b8cddd;border-radius:20px;font-size:12px;background:#ffffff80}.welcome-actions{flex-wrap:wrap;gap:18px}.welcome-copy .media-note{font-size:10px;margin:24px 0 0;line-height:1.8}.welcome-art video{border-radius:0}.lab-intro{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-bottom:40px}.lab-intro>img{width:100%;border:1px solid #c8d8e5;border-radius:20px}.lab-intro h2{font:32px var(--hand);margin-top:20px}.creative-lab{background:#ffffffa8;border-color:#c9d9e6}.lab-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0}.lab-toolbar label{display:flex;align-items:center;gap:8px}.lab-toolbar button,.lab-toolbar a{padding:7px 15px;background:#ecf4fb;border:1px solid #b1c8dc;border-radius:8px;font-size:13px}.lab-toolbar button:hover{background:#dceaf7}.lab-toolbar button[aria-pressed=true]{background:#cfdeee;border-color:#7191b1}.palette{display:flex;flex-wrap:wrap;gap:9px}.palette button{width:30px;height:30px;border:2px solid #fff;border-radius:50%;outline:1px solid #b9c9d8}.palette button[aria-pressed=true]{outline:3px solid #556e8e;outline-offset:2px}.bead-grid{display:grid;grid-template-columns:repeat(16,1fr);width:min(480px,100%);aspect-ratio:1;gap:3px;background:#e4ecf3;border:12px solid #f3f7fa;border-radius:16px;touch-action:pan-y}.bead-grid button{padding:0;border-radius:50%;border:1px solid #b6c6d844;position:relative;min-width:0}.bead-grid button::after{content:'';position:absolute;inset:33%;border-radius:50%;background:#ffffff88;box-shadow:inset 0 1px 1px #0002}.bead-layout{display:grid;grid-template-columns:1fr .7fr;align-items:start;gap:32px}.lab-result{font-size:12px;color:#647b95}.drawing-canvas{display:block;width:100%;height:auto;background:#fff;border:1px solid #cad8e7;border-radius:12px;touch-action:none}.lab-note{font-size:12px;line-height:1.8;color:#6b7e93}.drawing-wrap{width:100%;max-width:900px;margin:auto}.cube-wrap{background:linear-gradient(130deg,#fae8f3,#e3f1fb);border-radius:18px}.cube-face{color:#45637c!important}.storage-note{font-size:11px}.home-frame .stage-bottomline{font-size:9px}.motion-controls button:disabled{opacity:.5;cursor:default}
@media(max-width:1050px){.island-stage{height:780px}.cut-title h1{font-size:36px}.cut-title h1 span{font-size:46px}.friends-stage{left:20%;width:60%;top:37%}.object-label{font-size:19px}.object-about{top:30%}.object-skills{top:23%}.object-house{top:71%}.motion-controls{left:23%;width:54%;top:84%}.welcome-copy h2{font-size:34px}}
@media(max-width:700px){.site-header{padding:15px 20px}.home-frame{margin:0 12px;border-radius:22px}.island-stage{height:930px}.cut-title{left:5%;top:8%;width:90%}.cut-title h1{font-size:33px}.cut-title h1 span{font-size:44px}.title-foot{font-size:12px!important}.stage-topline{font-size:7px}.stage-topline>span:last-child{display:none}.object-about{left:6%;top:27%;width:25%}.object-skills{right:5%;top:27%;width:25%}.object-label{font-size:20px}.object-label small{font-size:7px}.friends-stage{left:2%;top:45%;width:96%}.friends-caption{margin-top:4px}.friends-caption>span{font-size:20px}.motion-controls{left:9%;width:82%;top:74%;gap:8px}.motion-controls input{width:70px}.motion-seek-label{display:none}.object-laptop{left:5%;top:83%;width:25%}.object-house{right:35%;top:83%;width:24%}.object-mailbox{right:5%;top:83%;width:19%}.stage-bottomline{bottom:10px;font-size:6px!important}.stage-bottomline>span:last-child{display:none}.water-rings{left:3%;width:94%;top:51%;height:22%}.water-slide{left:3%;top:22%;width:90px}.bubble-one{top:40%;left:38%}.bubble-two{top:73%;right:6%}.bubble-three{top:23%;left:72%}.route-strip{gap:9px;font-size:11px;line-height:2}.route-strip>button{flex-basis:100%;font-size:11px;margin-top:7px}.welcome-scene{display:flex;flex-direction:column;padding:25px 25px 30px;gap:12px;min-height:0}.welcome-art{width:100%;max-width:430px;height:auto}.welcome-copy{text-align:center}.welcome-copy h2{font-size:30px;margin-top:8px}.welcome-copy h2 br{display:none}.welcome-copy p{font-size:13px}.welcome-interests{justify-content:center;margin:14px 0}.welcome-actions{justify-content:center}.welcome-copy .media-note{font-size:9px;margin-top:14px}.welcome-photo-note{display:none}.lab-intro{grid-template-columns:1fr;gap:22px}.lab-intro h2{font-size:27px}.bead-layout{grid-template-columns:1fr;gap:20px}.lab-toolbar{font-size:12px}.lab-toolbar button{font-size:12px;padding:6px 10px}.bead-grid{gap:2px;border-width:8px}.creative-lab{padding:20px}.home-story{padding:0 25px}.project-spread{border-radius:16px}.page-heading h1{letter-spacing:1px}.welcome-dialog{max-height:92dvh}.friends-caption small{font-size:10px}.home-frame .stage-bottomline{left:12px;right:12px}}
@media(max-width:380px){.island-stage{height:870px}.cut-title h1 span{font-size:36px}.cut-title h1{font-size:29px}.object-label{font-size:17px}.friends-stage{top:46%}.motion-controls{top:73%;font-size:10px}.motion-controls button{font-size:10px;padding:6px 9px}.object-laptop,.object-mailbox,.object-house{top:82%}.welcome-copy h2{font-size:25px}.welcome-interests{gap:8px}.welcome-interests span{font-size:11px}.stage-topline{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Keep the retained template, but replace portrait-oriented mascot geometry. */
.friends-video{aspect-ratio:16/9;border-radius:20px;border:5px solid #ffffffc9;box-shadow:0 7px 24px #6c8eaa14}.friends-stage{mix-blend-mode:normal;top:37%}.friends-caption{margin-top:14px}.welcome-art{aspect-ratio:auto;background:transparent;border-radius:0;mix-blend-mode:normal}.welcome-art .friends-video{border-radius:14px;border:3px solid #fff8}.welcome-scene{min-height:440px}.welcome-photo-note{margin-top:15px}.home-story .preview-controls button[aria-pressed=true]{background:#dceafa}
@media(max-width:700px){.friends-stage{top:46%}.friends-caption{margin-top:9px}.friends-video{border-width:3px}.motion-controls{top:73%}.welcome-scene{min-height:0}.welcome-art{aspect-ratio:auto;background:none}}
@media(max-width:380px){.motion-controls{top:72%}.friends-stage{top:46%}}

/* Mobile labels and video controls must not collide with the sofa caption. */
.home-story .preview-controls button[aria-pressed=true]{color:#3f5f84}
@media(max-width:700px){.object-label{white-space:nowrap;font-size:17px}.object-label small{white-space:normal}.friends-caption small{display:none}.motion-controls{top:75%}}
@media(max-width:380px){.object-label{font-size:15px}.motion-controls{top:74%}}
@media(min-width:1051px){.friends-stage{left:26%;width:48%;top:34%}.motion-controls{top:89%}}
@media(min-width:701px) and (max-width:1050px){.friends-stage{left:24%;width:52%;top:34%}}
@media(max-width:700px){.island-object{max-width:104px}.object-laptop,.object-house,.object-mailbox{max-width:94px}.object-house{right:calc(50% - 47px)}}
@media(min-width:481px) and (max-width:700px){.friends-stage{left:50%;width:420px;transform:translateX(-50%);top:43%}}
@media(min-width:381px) and (max-width:480px){.friends-stage{top:43%}}