/* BEYBOO stylesheet bundle: generated by scripts/bundle-css.mjs from scripts/stylesheets.json. Do not edit; run `npm run bundle:css`. */
/* ===== style.css (v=collection-20261104) ===== */
:root{--ink:#1d1d1f;--muted:#6e6e73;--blue:#0071e3;--bg:#f5f5f7;--line:#e5e5e7;--radius:28px;--max:1280px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #0071e3;outline-offset:5px}button:disabled{cursor:default}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.06;letter-spacing:-.047em}button{border:0}button,a{touch-action:manipulation}.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.muted,h2>span,h3>span{color:#6e6e73}.skip{position:fixed;top:-100px;left:20px;background:white;padding:14px;z-index:100}.skip:focus{top:10px}.header{position:sticky;top:0;background:#ffffffeb;backdrop-filter:blur(20px);border-bottom:1px solid #ededee;z-index:30}.nav{height:72px;display:flex;align-items:center;gap:36px}.logo{font-size:29px;font-weight:760;letter-spacing:.025em;display:inline-flex;align-items:center;gap:7px;flex-shrink:0;line-height:1}.logo-dot{color:var(--blue);margin-left:-7px}.logo-eye{width:25px;height:25px;border:1.5px solid #202024;border-radius:50%;display:inline-block;position:relative;margin-right:4px}.logo-eye:before{content:"";position:absolute;inset:4px;border:4px solid #0071e3;border-radius:50%}.logo-eye:after{content:"";position:absolute;right:7px;top:6px;background:#fff;width:4px;height:4px;border-radius:50%}.nav-links{display:flex;justify-content:center;align-items:center;gap:34px;margin:auto;font-size:13px;color:#404044}.nav-links a:hover{color:var(--blue)}.nav-cta{font-size:12px;background:var(--ink);color:#fff;border-radius:30px;padding:10px 16px;white-space:nowrap;display:flex;gap:12px;align-items:center}.menu-toggle{display:none;background:transparent}.announcement{text-align:center;padding:14px 24px;background:var(--bg);font-size:12px;color:#55555b}.announcement a{margin-left:9px;color:var(--blue)}.hero{display:grid;grid-template-columns:1fr 1.05fr;min-height:690px;align-items:center;position:relative;padding-top:30px;padding-bottom:40px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:650;margin-bottom:21px;color:#6e6e73}.hero h1{font-size:clamp(58px,5.5vw,82px);letter-spacing:-.063em;line-height:1.02;font-weight:650}.hero h1 span{color:#a39a8a}.hero-lead{color:#6e6e73;line-height:1.5;font-size:22px;font-weight:400;margin-top:28px;letter-spacing:-.025em}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}.button{border-radius:30px;padding:14px 23px;display:inline-flex;align-items:center;justify-content:center;gap:22px;font-size:14px;letter-spacing:-.015em;min-height:49px;transition:background .2s,transform .2s;line-height:1.3}.button:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:#fff}.primary:hover{background:#0077ed}.dark{background:var(--ink);color:#fff}.text-link{font-size:14px;background:transparent;color:var(--blue);padding:0;line-height:1.5;display:inline-flex;gap:7px;align-items:center}.text-link:hover{text-decoration:underline}.hero-note{font-size:11px;color:#6e6e73;margin-top:29px;display:flex;gap:7px;align-items:center}.status-dot{width:5px;height:5px;border-radius:50%;background:#9aa793;display:inline-block}.hero-visual{position:relative;padding:0 15px 45px}.hero-noah{position:relative;mix-blend-mode:multiply;width:100%;max-height:580px;object-fit:contain}.hero-orbit{position:absolute;inset:6% 0 10%;border-radius:50%;background:radial-gradient(ellipse,#f4f0e9 0%,#faf9f6 42%,#fff 70%)}.hero-caption{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:280px;display:flex;align-items:center;gap:20px;background:#fffdfbdb;border:1px solid #eeeae4;border-radius:20px;padding:14px 18px;box-shadow:0 14px 40px #ad9c8010}.hero-caption>span{font-size:10px;color:#6e6e73}.hero-caption b{font-size:16px}.hero-caption small{display:block;font-size:11px;color:var(--muted)}.round-button{border-radius:50%;background:#f4f4f5;width:44px;height:44px;margin-left:auto;font-size:20px;flex-shrink:0}.intro-strip{display:grid;grid-template-columns:1fr 1fr 1fr;border-block:1px solid var(--line);padding:26px 0;margin-bottom:5px}.intro-strip>a{display:flex;gap:18px;align-items:center;padding:0 30px;border-right:1px solid var(--line)}.intro-strip>a:first-child{padding-left:0}.intro-strip>a:last-child{border:0;padding-right:0}.step-number{font-size:12px;color:#6e6e73;align-self:flex-start;padding-top:3px}.intro-strip b{font-size:14px;letter-spacing:-.02em;font-weight:600}.intro-strip small{display:block;font-size:12px;color:#6e6e73;margin-top:4px}.intro-strip>a>span:last-child{margin-left:auto;color:#97979b}.section{padding-block:105px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:46px}.section h2{font-size:clamp(34px,3.6vw,53px);font-weight:650}.section-heading>p{max-width:360px;color:var(--muted);font-size:16px;line-height:1.6;letter-spacing:-.02em;margin-bottom:4px}.modular{padding-bottom:80px}.modular-card{border-radius:var(--radius);background:#f6f5f3;display:grid;grid-template-columns:.8fr 1.2fr;min-height:630px;overflow:hidden}.modular-copy{padding:62px 0 44px 58px;position:relative;z-index:2}.pill{font-size:9px;letter-spacing:.08em;font-weight:600;color:#77726b;display:inline-block;border:1px solid #dad7d2;border-radius:18px;padding:6px 10px;line-height:1.3}.modular h3{font-size:49px;margin-top:40px;letter-spacing:-.05em}.modular h3 span{color:#a29b8e}.modular-copy>p:not(.detach-status){max-width:245px;color:#77736c;font-size:15px;line-height:1.6;margin:23px 0 28px}.detach-status{font-size:12px;margin-top:14px;color:#858078;min-height:18px}.detach-stage{container-type:inline-size;position:relative;min-width:0;display:flex;align-items:center;isolation:auto}.socket-photo{width:100%;mix-blend-mode:multiply;position:relative}.detachable-eye{position:absolute;width:31%;left:34.9%;top:calc(50% - 17.7cqw);transform:translateY(-50%);transition:transform 1s cubic-bezier(.2,.7,.2,1),filter 1s;z-index:3;cursor:pointer}.detach-stage.is-detached .detachable-eye{transform:translate(-116%,35%) scale(1.35);filter:drop-shadow(6px 14px 14px #35384622)}.detach-label{position:absolute;left:-9%;top:69%;font-size:13px;font-weight:600;opacity:0;transform:translateY(10px);transition:.6s}.detach-label small{display:block;font-size:10px;color:#87817a;font-weight:400}.is-detached .detach-label{opacity:1;transform:translateY(0)}.clip-line{position:absolute;width:20%;border-top:1px dashed #999;left:13%;top:41%;opacity:0;transition:.5s}.is-detached .clip-line{opacity:1}.caption{font-size:11px;color:#6e6e73;line-height:1.55;margin-top:17px}.collection-section{background:var(--bg)}.collection-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{font-size:12px;border-radius:24px;padding:10px 17px;background:#fff;color:#6e6e73;transition:.2s}.filters button.active{background:var(--ink);color:#fff}.collection-toolbar>span{font-size:11px;color:#6e6e73}.people-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:17px}.person-card{background:#fff;border-radius:20px;padding:10px 10px 20px;min-width:0;transition:transform .25s,box-shadow .25s;position:relative}.person-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #00000007}.person-open{background:transparent;text-align:left;width:100%;padding:0;display:block}.person-photo{aspect-ratio:1;overflow:hidden}.person-photo img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.person-card:hover img{transform:scale(1.06)}.person-info{padding:16px 12px 0}.person-info small{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#6e6e73;margin-bottom:8px;display:block}.person-info h3{font-size:24px;font-weight:600;letter-spacing:-.04em}.person-info p{font-size:12px;color:#6e6e73;margin-top:5px}.person-info .story-link{font-size:11px;color:var(--blue);margin-top:18px;display:flex;justify-content:space-between;align-items:center}.experience-card{display:grid;grid-template-columns:1.05fr 1fr;background:var(--bg);border-radius:var(--radius);overflow:hidden;align-items:center;padding:62px 55px;gap:60px}.experience-display{text-align:center}.device-shell{max-width:400px;width:100%;aspect-ratio:1;margin:auto;border:6px solid #39393c;border-radius:50%;background:#080a12;padding:3px;box-shadow:0 25px 35px #00000018,inset 0 0 0 1px #8a8a90}.device-screen{background:#0b1020;aspect-ratio:1;border-radius:50%;overflow:hidden;position:relative;color:#fff;container-type:inline-size}.living-eye{position:absolute;inset:0;border:0;background:#05060b;border-radius:50%;padding:0;width:100%;height:100%;overflow:hidden}.living-eye img{width:110%;max-width:none;position:absolute;left:-5%;top:-5%;filter:hue-rotate(0deg);transition:filter .65s,transform .15s}.living-eye[data-expression="joy"] img{filter:hue-rotate(245deg) saturate(1.2)}.living-eye[data-expression="attention"] img{filter:hue-rotate(65deg) saturate(1.3)}.living-eye:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 28px 8px #0007;pointer-events:none}.living-eye.blink img{transform:scaleY(.05)!important;transition:transform .1s}.device-brand{display:block;font-size:10px;font-weight:650;letter-spacing:.13em;margin-top:27px;color:#73737a}.experience-display>p{font-size:11px;margin-top:7px;color:#6e6e73}.experience-controls h3{font-size:33px;font-weight:600;letter-spacing:-.04em}.experience-controls>p:not(.eyebrow):not(.demo-note){font-size:15px;line-height:1.6;color:#6e6e73;min-height:72px;margin-top:18px}.expression-controls{display:flex;gap:10px;margin:22px 0}.expression-controls button{background:#fff;border:1px solid transparent;border-radius:22px;padding:9px 12px;font-size:11px;display:flex;align-items:center;gap:7px}.expression-controls button.selected{border-color:var(--blue);color:var(--blue)}.expression-controls i{display:block;width:10px;height:10px;border-radius:50%}.expression-blue{background:#447ff7}.expression-green{background:#58ac7c}.expression-pink{background:#df6eae}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:24px}.app-grid button{font-size:10px;padding:15px 6px 12px;background:#fff;border:1.5px solid transparent;border-radius:13px;white-space:nowrap}.app-grid button>span{font-size:22px;display:block;margin-bottom:7px;line-height:1}.app-grid button.selected{border-color:var(--blue);color:var(--blue)}.demo-note{font-size:10px;line-height:1.6;color:#6e6e73;margin-top:23px}.device-content{height:100%;padding:17% 13%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;position:relative}.device-content h4{font-size:clamp(14px,5cqw,21px);margin:0;font-weight:500;letter-spacing:-.03em}.device-content p{font-size:clamp(10px,3.6cqw,14px);line-height:1.45;color:#c4c7d4;max-width:100%}.device-content small{font-size:9px;color:#8890a6}.device-action{background:#fff;color:#101324;padding:9px 14px;border-radius:30px;font-size:11px;display:flex;align-items:center;gap:5px;justify-content:center}.device-action.secondary{background:#ffffff16;color:#fff}.screen-label{font-size:8px;letter-spacing:.14em;color:#909aaf}.screen-icon{font-size:37px;line-height:1.2;color:#77b8ff}.mini-apps{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.mini-apps button{padding:11px 4px;background:#ffffff12;border-radius:12px;font-size:10px;color:white}.mini-apps span{font-size:22px;display:block;margin-bottom:3px}.music-bars{height:48px;display:flex;gap:6px;align-items:center;justify-content:center}.music-bars i{width:5px;background:#a89be6;height:13px;border-radius:10px}.music-bars i:nth-child(3n){height:34px}.music-bars i:nth-child(2n){height:22px}.music-bars.playing i{animation:wave .6s ease-in-out infinite alternate}.music-bars i:nth-child(2n){animation-delay:.2s}.music-bars i:nth-child(3n){animation-delay:.4s}@keyframes wave{to{height:42px;background:#78c3f7}}.video-scene{height:64%;aspect-ratio:1;border-radius:20px;overflow:hidden;background:white;position:relative}.video-scene img{height:100%;width:100%;object-fit:contain}.video-scene span{position:absolute;bottom:5px;left:0;right:0;color:#151519;background:#ffffffc9;font-size:10px}.video-content{gap:7px}.video-content .device-action{font-size:10px;padding:7px 12px}.call-avatar{width:38%;border-radius:50%;overflow:hidden;background:white}.call-avatar img{width:100%}.call-buttons{display:flex;gap:10px}.end-call{background:#d84955;color:#fff;border-radius:22px;padding:9px 15px;font-size:11px}.assistant-chips{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.assistant-chips button{font-size:10px;padding:7px 10px;border-radius:20px;background:#ffffff18;color:#dce6ff}.device-content .assistant-reply{font-size:12px;min-height:52px}.screen-story{font-size:12px!important}.accessories-section{background:var(--bg)}.accessories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.accessory-card{background:#fff;border-radius:22px;overflow:hidden;display:flex;flex-direction:column}.accessory-card button{background:transparent;padding:0;text-align:left;width:100%;height:100%;display:flex;flex-direction:column}.accessory-card img{width:100%;aspect-ratio:1;object-fit:contain;transition:transform .35s}.accessory-card:hover img{transform:scale(1.05)}.accessory-info{padding:8px 25px 25px;width:100%;flex:1;display:flex;flex-direction:column}.accessory-info>small{font-size:10px;color:#969087;margin-bottom:9px}.accessory-info h3{font-size:24px;font-weight:600;letter-spacing:-.04em}.accessory-info p{font-size:12px;color:#6e6e73;margin:10px 0 22px;line-height:1.5}.accessory-info .text-link{font-size:12px;margin-top:auto;justify-content:space-between}.composer-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.selection-preview{background:#f7f7f8;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:sticky;align-self:start;top:80px;min-height:700px}.selection-image-wrap{max-width:460px;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.selection-image-wrap img{mix-blend-mode:multiply;width:100%;height:100%;object-fit:contain;transition:opacity .2s}.selection-preview.screen-only img{width:75%;height:75%}.selection-preview-copy{padding:15px 15px 35px}.selection-preview h3{font-size:28px;font-weight:600;margin:20px 0 10px}.selection-preview p{font-size:13px;color:var(--muted)}.composer-options{padding:48px 40px 32px}.composer-options fieldset{border:0;padding:0;margin:0 0 30px;min-width:0}.composer-options legend{font-size:15px;font-weight:600;letter-spacing:-.03em;display:flex;gap:9px;align-items:center;width:100%;margin-bottom:17px;padding:0}.composer-options legend>span{background:#f0f0f3;color:#88888d;border-radius:50%;height:22px;width:22px;text-align:center;font-size:10px;line-height:22px;font-weight:400;letter-spacing:0}.composer-options legend b{font-size:12px;color:var(--blue);margin-left:auto;font-weight:400}.composer-options legend small{font-size:11px;color:#6e6e73;margin-left:auto;font-weight:400}.pack-options{display:flex;flex-direction:column;gap:9px}.pack-options label{border:1px solid #dedee3;border-radius:13px;padding:14px 17px;display:flex;align-items:center;cursor:pointer;gap:13px;position:relative}.pack-options label:has(input:checked){border:2px solid var(--blue);padding:13px 16px;background:#fafdff}.pack-options input{position:absolute;opacity:0;width:1px;height:1px}.pack-options label:has(input:focus-visible){outline:3px solid #0071e3;outline-offset:3px}.pack-options b{font-size:13px;display:block;font-weight:600}.pack-options small{font-size:11px;color:#6e6e73;display:block;margin-top:2px}.pack-options i{margin-left:auto;width:17px;height:17px;border:1px solid #ccc;border-radius:50%}.pack-options input:checked~i{border:5px solid var(--blue)}.companion-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.companion-option{padding:3px 2px 7px;background:white;border:1.5px solid #eee;border-radius:12px;min-width:0}.companion-option.selected{border-color:var(--blue);background:#f7fbff}.companion-option img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.companion-option span{display:block;font-size:10px;margin-top:2px}.accessory-picker{display:grid;grid-template-columns:1fr 1fr;gap:9px}.accessory-picker label{display:flex;align-items:center;gap:8px;border:1px solid #e7e7eb;border-radius:11px;cursor:pointer;padding:10px;font-size:11px;min-width:0}.accessory-picker label:has(input:checked){border-color:var(--blue);background:#f7fbff}.accessory-picker input{accent-color:var(--blue);margin:0;width:15px;height:15px;flex-shrink:0}.selection-summary{border-top:1px solid var(--line);padding-top:19px;font-size:12px;line-height:1.6}.selection-summary strong{font-size:13px}.selection-summary ul{padding-left:18px;margin:8px 0;color:var(--muted)}.availability{color:#6e6e73;font-size:11px;margin:14px 0 22px}.composer-options>.button{width:100%}.download-link{display:flex;margin:16px auto 0;font-size:12px;justify-content:center}.composer-options>.caption{text-align:center;font-size:10px}.technology{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px;border-bottom:1px solid var(--line)}.tech-image{background:#f5f5f7;overflow:hidden;border-radius:var(--radius);padding:30px}.mini-round-screen{width:min(100%,320px);aspect-ratio:1;margin:12px auto 8px;overflow:hidden;border-radius:50%;position:relative;isolation:isolate;background:#132b3d;box-shadow:0 18px 35px -16px #11263755,0 0 0 1px #00000018}.mini-round-screen img{position:absolute;display:block;width:354.5%;max-width:none;left:-35%;top:-255.5%;height:auto}.tech-image-label{padding:32px 10px 10px}.tech-image-label>span{font-size:9px;letter-spacing:.13em;color:#909096;display:block}.tech-image-label b{font-weight:500;letter-spacing:-.03em;display:block;font-size:25px;margin:10px 0 5px}.tech-image-label small{font-size:12px;color:#6e6e73}.tech-copy h2{font-size:43px}.tech-copy>p:not(.eyebrow):not(.caption){font-size:14px;line-height:1.75;margin-top:24px}.tech-copy .text-link{font-size:12px;margin-top:23px}.tech-copy .caption{font-size:10px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:25px;cursor:pointer;font-size:14px;font-weight:500;padding:23px 0;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:22px;color:#6e6e73;font-weight:300}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:13px;line-height:1.7;color:#6e6e73;padding:0 30px 23px 0}.closing{background:#f5f5f7;text-align:center;padding:70px 0 80px}.closing h2{font-size:45px;font-weight:600;margin-bottom:28px}.closing .eyebrow{margin-bottom:18px}.footer{padding-top:45px;padding-bottom:25px}.footer-top{display:flex;align-items:center;gap:60px;padding-bottom:40px}.footer-top p{color:#6e6e73;font-size:12px;margin-right:auto}.footer-top>a:not(.logo){font-size:12px;color:#6e6e73}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#a1a1a6;font-size:10px}dialog{border:0;border-radius:25px;padding:0;background:white;max-width:1050px;width:calc(100% - 64px);max-height:90vh;overflow:auto;color:var(--ink);box-shadow:0 20px 80px #0002}dialog::backdrop{background:#11131c85;backdrop-filter:blur(7px)}body:has(dialog[open]){overflow:hidden}.dialog-close{position:sticky;float:right;right:18px;top:18px;width:44px;height:44px;border-radius:50%;background:#eeeef0;z-index:5;font-size:26px;line-height:28px;margin-bottom:-44px;color:#666;display:flex;align-items:center;justify-content:center}.story-layout{display:grid;grid-template-columns:.95fr 1.05fr}.story-photo{background:#f8f7f4;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:20px;position:relative}.story-photo img{width:100%;mix-blend-mode:multiply}.story-nav{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 25px 10px;color:#8a8782;font-size:10px}.story-nav button{background:#eeece8;border-radius:50%;width:44px;height:44px;font-size:19px;color:#514d46}.story-copy{padding:60px 46px 46px}.story-copy .eyebrow{margin-bottom:13px}.story-copy h2{font-size:55px;font-weight:600}.story-motto{font-size:17px;color:#92887a;margin-top:17px;line-height:1.45;letter-spacing:-.03em}.traits{display:flex;gap:7px;flex-wrap:wrap;margin:23px 0 29px}.traits span{padding:5px 9px;background:#f5f4f1;color:#8b8173;font-size:9px;border-radius:20px}.story-copy h3{font-size:20px;letter-spacing:-.025em;margin-bottom:18px;line-height:1.3;font-weight:600}.story-copy #story-text p{font-size:13px;line-height:1.75;color:#6e6e73;margin-bottom:15px}.story-copy .button{font-size:12px;margin-top:13px}.accessory-detail{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:40px;align-items:center}.accessory-detail>div{padding:20px 20px 20px 0}.accessory-detail h2{font-size:40px;margin-bottom:22px}.accessory-detail p:not(.eyebrow){font-size:14px;color:#6e6e73;line-height:1.7}.accessory-detail .caption{font-size:11px!important}.accessory-detail .button{margin-top:28px;font-size:12px}.toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%,30px);opacity:0;background:#242427;color:#fff;font-size:12px;padding:14px 22px;border-radius:50px;z-index:80;box-shadow:0 10px 35px #0002;pointer-events:none;transition:.3s;max-width:calc(100% - 32px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.noscript{padding:20px;background:#fff3d7}.menu-toggle span{width:17px;border-top:1px solid #333;display:block;margin:4px 0}[hidden]{display:none!important}
@media(min-width:1500px){.hero{min-height:730px}.hero-visual{padding-inline:0}.hero-noah{max-height:620px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.nav{gap:20px}.nav-links{gap:22px}.hero{min-height:630px}.hero h1{font-size:65px}.hero-lead{font-size:20px}.actions{gap:17px}.actions .text-link{font-size:12px}.intro-strip>a{padding:0 20px}.intro-strip b{font-size:12px}.intro-strip small{font-size:11px}.section-heading>p{max-width:300px;font-size:14px}.modular-card{min-height:560px}.modular-copy{padding:45px 0 38px 42px}.modular h3{font-size:42px}.people-grid{gap:12px}.person-card{padding:8px 7px 18px}.person-info{padding:12px 8px 0}.person-info h3{font-size:22px}.person-info p{font-size:10px}.experience-card{padding:45px 35px;gap:40px}.accessory-info{padding:8px 18px 22px}.accessory-info h3{font-size:22px}.composer-options{padding:35px 30px}.selection-preview{min-height:620px}.technology{gap:50px}.tech-copy h2{font-size:38px}}
@media(max-width:900px){.nav-links{gap:16px;font-size:11px}.nav-cta{font-size:11px}.hero{min-height:560px}.hero h1{font-size:55px}.hero-lead{font-size:18px}.hero-caption{width:240px;padding:12px}.hero-visual{padding-inline:0}.section{padding-block:80px}.section-heading{gap:28px}.section h2{font-size:37px}.section-heading>p{max-width:270px;font-size:13px}.modular-card{min-height:460px;grid-template-columns:.85fr 1.15fr}.modular-copy{padding:38px 0 30px 30px}.modular h3{font-size:37px;margin-top:30px}.modular-copy>p:not(.detach-status){font-size:13px;max-width:200px}.people-grid{grid-template-columns:repeat(3,1fr);gap:17px}.person-info h3{font-size:26px}.person-info p{font-size:12px}.person-info .story-link{font-size:12px}.person-info{padding:12px 14px 4px}.experience-card{gap:30px;padding:38px 26px}.experience-controls h3{font-size:28px}.experience-controls>p:not(.eyebrow):not(.demo-note){font-size:13px;min-height:80px}.expression-controls{gap:6px}.expression-controls button{font-size:10px;padding:8px 9px}.app-grid{gap:6px}.app-grid button{font-size:9px}.accessories-grid{grid-template-columns:repeat(2,1fr)}.accessory-info{padding:8px 27px 27px}.accessory-info h3{font-size:26px}.composer-options{padding:30px 24px}.selection-preview{padding:15px;min-height:520px}.selection-preview h3{font-size:24px}.technology{gap:35px}.tech-image{padding:20px}.tech-copy h2{font-size:35px}.tech-copy>p:not(.eyebrow):not(.caption){font-size:12px}.faq{grid-template-columns:.7fr 1.3fr;gap:40px}.story-copy{padding:55px 30px 35px}.story-copy h2{font-size:45px}.footer-top{gap:30px}.accessory-detail{padding:35px;gap:15px}.accessory-detail h2{font-size:34px}}
@media(max-width:700px){html{scroll-padding-top:75px}.wrap{width:calc(100% - 40px)}.header .nav{height:62px;gap:16px}.logo{font-size:25px}.logo-eye{width:21px;height:21px}.logo-eye:before{inset:3px;border-width:3px}.logo-eye:after{right:5px;top:5px}.nav-links{display:none;position:absolute;top:62px;left:0;right:0;background:#fff;padding:25px 28px;box-shadow:0 14px 20px #0001;flex-direction:column;align-items:flex-start;font-size:18px;gap:25px}.nav-links.open{display:flex}.nav-cta{font-size:10px;padding:9px 13px;margin-left:auto;gap:8px}.menu-toggle{display:block;padding:6px 0 6px 8px}.announcement{font-size:10px;padding:12px 25px;line-height:1.7}.announcement a{display:inline-block;margin-left:4px}.hero{display:flex;flex-direction:column;padding-top:43px;padding-bottom:35px;min-height:0;text-align:center}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:17px}.hero h1{font-size:clamp(48px,13vw,68px);line-height:1.02}.hero-lead{font-size:17px;line-height:1.45;margin-top:20px}.actions{justify-content:center;margin-top:25px;gap:16px}.button{font-size:12px;min-height:44px;padding:13px 18px;gap:14px}.hero .actions .text-link{font-size:11px}.hero-note{justify-content:center;font-size:9px;margin-top:20px}.hero-visual{width:min(440px,100%);margin-top:15px;padding-bottom:45px}.hero-noah{max-height:390px}.hero-caption{bottom:0;width:225px;padding:11px 14px;border-radius:16px}.hero-caption b{font-size:14px}.hero-caption small{font-size:10px}.hero-caption>span{font-size:9px}.hero-orbit{inset:10% 0}.intro-strip{grid-template-columns:1fr;padding:0;margin-bottom:0}.intro-strip>a{padding:18px 0!important;border-right:0;border-bottom:1px solid #eee;gap:15px}.intro-strip>a:last-child{border:0}.intro-strip b{font-size:13px}.intro-strip small{font-size:11px}.step-number{font-size:11px}.section{padding-block:65px}.section-heading{display:block;margin-bottom:30px}.section h2{font-size:34px;letter-spacing:-.05em}.section-heading>p{max-width:100%;font-size:13px;line-height:1.6;margin-top:22px}.modular-card{display:flex;flex-direction:column;border-radius:22px;min-height:0;overflow:hidden}.modular-copy{padding:32px 28px 0}.modular h3{font-size:38px;margin-top:24px}.modular-copy>p:not(.detach-status){font-size:13px;max-width:250px;margin:19px 0 21px}.pill{font-size:8px}.detach-stage{width:100%;margin-top:-5px;aspect-ratio:1}.socket-photo{width:83%;margin-left:17%}.detachable-eye{width:25.73%;left:45.967%;top:35.2%}.detach-stage.is-detached .detachable-eye{transform:translate(-135%,85%) scale(1.48)}.detach-label{left:7%;top:68%;font-size:11px;max-width:100px}.detach-label small{font-size:9px}.clip-line{top:47%;left:21%;width:25%;transform:rotate(-25deg)}.detach-status{font-size:10px;margin-top:11px}.caption{font-size:10px;margin-top:14px}.collection-toolbar{display:block;margin-bottom:22px}.collection-toolbar>span{display:none}.filters{flex-wrap:nowrap;overflow-x:auto;padding:3px 0;gap:7px;scrollbar-width:none}.filters button{flex-shrink:0;font-size:10px;padding:9px 12px}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.person-card{border-radius:17px;padding:5px 5px 18px}.person-info{padding:10px 10px 0}.person-info h3{font-size:23px}.person-info small{font-size:8px;margin-bottom:6px}.person-info p{font-size:10px}.person-info .story-link{font-size:10px;margin-top:16px}.experience-card{display:flex;flex-direction:column;padding:34px 24px;gap:36px;border-radius:22px}.experience-display{width:100%}.device-shell{max-width:310px}.experience-controls{width:100%}.experience-controls .eyebrow{font-size:9px}.experience-controls h3{font-size:28px}.experience-controls>p:not(.eyebrow):not(.demo-note){font-size:13px;min-height:0;margin-top:14px}.expression-controls{gap:8px;margin-top:18px}.expression-controls button{font-size:10px;padding:8px 11px}.app-grid{gap:8px}.app-grid button{font-size:10px;padding-block:14px}.device-brand{margin-top:20px;font-size:9px}.experience-display>p{font-size:10px}.demo-note{font-size:9px;margin-top:19px}.accessories-grid{gap:12px}.accessory-card{border-radius:17px}.accessory-info{padding:5px 17px 21px}.accessory-info>small{font-size:8px;margin-bottom:7px}.accessory-info h3{font-size:22px}.accessory-info p{font-size:10px;margin-top:9px;margin-bottom:18px}.accessory-info .text-link{font-size:10px}.composer-card{grid-template-columns:1fr;border-radius:22px}.selection-preview{position:relative;top:auto;min-height:0;padding:20px 25px 10px}.selection-image-wrap{max-width:270px}.selection-preview-copy{padding-bottom:17px}.selection-preview h3{font-size:24px;margin:13px 0 8px}.selection-preview p{font-size:12px}.composer-options{padding:30px 24px}.composer-options legend{font-size:13px}.composer-options legend small{font-size:10px}.companion-option span{font-size:9px}.pack-options b{font-size:12px}.pack-options small{font-size:10px}.accessory-picker label{font-size:10px}.technology{grid-template-columns:1fr;gap:35px}.tech-image{order:2;padding:24px}.tech-copy h2{font-size:34px}.tech-copy>p:not(.eyebrow):not(.caption){font-size:13px;margin-top:20px}.tech-copy .text-link{font-size:11px}.tech-image-label{padding-top:24px}.tech-image-label b{font-size:22px}.faq{grid-template-columns:1fr;gap:30px}.faq h2 br{display:none}.faq h2 span:before{content:" "}.faq-list summary{font-size:12px;padding-block:21px;gap:15px}.faq-list details p{font-size:12px;padding-right:15px}.closing{padding:55px 0 60px}.closing h2{font-size:34px;max-width:310px;margin:0 auto 25px}.footer{padding-top:35px}.footer-top{flex-wrap:wrap;gap:20px;justify-content:space-between;padding-bottom:27px}.footer-top p{font-size:11px;margin-right:0}.footer-top>a:not(.logo){font-size:11px}.footer-bottom{display:flex;flex-direction:column;gap:7px;font-size:9px;padding-top:18px}dialog{width:calc(100% - 24px);max-height:92dvh;border-radius:21px}.story-layout{grid-template-columns:1fr}.story-photo{padding:10px 25px}.story-photo>img{max-height:300px;object-fit:contain;width:100%}.story-nav{padding:8px 0}.story-nav button{width:44px;height:44px}.story-copy{padding:28px 28px 35px}.story-copy h2{font-size:43px}.story-motto{font-size:16px;margin-top:15px}.traits{margin:18px 0 22px}.story-copy h3{font-size:19px}.story-copy #story-text p{font-size:12px}.dialog-close{right:12px;top:12px}.accessory-detail{grid-template-columns:1fr;padding:25px;gap:10px}.accessory-detail img{max-height:270px;width:100%;object-fit:contain}.accessory-detail>div{padding:0 5px 10px}.accessory-detail h2{font-size:31px}.accessory-detail p:not(.eyebrow){font-size:13px}.toast{font-size:11px;border-radius:18px;padding:13px 18px;width:max-content;bottom:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.hardware-gallery{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;margin-top:65px}.hardware-visual{background:#f5f5f7;border-radius:25px;padding:30px 40px 24px;display:flex;align-items:center;flex-direction:column}.hardware-visual>img{width:100%;max-width:380px;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.hardware-tabs{display:flex;padding:4px;background:#e9e9eb;border-radius:25px;margin-top:12px;gap:3px}.hardware-tabs button{background:transparent;border-radius:22px;font-size:11px;padding:9px 20px;color:#737379}.hardware-tabs button.active{background:white;color:#222;box-shadow:0 2px 7px #0000000a}.hardware-copy h3{font-size:43px;margin:0;line-height:1.05}.hardware-copy h3>span{color:#6e6e73}.hardware-copy>p:not(.eyebrow):not(.caption){font-size:14px;line-height:1.7;color:#6e6e73;margin-top:23px;max-width:390px}.hardware-features{padding:0;list-style:none;margin:28px 0 0}.hardware-features li{display:flex;gap:17px;padding:13px 0;border-bottom:1px solid #eee}.hardware-features li>span{font-size:10px;color:#aaa;padding-top:3px}.hardware-features b{display:block;font-size:13px;font-weight:500}.hardware-features small{font-size:11px;color:#888;display:block;margin-top:3px}.clip-guide{margin-top:80px}.clip-guide-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:25px}.clip-guide-heading h3{font-size:29px;font-weight:600;margin:0}.clip-guide-heading p:not(.eyebrow){font-size:12px;color:#6e6e73;max-width:230px}.clip-strip{background:#fff}.clip-strip>img{width:100%;border-radius:18px}.clip-strip ol{padding:0;margin:20px 0 0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.clip-strip li{display:flex;gap:12px;padding:0 15px}.clip-strip li>span{width:23px;height:23px;border-radius:50%;background:#f1f1f3;flex-shrink:0;text-align:center;font-size:10px;line-height:23px;color:#6e6e73}.clip-strip b{font-size:14px;font-weight:500}.clip-strip li p{font-size:11px;color:#888;line-height:1.6;margin-top:7px;max-width:240px}.mobile-swipe{display:none}.clip-guide>.caption{margin-top:28px}
@media(max-width:900px){.hardware-gallery{gap:40px}.hardware-visual{padding:25px}.hardware-copy h3{font-size:35px}.hardware-copy>p:not(.eyebrow):not(.caption){font-size:12px}.clip-guide-heading h3{font-size:25px}}
@media(max-width:700px){.hardware-gallery{grid-template-columns:1fr;gap:30px;margin-top:45px}.hardware-visual{padding:25px 40px 20px}.hardware-visual>img{max-width:280px}.hardware-tabs button{font-size:10px;padding:8px 17px}.hardware-copy h3{font-size:34px}.hardware-copy>p:not(.eyebrow):not(.caption){font-size:13px;max-width:100%}.hardware-features b{font-size:12px}.hardware-features small{font-size:10px}.clip-guide{margin-top:50px}.clip-guide-heading{display:block}.clip-guide-heading h3{font-size:26px}.clip-guide-heading p:not(.eyebrow){margin-top:15px;max-width:100%;font-size:12px}.clip-scroll{overflow-x:auto;scrollbar-width:thin;padding-bottom:10px}.clip-strip{width:810px}.clip-strip ol{gap:12px}.clip-strip li{padding:0 12px;gap:9px}.clip-strip b{font-size:12px}.clip-strip li p{font-size:10px}.mobile-swipe{display:block;margin-top:8px;color:#0071e3}.clip-guide>.caption{margin-top:17px}}
@media(max-width:700px){.device-content{gap:9px;padding:15% 12%}.device-content .screen-icon{font-size:28px}.device-content .device-action{font-size:10px;padding:7px 11px}.device-content .screen-story{font-size:10px!important}.story-content .screen-icon{display:none}.story-content h4{font-size:15px}.story-content .screen-label{font-size:7px}}
.logo{font-size:25px;letter-spacing:-.025em}.logo-dot{margin-left:-6px}@media(max-width:700px){.header .logo{font-size:19px;gap:4px}.header .logo-eye{width:19px;height:19px;margin-right:2px}.header .nav{gap:12px}.header .nav-cta{font-size:9px;padding:9px 11px}.header .logo-dot{margin-left:-4px}.device-brand{font-size:8px;letter-spacing:.1em}}

/* Character complexion choices */
.look-picker{margin:22px 0}.look-picker[hidden]{display:none}.look-label{font-size:12px;color:#6e6e73;margin:0 0 12px}.look-label span{color:#222;margin-left:8px}.look-options{display:flex;flex-wrap:wrap;gap:8px}.look-option{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid #dedee3;border-radius:24px;background:#fff;color:#444;font-size:12px}.look-option i{display:block;width:20px;height:20px;border-radius:50%;background:var(--look-color);box-shadow:inset 0 0 0 1px #00000012}.look-option[aria-pressed="true"]{border-color:#0071e3;box-shadow:0 0 0 1px #0071e3;color:#0071e3}.look-option:focus-visible{outline:3px solid #82b8f4;outline-offset:3px}.look-count{display:block;font-size:10px;color:#6e6e73;margin:7px 0}.story-copy .look-picker{margin:18px 0 24px}#selection-look-picker{margin-bottom:0}

/* ===== universe.css (v=boozzo-1) ===== */
/* BOOZZO — final identity, collection and screen-only interactions. */
.world-section{border-bottom:1px solid var(--line)}
.world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.world-card{min-width:0;overflow:hidden;border:1px solid #e9edf0;border-radius:24px;background:#fff}
.world-card .image-open img{display:block;aspect-ratio:4/5;object-fit:contain;background:white}
.world-copy{padding:22px 25px 26px;border-top:1px solid #f1f3f5}
.world-copy small{display:block;color:#707c87;font-size:10px;letter-spacing:.09em;margin-bottom:10px}
.world-copy h3{font-size:27px;letter-spacing:-.04em;line-height:1.2}
.world-copy p{font-size:13px;line-height:1.6;color:var(--muted);margin:11px 0 18px;min-height:42px}
.world-copy .text-link{font-size:12px;min-height:32px}
.world-note{max-width:850px;line-height:1.7}
.world-section button:focus-visible{outline:3px solid #68aee3;outline-offset:3px}
.world-toolbar .filters{flex-wrap:wrap}
.world-toolbar #world-count{white-space:nowrap}
@media(max-width:1100px){.world-toolbar{gap:20px;flex-wrap:wrap}.world-grid{gap:20px}.world-copy{padding:20px}.world-copy h3{font-size:24px}}
@media(max-width:900px){.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.world-toolbar .filters{gap:8px}.world-toolbar #world-count{display:block;margin-top:15px;font-size:11px}.world-copy p{min-height:0}.world-grid{gap:18px}.world-copy{padding:20px}.world-note{margin-top:20px}}
@media(max-width:520px){.world-grid{grid-template-columns:minmax(0,1fr)}.world-card{border-radius:20px}}

.logo{width:150px;gap:0}.logo img{width:150px;height:50px;object-fit:contain;mix-blend-mode:multiply}
.hero h1 span{background:linear-gradient(105deg,#6a829a,#8bb4c6 75%);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-promise{border-left:2px solid #a9c7d9;padding-left:13px;margin-top:24px;font-size:12px;line-height:1.6;color:#677480}
.hero-note{margin-top:17px}.nav-links{gap:26px}
.person-card:hover,.person-card:hover img{transform:none}.person-card:hover{box-shadow:0 8px 24px #00000008}
.person-photo img{transition:none}.accessory-card:hover img{transform:none}
.hardware-visual{position:relative}.hardware-enlarge{position:absolute;top:20px;right:20px;background:#fff;border-radius:50%;height:40px;width:40px;border:1px solid var(--line);font-size:21px}
.clip-enlarge{background:transparent;display:block;width:100%;padding:0}
.merch-section{background:#f7f8fa}.merch-hero{border-radius:28px;width:100%;overflow:hidden;background:#fff}
.image-open{position:relative;display:block;width:100%;padding:0;background:#fff;overflow:hidden;text-align:left}
.image-open img{width:100%;height:auto}.image-zoom{position:absolute;bottom:16px;right:16px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ffffffeb;border:1px solid #dce0e7;font-size:20px;color:#293847;box-shadow:0 2px 8px #00000006}
.image-open:hover .image-zoom{background:#e9f4fc;color:var(--blue)}
.merch-intro{display:flex;justify-content:space-between;align-items:center;margin:35px 0 28px;gap:20px}.merch-intro p{font-size:14px;color:var(--muted);line-height:1.6}
.merch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.merch-card{background:white;border-radius:24px;overflow:hidden;min-width:0}.merch-copy{padding:25px 27px 29px}.merch-copy small,.campaign-copy small{display:block;color:var(--muted);font-size:11px;margin-bottom:9px}.merch-copy h3{font-size:25px;letter-spacing:-.04em}.merch-copy p{color:var(--muted);font-size:13px;margin:12px 0 20px;min-height:40px}.merch-copy .text-link{font-size:12px}
.campaign-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:28px 18px}.campaign-card{min-width:0}.campaign-card .image-open{border-radius:18px}.campaign-copy{padding:16px 4px 0}.campaign-copy h3{font-size:18px;line-height:1.25;letter-spacing:-.035em}.campaign-copy small{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.campaign-card .image-zoom{width:30px;height:30px;font-size:16px;right:10px;bottom:10px}
.accessory-picker{grid-template-columns:1fr 1fr}.accessory-picker label{font-size:12px}
.atelier{display:grid;grid-template-columns:.8fr 1fr;gap:100px;align-items:center;border-top:1px solid var(--line)}.atelier-image{max-width:400px}.atelier-image .image-open{border-radius:24px}.atelier-copy h2{font-size:48px}.atelier-copy>p:not(.eyebrow):not(.caption){font-size:16px;color:var(--muted);line-height:1.7;margin:25px 0}.atelier-copy .caption{margin-top:18px}
.footer-top{gap:25px;flex-wrap:wrap}.footer-top>a:not(.logo){font-size:12px}.footer-top .logo{margin-right:0}
.gallery-dialog{max-width:1120px;width:calc(100% - 40px);background:#fafbfc}.gallery-image-wrap{padding:24px 56px 0;min-height:200px;display:flex;align-items:center;justify-content:center;background:white}.gallery-image-wrap img{width:auto;max-width:100%;max-height:68dvh;object-fit:contain}.gallery-caption{padding:22px 32px 27px;display:flex;align-items:center;justify-content:space-between;gap:35px}.gallery-caption h2{font-size:20px;line-height:1.25;letter-spacing:-.035em}.gallery-caption p{font-size:12px;color:var(--muted);max-width:750px;margin-top:9px;line-height:1.6}.gallery-navigation{display:flex;align-items:center;gap:15px;flex-shrink:0}.gallery-navigation button{height:40px;width:40px;border-radius:50%;background:#e9edf1;font-size:20px}.gallery-navigation button:disabled{opacity:.4}.gallery-navigation span{font-size:11px;min-width:30px;text-align:center}
.app-grid{grid-template-columns:repeat(4,1fr)}.app-grid button{min-height:70px;white-space:normal}.app-grid button:last-child{grid-column:span 2}.device-content{gap:10px}.device-content .mini-apps{gap:6px}.mini-apps button{padding:8px 4px}.mini-apps span{font-size:18px}.device-screen [hidden]{display:none!important}
.video-content{padding:14% 10%;gap:9px}.video-content video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#071225;border-radius:10px}.video-controls{display:flex;gap:7px}.video-progress{height:3px;width:65%;background:#ffffff1a;border-radius:8px;overflow:hidden}.video-progress span{display:block;background:#83c7fb;height:100%;width:0}.video-content small{font-size:8px}
.game-content{padding:14% 15%;gap:8px}.game-score{font-size:22px;color:#d9ecff;line-height:1}.game-score span{font-size:10px;color:#8da4be}.star-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:73%}.star-grid button{aspect-ratio:1;min-height:44px;color:#98aac6;background:#16243a;border-radius:11px;font-size:20px}.star-grid .star-target{background:#d7ebff;color:#145d97;font-size:27px;box-shadow:0 0 18px #55aaff25}.game-trophy{font-size:65px;color:#eacb88;line-height:1.2}
.call-content{padding:15% 14%;gap:9px}.call-scene{width:66%;height:43%;min-height:75px;border-radius:14px;position:relative;overflow:hidden;background:#bbcdd8}.call-scene img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.call-scene span{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);background:#192c45c9;border-radius:14px;padding:3px 7px;font-size:9px;white-space:nowrap}.call-content p{font-size:11px}.call-content .device-action,.call-content .end-call{font-size:10px;padding:7px 11px}
.assistant-content{padding:13% 13%;gap:8px}.assistant-orb{width:64px;height:64px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle,#0b101f 25%,#54c6ec 27%,#83b8f1 45%,#213c67 57%,#0c1326 59%);display:grid;place-items:center;border:1px solid #81b5dd77;box-shadow:0 0 22px #66b3f025}.assistant-orb i{width:18px;height:18px;background:#080f1c;border-radius:50%;position:relative}.assistant-orb i:after{content:'';position:absolute;background:white;width:5px;height:5px;border-radius:50%;right:1px;top:0}.assistant-orb.speaking{animation:eye-answer .7s ease-in-out infinite alternate}.assistant-orb.speaking i{animation:pupil-answer .9s ease-in-out infinite alternate}.assistant-content .assistant-reply{font-size:11px;min-height:42px;line-height:1.45}.assistant-chips{gap:5px}.assistant-chips button{font-size:9px;padding:7px 8px}.assistant-content .device-action{font-size:10px;padding:7px 10px}.assistant-content small{font-size:8px}.screen-character{width:90px;height:90px;object-fit:contain;background:white;border-radius:16px}.story-content{gap:9px}.story-content h4{font-size:16px;max-width:220px}.story-content .device-action{font-size:10px;padding:8px 12px}
@keyframes eye-answer{to{box-shadow:0 0 30px #80caf25c;filter:hue-rotate(30deg)}}
@keyframes pupil-answer{to{transform:scale(.8)}}
@media(min-width:1600px){.campaign-copy h3{font-size:20px}}
@media(max-width:1100px){.nav{gap:22px}.nav-links{gap:18px}.nav-cta{font-size:11px}.campaign-grid{grid-template-columns:repeat(4,1fr)}.merch-copy{padding:22px}.merch-copy h3{font-size:22px}.atelier{gap:60px}.atelier-copy h2{font-size:42px}.experience-card{gap:35px;padding:45px 35px}.app-grid{grid-template-columns:repeat(3,1fr)}.app-grid button:last-child{grid-column:auto}.app-grid button:first-child{grid-column:span 3;display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px}.app-grid button:first-child>span{font-size:17px;margin:0}.gallery-image-wrap img{max-height:62dvh}}
@media(max-width:900px){.logo{width:125px}.logo img{width:125px;height:43px}.nav{gap:17px}.nav-links{gap:13px}.campaign-grid{grid-template-columns:repeat(3,1fr)}.merch-grid{grid-template-columns:repeat(2,1fr)}.atelier{gap:35px}.atelier-copy h2{font-size:35px}.atelier-copy>p:not(.eyebrow):not(.caption){font-size:14px}.device-content{gap:8px}.assistant-content{gap:5px}.assistant-orb{width:50px;height:50px}.assistant-content .assistant-reply{font-size:10px}.assistant-content .assistant-chips button{padding:5px 7px;font-size:8px}.assistant-content .device-action{font-size:9px;padding:5px 9px}.screen-character{width:65px;height:65px}.star-grid{width:80%}.game-content{gap:6px}.star-grid button{min-height:44px}.call-content{gap:6px}}
@media(max-width:700px){.logo{width:137px}.logo img{width:137px;height:46px}.hero-promise{font-size:11px}.hero{padding-top:38px}.merch-hero{border-radius:18px}.merch-intro{align-items:flex-start;flex-direction:column;gap:14px;margin:24px 0}.merch-intro p{font-size:13px}.merch-grid{gap:16px}.merch-card{border-radius:18px}.merch-copy{padding:17px 15px 20px}.merch-copy small{font-size:10px}.merch-copy h3{font-size:20px}.merch-copy p{font-size:12px;min-height:50px}.merch-copy .text-link{font-size:11px;align-items:flex-start}.image-zoom{width:30px;height:30px;right:10px;bottom:10px;font-size:16px}.campaign-grid{grid-template-columns:repeat(2,1fr);gap:24px 15px}.campaign-copy h3{font-size:17px}.campaign-copy{padding-top:12px}.campaign-section .collection-toolbar{gap:16px;align-items:flex-start}.campaign-section .collection-toolbar>span{font-size:11px}.atelier{grid-template-columns:1fr;gap:30px}.atelier-image{max-width:330px;margin-inline:auto}.atelier-copy h2{font-size:38px}.gallery-dialog{width:calc(100% - 20px)}.gallery-image-wrap{padding:45px 12px 0}.gallery-image-wrap img{max-height:58dvh}.gallery-caption{padding:20px;flex-direction:column;align-items:flex-start;gap:18px}.gallery-navigation{align-self:center}.gallery-caption h2{font-size:18px}.gallery-caption p{font-size:11px}.experience-card{padding:35px 22px;gap:38px}.device-shell{max-width:360px}.device-content{gap:9px}.assistant-orb{width:57px;height:57px}.assistant-content .assistant-reply{font-size:11px}.assistant-content .assistant-chips button{font-size:9px;padding:6px 8px}.assistant-content .device-action{font-size:10px;padding:7px 9px}.screen-character{width:80px;height:80px}.app-grid{grid-template-columns:repeat(3,1fr)}.footer-top{gap:25px 22px}.footer-top .logo{width:150px}.footer-top .logo img{width:150px}.hardware-enlarge{right:10px;top:10px}}
@media(max-width:370px){.merch-grid{grid-template-columns:1fr}.assistant-orb{width:42px;height:42px}.assistant-content .assistant-reply{font-size:9px}.assistant-content .assistant-chips button{font-size:8px;padding:4px 6px}.assistant-content{gap:4px}.call-content p{font-size:9px}.game-content{gap:5px}.star-grid{gap:4px}.star-grid button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.assistant-orb.speaking,.assistant-orb.speaking i,.music-bars.playing i{animation:none}.detachable-eye{transition:none}}
.assistant-tools{display:flex;gap:7px;justify-content:center;flex-shrink:0}.assistant-content .assistant-reply{flex-shrink:0;min-height:0}.assistant-content .screen-label,.assistant-content small{flex-shrink:0}.story-content{padding:13%;gap:7px}.game-content{padding-top:11%;padding-bottom:11%}
@media(max-width:700px){.assistant-content{gap:9px}.assistant-orb{width:48px;height:48px}.assistant-content .assistant-reply{font-size:11px}.assistant-tools .device-action{padding:8px 10px}.assistant-content .assistant-chips{gap:7px}}
@media(max-width:370px){.assistant-content{gap:6px}.assistant-orb{width:38px;height:38px}.assistant-content .assistant-reply{font-size:10px}.assistant-tools .device-action{font-size:9px;padding:6px 8px}.screen-character{width:60px;height:60px}.story-content h4{font-size:14px}}

/* Coffret BOOZZO dans le configurateur */
.composer-packaging{margin:44px auto 0;max-width:980px;text-align:center}.composer-packaging img{width:100%;height:auto;border-radius:24px;box-shadow:0 24px 60px #1a355514}.composer-packaging figcaption{margin-top:14px;font-size:14px;color:#6e6e73}

/* ===== arrival.css (v=arrival-20261104) ===== */
/* A theatrical entrance for a still plush bouquet. Only the complete image moves. */
.hero-arrival{isolation:isolate;grid-template-columns:.9fr 1.1fr;gap:0;min-height:700px;padding-top:25px;padding-bottom:38px}
.hero-arrival .hero-copy{z-index:2}
.hero-arrival h1 span{background-image:linear-gradient(110deg,#426f9a,#69a6bc 50%,#9a80b0)}
.hero-bouquet-stage{position:relative;align-self:center;min-width:0;width:100%;aspect-ratio:1;overflow:visible;padding:0;margin:0}
.hero-bouquet{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 23px 28px #26435b12);transform-origin:50% 70%}
.has-js .hero-bouquet:not(.is-ready){opacity:0}
.hero-bouquet.is-arriving{animation:bouquet-arrive 3.8s cubic-bezier(.22,.7,.2,1) both;will-change:transform,opacity}
.bouquet-halo{position:absolute;inset:8% -4% 3%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 30% 35%,#e4f3fb 0,transparent 58%),radial-gradient(ellipse at 75% 55%,#f3ebf7 0,transparent 60%);border-radius:50%;filter:blur(25px)}
.hero-eye-link{position:absolute;z-index:3;bottom:5%;left:2%;display:flex;align-items:center;gap:12px;padding:12px 17px 12px 12px;background:#ffffffed;box-shadow:0 12px 40px #24374c12;border:1px solid #e5ebf0;border-radius:22px;backdrop-filter:blur(14px);transition:box-shadow .2s}
.hero-eye-link:hover{box-shadow:0 14px 36px #2983b323}
.hero-eye-link img{width:54px;height:54px;object-fit:contain}
.hero-eye-link b{display:block;font-size:12px;font-weight:500;letter-spacing:-.02em}
.hero-eye-link small{display:block;font-size:10px;color:#647d91;margin-top:5px}
.arrival-replay{position:absolute;z-index:4;bottom:0;right:3%;display:flex;align-items:center;gap:6px;min-height:40px;padding:8px 12px;background:#fff9;border:1px solid #e5eaf0;border-radius:25px;color:#6c7d8b;font-size:10px}
.arrival-replay>span{font-size:18px}
.arrival-replay:disabled{opacity:.6;cursor:default}
.arrival-sparkles{position:absolute;inset:0;z-index:1;pointer-events:none}
.arrival-sparkles i{position:absolute;width:5px;height:5px;background:#9bbfd9;border-radius:50%;opacity:.55;box-shadow:0 0 14px #9bbfd9}
.arrival-sparkles i:nth-child(1){left:8%;top:20%}.arrival-sparkles i:nth-child(2){left:90%;top:35%;width:8px;height:8px;background:#c6b3d8}.arrival-sparkles i:nth-child(3){left:20%;top:75%;width:4px;height:4px}.arrival-sparkles i:nth-child(4){left:83%;top:76%;width:5px;height:5px}.arrival-sparkles i:nth-child(5){left:63%;top:2%;width:4px;height:4px}.arrival-sparkles i:nth-child(6){left:2%;top:49%;width:7px;height:7px;background:#c8b6d9}
.hero-bouquet-stage.is-arriving .arrival-sparkles i{animation:arrival-light 3.8s ease-out both}
@keyframes bouquet-arrive{0%{opacity:0;transform:translateY(-65%) rotate(-7deg) scale(.86)}18%{opacity:1}76%{transform:translateY(2%) rotate(.8deg) scale(1.01)}100%{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
@keyframes arrival-light{0%{opacity:0;transform:translateY(-100px) scale(.3)}50%{opacity:.8}100%{opacity:.55;transform:translateY(0) scale(1)}}
.clip-guide-horizontal{margin-top:85px;padding-top:55px;border-top:1px solid var(--line)}
.clip-guide-horizontal .clip-guide-heading{align-items:center;margin-bottom:30px}
.clip-guide-horizontal .clip-guide-heading h3{font-size:38px;line-height:1.1;letter-spacing:-.045em}
.clip-guide-heading h3 span{color:#6e6e73}
.clip-guide-horizontal .clip-guide-heading>p{max-width:300px;font-size:13px;line-height:1.8}
.clip-step-nav{display:flex;justify-content:center;gap:8px;padding:5px;background:#f3f5f7;border-radius:30px;width:max-content;max-width:100%;margin:0 auto 28px}
.clip-step-nav button{display:flex;align-items:center;gap:9px;min-height:44px;padding:11px 23px;border-radius:25px;background:transparent;color:#8b96a0;font-size:10px;transition:background .2s,color .2s}
.clip-step-nav button span{font-size:12px;color:#68747e}
.clip-step-nav button.active{background:#fff;color:#1685c5;box-shadow:0 2px 12px #20354b09}
.clip-step-nav button.active span{color:#172936}
.clip-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:1px;padding:3px 1px 14px;outline-offset:4px}
.clip-step{min-width:0;border:1px solid #e7ebef;border-radius:22px;overflow:hidden;background:#fff;scroll-snap-align:start;transition:border-color .2s,box-shadow .2s}
.clip-step.active{border-color:#b6d6eb;box-shadow:0 4px 18px #228aca09}
.clip-photo{position:relative;display:block;width:100%;padding:0;background:#fff;overflow:hidden}
.clip-photo-window{position:relative;display:block;aspect-ratio:1;overflow:hidden}
.clip-photo img{width:300%;max-width:none;height:100%;object-fit:fill;display:block;transform:translateX(calc(var(--panel) * -33.333333%))}
.clip-photo .image-zoom{bottom:12px;right:12px;width:30px;height:30px;font-size:16px}
.clip-step-copy{display:flex;gap:13px;padding:22px 22px 26px;border-top:1px solid #f0f3f5}
.clip-number{color:#8595a4;font-size:11px;padding-top:3px}
.clip-step-copy h4{font-size:18px;font-weight:500;letter-spacing:-.03em;line-height:1.25}
.clip-step-copy p{font-size:12px;line-height:1.6;color:#7f858c;margin-top:8px}
.clip-guide-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:12px}
.clip-guide-footer .caption{margin:0;max-width:65%}
.clip-guide-footer .text-link{font-size:11px;min-height:44px;white-space:nowrap}
@media(min-width:1500px){.hero-arrival{min-height:750px}.hero-bouquet-stage{max-width:720px}}
@media(max-width:1100px){.hero-arrival{min-height:600px}.hero-eye-link{left:0;padding:10px;gap:9px}.hero-eye-link img{width:43px;height:43px}.hero-eye-link b{font-size:10px}.hero-eye-link small{font-size:9px}.arrival-replay{right:1%;font-size:9px}.clip-step-copy{padding:18px 16px}.clip-step-copy h4{font-size:16px}}
@media(max-width:900px){.hero-arrival{min-height:540px}.hero-eye-link{bottom:0}.arrival-replay{bottom:-42px;right:5%}.clip-guide-horizontal .clip-guide-heading h3{font-size:33px}.clip-step-copy{gap:9px}.clip-step-copy p{font-size:11px}}
@media(max-width:700px){.hero-arrival{min-height:0;padding-top:0;padding-bottom:42px;gap:0;overflow:hidden}.hero-bouquet-stage{order:-1;width:min(460px,115%);max-width:none;flex-shrink:0;align-self:center;margin:-6px -7.5% 24px;aspect-ratio:1}.hero-arrival .hero-copy{order:0}.hero-arrival h1{font-size:clamp(46px,12vw,64px)}.hero-arrival .hero-lead{font-size:16px;margin-top:18px}.hero-arrival .eyebrow{font-size:8px;letter-spacing:.14em}.hero-eye-link{bottom:4%;left:9%;padding:9px 12px;gap:9px;border-radius:17px}.hero-eye-link img{width:40px;height:40px}.hero-eye-link b{font-size:10px}.hero-eye-link small{font-size:8px;margin-top:4px}.arrival-replay{bottom:4%;right:8%;padding:7px 9px;font-size:8px;min-height:38px;gap:3px}.arrival-replay>span{font-size:16px}.hero-arrival .hero-promise{display:inline-block;text-align:left;font-size:10px;margin-top:20px}.hero-arrival .hero-note{margin-top:14px}.clip-guide-horizontal{margin-top:48px;padding-top:35px}.clip-guide-horizontal .clip-guide-heading h3{font-size:31px}.clip-guide-horizontal .clip-guide-heading>p{font-size:12px;line-height:1.6;margin-top:18px}.clip-step-nav{margin-bottom:20px;gap:3px;width:100%;justify-content:space-between}.clip-step-nav button{padding:10px 12px;gap:6px;font-size:9px}.clip-step-nav button span{font-size:11px}.clip-steps{display:flex;gap:14px;margin-right:-20px;padding-right:20px;scroll-padding-left:1px}.clip-step{flex:0 0 87%;scroll-snap-stop:always}.clip-step-copy{padding:20px;min-height:105px}.clip-step-copy h4{font-size:19px}.clip-step-copy p{font-size:12px}.clip-guide-footer{display:block;margin-top:10px}.clip-guide-footer .caption{max-width:none}.clip-guide-footer .text-link{margin-top:8px}.hero-arrival+.intro-strip{margin-top:0}}
@media(prefers-reduced-motion:reduce){.hero-bouquet.is-arriving,.hero-bouquet-stage.is-arriving .arrival-sparkles i{animation:none!important}.arrival-replay{display:none}.hero-bouquet{opacity:1!important}.clip-steps{scroll-behavior:auto}.hero-eye-link,.clip-step{transition:none}}

/* ===== peps.css (v=peps-20261104) ===== */
/* White, tactile and luminous: the colours of the eye carry across the site. */
:root{--iris-blue:#248fde;--iris-violet:#9670c7;--iris-pink:#d58aa9;--iris-mint:#60b5aa}
.announcement{background:linear-gradient(100deg,#f0f8ff,#f7f2fc 52%,#fff8f2);color:#66788b;border-bottom:1px solid #eff2f8}
.announcement a{color:#357cae}
.button.primary{background:linear-gradient(110deg,#087ed1,#527bd2);box-shadow:0 7px 18px #1685c522;transition:box-shadow .2s,filter .2s}
.button.primary:hover{filter:brightness(1.05);box-shadow:0 9px 24px #1685c537}
.nav-cta{background:linear-gradient(115deg,#172432,#2a3546);box-shadow:0 4px 14px #102d4210}
.eyebrow{color:#607c93}
.intro-strip{border-top:1px solid #e3edf6;border-bottom:1px solid #e3edf6;padding-block:25px}
.intro-strip .step-number{color:#1b6fa8;background:#eef7fd;border-radius:50%;display:grid;place-items:center;min-width:33px;min-height:33px}
.intro-strip>a:nth-child(2) .step-number{background:#f6effb;color:#7a4f9a}
.intro-strip>a:nth-child(3) .step-number{background:#ecf7f4;color:#2a7465}
.intro-strip>a:hover b{color:#268bc9}
.modular-card{background:radial-gradient(ellipse at 70% 45%,#f3f3fd,transparent 65%),#f3f8fc}
.modular .pill{background:#e5f1fa;color:#5681a2}
.hardware-visual{background:radial-gradient(ellipse at 50% 42%,#e9f1fb,#f6f8fc 72%)}
.hardware-tabs{background:#e5edf5}.hardware-tabs button.active{color:#267da9}
.hardware-features li>span{color:#7c9cb6}
.clip-step.active .clip-number{color:#0887cf}
.collection-section{background:radial-gradient(ellipse at 0 10%,#edf7ff,transparent 45%),radial-gradient(ellipse at 100% 95%,#faf0ed,transparent 45%),#f8f9fc}
.collection-section .eyebrow{color:#6b87a6}
.person-card{border:1px solid #e8edf3;box-shadow:0 5px 15px #213e5a03;transition:border-color .2s,box-shadow .2s}
.person-card:nth-child(3n+1):hover{border-color:#9bcbe9;box-shadow:0 7px 25px #66b4df1a}
.person-card:nth-child(3n+2):hover{border-color:#d7b3e5;box-shadow:0 7px 25px #bd88d81a}
.person-card:nth-child(3n):hover{border-color:#a5d6c8;box-shadow:0 7px 25px #64b49d1a}
.filters button.active{background:#213e55;color:#fff}
.world-section{position:relative}.world-section .eyebrow{color:#51978b}
.world-section .section-heading h2 span{color:#718b92}
.world-card{box-shadow:0 6px 25px #29435d04;transition:border-color .2s,box-shadow .2s}
.world-card:hover{border-color:#c0d7e6;box-shadow:0 9px 28px #29435d0c}
.world-copy small{color:#6a92a4}
.world-copy{background:linear-gradient(130deg,#fff,#f7fafc)}
.experience-card{background:radial-gradient(ellipse at 20% 35%,#dfedf9,transparent 60%),radial-gradient(ellipse at 90% 80%,#f0e7f7,transparent 60%),#f5f8fc;border:1px solid #e6eef7}
.experience .eyebrow{color:#6488ad}
.accessories-section{background:linear-gradient(120deg,#f8f8fc,#f6f2fa 65%,#fbf7f2)}
.accessories-section .eyebrow{color:#967da6}
.accessory-card{border:1px solid #eae5ef}
.merch-section{background:linear-gradient(150deg,#f3f9fc,#f7f9fb 55%,#edf6f5)}
.merch-section .eyebrow{color:#528e96}
.merch-card{border:1px solid #e6eef2}
.campaign-card .image-open{box-shadow:0 8px 22px #263d5810}
.composer-card{box-shadow:0 12px 50px #36567708}
.companion-option.selected{border-color:#5d9bd4;background:#f0f7fd}
.closing{position:relative;overflow:hidden;background:radial-gradient(ellipse at 16% 50%,#dfedf8,transparent 42%),radial-gradient(ellipse at 84% 40%,#eee2f5,transparent 45%),linear-gradient(100deg,#f7fbff,#f9f7fc)}
.closing h2{background:linear-gradient(105deg,#326990,#7693b4 50%,#a37fb6);background-clip:text;-webkit-background-clip:text;color:transparent}
.closing .eyebrow{color:#7b8ba4}
.image-zoom{color:#578cae;border-color:#dfebf3}.image-open:hover .image-zoom{background:#e7f4fc}
@media(max-width:700px){.intro-strip{padding-block:8px}.intro-strip>a{border-bottom-color:#e3edf6}.hero-arrival{overflow:visible}.hero-bouquet-stage{width:100%;margin:4px 0 24px}.hero-eye-link{left:1%;bottom:0}.arrival-replay{right:0;bottom:0}}
@media(max-width:370px){.header .nav{gap:8px}.header .logo{width:105px;flex-shrink:0}.header .logo img{width:105px;height:38px}.header .nav-cta{font-size:11px;padding:8px;gap:5px}.header .menu-toggle{padding-left:3px}.hero-eye-link{padding:8px;gap:6px;left:0}.hero-eye-link img{width:32px;height:32px}.hero-eye-link b{font-size:11px}.hero-eye-link small{font-size:11px}.arrival-replay{font-size:11px;padding:7px;gap:2px}.arrival-replay>span{font-size:14px}.hero-arrival .actions{gap:12px}.hero-arrival .actions .text-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){.person-card,.world-card,.button.primary{transition:none}}

/* ===== usages.css (v=usages-20261104) ===== */
/* Six everyday moments, with full uncropped campaign visuals. */
.usages-section{background:linear-gradient(145deg,#fff 12%,#f1f7fc 58%,#f8f3fb);border-bottom:1px solid #e7eef5}
.usages-section .section-heading{align-items:center}
.usages-section .section-heading h2 span{color:#548eb9}
.usages-section .section-heading>p{max-width:345px}
.usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.usage-card{min-width:0;background:#fff;border:1px solid #e4eaf1;border-radius:24px;overflow:hidden;box-shadow:0 8px 30px #27486706}
.usage-card .image-open img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}
.usage-copy{padding:24px 26px 26px}
.usage-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:#607c93;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.usage-number{color:#6b8ca6;font-variant-numeric:tabular-nums}
.usage-copy h3{font-size:25px;line-height:1.2;letter-spacing:-.035em;font-weight:600}
.usage-copy p{color:#697786;font-size:14px;line-height:1.65;margin-top:12px;max-width:450px}
.usage-copy .text-link{font-size:12px;margin-top:17px;min-height:30px}
.usages-footer{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:30px}
.usages-footer .caption{margin:0;max-width:630px;line-height:1.7}
.usages-footer .button{flex-shrink:0}
.usages-section button:focus-visible,.usages-section a:focus-visible{outline:3px solid #318dd3;outline-offset:3px}
.usage-card .image-open:focus-visible{outline-offset:-4px}
@media(max-width:900px){.usage-grid{gap:20px}.usage-copy{padding:20px}.usage-copy h3{font-size:22px}.usage-copy p{font-size:13px}.usages-footer{gap:25px}}
@media(max-width:700px){.usages-section .section-heading>p{max-width:100%}.usage-grid{grid-template-columns:minmax(0,1fr);gap:22px}.usage-card{border-radius:19px}.usage-copy{padding:21px}.usage-copy h3{font-size:24px}.usage-meta{font-size:9px}.usage-copy p{margin-top:10px}.usage-copy .text-link{margin-top:13px;min-height:38px}.usages-footer{align-items:flex-start;flex-direction:column;gap:20px;margin-top:25px}.usages-footer .caption{max-width:100%}}

/* ===== films.css (v=noah-20261104) ===== */
/* Playback controls stay outside the video image. */
.film-player{position:relative;isolation:isolate;min-width:0;overflow:hidden;background:#fff;border-radius:20px;border:1px solid #e7edf3}
.film-player video{display:block;width:100%;height:auto;aspect-ratio:898/512;object-fit:contain;background:#f5f7fa}
.film-trigger{display:none!important}
.has-js .film-player video::-webkit-media-controls,.has-js .film-player video::-webkit-media-controls-enclosure{display:none!important}
.film-controls{position:relative;background:#fff;padding:11px 14px 8px;border-top:1px solid #edf1f5}
.film-controls-main{display:flex;align-items:center;gap:7px;min-width:0}
.film-controls button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;min-width:36px;padding:7px;border-radius:8px;background:#f2f6fa;color:#32536e;flex-shrink:0}
.film-controls .film-toggle{padding-inline:11px;background:#edf5ff;color:#1468a6;font-size:12px;min-width:73px}
.film-controls .film-toggle:disabled{opacity:.6;cursor:wait}
.film-controls svg{display:block;width:18px;height:18px;flex-shrink:0}
.film-controls .film-time{font-size:11px;font-variant-numeric:tabular-nums;color:#6b7a89;text-align:center;flex:1;white-space:nowrap}
.film-controls button:hover{background:#e5eff9}
.film-controls button:focus-visible,.film-seek:focus-visible{outline:3px solid #388ed5;outline-offset:2px}
.film-seek{display:block;width:100%;height:24px;margin:6px 0 0;accent-color:#2487c9;cursor:pointer}
.film-seek:disabled{cursor:default;opacity:.45}
.film-error{position:static;padding:12px 14px;background:#fff7ed;color:#6b4e31;font-size:12px;line-height:1.5}
.film-error a{text-decoration:underline}
.usage-card .film-player{border-radius:0}
.usage-card .film-player video{aspect-ratio:1672/941}
.usage-card .usage-video-link{margin-right:18px}
.film-feature{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:40px;margin-top:48px;padding:32px;background:linear-gradient(115deg,#edf5fc,#f8f5fc);border:1px solid #e6edf4;border-radius:28px}
.film-feature-copy{min-width:0;padding:8px 10px}
.film-feature-copy .eyebrow{font-size:10px;line-height:1.6;margin-bottom:16px}
.film-feature-copy h3{font-size:clamp(27px,2.8vw,38px);letter-spacing:-.045em;line-height:1.12;font-weight:600}
.film-feature-copy h3 span{color:#6d8ca7}
.film-feature-copy>p:not(.eyebrow):not(.caption){font-size:14px;line-height:1.75;color:#647385;margin-top:20px;max-width:370px}
.film-feature-copy .caption{font-size:10px;line-height:1.65;margin-top:18px}
.film-feature-copy .text-link{font-size:12px;margin-top:20px;min-height:32px}
.film-feature--portrait{grid-template-columns:minmax(0,1fr) minmax(240px,.65fr);gap:65px;padding:36px 65px;background:radial-gradient(ellipse at 70% 50%,#fbf3e9,transparent 70%),#fff}
.film-feature--portrait .film-feature-copy{max-width:460px}
.film-feature--portrait .film-player{width:min(100%,320px);justify-self:center}
.film-feature--portrait video{aspect-ratio:512/646}
.film-feature--learning{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);background:linear-gradient(115deg,#fff9e9,#f8fbfd)}
.film-feature--learning .film-feature-copy h3 span{color:#9b8b56}
.film-feature--family{margin:0 0 38px;background:linear-gradient(115deg,#eef7f2,#f6f9fc)}
.film-feature--family .film-feature-copy h3 span{color:#648e80}
.film-feature--noah{margin:0 0 38px;background:linear-gradient(115deg,#fff,#fbf7ef);border-color:#eee7dc;scroll-margin-top:100px}
.film-feature--noah .film-feature-copy h3 span{color:#9a7b50}
.film-feature--noah .film-player:not(.is-expanded) video{aspect-ratio:910/512;background:#fff}
@media(max-width:1000px){.film-feature{gap:24px;padding:25px}.film-feature--portrait{gap:35px;padding:30px 40px}.film-feature-copy{padding:0}.film-feature-copy>p:not(.eyebrow):not(.caption){font-size:13px}.film-feature-copy h3{font-size:30px}}
@media(max-width:700px){.film-feature{grid-template-columns:minmax(0,1fr);gap:25px;padding:20px;margin-top:32px;border-radius:22px}.film-feature-copy{padding:4px}.film-feature-copy h3{font-size:30px}.film-feature-copy .eyebrow{font-size:9px;margin-bottom:12px}.film-feature-copy>p:not(.eyebrow):not(.caption){margin-top:15px;max-width:100%}.film-feature--portrait{padding:25px;gap:22px}.film-feature--portrait .film-player{max-width:280px}.film-feature--learning .film-player{grid-row:1}.film-feature--family{margin:0 0 28px}.film-player{border-radius:15px}.film-trigger{padding:15px;gap:10px}.film-play-symbol{width:38px;height:38px;font-size:12px}.film-action{font-size:12px}.film-trigger small{font-size:9px}.film-feature-copy .caption{font-size:10px}}

.together-section{padding-top:0}
.together-section .film-feature{margin-top:0;background:linear-gradient(115deg,#f2f8fc,#fbf6ed);border-color:#e8edf0}
.film-placeholder{min-width:0}
body.film-expanded{overflow:hidden}
.film-player.is-expanded{position:fixed;inset:16px;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:auto!important;max-width:none!important;padding:18px;background:#fff;box-shadow:0 0 0 100vmax #172338d9;border-radius:20px;overflow:auto}
.film-player.is-expanded video{width:100%;height:calc(100dvh - 160px);max-height:calc(100dvh - 160px);aspect-ratio:auto;object-fit:contain;background:#fff;flex-shrink:1;min-height:0}
.film-player.is-expanded .film-controls{width:min(100%,900px);flex-shrink:0;box-sizing:border-box;border:1px solid #e7edf3;border-radius:12px}
@media(max-width:700px){.film-controls{padding:9px 10px 5px}.film-controls-main{gap:4px}.film-controls button{min-height:34px;min-width:30px;padding:6px}.film-controls .film-toggle{min-width:58px;font-size:11px;padding-inline:8px;gap:4px}.film-controls .film-time{font-size:10px}.film-controls svg{width:16px;height:16px}.film-player.is-expanded{inset:8px;padding:10px;border-radius:15px}.film-player.is-expanded video{height:calc(100dvh - 130px);max-height:calc(100dvh - 130px)}}

/* ===== voice.css (v=20261104-2) ===== */
.voice-panel{margin-top:22px;padding:22px;background:#ffffffd9;border:1px solid #dce3ec;border-radius:22px;box-shadow:0 8px 35px #25397006}.voice-panel p{margin:0}.voice-topline{display:flex;justify-content:space-between;align-items:center;gap:12px}.voice-badge{font-size:10px;color:#30749c;letter-spacing:.09em;font-weight:600;text-transform:uppercase}.voice-clock{font-size:11px;color:#76848f;font-variant-numeric:tabular-nums}.voice-status{font-size:17px;font-weight:600;line-height:1.4;margin:14px 0!important;min-height:48px}.voice-pickers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.voice-pickers label{font-size:11px;color:#687680}.voice-pickers select{display:block;width:100%;margin-top:6px;padding:11px 9px;border:1px solid #dce3ec;border-radius:10px;background:white;color:#222;font:inherit;font-size:13px;min-height:44px}.voice-actions{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.voice-actions button{border:0;border-radius:50px;padding:12px 17px;min-height:44px;background:#edf2f8;font-size:12px}.voice-actions #voice-start{background:#177abd;color:white;flex:1}.voice-actions #voice-stop{background:#fbe9e9;color:#a52f38}.voice-panel[data-state=error] .voice-status{color:#a52f38}.voice-privacy{font-size:10px!important;line-height:1.6!important;color:#77818b}.voice-writing{border-top:1px solid #e4e8ed;margin-top:18px;padding-top:16px}.voice-writing summary{font-size:12px;cursor:pointer}.voice-form{display:flex;gap:8px;margin-top:12px}.voice-form input{min-width:0;width:100%;border:1px solid #ccd7e2;border-radius:11px;padding:11px;font-size:14px;background:white}.voice-form button{border:0;background:#183b55;color:white;border-radius:11px;padding:10px 13px;font-size:12px}.voice-transcript-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.voice-transcript-heading b{font-size:12px;font-weight:600}.voice-transcript-heading button{background:none;border:0;color:#5a6672;font-size:10px;text-decoration:underline;min-height:44px}.voice-transcript{max-height:220px;overflow:auto;overscroll-behavior:contain;padding:0;margin:8px 0 0;list-style:none}.voice-message{margin:8px 0;padding:11px 13px;background:#eff5fa;border-radius:13px}.voice-message b{font-size:10px;color:#377191}.voice-message p{font-size:13px;line-height:1.5;margin-top:5px;white-space:pre-wrap;overflow-wrap:anywhere}.voice-user{background:#f3f3f5}.voice-user b{color:#6a6a73}.voice-empty{font-size:11px;line-height:1.5;color:#7b8791;margin-top:7px!important}.voice-direct{display:block;margin-top:12px;font-size:11px;color:#1a76b4}.voice-quick-start{display:inline-flex;align-items:center;gap:10px;background:#177abd;color:#fff;border:0;border-radius:50px;padding:13px 18px;font-size:13px;margin:10px 0 14px;min-height:44px}.living-eye[data-voice-state]{cursor:default}.living-eye[data-voice-state]:after{content:'';position:absolute;inset:12%;border-radius:50%;pointer-events:none;box-shadow:inset 0 0 18px #52b8ff44;transition:box-shadow .3s}.living-eye[data-voice-state=listening]:after{box-shadow:inset 0 0 22px #48cbba77}.living-eye[data-voice-state=speaking]:after{animation:voice-light .75s ease-in-out infinite alternate;box-shadow:inset 0 0 24px #9b78ef99}.living-eye[data-voice-state=thinking]:after,.living-eye[data-voice-state=connecting]:after{animation:voice-light 1.5s ease-in-out infinite alternate}.living-eye[data-voice-state=error]:after{box-shadow:inset 0 0 16px #c96b7055}@keyframes voice-light{from{opacity:.25}to{opacity:1}}@media(prefers-reduced-motion:reduce){.living-eye[data-voice-state]:after{animation:none}}@media(max-width:700px){.voice-panel{padding:17px;border-radius:18px}.voice-status{font-size:16px}.voice-pickers{gap:8px}.voice-quick-start{font-size:12px}.voice-transcript{max-height:260px}.voice-form{flex-wrap:wrap}.voice-form button{min-height:42px;width:100%}}

.experience-card.is-voice{align-items:start}.is-voice .experience-display{position:sticky;top:110px}.is-voice .app-grid{margin-top:22px}@media(max-width:700px){.is-voice .experience-display{position:static}.is-voice .device-shell{max-width:220px}.experience-card.is-voice{gap:22px}.is-voice .device-brand{margin-top:12px}}

@media(max-width:370px){.voice-pickers{grid-template-columns:1fr}.voice-panel{padding:14px}.voice-badge{font-size:9px}.voice-status{min-height:0}}

.voice-password{display:grid;gap:8px;margin-top:12px;padding:14px;border:1px solid #d9e2ea;border-radius:12px;background:#f6f9fc}.voice-password label{display:grid;gap:6px;font-size:12px;font-weight:600;color:#24475f}.voice-password input{min-height:44px;border:1px solid #c6d3df;border-radius:10px;padding:10px 12px;font-size:15px}.voice-password button{min-height:44px;border:0;border-radius:10px;background:#1e405e;color:#fff;font-size:13px}.voice-password p{margin:0;font-size:11px;color:#9a3b3b}

/* ===== call.css (v=20261104) ===== */
.call-stage{position:absolute;inset:0;background:#101b2a}.call-host{display:grid;width:100%;height:100%;gap:2px;background:#060a12}.call-host[data-count="2"]{grid-template-rows:1fr 1fr}.call-remote{position:relative;margin:0;overflow:hidden;background:#0d1626;display:flex;align-items:center;justify-content:center}.call-remote video{display:block;width:100%;height:100%;object-fit:cover;background:#0d1626}.call-remote-initial{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-size:clamp(34px,16cqw,72px);font-weight:600;color:#b6dcff;background:radial-gradient(circle at 50% 35%,#22466b 0,#111d2e 55%,#080d17 100%)}.call-remote[data-video="false"] .call-remote-initial{display:flex}.call-remote[data-state="connecting"] .call-remote-initial,.call-remote[data-state="new"] .call-remote-initial{display:flex;opacity:.7}.call-remote figcaption{position:absolute;left:0;right:0;bottom:0;padding:9% 18% 12%;text-align:center;font-size:clamp(9px,3.2cqw,12px);color:#dbe8f6;background:linear-gradient(transparent,#0008)}.call-host[data-count="2"] .call-remote figcaption{padding:4% 18% 6%}.call-local{position:absolute;right:22%;bottom:16%;width:24%;aspect-ratio:1;border-radius:50%;object-fit:cover;transform:scaleX(-1);border:2px solid #ffffffcc;box-shadow:0 6px 20px #0008;background:#000;z-index:2}.call-local[hidden]{display:none}.is-call-wide .call-local{right:16px;bottom:16px;width:22%;max-width:180px;aspect-ratio:4/3;border-radius:14px}.is-call-wide .call-remote figcaption{padding:12px 16px 14px;text-align:left;font-size:13px}.is-call-wide .call-host[data-count="2"]{grid-template-rows:none;grid-template-columns:1fr 1fr}
.call-ring{position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16% 18%;text-align:center;color:#fff;background:radial-gradient(circle at 50% 30%,#2b5f8fe6 0,#101d31f2 55%,#070b14f7 100%)}.call-ring[hidden]{display:none}.call-ring-icon{font-size:clamp(20px,8cqw,34px);color:#b6dcff;animation:call-ring-pulse 1.4s ease-in-out infinite}.call-ring-name{font-size:clamp(15px,6cqw,24px);font-weight:600;line-height:1.2;max-width:100%;overflow-wrap:anywhere}.call-ring-text{font-size:clamp(10px,3.4cqw,13px);color:#c5d6e8}.call-ring-actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;justify-content:center}.call-ring-actions button{border:0;border-radius:50px;min-height:40px;padding:9px 16px;font:inherit;font-size:clamp(10px,3.4cqw,13px);font-weight:600}.call-ring-accept{background:#2fb374;color:#06301c}.call-ring-decline{background:#f06a6a;color:#3b0b0b}.call-ring[data-motion="reduce"] .call-ring-icon{animation:none}@keyframes call-ring-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}@media(prefers-reduced-motion:reduce){.call-ring-icon{animation:none}}
.call-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:18%;background:radial-gradient(circle at 50% 30%,#22466b 0,#111d2e 48%,#080d17 100%)}.call-placeholder svg{width:47px;height:47px;color:#b6dcff}.call-placeholder b{font-size:clamp(16px,5.5cqw,23px);font-weight:500;line-height:1.25;max-width:190px}.call-placeholder span{color:#b6c9df;font-size:clamp(9px,3cqw,12px);line-height:1.5}.call-panel[data-state=ringing] .call-placeholder svg,.call-panel[data-state=waiting] .call-placeholder svg{animation:call-ring-pulse 1.6s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.call-placeholder svg{animation:none!important}}
.call-panel{margin-top:22px;padding:22px;background:#fff;border:1px solid #dce5ed;border-radius:22px;box-shadow:0 10px 35px #25397006}.call-panel p{margin:0}.call-topline{display:flex;justify-content:space-between;gap:10px;align-items:center}.call-badge{font-size:10px;letter-spacing:.08em;color:#367c9e;font-weight:600;text-transform:uppercase}.call-clock{font-size:11px;color:#75818d;font-variant-numeric:tabular-nums}.call-status{font-size:17px;font-weight:600;line-height:1.45;margin:16px 0!important}.call-panel[data-state=error] .call-status{color:#a52f38}.call-panel[data-state=connected] .call-badge{color:#267e61}.call-panel[data-state=reconnecting] .call-status,.call-panel[data-state=ringing] .call-status{color:#8a6420}.call-actions,.call-media,.call-share-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.call-panel button,.call-size{border:0;border-radius:50px;padding:12px 17px;min-height:44px;font:inherit;font-size:12px;line-height:1.4;background:#eef3f8;color:#294158}.call-panel button:disabled{opacity:.45}.call-panel #call-start{background:#1979b7;color:#fff;flex:1}.call-panel #call-end{background:#f9e9e9;color:#a83340;flex:1}.call-media button{flex:1}.call-media button[aria-pressed=false]{background:#f6f0e7;color:#82602b}.call-media .call-sound{flex-basis:100%;background:#1979b7;color:#fff}
.call-signin{margin:0 0 14px}.call-signin label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.call-signin-row{display:flex;gap:8px}.call-signin input{flex:1;min-width:0;border:1px solid #d4dfe8;border-radius:50px;padding:11px 15px;font:inherit;font-size:13px;background:#f8fafc;color:#294158}.call-signin input[hidden]{display:none}.call-signin button{background:#1979b7;color:#fff}.call-signin a{display:inline-block;color:#1c77ad;font-size:12px;min-height:34px;padding:8px 0}.call-signin [role=status]{font-size:11px;color:#a52f38;line-height:1.5;margin-top:8px!important;min-height:0}
.call-peers{display:flex;flex-direction:column;gap:6px;margin:0 0 4px}.call-peers-empty{font-size:12px;line-height:1.6;color:#6d7986}.call-peer{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;border:1px solid #e3eaf1;border-radius:14px;background:#f8fafc}.call-peer-name{font-size:13px;font-weight:600;color:#1f3246;overflow-wrap:anywhere}.call-peer-state{flex:1;font-size:11px;color:#347c63}.call-peer-state::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#2fb374;margin-right:6px;vertical-align:1px}.call-panel .call-peer-call{background:#1979b7;color:#fff;min-height:38px;padding:9px 15px}
.call-help{font-size:11px;line-height:1.65;color:#6d7986}.call-notice{background:#fff6e8;color:#7f602d;font-size:12px;line-height:1.55;padding:12px;border-radius:12px;margin:14px 0!important}.call-invite{border-top:1px solid #e7ebef;padding-top:17px;margin-top:18px}.call-invite label{font-size:12px;font-weight:600;display:block;margin-bottom:9px}.call-invite input{width:100%;min-width:0;border:1px solid #d4dfe8;border-radius:10px;padding:12px;color:#556778;font-size:11px;background:#f8fafc}.call-share-actions button{flex:1}.call-share-status{font-size:11px;color:#347c63;line-height:1.5;margin-bottom:10px!important}.call-privacy{font-size:10px;color:#76818b;line-height:1.6;margin-top:12px!important}.call-size{margin-top:12px;background:#ffffffd9;border:1px solid #d8e0e9}.experience-card.is-call{align-items:start}.is-call .experience-display{position:sticky;top:110px}.is-call .app-grid{margin-top:22px}.experience-card.is-call-wide{grid-template-columns:1fr;gap:22px}.is-call-wide .experience-display{position:static}.is-call-wide .device-shell{max-width:none;aspect-ratio:auto;border-radius:24px}.is-call-wide .device-screen{aspect-ratio:auto;height:clamp(430px,65vh,650px);border-radius:15px}.is-call-wide .device-brand{margin-top:15px}.is-call-wide .experience-controls{width:100%;max-width:680px;margin:auto}.is-call-wide .device-screen{container-type:normal}.is-call-wide .call-placeholder b{font-size:24px}.is-call-wide .call-placeholder span{font-size:12px}.is-call-wide .call-ring{padding:40px}.is-call-wide .call-ring-name{font-size:28px}.is-call-wide .call-ring-actions button{font-size:14px;min-height:46px;padding:12px 22px}
@media(max-width:700px){.experience-card.is-call{gap:24px}.is-call .experience-display{position:static}.call-panel{padding:17px;border-radius:18px}.call-status{font-size:16px}.call-help{font-size:11px}.call-panel button{padding:11px 13px}.is-call .device-shell{max-width:270px}.experience-card.is-call-wide{padding:18px 12px}.is-call-wide .device-shell{max-width:none;border-width:4px;padding:2px}.is-call-wide .device-screen{height:460px}.is-call-wide .experience-controls{padding:0 6px}.call-media{display:grid;grid-template-columns:1fr 1fr}.call-media button{padding:10px 8px}.call-media .call-sound{grid-column:1/-1}}
@media(max-width:370px){.call-panel{padding:14px}.call-badge{font-size:9px}.call-share-actions{flex-direction:column}.call-media{grid-template-columns:1fr}.call-panel button{font-size:11px}.call-signin-row{flex-direction:column}.call-peer{flex-wrap:wrap}}

/* ===== voice-interaction.css (v=20261104-gaze) ===== */
/* The shell and its rim stay fixed. Movement is clipped to screen pixels. */
.voice-iris-window,.voice-signal-ring{display:none;pointer-events:none}.voice-reactive>img{transform:none!important}.voice-reactive .voice-iris-window{display:block;position:absolute;inset:10.5%;border-radius:50%;overflow:hidden}.living-eye .voice-iris-motion{position:absolute;width:139.2405%;max-width:none;height:139.2405%;left:-19.6203%;top:-19.6203%;object-fit:cover;transform:translate(calc(var(--gaze-x,0%) + var(--voice-x,0px)),calc(var(--gaze-y,0%) + var(--voice-y,0px))) scale(calc(1 + var(--voice-level,0) * .075));transition:filter .2s;filter:saturate(calc(1.12 + var(--voice-level,0) * .65))}.voice-reactive .voice-signal-ring{display:block;position:absolute;inset:12%;border-radius:50%;border:2px solid #69c9ff;opacity:calc(.18 + var(--voice-level,0)*.8);box-shadow:inset 0 0 calc(10px + var(--voice-level,0)*35px) #48bfff99,0 0 15px #48bfff55}.voice-reactive[data-voice-state=speaking] .voice-signal-ring{border-color:#be9cff;box-shadow:inset 0 0 calc(12px + var(--voice-level,0)*40px) #ab73ff99,0 0 18px #ab73ff77}.voice-reactive[data-voice-signal=user] .voice-signal-ring{border-color:#71ffe0;box-shadow:inset 0 0 calc(15px + var(--voice-level,0)*40px) #43e5c399,0 0 18px #43e5c355}.voice-reactive[data-voice-state=thinking] .voice-signal-ring{border:2px dashed #97bbec;opacity:.65;animation:eye-thinking 9s linear infinite}.voice-reactive[data-voice-state=muted] .voice-signal-ring{opacity:.12}.voice-reactive[data-voice-state=error] .voice-signal-ring{border-color:#e5a397;opacity:.45}.living-eye.voice-reactive:after{display:none}.voice-live-meter{display:flex;align-items:center;justify-content:center;gap:10px;margin:13px auto 0;min-height:29px;font-size:12px;color:#297a9d;font-weight:500}.voice-meter-bars{display:flex;align-items:center;gap:3px;height:25px}.voice-meter-bars i{display:block;width:3px;height:calc(4px + var(--voice-level,0) * 20px);border-radius:4px;background:#299cc5;transition:height 60ms linear}.voice-meter-bars i:nth-child(2),.voice-meter-bars i:nth-child(4){height:calc(4px + var(--voice-level,0) * 13px)}.voice-meter-bars i:first-child,.voice-meter-bars i:last-child{height:calc(4px + var(--voice-level,0) * 7px)}.voice-live-meter[data-phase=speaking]{color:#8864b8}.voice-live-meter[data-phase=speaking] i{background:#a681d7}.voice-live-meter[data-phase=thinking] i{animation:meter-thinking 1s ease-in-out infinite alternate}.voice-live-meter[data-phase=thinking] i:nth-child(even){animation-delay:.3s}.voice-live-meter[data-phase=muted]{color:#87929c}
.voice-stage{position:absolute;inset:0;background:#0d1a2a;color:#fff;overflow:hidden}.voice-stage video{display:block;width:100%;height:100%;object-fit:contain;background:#070e18}.voice-screen-copy{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:14% 15%;text-align:center}.voice-screen-copy h4{font-size:clamp(18px,6cqw,27px);line-height:1.15;font-weight:600;margin:0}.voice-screen-copy p{font-size:clamp(10px,3.6cqw,14px);line-height:1.45;color:#c9d8e9;margin:0}.voice-screen-copy .screen-label{font-size:clamp(7px,2.5cqw,10px);letter-spacing:.12em;color:#93b5d7}.voice-screen-copy button,.voice-screen-copy a{min-height:38px;border:0;border-radius:30px;background:#eff6ff;color:#22476e;padding:9px 14px;font-size:clamp(10px,3.2cqw,13px)}.voice-screen-copy .voice-math-question{font-size:clamp(29px,12cqw,48px);margin:7px 0}.voice-math-options{display:flex;gap:8px}.voice-math-options button{font-size:clamp(18px,7cqw,28px);font-weight:500;min-width:48px;min-height:48px;padding:7px 10px;border-radius:16px}.voice-math-options button:hover{background:#aee4ff}.voice-screen-copy [data-correct=true]{color:#85efbb}.voice-screen-copy .star-grid{width:70%;margin:0}.voice-screen-copy .star-grid button{padding:0;min-height:0;border-radius:12px}.voice-stage--music .music-bars{height:60px}.voice-story-image{width:45%;max-height:50%;object-fit:contain;border-radius:20px;background:#fff}.voice-stage--youtube>div,.voice-stage--youtube iframe{width:100%;height:100%;border:0;display:block}.voice-screen-toolbar{margin-top:14px}.voice-screen-toolbar p{font-size:11px;line-height:1.5;color:#54738e;margin:0 0 10px}.voice-screen-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.voice-screen-buttons button{border:1px solid #cfdce7;background:white;color:#225b87;font-size:11px;border-radius:40px;padding:10px 13px;min-height:42px}.voice-screen-buttons button:disabled{opacity:.45}.voice-command-section{border-top:1px solid #e3eaf0;padding-top:17px;margin:19px 0 14px}.voice-command-section>b{font-size:13px;font-weight:600}.voice-command-section>p{font-size:11px;color:#6d7f8f;margin:7px 0 12px;line-height:1.5}.voice-command-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.voice-command-grid button{min-height:44px;background:#edf5fa;border:1px solid #dfeaf1;border-radius:12px;padding:11px 10px;color:#2a648a;font-size:11px;text-align:left;line-height:1.4}.voice-command-grid button:hover{background:#deeffa}.voice-command-section .voice-action-status{font-size:11px;color:#397b75;background:#f1f8f6;border-radius:10px;padding:10px 12px;line-height:1.5;margin-top:12px}.voice-youtube-details{border-top:1px solid #e4e8ed;margin-top:18px;padding-top:16px}.voice-youtube-details summary{font-size:12px;cursor:pointer}.voice-youtube-details p{font-size:11px;line-height:1.5;color:#76818b;margin-top:10px}.voice-youtube-details form{display:flex;gap:7px;margin-top:10px}.voice-youtube-details input{width:100%;min-width:0;font-size:12px;border:1px solid #ccd7e2;border-radius:10px;padding:11px}.voice-youtube-details button{border:0;border-radius:10px;background:#183b55;color:white;padding:10px 12px;font-size:12px}.voice-youtube-details a{font-size:11px;display:inline-block;color:#1c77ad;padding-top:10px}.experience-card.is-voice{overflow:visible}.is-voice .device-shell{max-width:400px}.is-voice .experience-display{top:100px}.is-voice #device-hint{min-height:18px}.experience-card.has-screen-wide{grid-template-columns:1fr;gap:24px}.has-screen-wide .experience-display{position:static}.has-screen-wide .device-shell{max-width:780px;border-radius:24px;aspect-ratio:auto}.has-screen-wide .device-screen{border-radius:15px;aspect-ratio:16/9;min-height:210px}.has-screen-wide .voice-stage{border-radius:0}.has-screen-wide .experience-controls{max-width:680px;margin:auto}.has-screen-wide .device-brand{display:none}
@keyframes eye-thinking{to{transform:rotate(360deg)}}@keyframes meter-thinking{to{height:16px}}
@media(max-width:700px){.is-voice .experience-display{position:sticky;top:64px;z-index:5;background:linear-gradient(135deg,#edf5fb,#f3f0fa);border-radius:20px;padding:12px 8px;box-shadow:0 7px 22px #1731470a}.is-voice .device-shell{max-width:235px;border-width:4px}.is-voice .device-brand{display:none}.is-voice #device-hint{display:none}.voice-live-meter{font-size:11px;margin-top:8px}.voice-command-grid{gap:6px}.voice-command-grid button{font-size:10px;padding:10px 8px}.voice-screen-toolbar{margin-top:9px}.voice-screen-toolbar p{font-size:10px}.voice-screen-buttons button{font-size:10px;min-height:38px;padding:8px 10px}.voice-youtube-details form{flex-wrap:wrap}.voice-youtube-details form button{width:100%;min-height:42px}.experience-card.has-screen-wide{padding:24px 12px}.has-screen-wide .experience-display{position:static;padding:0;background:none;box-shadow:none}.has-screen-wide .device-shell{max-width:none;border-radius:18px}.has-screen-wide .device-screen{border-radius:11px;min-height:210px}.has-screen-wide .experience-controls{padding:0 6px}.voice-screen-copy{gap:8px;padding:14% 12%}.voice-math-options{gap:6px}.voice-math-options button{min-width:40px;min-height:40px}.voice-stage--game .voice-screen-copy{padding:14% 18%}.voice-stage--game .star-grid{width:100%}.voice-stage--game .voice-screen-copy h4{font-size:18px}.voice-stage--story .voice-screen-copy{gap:6px}}
@media(max-width:370px){.voice-command-grid{grid-template-columns:1fr}.is-voice .experience-display{padding:8px 0}.voice-screen-copy button{padding:7px 9px}.voice-math-options button{min-width:36px;min-height:36px}.voice-stage--call .voice-screen-copy p{font-size:9px}}
@media(prefers-reduced-motion:reduce){.voice-reactive .voice-iris-motion{transform:translate(var(--gaze-x,0%),var(--gaze-y,0%))!important}.voice-reactive .voice-signal-ring,.voice-meter-bars i{animation:none!important;transition:none}}

#voice-youtube-external{display:inline-block;color:#1c77ad;font-size:11px;line-height:1.5;padding:12px 0 5px}.voice-video-fallback{display:block;margin:6px auto 0;font-size:11px;color:#346d8f;background:#eff6fb;border:1px solid #cfdfeb;border-radius:20px;padding:9px 14px;min-height:38px}

/* ===== companion-app.css (v=20261104-3) ===== */
/* A calm app home; all autonomous motion remains inside the display. */
.beyboo-app-header,.beyboo-app-bottom{display:none}
.experience-card.has-companion{overflow:visible;align-items:start;gap:42px;padding:38px;background:#f7f8fb}
.experience-card.has-companion .experience-display{position:sticky;top:95px;text-align:center;background:none;padding:0;box-shadow:none}
.companion-scene{position:relative;isolation:isolate;width:100%;max-width:430px;aspect-ratio:6/7;margin:0 auto;border-radius:25px;overflow:hidden;background:#e9e3da}
.companion-portrait{position:absolute;max-width:none;width:128%;height:auto;left:-14%;top:-52.38%;pointer-events:none;user-select:none;transform:none!important;animation:none!important}
.plush-eye-dock{position:absolute;width:24%;aspect-ratio:1;left:39%;top:22.6%;z-index:2}
.has-companion .plush-eye-dock .device-shell{width:100%;max-width:none;aspect-ratio:1;border:0;padding:0;background:transparent;box-shadow:none}
.plush-eye-dock .device-screen{width:100%;aspect-ratio:1;border-radius:50%;background:transparent;min-height:0;height:auto}
.has-companion .device-brand,.has-companion #device-hint,.has-companion #mode-title,.has-companion #mode-description,.has-companion .legacy-mode-label,.has-companion #voice-open,.has-companion .app-grid{display:none!important}
.has-companion #living-eye{cursor:pointer}
.has-companion .voice-live-meter{margin:15px auto 9px;min-height:22px;font-size:12px}
.companion-talk-main{width:100%;max-width:310px;min-height:50px;margin:0 auto;padding:14px 20px;border-radius:28px;background:#1e405e;color:#fff;font-size:14px;box-shadow:0 7px 20px #133c6214}
.companion-talk-main:hover{background:#2a5679}.companion-talk-main.is-connected{background:#315f75}
.companion-welcome{margin:0 0 24px}.companion-welcome .eyebrow{color:#698299;font-size:10px;margin-bottom:14px;letter-spacing:.16em}.companion-welcome h3{font-size:45px;font-weight:640;letter-spacing:-.06em;line-height:1.05;margin:0 0 13px}.companion-welcome>p:last-child{font-size:14px;line-height:1.65;color:#7c818b}
.companion-launcher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 9px;margin:0 0 24px}
.companion-launcher>button{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;background:none;padding:0 3px;cursor:pointer}
.app-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:20px;font-size:29px;font-weight:500;box-shadow:inset 0 1px 0 #ffffffcc,0 6px 13px #36445809;transition:transform .18s}
.companion-launcher>button:hover .app-icon{transform:translateY(-3px)}.companion-launcher b{font-size:11px;font-weight:600;line-height:1.2;margin-top:4px}.companion-launcher small{font-size:9px;color:#6e6e73;line-height:1.2;white-space:nowrap}
.app-icon-talk{background:linear-gradient(140deg,#e1eafd,#c3dcf5);color:#427bb9}.app-icon-video{background:linear-gradient(140deg,#ffebe7,#fbd5d7);color:#cc4d5c}.app-icon-call{background:linear-gradient(140deg,#e7f4ec,#c8e6d9);color:#318463}.app-icon-math{background:linear-gradient(140deg,#fff0dc,#f7dfb8);color:#a57735;font-size:22px}.app-icon-story{background:linear-gradient(140deg,#eee8ff,#dcd3f7);color:#8670b3}.app-icon-music{background:linear-gradient(140deg,#ffeaf3,#f3cedf);color:#ae6687}.app-icon-game{background:linear-gradient(140deg,#e7f3fa,#c9e5ed);color:#488c9a}.app-icon-store{background:linear-gradient(140deg,#eceff3,#dce1e7);color:#6a7f92}
.companion-screen-note{font-size:11px;line-height:1.65;color:#8d929a;margin:0 0 10px}.companion-view-controls{display:flex;gap:9px 15px;flex-wrap:wrap;align-items:center;margin:0 0 19px}.companion-view-controls button,.companion-view-controls a{background:none;color:#3f6682;font-size:10px;padding:6px 0;min-height:44px}
.has-companion .voice-panel{padding:22px;border-radius:23px;box-shadow:none;border:1px solid #e6e9ef;background:white;margin-top:0}.has-companion .voice-status{min-height:0;margin:12px 0 18px;font-size:14px}.has-companion .voice-topline{font-size:9px}.has-companion .voice-command-section{display:none}.has-companion .voice-pickers{gap:9px;margin-bottom:14px}.has-companion .voice-pickers label{font-size:10px}.has-companion .voice-pickers select{font-size:12px}.has-companion .voice-privacy{font-size:10px;line-height:1.65}.has-companion .demo-note{font-size:10px}.has-companion .voice-transcript-heading{margin-top:20px}.has-companion .voice-transcript{max-height:220px}
.has-reading-screen .companion-scene{max-width:100px;aspect-ratio:6/7;border-radius:17px;margin-bottom:16px}.has-companion .reading-screen-dock>.device-shell{width:100%;max-width:370px;aspect-ratio:1;border:5px solid #39393c;border-radius:50%;padding:3px;box-shadow:0 14px 32px #1d36541b;background:#080a12}.has-companion .reading-screen-dock .device-screen{aspect-ratio:1;border-radius:50%;min-height:0;height:auto}
.has-companion.has-screen-wide,.has-companion.is-call-wide{grid-template-columns:1.2fr 1fr;gap:30px}.has-companion.has-screen-wide .experience-controls,.has-companion.is-call-wide .experience-controls{max-width:none;width:100%}.has-companion.has-screen-wide .reading-screen-dock>.device-shell,.has-companion.is-call-wide .reading-screen-dock>.device-shell{max-width:none;aspect-ratio:auto;border-radius:20px}.has-companion.has-screen-wide .reading-screen-dock .device-screen{aspect-ratio:16/9;min-height:210px;border-radius:13px}.has-companion.is-call-wide .reading-screen-dock .device-screen{aspect-ratio:auto;height:440px;border-radius:13px;container-type:normal}
.companion-dialog{max-width:520px;padding:40px;border:0;border-radius:28px;background:#fff;box-shadow:0 30px 90px #1c2d4540;color:#25354a}.companion-dialog::backdrop{background:#1b293c66;backdrop-filter:blur(5px)}.companion-dialog .eyebrow{font-size:9px;margin:6px 0 18px}.companion-dialog h2{font-size:32px;line-height:1.08;margin-bottom:22px}.companion-dialog p:not(.eyebrow){font-size:13px;line-height:1.7;color:#747e8b;margin:14px 0}.companion-dialog .button{font-size:12px;margin-top:10px}.companion-dialog .app-dialog-note{font-size:10px;margin-top:18px}.app-install-step,.app-account-card{border-radius:17px;background:#f4f6f9;padding:16px 19px;margin:14px 0}.app-install-step b,.app-account-card b{font-size:13px}.app-install-step p{margin:5px 0!important;font-size:12px!important}.app-account-card span{display:block;font-size:12px;color:#778291;margin-top:7px;line-height:1.6}
.beyboo-app{background:#f8f8fa;scroll-padding-top:95px}.beyboo-app body{background:#f8f8fa;padding-bottom:90px}.beyboo-app .header,.beyboo-app .footer,.beyboo-app #main>:not(#experience),.beyboo-app #experience>.section-heading,.beyboo-app #experience>.film-feature,.beyboo-app .open-app-link{display:none!important}.beyboo-app .beyboo-app-header{display:flex;align-items:center;justify-content:space-between;max-width:1220px;margin:auto;padding:18px 36px;height:80px;position:sticky;top:0;background:#f8f8faed;backdrop-filter:blur(20px);z-index:35}.beyboo-app-header img{width:145px;height:auto;mix-blend-mode:multiply}.beyboo-app-header>div{display:flex;align-items:center;gap:20px}.beyboo-app-header button{background:none;font-size:12px;color:#4c6278}.beyboo-app-header .app-account{border:1px solid #dfe3e9;width:35px;height:35px;border-radius:50%;font-size:19px;background:white;color:#6c8195}.beyboo-app #experience{width:min(1140px,calc(100% - 64px));padding:22px 0 0;margin:auto}.beyboo-app .experience-card{background:none;border:0;padding:0;gap:70px;grid-template-columns:1fr 1fr}.beyboo-app .experience-card.has-screen-wide,.beyboo-app .experience-card.is-call-wide{gap:30px;grid-template-columns:1.2fr 1fr}.beyboo-app .companion-welcome{padding-top:6px}.beyboo-app .companion-welcome h3{font-size:52px}.beyboo-app .companion-launcher{margin-top:29px;margin-bottom:26px;gap:25px 13px}.beyboo-app .app-icon{width:69px;height:69px;border-radius:21px}.beyboo-app .beyboo-app-bottom{display:flex;position:fixed;bottom:16px;left:50%;transform:translateX(-50%);width:350px;max-width:calc(100% - 30px);padding:9px 12px;justify-content:space-around;border-radius:25px;border:1px solid #e5e8ef;background:#fffffff2;backdrop-filter:blur(16px);z-index:40;box-shadow:0 12px 36px #1a35551b}.beyboo-app-bottom button{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:60px;background:none;color:#6a7f93;font-size:9px;padding:3px}.beyboo-app-bottom button span{font-size:21px;line-height:25px}.beyboo-app-bottom button:nth-child(2){color:#2c70a5}.beyboo-app .demo-note{margin-bottom:20px}
@media(max-width:1000px) and (min-width:701px){.beyboo-app .experience-card{gap:35px}.companion-launcher{grid-template-columns:repeat(4,1fr);gap:20px 5px}.app-icon,.beyboo-app .app-icon{width:54px;height:54px;border-radius:17px}.companion-launcher small{font-size:8px}.has-companion .voice-pickers{grid-template-columns:1fr}.has-companion.has-screen-wide,.has-companion.is-call-wide{grid-template-columns:1fr!important}.has-companion.has-screen-wide .experience-display,.has-companion.is-call-wide .experience-display{position:static}}
@media(max-width:700px){.experience-card.has-companion{display:flex;flex-direction:column;padding:22px 18px;gap:28px}.experience-card.has-companion .experience-display{position:static;top:auto;padding:0;width:100%;background:none;border-radius:0}.has-companion .experience-controls{width:100%}.companion-scene{max-width:300px;border-radius:22px}.companion-talk-main{max-width:280px;min-height:47px;font-size:13px}.companion-welcome{margin-bottom:22px}.companion-welcome h3,.beyboo-app .companion-welcome h3{font-size:36px}.companion-welcome>p:last-child{font-size:13px}.companion-launcher,.beyboo-app .companion-launcher{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 5px;margin:0 0 22px}.app-icon,.beyboo-app .app-icon{width:55px;height:55px;border-radius:17px;font-size:26px}.app-icon-math{font-size:19px!important}.companion-launcher b{font-size:10px}.companion-launcher small{font-size:8px}.has-companion .voice-panel{padding:19px 16px}.has-companion .voice-pickers{grid-template-columns:1fr 1fr}.has-reading-screen .companion-scene{max-width:78px;margin-bottom:12px;border-radius:12px}.has-companion .reading-screen-dock>.device-shell{max-width:300px}.has-companion.is-call-wide .reading-screen-dock .device-screen{height:430px}.has-companion.has-screen-wide .reading-screen-dock .device-screen{min-height:210px}.has-companion.has-screen-wide .experience-controls,.has-companion.is-call-wide .experience-controls{padding:0}.companion-dialog{width:calc(100% - 24px);padding:30px 24px;max-height:90dvh}.companion-dialog h2{font-size:29px}.companion-dialog p:not(.eyebrow){font-size:12px}.beyboo-app .beyboo-app-header{height:65px;padding:12px 22px}.beyboo-app-header img{width:128px}.beyboo-app-header>div{gap:17px}.beyboo-app-header button{font-size:11px}.beyboo-app #experience{width:calc(100% - 40px);padding:10px 0 0}.beyboo-app .experience-card{gap:29px}.beyboo-app .companion-welcome{padding-top:0}.beyboo-app .companion-scene{max-width:290px}.beyboo-app .has-reading-screen .companion-scene{max-width:78px}.beyboo-app .beyboo-app-bottom{bottom:calc(10px + env(safe-area-inset-bottom));border-radius:22px}.beyboo-app body{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.companion-view-controls{gap:7px 12px}.companion-view-controls button,.companion-view-controls a{font-size:9px}}
@media(max-width:360px){.beyboo-app #experience{width:calc(100% - 28px)}.has-companion .voice-pickers{grid-template-columns:1fr}.companion-launcher,.beyboo-app .companion-launcher{gap:18px 4px}.app-icon,.beyboo-app .app-icon{width:48px;height:48px;border-radius:15px}.companion-launcher small{font-size:7px}.companion-launcher b{font-size:9px}.beyboo-app .beyboo-app-header{padding-inline:15px}}
@media(prefers-reduced-motion:reduce){.companion-launcher>button:hover .app-icon{transform:none}.app-icon{transition:none}}
@media(max-width:700px){.beyboo-app .experience-card.has-companion{padding:0;gap:24px}.beyboo-app .companion-scene{max-width:250px}.beyboo-app .has-reading-screen .companion-scene{max-width:78px}.beyboo-app .companion-welcome .eyebrow{display:none}.beyboo-app .companion-welcome h3{font-size:30px;margin-bottom:10px}.beyboo-app .companion-welcome>p:last-child{font-size:12px;line-height:1.5}.beyboo-app .companion-welcome{margin-bottom:19px}}
/* The full product is the default for every activity. */
.experience-card.has-companion .plush-eye-dock .device-shell{width:100%;max-width:none;aspect-ratio:1;border:0;border-radius:50%;padding:0;background:#05070b;box-shadow:0 0 0 2px #171b21}
.experience-card.has-companion .plush-eye-dock .device-screen{width:100%;height:auto;min-height:0;aspect-ratio:1;border-radius:50%;overflow:hidden;container-type:inline-size}
.has-companion .plush-eye-dock .voice-stage{border-radius:50%;background:#05070b}
.has-companion .plush-eye-dock .voice-stage video{width:100%;height:100%;object-fit:contain}
.has-companion .plush-eye-dock .voice-stage--youtube{display:flex;align-items:center;justify-content:center;background:#000}
.has-companion .plush-eye-dock .voice-stage--youtube>div,.has-companion .plush-eye-dock .voice-stage--youtube iframe{width:70%;height:70%;flex:none;border:0;border-radius:0;display:block}
.has-companion #reading-screen-dock,.has-companion #call-size{display:none!important}
.experience-card.has-companion.is-call-wide,.beyboo-app .experience-card.has-companion.is-call-wide{grid-template-columns:1fr 1fr}
.has-companion.is-call-wide .plush-eye-dock #call-host{position:absolute;inset:15%;width:70%;height:70%}
.has-companion.is-call-wide .plush-eye-dock #call-host iframe{width:100%;height:100%;border:0}

/* ===== camera.css (v=20261104) ===== */
.app-icon-camera{background:linear-gradient(140deg,#e4e9f3,#cbd6e8);color:#4c6488}.app-icon-face{background:linear-gradient(140deg,#e6f2f4,#c1e5e4);color:#3a838b}.app-icon-camera svg,.app-icon-face svg{width:31px;height:31px;stroke:currentColor;fill:none;stroke-width:1.6}
.camera-panel{margin:16px 0 8px;padding:20px;border:1px solid #dce5ed;border-radius:22px;background:#fff;text-align:left}.camera-panel h3{margin:0 0 6px;font-size:19px;font-weight:700;letter-spacing:-.025em;line-height:1.5}.camera-panel p{font-size:12px;line-height:1.6;color:#6b7e90;margin:9px 0}.camera-panel .camera-local{font-size:9px;letter-spacing:.12em;color:#5c8495;text-transform:uppercase;margin:0 0 10px}.camera-tabs,.camera-actions,.camera-photo-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.camera-panel button,.camera-panel a{padding:11px 14px;min-height:42px;border-radius:24px;font-size:11px;line-height:1.4;background:#edf3f8;color:#254e70;text-decoration:none}.camera-tabs button{flex:1}.camera-tabs [aria-pressed=true]{background:#dbeef1;color:#23666c;box-shadow:inset 0 0 0 1px #a1cbd2}.camera-panel #camera-start,.camera-panel #camera-capture{background:#214c6b;color:#fff}.camera-panel button:disabled{opacity:.45;cursor:not-allowed}.camera-panel #camera-stop{background:#f8efec;color:#92594d}.camera-detect-label{display:flex;align-items:center;gap:9px;font-size:12px;color:#446b83;min-height:38px}.camera-detect-label input{accent-color:#3c858b;width:17px;height:17px}.camera-panel .camera-privacy{font-size:10px;color:#5f6b76;border-top:1px solid #e9edf1;padding-top:12px}
.camera-view{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:#08131d}.camera-view>video,.camera-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.camera-view[data-mirrored=true]>video{transform:scaleX(-1)}.camera-placeholder-icon{width:16%;color:#b3dded;margin:2% 0}.camera-follow-eye{display:none;position:absolute;inset:0;overflow:hidden;border-radius:50%;background:#000}.camera-follow-eye>img{width:100%;height:100%;object-fit:cover}.camera-follow-eye>span{position:absolute;inset:10.5%;border-radius:50%;overflow:hidden}.camera-follow-eye>span>img{position:absolute;width:139.2405%;max-width:none;height:139.2405%;left:-19.6203%;top:-19.6203%;object-fit:cover;transform:translate(var(--face-x,0%),var(--face-y,0%));transition:transform .18s linear}.camera-view[data-mode=follow][data-active=true] .camera-follow-eye{display:block}.camera-view[data-mode=follow] .camera-face-box{display:none}.camera-face-box{position:absolute;border:2px solid #a3f4de;border-radius:18px;box-shadow:0 0 0 1px #133d4a44;pointer-events:none;transition:all .16s linear}.camera-shot{z-index:3}.camera-view[data-active=true] #camera-placeholder{display:none}
@media(max-width:700px){.camera-panel{padding:17px 15px}.camera-panel h3{font-size:18px}.camera-panel p{font-size:11px}.camera-actions button{flex:1}.camera-panel .camera-privacy{font-size:9px}}
@media(prefers-reduced-motion:reduce){.camera-face-box,.camera-follow-eye>span>img{transition:none}}

#camera-placeholder{position:absolute;inset:0;z-index:1}.camera-view[data-active=false]>video{visibility:hidden}.camera-face-box{z-index:2}

.experience-controls>.camera-panel{margin-top:0}.experience-controls:has(>.camera-panel:not([hidden]))>.companion-welcome{display:none}

/* ===== product-demo.css (v=20261104-voices) ===== */
/* A fixed, full-body product photograph, with one live logical display. */
.beyboo-app,#experience{overflow-anchor:none}
.experience-card.has-companion,.beyboo-app .experience-card.has-companion{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:44px}
.experience-card.has-companion .experience-display{position:static;min-width:0}
.product-preview-label{display:flex;align-items:center;justify-content:center;gap:9px;color:#617789;font-size:9px;letter-spacing:.16em;margin:0 0 14px;font-weight:600}
.product-preview-label>span{width:6px;height:6px;border-radius:50%;background:#689d94}
.experience-card.has-companion .companion-scene{width:100%;max-width:590px;height:var(--photo-height);min-height:0;aspect-ratio:6/7;left:auto;transform:none;margin:0 auto;border-radius:28px;background:#f0ede8;overflow:hidden}
.companion-photo{position:absolute;inset:0 0 auto;height:var(--photo-height,100%);overflow:hidden;border-radius:28px}
.experience-card.has-companion .companion-portrait{width:128%;height:auto;left:-14%;top:-52.38%;transform:none!important;animation:none!important;transition:none!important}
.experience-card.has-companion .plush-eye-dock{width:24%;left:39%;top:calc(var(--photo-height) * .226);aspect-ratio:1;overflow:hidden;border-radius:50%;box-shadow:0 0 0 2px #1b2028}
.experience-card.has-companion .plush-eye-dock .device-shell{width:100%;height:100%;border:0;padding:0;border-radius:50%;box-shadow:none;overflow:hidden}
.experience-card.has-companion .plush-eye-dock .device-screen{position:relative;width:400px;height:400px;min-height:400px;max-width:none;aspect-ratio:1;transform:scale(var(--screen-scale,1));transform-origin:top left;container-type:inline-size;border-radius:50%;overflow:hidden}
.experience-card.has-companion .voice-stage--video{display:flex;align-items:center;justify-content:center}
.experience-card.has-companion .voice-stage--video video{width:86%;height:auto;max-height:70%;aspect-ratio:16/9;object-fit:contain}
.experience-card.has-companion .voice-stage--youtube>div,.experience-card.has-companion .voice-stage--youtube iframe{width:280px;height:280px;flex:0 0 280px}
.experience-card.has-companion #call-host{position:absolute;inset:15%;width:70%;height:70%}
.experience-card.has-companion #call-host iframe{width:100%;height:100%;border:0}
.companion-detail-caption{position:absolute;top:var(--photo-height);left:0;width:100%;font-size:12px;font-weight:600;line-height:1.3;padding-top:16px;color:#28455d}
.companion-detail-caption span{display:block;font-size:10px;font-weight:400;color:#687c8c;margin-top:3px}
.experience-card.has-eye-detail .companion-scene{height:calc(var(--photo-height) + var(--detail-size) + 80px);aspect-ratio:auto;background:#ecf1f6}
.experience-card.has-eye-detail .plush-eye-dock{width:var(--detail-size);left:calc((100% - var(--detail-size))/2);top:calc(var(--photo-height) + 60px)}
.has-companion .companion-welcome h3,.beyboo-app .companion-welcome h3{font-size:clamp(32px,3.1vw,46px);line-height:1.08;letter-spacing:-.05em;color:#182c3d}
.has-companion .companion-welcome>p:last-of-type{color:#71808e;font-size:14px;line-height:1.65;margin-bottom:20px}
.product-first-demo{display:block;width:100%;text-align:left;background:#234a68;color:white;padding:16px 19px;border-radius:18px;font-size:14px;line-height:1.4;margin:18px 0 8px;box-shadow:0 7px 20px #1d456012}
.product-first-demo span{display:block;color:#cfdfeb;font-size:10px;margin:5px 0 0 17px;font-weight:400}
.product-first-demo:hover{background:#2f5d7d}
.has-companion .companion-launcher{margin-top:28px;gap:24px 8px}
.product-coming{background:#e9edf1;border-radius:8px;padding:3px 5px;color:#657989!important}
.has-companion .companion-view-controls{justify-content:center;margin:10px auto 0;gap:9px 18px}
.has-companion .companion-view-controls button,.has-companion .companion-view-controls a{font-size:12px;min-height:44px;padding:10px 0}
.has-companion .companion-screen-note{font-size:12px;line-height:1.6;margin:18px 0 12px;color:#6c7e8d}
.product-activity{background:#fff;border:1px solid #dce5ed;border-radius:22px;padding:22px;margin:18px 0 22px;text-align:left}
.product-activity .activity-label{color:#678599;font-size:9px;font-weight:600;letter-spacing:.13em;margin:0 0 10px}
.product-activity h4{font-size:23px;letter-spacing:-.03em;line-height:1.2;margin:0 0 12px;color:#1c3e58}
.product-activity p{font-size:13px;line-height:1.7;color:#6c7f8e;margin:10px 0}
.product-activity button,.product-activity a{border-radius:16px;min-height:44px;padding:11px 16px;background:#eaf3f8;color:#255676;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.product-math-options{display:flex;gap:9px;margin:14px 0}
.product-math-options button{flex:1;font-size:23px;min-height:54px;font-weight:600}
.product-activity [data-correct=true]{color:#267b60;font-weight:600}
.product-star-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-width:240px;margin:12px auto}
.product-star-grid button{min-height:54px;font-size:28px;background:#f2f6fa;color:#91a8b8;padding:0}
.product-star-grid .star-target{background:#dceef8;color:#297da8}
.product-activity .activity-footnote{font-size:10px;color:#8294a2;margin-bottom:0}
.product-activity details summary{cursor:pointer;color:#315c7a;font-size:12px;padding:9px 0}
.product-reality{margin:20px 0 4px;border-top:1px solid #dfe5ec;padding-top:15px;text-align:left}
.product-reality summary{font-size:12px;color:#5f768b;cursor:pointer;min-height:36px}
.product-reality p{font-size:11px;line-height:1.7;color:#7b8997;margin-top:12px}
.has-companion .voice-screen-buttons button{min-height:44px;font-size:12px}
.has-companion .voice-screen-toolbar p{font-size:12px;line-height:1.6}
.has-companion .voice-panel{margin-top:18px}
.beyboo-app .experience-card.has-companion{gap:52px}
@media(min-width:701px){
  .experience-card.has-companion .experience-display{position:sticky;top:95px}
  .experience-card.has-companion .companion-scene{max-width:min(590px,max(300px,calc((100dvh - 420px)*6/7)))}
  .experience-card.has-eye-detail .experience-display{position:static}
  .beyboo-app .beyboo-app-bottom{left:auto;right:36px;transform:none}
  .has-companion .experience-controls>.voice-screen-toolbar{background:#eaf2f7;border:1px solid #d6e3ed;border-radius:20px;padding:18px;text-align:center;margin:17px 0 24px}
}
@media(max-width:1000px) and (min-width:701px){.experience-card.has-companion,.beyboo-app .experience-card.has-companion{gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:700px){
  #experience.wrap,.beyboo-app #experience{width:calc(100% - 24px)}
  .experience-card.has-companion,.beyboo-app .experience-card.has-companion{padding:0;background:none;gap:25px;display:flex}
  .experience-card.has-companion .companion-scene{width:100%;max-width:590px;border-radius:23px}
  .companion-photo{border-radius:23px}
  .product-preview-label{font-size:8px;letter-spacing:.13em;margin:5px 0 12px}
  .has-companion .experience-controls{padding:0 9px}
  .has-companion .companion-welcome h3,.beyboo-app .companion-welcome h3{font-size:34px}
  .has-companion .companion-welcome>p:last-of-type{font-size:13px}
  .product-first-demo{font-size:13px;padding:15px 17px}
  .has-companion .companion-launcher,.beyboo-app .companion-launcher{gap:23px 7px;margin-top:25px;margin-bottom:25px}
  .has-companion .companion-launcher small{font-size:9px}
  .product-activity{padding:20px 17px}
  .has-companion .voice-live-meter{margin-top:13px}
  .has-companion .companion-talk-main{max-width:none;width:calc(100% - 30px);min-height:50px;font-size:14px}
  .has-companion .companion-view-controls{margin-top:4px;gap:6px 16px}
}

#companion-detail-close{position:absolute;right:10px;top:7px;width:40px;height:40px;border-radius:50%;background:#fff;color:#315570;font-size:24px}

@media(min-width:701px) and (max-height:650px){.experience-card.has-companion .experience-display{position:static}}

/* ===== gaze.css (v=20261104) ===== */
/* The camera stays local and is never an additional visible product screen. */
.gaze-capture-surface{position:fixed;left:-9999px;top:0;width:2px;height:2px;opacity:0;pointer-events:none}
#living-eye.gaze-active>img{transform:none!important}
#living-eye.gaze-active .voice-iris-window{display:block;position:absolute;inset:10.5%;border-radius:50%;overflow:hidden;pointer-events:none}
#living-eye.gaze-active:after{display:none}

/* ===== voice-studio.css (v=20261104) ===== */
.voice-studio{background:linear-gradient(120deg,#f0f6ff,#faf3fb 60%,#fff8ec);border:1px solid #e6e9ef;border-radius:24px;padding:24px;margin:24px 0 28px;text-align:left}
.voice-studio .eyebrow{font-size:9px;letter-spacing:.16em;color:#717e9a;margin:0 0 10px}.voice-studio h3{font-size:28px;letter-spacing:-.04em;margin:0 0 10px;font-weight:600;line-height:1.5}.voice-studio-intro{font-size:13px;line-height:1.65;color:#637184;margin:0 0 16px}.voice-studio .voice-pickers{display:grid;grid-template-columns:1fr 1.3fr;gap:12px;margin:0}.voice-studio .voice-pickers label{font-size:11px;color:#58677d}.voice-studio select{margin-top:7px;width:100%;min-width:0;min-height:46px;border:1px solid #dae1ed;border-radius:12px;background:#ffffffd9;color:#253d57;padding:10px;font:inherit;font-size:13px}.voice-studio select:disabled{opacity:.6}.voice-studio #voice-profile-description{font-size:12px;color:#65748b;line-height:1.5;min-height:36px;margin:15px 0 10px}.voice-preview{border:0;border-radius:40px;min-height:44px;padding:11px 23px;color:#fff;background:#234966;font-size:13px;cursor:pointer}.voice-preview:disabled{opacity:.45;cursor:default}.voice-studio #voice-preview-status{font-size:11px;line-height:1.5;color:#527089;margin:10px 0}.voice-catalog-note{font-size:10px!important;line-height:1.6!important;color:#5f6b76!important;margin:12px 0 0!important}.voice-studio:focus-within{border-color:#b8c8e6}.gaze-controls{max-width:460px;margin:13px auto 20px}.gaze-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px}.gaze-actions button{border:1px solid #d2e1e5;background:#f3fafa;color:#326a72;border-radius:28px;min-height:44px;padding:10px 15px;font-size:12px;cursor:pointer}.gaze-controls[data-state=tracking] #gaze-toggle{background:#e4f7ef;border-color:#aadac7;color:#25624c}.gaze-controls #gaze-status{font-size:11px;line-height:1.5;color:#698087;text-align:center;margin:8px 5px 0}.gaze-controls[data-state=error] #gaze-status{color:#a35345}.voice-studio button:focus-visible,.gaze-controls button:focus-visible{outline:3px solid #69a3cc;outline-offset:3px}
@media(max-width:700px){.voice-studio{padding:20px;margin:20px 0 25px;border-radius:20px}.voice-studio h3{font-size:26px}.voice-studio .voice-pickers{grid-template-columns:1fr 1.2fr;gap:9px}.voice-studio select{font-size:12px;padding:9px}.gaze-controls{margin:10px auto 16px}.gaze-actions button{font-size:11px}.voice-studio-intro{font-size:12px}}
@media(max-width:350px){.voice-studio{padding:16px}.voice-studio .voice-pickers{grid-template-columns:1fr}}

/* ===== expressive-eye.css (v=20261104-human-eye) ===== */
/* Digital sclera and independent iris; every animated pixel stays within the screen. */
#living-eye{background:#11121b;isolation:isolate}
#living-eye>img,#living-eye>.eye-shine{display:none}
#living-eye::after{display:none}
#living-eye .voice-iris-window,#living-eye.gaze-active .voice-iris-window,#camera-follow-eye .voice-iris-window{
  display:block;position:absolute;inset:1.8%;overflow:hidden;border-radius:50%;
  background:radial-gradient(ellipse at 42% 43%,#fffefa 25%,#fff 52%,#f1f0ed 75%,#d4dce2 100%);
  box-shadow:inset 0 4px 10px #34496122,inset 0 -2px 8px #95a4b329;
}
#living-eye .voice-iris-motion,#camera-follow-eye .voice-iris-motion{
  display:block;position:absolute;width:64%;height:64%;max-width:none;left:18%;top:18%;
  overflow:hidden;border-radius:50%;background:#072c42;
  transform:translate(calc(var(--gaze-x,0%) * 2.2 + var(--voice-x,0%) * 1.5),calc(var(--gaze-y,0%) * 2 + var(--voice-y,0%) * 1.5)) scale(var(--iris-scale,1));
  transition:filter .5s;filter:hue-rotate(var(--iris-hue,0deg));
  box-shadow:0 0 0 1px #183c4e,0 2px 4px #23485f30;
}
#living-eye .voice-iris-texture,#camera-follow-eye .voice-iris-texture{display:block;width:100%;height:100%;max-width:none}
#living-eye .voice-pupil,#camera-follow-eye .voice-pupil{
  position:absolute;width:32.5%;height:35%;left:33.25%;top:32.3%;border-radius:50%;
  background:radial-gradient(ellipse,#010407 55%,#02050af0 72%,#02050a00 100%);
  transform:scale(calc(1 + var(--voice-level,0) * .13));pointer-events:none;
}
#living-eye .voice-iris-window::after,#camera-follow-eye .voice-iris-window::after{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:50%;
  background:radial-gradient(ellipse at 26% 15%,#ffffff35,transparent 34%),linear-gradient(165deg,#5872940b,transparent 38%,transparent 80%,#eefaff12);
  box-shadow:inset 0 6px 9px #23394a1f,inset 0 0 3px 1px #31455b38;
}
#camera-follow-eye{background:#11121b}
#camera-follow-eye .voice-iris-motion{transform:translate(calc(var(--face-x,0%) * 2.2),calc(var(--face-y,0%) * 2));transition:transform .18s linear}
#living-eye[data-expression=joy]{--iris-hue:-65deg}
#living-eye[data-expression=attention]{--iris-hue:110deg}
#living-eye .voice-signal-ring{
  display:block;inset:2.4%;border:1px solid #ffffffba;border-radius:50%;
  opacity:calc(.12 + var(--voice-level,0) * .45);
  box-shadow:inset 0 0 calc(2px + var(--voice-level,0) * 8px) #ffffff55;
  animation:none!important;pointer-events:none;
}
#living-eye[data-voice-state=thinking] .voice-signal-ring{opacity:.22}
#living-eye[data-voice-state=error] .voice-signal-ring{opacity:.1}
.eye-preview-control{display:flex;flex-direction:column;align-items:center;gap:5px;margin:9px auto 0}
#eye-preview-button{background:transparent;color:#60768b;font-size:11px;border-radius:22px;min-height:40px;padding:8px 14px;border:1px solid #dce4eb;cursor:pointer}
#eye-preview-button:disabled{opacity:.5;cursor:default}
#eye-preview-button[aria-pressed=true]{background:#eaf3fa;color:#234f73;border-color:#b3cce0}
#eye-preview-status{font-size:10px;color:#5a6b7c;line-height:1.4;margin:0;max-width:340px;text-align:center}
@media(prefers-reduced-motion:reduce){
  #living-eye .voice-iris-motion{transform:translate(calc(var(--gaze-x,0%) * 2.2 + var(--voice-x,0%) * 1.5),calc(var(--gaze-y,0%) * 2 + var(--voice-y,0%) * 1.5)) scale(var(--iris-scale,1))!important;transition:none}
  #camera-follow-eye .voice-iris-motion{transition:none}
  #living-eye .voice-pupil{transform:none}
}
@media(min-width:701px){.experience-card.has-companion .companion-scene{max-width:min(590px,max(300px,calc((100dvh - 470px)*6/7)))}}

/* ===== collection-media.css (v=20261104) ===== */
/* New media remain uncropped; film controls use the existing below-image player. */
.signature-section{padding-top:54px;padding-bottom:10px}
.signature-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:24px}
.signature-heading .eyebrow{margin-bottom:12px}
.signature-heading h2{font-size:clamp(26px,3vw,42px);line-height:1.14;letter-spacing:-.045em;font-weight:600}
.signature-heading>span{font-size:12px;line-height:1.6;color:#718092;flex-shrink:0}
.signature-film-player:not(.is-expanded) video{aspect-ratio:1550/512;background:#fff;object-fit:contain}
.app-menu-concept{margin-top:64px;padding:32px;border:1px solid #e7eaf0;border-radius:28px;background:#fff}
.app-menu-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:28px}
.app-menu-heading .eyebrow{margin-bottom:14px}
.app-menu-heading h3{font-size:clamp(27px,3vw,38px);line-height:1.13;letter-spacing:-.045em;font-weight:600}
.app-menu-heading>p{font-size:14px;line-height:1.7;color:#6a7887;max-width:430px}
.app-menu-image{display:block;position:relative;width:100%;padding:0;overflow:hidden;border-radius:20px;background:#f6f5f2}
.app-menu-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.app-menu-note{max-width:790px;margin:20px 0 0;font-size:11px;line-height:1.65;color:#788493}
.app-menu-image:focus-visible{outline:3px solid #398bcc;outline-offset:5px}
.beyboo-app .app-menu-concept{margin:48px 0 30px}
@media(max-width:700px){
  .signature-section{padding-top:30px}
  .signature-heading{display:block;margin-bottom:18px}
  .signature-heading>span{display:block;margin-top:12px;font-size:11px}
  .app-menu-concept{margin-top:36px;padding:20px 16px;border-radius:22px}
  .app-menu-heading{grid-template-columns:1fr;gap:16px;margin-bottom:20px;padding-inline:4px}
  .app-menu-heading>p{font-size:13px;max-width:none}
  .app-menu-image{border-radius:12px}
  .app-menu-note{font-size:10px;padding-inline:4px}
}

/* ===== profile.css (v=20261104) ===== */
.app-icon-profile{background:linear-gradient(140deg,#e9edf9,#d1dbed);color:#4c6386}
.profile-quick-start{display:block;width:100%;background:#fff;border:1px solid #cfdde7;border-radius:16px;color:#315976;min-height:48px;font-size:13px;margin:10px 0 20px;padding:12px 16px;text-align:left}
.profile-quick-start:hover{background:#edf4fa}
.profile-panel{margin:18px 0 24px;padding:24px;border:1px solid #d9e3eb;border-radius:22px;background:#fff;text-align:left}
.profile-panel .eyebrow{font-size:10px;margin:0 0 12px}
.profile-panel h4{font-size:27px;line-height:1.1;letter-spacing:-.04em;color:#233f55;margin:0 0 14px}
.profile-panel p{font-size:13px;line-height:1.7;color:#5c7183;margin:14px 0}
.profile-panel #profile-status{padding:12px 14px;background:#edf5fb;border-radius:12px;color:#285775;min-height:62px}
.profile-panel #profile-status[data-error=true]{background:#fff0ed;color:#a13b32}
.profile-tools{display:flex;flex-wrap:wrap;gap:8px}
.profile-tools button{min-height:44px;border:1px solid #ccd9e4;border-radius:13px;background:#f8fafc;color:#335e7e;font-size:12px;padding:10px 12px}
.profile-tools #profile-delete{color:#a14840;background:#fff}
.profile-panel .profile-privacy{font-size:11px;color:#728292;margin-bottom:0}
.has-profile-editor .voice-panel,.has-profile-editor .voice-studio,.has-profile-editor .voice-screen-toolbar{display:none!important}
.experience-card.has-profile-editor .companion-scene{max-width:590px}
.has-companion .plush-eye-dock .voice-stage--profile{display:block;background:radial-gradient(ellipse at 50% 100%,#173f62,#071422 68%)}
.profile-eye-form{position:absolute;inset:0;margin:0;color:#fff;text-align:left;font-family:Arial,Helvetica,sans-serif}
.profile-eye-form h4{position:absolute;top:31px;left:25%;width:50%;font-size:17px;line-height:20px;text-align:center;margin:0;font-weight:600;color:#fff}
.profile-eye-form>label{position:absolute;left:19%;width:62%;top:62px;font-size:11px;line-height:14px;color:#d6e5f3}
.profile-eye-form>label+label{top:113px}
.profile-eye-form input{display:block;width:100%;margin-top:3px;height:32px;padding:5px 10px;border:1px solid #7b8da1;border-radius:9px;background:#26394b;color:#fff;font:16px Arial,Helvetica,sans-serif;caret-color:#99daff}
.profile-eye-form input::placeholder{color:#b8c7d5}
.profile-eye-form input.profile-field-active{border-color:#83caff;box-shadow:0 0 0 1px #83caff}
.profile-eye-form input[aria-invalid=true]{border-color:#ffa69b}
.profile-keyboard{position:absolute;left:8%;width:84%;top:173px;display:grid;gap:6px}
.profile-key-row{display:flex;justify-content:center;gap:4px}
.profile-key-row button{display:flex;align-items:center;justify-content:center;width:30px;min-width:0;height:31px;padding:0;border:0;border-radius:6px;background:#40546a;box-shadow:inset 0 1px 0 #ffffff24;color:#fff;font-size:14px;line-height:1;font-weight:500;touch-action:manipulation}
.profile-key-row button:hover{background:#58718c}
.profile-key-row button:active,.profile-key-row button[aria-pressed=true]{background:#a5d7ff;color:#0e2b48}
.profile-key-row:nth-child(3) button[data-key=shift],.profile-key-row:nth-child(3) button[data-key=backspace]{width:43px}
.profile-key-bottom button{width:43px;font-size:12px}
.profile-key-bottom button[data-key=space]{width:112px}
.profile-eye-form .profile-save{position:absolute;top:327px;left:30%;width:40%;height:34px;padding:0;border:0;border-radius:10px;background:#88caff;color:#08283f;font-size:13px;font-weight:600}
.profile-eye-message{position:absolute;top:366px;left:22%;width:56%;font-size:10px;text-align:center;line-height:13px;color:#c8dfef}
.profile-eye-form button:focus-visible,.profile-eye-form input:focus-visible{outline:3px solid #a0dbff;outline-offset:2px}
.has-profile-editor #companion-detail-caption{font-size:12px}
.has-profile-editor #companion-detail-caption::before{content:'Clavier tactile · ';font-weight:600}
@media(max-width:700px){.profile-panel{padding:20px 17px}.profile-quick-start{margin-bottom:20px}.profile-panel h4{font-size:25px}}

/* ===== companion-choice.css (v=20261104) ===== */
/* Only the eye display moves; the chosen product photograph always stays still. */
.experience-card.has-character-portrait .companion-scene{aspect-ratio:1;background:#fff}
.experience-card.has-character-portrait .companion-portrait{width:100%;left:0;top:0;height:auto}
.experience-card.has-character-portrait:not(.has-eye-detail) .plush-eye-dock{left:var(--character-eye-left);top:calc(var(--photo-height) * var(--character-eye-top));width:var(--character-eye-width);height:calc(var(--photo-height) * var(--character-eye-height));aspect-ratio:auto;box-shadow:none}
.experience-card.has-character-portrait:not(.has-eye-detail) .plush-eye-dock .device-screen{transform:scale(var(--screen-scale),var(--screen-scale-y))}
.experience-card.has-character-portrait.has-eye-detail .companion-scene{aspect-ratio:auto}
.companion-choice{margin:20px 0 12px;text-align:left}
.companion-choice-open{display:flex;align-items:center;gap:14px;width:100%;padding:10px 15px 10px 8px;background:#fff;border:1px solid #dbe4ec;border-radius:20px;color:#213f55;text-align:left}
.companion-choice-open:hover{border-color:#7eacc7;background:#fcfdff}
.companion-choice-open img{width:65px;height:65px;object-fit:contain;border-radius:13px}
.companion-choice-open>span{flex:1;font-size:20px;font-weight:650}
.companion-choice-open small{display:block;font-size:10px;color:#7b8b98;letter-spacing:.06em;font-weight:500;margin-bottom:3px}
.companion-choice-open em{font-size:11px;font-style:normal;font-weight:500;color:#387397}
.companion-choice-status{font-size:11px!important;line-height:1.5!important;color:#708494!important;margin:8px 5px 0!important;min-height:17px}
.companion-choice-dialog{width:min(860px,calc(100% - 30px));max-height:88dvh;border:1px solid #dfe7ed;border-radius:30px;padding:34px;overflow:auto;background:#f8f9fb;color:#19384e}
.companion-choice-dialog::backdrop{background:#10283966;backdrop-filter:blur(5px)}
.companion-choice-dialog h2{font-size:clamp(26px,4vw,38px);letter-spacing:-.04em;margin:5px 45px 10px 0}
.companion-choice-dialog>p{font-size:13px;line-height:1.6;color:#6f8292;margin:0 35px 20px 0}
.companion-choice-dialog .dialog-close{position:sticky;float:right;top:0;right:0;z-index:1}
.companion-choice-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.companion-choice-card{background:#fff;border:2px solid transparent;border-radius:18px;padding:7px 7px 14px;color:#21455e;position:relative;min-width:0}
.companion-choice-card[aria-pressed=true]{border-color:#3478a3;background:#f0f7fc}
.companion-choice-card[aria-pressed=true]::after{content:'✓';position:absolute;right:8px;top:8px;width:20px;height:20px;border-radius:50%;background:#3478a3;color:white;font-size:12px;line-height:20px}
.companion-choice-card img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:12px}
.companion-choice-card b,.companion-choice-card small{display:block;margin-top:7px}
.companion-choice-card b{font-size:15px}.companion-choice-card small{font-size:10px;color:#7c8d99}
.companion-choice-dialog button:focus-visible,.companion-choice button:focus-visible{outline:3px solid #80b5d6;outline-offset:3px}
#companion-choice-feedback{margin:18px 0 0;min-height:20px;font-size:12px;color:#326785}
@media(max-width:600px){.companion-choice-dialog{padding:22px 16px;border-radius:24px}.companion-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.companion-choice-card img{max-height:150px}.companion-choice-dialog h2{font-size:28px}.companion-choice-open img{width:58px;height:58px}}

/* ===== brand-intro.css (v=opening-audio-1) ===== */
/* Noah's jungle film opens the storefront; contain preserves the plush and all six letters. */
html.intro-pending,html.intro-open,html.intro-pending body,html.intro-open body{overflow:hidden;overscroll-behavior:none}
.brand-intro{position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#fff;color:#263c50;opacity:1;transition:opacity .6s ease;overflow:hidden;overscroll-behavior:contain}
.brand-intro:focus{outline:0}
#hero-title[tabindex="-1"]:focus{outline:0}
.brand-intro[open],.intro-pending .brand-intro{display:flex;align-items:center;justify-content:center}
.intro-pending .brand-intro{z-index:2147483646}
.brand-intro::backdrop{background:#fff;transition:background .6s ease}
.brand-intro.is-leaving{opacity:0;pointer-events:none}
.brand-intro.is-leaving::backdrop{background:transparent}
.brand-intro video{display:block;width:min(92vw,1400px);height:auto;max-height:72dvh;object-fit:contain;aspect-ratio:898/512;background:#fff;pointer-events:none}
.intro-skip,.intro-sound,.intro-play{border:1px solid #e3e8ed;border-radius:100px;color:#34566e;background:#f7f9fb;min-height:44px;padding:12px 20px;font-size:13px;font-weight:500}
.intro-skip{position:absolute;top:max(24px,env(safe-area-inset-top));right:max(28px,env(safe-area-inset-right))}
.intro-sound{background:#fff}
.intro-sound[data-unlock="true"]{background:#24475f;color:white;border-color:transparent}
.intro-bottom{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:max(28px,env(safe-area-inset-left));right:max(28px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:20px}
.intro-status{font-size:11px;line-height:1.5;letter-spacing:.02em;color:#5f6b76;text-align:right;max-width:240px}
.intro-play{position:absolute;left:50%;top:calc(50% + min(17vw,210px));transform:translateX(-50%);background:#24475f;color:#fff;border-color:transparent;white-space:nowrap}
.brand-intro button:hover{filter:brightness(.97)}
.brand-intro button:focus-visible{outline:3px solid #62a0c7;outline-offset:4px}
.intro-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#f1f4f7;overflow:hidden}
.intro-progress span{display:block;height:100%;width:100%;transform:scaleX(var(--intro-progress,0));transform-origin:left;background:#78a9c4;transition:transform .2s linear}
.intro-replay{color:#4f6578;font-size:12px;background:transparent;padding:12px 0;text-align:left}
.intro-replay:hover{color:#284d68}
@media(max-width:600px){.intro-skip{top:max(18px,env(safe-area-inset-top));right:18px}.intro-bottom{left:18px;right:18px;bottom:max(24px,env(safe-area-inset-bottom));gap:12px}.intro-sound{font-size:12px;padding:11px 15px}.intro-status{font-size:10px;max-width:145px}.brand-intro video{width:96vw}.intro-play{top:calc(50% + 24vw)}}
@media(prefers-reduced-motion:reduce){.brand-intro,.brand-intro::backdrop,.intro-progress span{transition:none}}

/* ===== shop.css (v=1) ===== */
.language-link{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;padding:4px 8px;border:1px solid #d3dce4;border-radius:20px;font:600 12px/1.2 system-ui;color:#244e6b;background:#fff;text-decoration:none;flex:none}
.language-link:hover,.language-link:focus-visible{border-color:#246a9b;color:#155588}
.header .nav{column-gap:clamp(8px,1.7vw,25px)}
.catalog-price{display:block;margin:7px 0 9px;color:#203b51;font-size:14px;font-weight:650;line-height:1.45}
.world-copy .shop-world-link{display:inline-block;margin:4px 0 6px;color:#205f88;text-decoration:underline;text-underline-offset:3px;font-size:13px}
.shop-choice{display:grid;gap:5px;font-size:13px;color:#394b5a;margin:12px 0 18px}
.shop-choice[hidden]{display:none}
.shop-choice select,.shop-variants select{display:block;width:100%;min-width:0;min-height:42px;margin-top:5px;padding:7px 12px;background:white;border:1px solid #cdd8e0;border-radius:10px;color:#263950;font:inherit}
.shop-variants{display:grid;gap:12px;font-size:13px}
.shop-variants:empty{display:none}
.shop-quote{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 12px;font-size:13px;line-height:1.4;margin:0}
.shop-quote dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.shop-quote dt:last-of-type,.shop-quote dd:last-child{border-top:1px solid #cdd8e1;padding-top:10px;font-weight:700}
#accessory-prices{margin:18px 0;font-size:13px}
#accessory-prices div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #e1e8ed;padding:5px 0}
.price-picker small{display:block;color:#42627a}
@media(max-width:700px){.nav .language-link{margin-left:auto}.header .nav-cta{margin-left:0}.beyboo-app-header>div{gap:10px}}
@media(max-width:390px){.header .nav{gap:5px}.header .logo,.header .logo img{width:90px}.language-link{min-width:32px;padding-inline:5px}}

/* ===== presidents.css (v=1) ===== */
.presidents-section .section-heading { margin-bottom: 10px; }
.presidents-note { color: var(--muted); font-size: 14px; margin: 0 0 30px; }
.presidents-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 20px; align-items: start; }
.president-card { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 21px; background: #fff; }
.president-portrait { position: relative; background: #f4eee7; }
.president-portrait img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
.president-eye-patch { display: none; position: absolute; inset: 0; pointer-events: none; clip-path: circle(var(--eye-r) at var(--eye-x) var(--eye-y)); }
.president-card.is-speaking .president-eye-patch { display: block; }
.president-card.is-speaking .president-eye-patch img { animation: presidents-gaze 2.8s ease-in-out infinite; }
@keyframes presidents-gaze { 0%,100% { transform: translate(0,0); } 33%,49% { transform: translate(.8%,1.6%); } 70% { transform: translate(-.65%,.2%); } }
.president-copy { padding: 17px clamp(12px,1.3vw,22px) 19px; }
.president-role { font-size: 12px; color: var(--muted); margin: 0 0 4px; }
.president-copy h3 { margin: 0; font-size: clamp(19px,1.6vw,27px); line-height: 1.15; letter-spacing: -.035em; }
.president-play,.president-local { border: 0; background: transparent; color: #185577; padding: 0; font-size: 13px; font-weight: 600; }
.president-play { display: inline-flex; align-items: center; gap: 7px; margin-top: 13px; min-height: 36px; }
.president-play::after { content: ''; position: absolute; inset: 0; }
.president-card:focus-within { outline: 2px solid #2677a8; outline-offset: 2px; }
.president-play-icon { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #e9f3f8; font-size: 15px; }
.president-play:hover .president-play-label { text-decoration: underline; }
.president-response { position: relative; z-index: 1; border-top: 1px solid var(--line); margin-top: 10px; padding-top: 10px; }
.president-line { font-size: 14px; line-height: 1.55; margin: 0; }
.president-status { font-size: 12px; color: var(--muted); margin: 8px 0 0; }
.president-local { text-align: start; padding: 10px 0 3px; text-decoration: underline; }
.president-response[hidden],.president-local[hidden] { display: none; }
@media (max-width: 1000px) { .presidents-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; } }
@media (max-width: 740px) { .presidents-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; } .president-copy { padding: 12px; } .president-copy h3 { font-size: 18px; } .president-role { font-size: 11px; } .president-play { font-size: 12px; gap: 5px; } }
@media (max-width: 360px) { .presidents-grid { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .president-card.is-speaking .president-eye-patch { display: none; } }
html:not(.beyboo-app) .app-presidents-link { display: none; }
@media (min-width:701px) and (max-width:1080px) {
  .nav { gap: 12px; }
  .nav .nav-links { gap: 14px; font-size: 12px; }
}

/* ===== eye-activities.css (v=1) ===== */
.eye-device-commands{background:#f4f7fa;border:1px solid #d9e3eb;border-radius:17px;margin:18px 0;padding:14px 16px;color:#233f56;text-align:left}
.eye-device-commands summary{font-size:14px;font-weight:600;cursor:pointer}
.eye-device-commands p,.eye-device-commands small{font-size:12px;line-height:1.5;margin:12px 0 0;display:block}
.eye-device-commands p:empty,.eye-device-commands [hidden]{display:none}
.eye-device-commands form{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.eye-device-commands input{font:inherit;flex:1 1 140px;min-width:0;padding:9px;border:1px solid #bbcbd7;border-radius:9px;background:white}
.eye-device-commands button,.eye-city-list button,.eye-video-list button{min-height:40px;padding:8px 13px;border:1px solid #b7c9d6;border-radius:12px;color:#24465e;background:#fff;cursor:pointer}
.eye-device-commands button[aria-pressed=true]{background:#264c68;color:white}
.eye-city-list,.eye-video-list{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}
.eye-weather-screen{background:linear-gradient(145deg,#215577,#10253b)}
#eye-weather-symbol{font-size:65px;line-height:1;color:#ffdc85}
.companion-launcher .eye-weather-icon{background:#fff0c8;color:#8e6319}
.product-activity small a{font-size:inherit;display:inline;padding:0}
.eye-photo-import{display:grid;gap:6px;font-size:12px;margin:12px 0;color:#34536b}
.eye-photo-import input{font-size:12px;max-width:100%}

/* ===== mood-light.css (v=1) ===== */
[data-mood="surprise"],[data-led="surprise"]{--mood-rgb:30,145,255}
[data-mood="joy"],[data-led="joy"]{--mood-rgb:15,157,88}
[data-mood="anger"],[data-led="anger"]{--mood-rgb:253,69,63}
[data-mood="smile"],[data-led="smile"]{--mood-rgb:166,124,0}

/* A lit edge around the display glass. The plush photograph stays fixed. */
#plush-eye-dock[data-led]{filter:drop-shadow(0 0 5px rgba(var(--mood-rgb),.75))}
#plush-eye-dock[data-led]::after{
  content:"";position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;
  border:clamp(2px,.35vw,4px) solid rgb(var(--mood-rgb));
  box-shadow:inset 0 0 3px 1px rgba(255,255,255,.9),inset 0 0 10px 3px rgba(var(--mood-rgb),.92);
  opacity:calc(.8 + var(--voice-level,0) * .2);transition:opacity .14s linear;
}
#plush-eye-dock[data-led] .voice-signal-ring,#plush-eye-dock[data-led] #living-eye::after{opacity:0}
/* The mood name sits inside the round screen while the halo is lit. Sized against the dock itself. */
#plush-eye-dock{container-type:inline-size}
.mood-name{position:absolute;left:50%;bottom:9cqw;z-index:5;transform:translateX(-50%);pointer-events:none;max-width:84%;padding:2cqw 6cqw;border-radius:50cqw;background:rgba(8,12,20,.74);color:#fff;font:600 clamp(9px,8.5cqw,16px)/1.25 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 0 0 .4cqw rgba(255,255,255,.22);backdrop-filter:blur(4px)}
.mood-name[hidden],#plush-eye-dock:not([data-led]) .mood-name{display:none}
#plush-eye-dock[data-led] .eye-time-shortcut{visibility:hidden}
.mood-controls{max-width:440px;margin:14px auto 16px;text-align:center;color:#253e52}
.mood-controls h3{margin:0 0 8px;font-size:14px;font-weight:650;letter-spacing:-.02em;line-height:1.5}
.mood-swatches{display:flex;justify-content:center;flex-wrap:wrap;gap:5px}
.mood-swatches button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:5px 9px;border:1px solid #d8e1e7;border-radius:20px;background:#fff;color:#293f51;font:inherit;font-size:12px;cursor:pointer}
.mood-swatches button::before{content:"";width:9px;height:9px;border-radius:50%;background:rgb(var(--mood-rgb));box-shadow:inset 0 0 0 1px #17232d20}
.mood-swatches button[aria-pressed="true"]{border-color:rgb(var(--mood-rgb));background:rgba(var(--mood-rgb),.14)}
.mood-swatches button:focus-visible{outline:2px solid #284e6a;outline-offset:2px}
.mood-swatches button:disabled{cursor:default}
.mood-controls p{font-size:12px;line-height:1.4;min-height:1.4em;margin:6px 0 0;color:#536a7d}
@media(max-width:380px){.mood-swatches button{padding:5px 7px;font-size:11px}}
@media(prefers-reduced-motion:reduce){#plush-eye-dock[data-led]::after{transition:none;opacity:1}}

/* ===== arcade-music.css (v=1) ===== */
.arcade-content {display:grid;justify-items:center;gap:9px}
.voice-stage--game>.arcade-content,.music-eye {height:100%;align-content:center;text-align:center;background:radial-gradient(ellipse at 50% 35%,#234458,#11212f 70%);color:#fff}
.voice-stage--game .arcade-content h4,.music-eye h4 {color:#fff;font-size:24px;margin:0;line-height:1.1}
.voice-stage--game .board-status {color:#d7efe9;margin:0;font-size:13px;line-height:1.1}
.arcade-menu,.music-library {width:100%;display:grid;gap:7px}
.voice-stage--game .arcade-menu {width:62%;gap:6px}
.arcade-menu .arcade-option,.music-library .music-row {display:flex;align-items:center;text-align:left;min-height:44px;gap:11px;padding:8px 12px;background:#f4f7fa;color:#203b4c;border:1px solid #dde6eb;border-radius:13px;width:100%}
.voice-stage--game .arcade-option {background:#e8f1f3;min-height:43px;padding:5px 10px}
.arcade-option i {display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#d0eee3;color:#205641;font-size:21px;font-style:normal;font-weight:bold}
.option-draughts i {background:#ffe3c4;color:#754323}.option-stars i{background:#deddf6;color:#514080}
.arcade-option span,.music-row span {display:grid;gap:4px}.arcade-option b,.music-row b {font-size:14px;font-weight:650}.arcade-option small,.music-row small {font-size:12px;color:#506875}
.product-activity .arcade-content {justify-items:stretch;gap:7px}
.product-activity .arcade-content h4,.product-activity .arcade-content p {margin:0}
.arcade-opponent,.board-nav,.music-transport {display:flex;flex-wrap:wrap;gap:7px}
.arcade-opponent button,.board-nav button {min-height:40px}
.arcade-opponent button[aria-pressed=true] {background:#234d60;color:white}
.bey-board {display:grid;aspect-ratio:1;overflow:hidden;touch-action:manipulation;width:min(100%,360px);margin:4px auto}
.bey-board.tic {grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);background:#7eaaa9;gap:3px;border-radius:12px;max-width:245px}
.bey-board.draughts {grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);background:#efe4cf;border:2px solid #634e3a;border-radius:5px}
.voice-stage--game .bey-board {width:62%;margin:0}
.voice-stage--game .bey-board.tic {width:53%}
.bey-board .board-cell {position:relative;display:grid;place-items:center;margin:0;padding:0;min-height:0;min-width:0;border:0;border-radius:0;opacity:1;background:#8a6950;color:#253e47}
.bey-board.tic .board-cell {background:#eff7f4;color:#195666;font:700 clamp(26px,6vw,45px)/1 system-ui}
.bey-board.tic .board-cell:disabled,.bey-board.draughts .board-cell:disabled {opacity:1}
.bey-board .board-cell.selected {box-shadow:inset 0 0 0 3px #6ee6ba;background:#49645b}
.bey-board .board-cell.possible::after {content:'';width:35%;aspect-ratio:1;background:#7df4c9;border-radius:100%;box-shadow:0 0 0 1px #31473a}
.bey-board .board-cell:focus-visible {z-index:1;outline:3px solid #02aaff;outline-offset:-3px}
.disc {display:grid;place-items:center;width:76%;height:76%;border-radius:50%;line-height:1;font-size:15px;font-style:normal}
.disc.ivory {background:#fff4da;color:#604529;box-shadow:inset 0 -3px 0 #c6aa81,0 1px 2px #412e23}
.disc.slate {background:#263746;color:#fcdfac;box-shadow:inset 0 -3px 0 #111d24,0 1px 2px #412e23}
.disc.captured {opacity:.4}
.tune-0 {--cover:#e9a266;--accent:#613c48}.tune-1 {--cover:#b9a6ef;--accent:#44365f}.tune-2 {--cover:#f1cd62;--accent:#377169}.tune-3 {--cover:#94c8c3;--accent:#405b78}.tune-4 {--cover:#a5bedf;--accent:#494c70}
.music-eye {display:grid;justify-items:center;gap:8px;background:radial-gradient(ellipse at top,var(--accent),#142232 72%)}
.music-eye small {color:var(--cover);font-size:13px}.music-eye>span {font-size:12px;color:#d1dde8;max-width:65%}
.bey-record,.music-art {display:grid;place-items:center;background:repeating-radial-gradient(circle,#213039 0 3px,#415057 4px,#17242f 6px);border-radius:50%}
.bey-record {width:116px;height:116px;border:3px solid var(--cover);box-shadow:0 6px 15px #0006}
.bey-record i,.music-art::after {content:'';width:42%;height:42%;border-radius:50%;background:radial-gradient(circle,#17242f 0 10%,var(--cover) 13% 100%)}
.bey-record i {border-right:3px solid var(--accent)}
.bey-record.turning {animation:bey-record-turn 4s linear infinite}
@keyframes bey-record-turn {to {transform:rotate(360deg)}}
.music-transport button {background:#fff;color:#233c4d;border:0;border-radius:25px;min-width:44px;min-height:37px}
.music-row .music-art {flex:none;width:39px;height:39px;border:3px solid var(--cover)}
.music-row em {font-style:normal;font-size:22px;color:var(--accent);margin-left:auto}
.music-library .music-row[aria-pressed=true] {border-color:#547a82;background:#eef7f4}
@media(prefers-reduced-motion:reduce){.bey-record.turning{animation:none}}

/* ===== clock-nightlight.css (v=1) ===== */
.app-icon-clock {background:linear-gradient(145deg,#e8f0f3,#c8d4df);color:#294257}
.app-icon-nightlight {background:linear-gradient(145deg,#fff2d6,#f1c889);color:#80502a}
.eye-time-shortcut {display:none}
#living-eye:not([hidden]) + .eye-time-shortcut {display:grid;place-items:center;position:absolute;z-index:3;bottom:8%;left:30%;width:40%;min-height:12%;background:#15232bcc;color:#fff;border:1px solid #f4f5ff54;border-radius:90px;font:600 32px/1 system-ui;font-variant-numeric:tabular-nums;cursor:pointer;padding:3px 0}
.bedside-dial {position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 37% 28%,#263e50,#122536 57%,#0a151e);color:#f4eee1}
.bedside-dial svg {width:100%;height:100%}
.bedside-dial .major,.bedside-dial .minor,.bedside-dial [class^=hand-] {stroke-linecap:round;fill:none}
.bedside-dial .major {stroke:#e3c299;stroke-width:1.65}
.bedside-dial .minor {stroke:#a7becc;stroke-width:.6}
.dial-letters {font:500 12px system-ui;text-anchor:middle;fill:#f8ead6}
.bedside-dial .hand-hour {stroke:#f4e7d5;stroke-width:5}
.bedside-dial .hand-minute {stroke:#faead0;stroke-width:3}
.bedside-dial .hand-second {stroke:#eba467;stroke-width:1.2}
.bedside-dial time {position:absolute;left:0;right:0;bottom:18%;text-align:center;color:#fff4df;font:550 35px/1 system-ui;font-variant-numeric:tabular-nums}
#voice-stage.voice-stage--nightlight {background:#080909}
#voice-stage .night-lamp {position:absolute;inset:0;display:block;width:100%;height:100%;background:#080909;border-radius:50%;border:0;padding:0;overflow:hidden;color:#392813}
.night-lamp .lamp-light {position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at 46% 38%,#fff4cc 0%,#ffe0a1 38%,#ffc46f 72%,#f0a04c 100%);}
.night-lamp[data-on=true] .lamp-light {opacity:calc(.06 + var(--lamp-level)*.94)}
.night-lamp time {position:absolute;bottom:21%;left:0;right:0;font:600 37px/1 system-ui;letter-spacing:.01em;font-variant-numeric:tabular-nums;color:#fff4df;text-shadow:0 1px 6px #442e1b}
#plush-eye-dock.night-glow {filter:drop-shadow(0 0 9px rgba(255,185,90,var(--lamp-halo)))}
.bedside-controls {max-width:440px;margin:0 auto;color:#22394c}
.bedside-controls h4 {margin:0}
.product-activity .bedside-time {display:block;font:600 42px/1.1 system-ui;color:#203b4e;margin-top:9px;font-variant-numeric:tabular-nums}
.bedside-date:first-letter {text-transform:uppercase}
.bedside-controls .lamp-label,.lamp-timer legend {font-size:13px;font-weight:650;color:#30495b}
.lamp-label {display:flex;justify-content:space-between;align-items:center;margin:15px 0 0}
.lamp-label output {font-variant-numeric:tabular-nums}
.bedside-controls input[type=range] {display:block;width:100%;height:36px;margin:0;accent-color:#a86b31}
.lamp-timer {border:0;padding:0;margin:8px 0 13px}
.lamp-timer legend {margin:0 0 7px;padding:0}
.product-activity .lamp-timer button {margin:0 5px 5px 0;min-height:40px;padding:7px 12px}
.product-activity .lamp-timer button[aria-pressed=true] {background:#79542e;color:#fff}
.lamp-actions {display:flex;gap:7px;flex-wrap:wrap}.product-activity .lamp-toggle {background:#283e50;color:white}
.product-activity .lamp-countdown {font-weight:600;color:#5a442a;font-variant-numeric:tabular-nums}
.product-activity .lamp-foot {font-size:12px;margin-bottom:0}
@media(prefers-reduced-motion:reduce){.bedside-dial .hand-second{display:none}}

/* ===== family.css (v=1) ===== */
#family-open .app-icon{background:linear-gradient(140deg,#e2f1e9,#b8dad1);color:#27594f}
.family-dialog{color:#203949;border:1px solid #d5e3e6;border-radius:22px;padding:25px;width:min(430px,calc(100% - 28px));max-height:85dvh;overflow:auto;box-sizing:border-box;background:white}
.family-dialog::backdrop{background:#172a36a6}
.family-dialog h2{font-size:24px;letter-spacing:-.04em;margin:2px 40px 12px 0}
.family-dialog p{font-size:14px;line-height:1.5;margin:10px 0 16px;color:#4c6772}
.family-dialog button{border:0;border-radius:16px;background:#254858;color:white;padding:10px 17px;min-height:42px;cursor:pointer}
.family-dialog .family-cross{position:absolute;top:12px;right:12px;background:#edf3f4;color:#254858;font-size:22px;padding:0;width:42px}
.family-dialog .family-option,.family-dialog .family-pin{display:flex;align-items:center;justify-content:space-between;padding:10px 0;font-size:15px;gap:10px}
.family-dialog .family-pin{flex-direction:column;align-items:stretch}
.family-pin input{border:1px solid #a8bfc6;border-radius:10px;padding:10px;font-size:16px}
.family-option{border-bottom:1px solid #dbe5e8}.family-option input{width:22px;height:22px;accent-color:#225b54}
.family-dialog .family-small{font-size:12px}

/* ===== eye-launcher.css (v=pages-1) ===== */
/* Round home screen drawn inside the eye. Sizes follow the display diameter (container units). */
.voice-stage--home{background:radial-gradient(circle at 50% 28%,#1c2b47 0%,#0c1424 58%,#04070e 100%);color:#fff}
.voice-stage--home::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 7cqw 2cqw #000a,inset 0 -1cqw 3cqw #ffffff12;pointer-events:none}
.eye-home{position:absolute;inset:0;display:grid;grid-template-rows:auto 1fr auto;padding:8.5cqw 10cqw 7.5cqw;box-sizing:border-box;text-align:center;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.eye-home-status{display:flex;justify-content:center;align-items:center;gap:2.6cqw;padding-top:1.5cqw;color:#f7f9ff;font-size:5.4cqw;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.eye-home-status svg{width:4.8cqw;height:4.8cqw;flex:none}
.eye-wifi .eye-wifi-off{display:none}.eye-wifi.is-off .eye-wifi-off{display:block}.eye-wifi.is-off{opacity:.55}
.eye-home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3.2cqw 1.6cqw;align-content:center;padding:1cqw 1.5cqw}
.eye-home-grid button{display:flex;flex-direction:column;align-items:center;gap:1.7cqw;min-width:0;padding:0;border:0;background:none;color:#eef2ff;font:500 3.5cqw/1.1 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}
.eye-home-grid button:active .eye-app{transform:scale(.94)}
.eye-home-grid button:focus-visible{outline:none}.eye-home-grid button:focus-visible .eye-app{box-shadow:0 0 0 .9cqw #fff,0 1.2cqw 2.6cqw #0009}
.eye-app-label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eye-home-grid button[data-concept] .eye-app-label::after{content:"";display:inline-block;width:1.2cqw;height:1.2cqw;margin-left:1cqw;border-radius:50%;background:#9fb3d9;vertical-align:middle;opacity:.8}
.eye-app{display:grid;place-items:center;width:15.5cqw;height:15.5cqw;border-radius:27%;box-shadow:0 1.3cqw 2.8cqw #0009,inset 0 .35cqw 0 #ffffff36;transition:transform .15s}
.eye-app svg{width:60%;height:60%;display:block}
.eye-app-whatsapp{background:linear-gradient(160deg,#63f792,#1fb857)}
.eye-app-youtube{background:linear-gradient(160deg,#ff4a4a,#cf0000)}
.eye-app-spotify{background:linear-gradient(160deg,#34e777,#149a44)}
.eye-app-calls{background:linear-gradient(160deg,#6fdb86,#28a548)}
.eye-app-photo{background:linear-gradient(160deg,#9a9aa0,#3a3a3d)}
.eye-app-assistant{background:linear-gradient(160deg,#8a79ff,#4a3dd3)}
.eye-home-dock{display:flex;justify-content:center;align-items:center;gap:5cqw;padding-bottom:.5cqw}
.eye-home-dock button{display:grid;place-items:center;width:12cqw;height:12cqw;padding:0;border:1px solid #ffffff30;border-radius:50%;background:#ffffff1c;color:#fff;cursor:pointer;backdrop-filter:blur(6px);-webkit-tap-highlight-color:transparent}
.eye-home-dock button svg{width:55%;height:55%}
.eye-home-dock button:hover{background:#ffffff2c}.eye-home-dock button:focus-visible{outline:.7cqw solid #fff;outline-offset:.5cqw}
.eye-home-go{min-height:10cqw;margin-top:1cqw;padding:0 5cqw;border:0;border-radius:50cqw;background:#eff6ff;color:#1f3f63;font:600 3.4cqw/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer}
.eye-home-go:hover{background:#dbeafe}.eye-home-go:focus-visible{outline:.7cqw solid #fff;outline-offset:.5cqw}
.eye-home-concept{padding-bottom:6cqw}
.eye-home-concept .eye-home-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2cqw;padding:0 4cqw}
.eye-home-concept .eye-app{width:16cqw;height:16cqw}
.eye-home-concept h4{margin:0;font-size:5.6cqw;font-weight:600;line-height:1.1}
.eye-home-concept p{margin:0;font-size:3.3cqw;line-height:1.4;color:#c9d6ea;max-width:78%}
.eye-home-concept .eye-home-dock button{width:10cqw;height:10cqw}
@media(prefers-reduced-motion:reduce){.eye-app{transition:none}.eye-home-grid button:active .eye-app{transform:none}}
/* Deux pages d'applications, pagination et tuiles supplémentaires */
.eye-home{grid-template-rows:auto 1fr auto auto}
.eye-home-grid.is-dense{gap:2cqw 1.2cqw}
.eye-home-grid.is-dense .eye-app{width:13cqw;height:13cqw}
.eye-home-grid.is-dense button{font-size:3cqw;gap:1.2cqw}
.eye-home-pager{display:flex;justify-content:center;align-items:center;gap:1.8cqw;padding:.4cqw 0 1.2cqw}
.eye-home-pager i{width:1.6cqw;height:1.6cqw;border-radius:50%;background:#ffffff55}
.eye-home-pager i.is-on{background:#fff}
.eye-home-pager button{width:8cqw;height:8cqw;padding:0;border:0;border-radius:50%;background:#ffffff14;color:#fff;font:600 5cqw/1 system-ui,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}
.eye-app-companions{background:linear-gradient(160deg,#ffb86b,#e8702a)}
.eye-app-music{background:linear-gradient(160deg,#ff7ab8,#c2277a)}
.eye-app-games{background:linear-gradient(160deg,#7cd4ff,#1f7fd0)}
.eye-app-stories{background:linear-gradient(160deg,#c9a5ff,#7a4fd6)}
.eye-app-clock{background:linear-gradient(160deg,#4d5668,#1f2430)}
.eye-app-nightlight{background:linear-gradient(160deg,#ffcf6b,#d9901c)}
.eye-app-weather{background:linear-gradient(160deg,#6fc6ff,#2c7fd8)}
.eye-app-math{background:linear-gradient(160deg,#ff9f6b,#d9541c)}
.eye-app-face{background:linear-gradient(160deg,#8be0c8,#1f9f82)}
.eye-app-profile{background:linear-gradient(160deg,#b8c2d6,#5f6c86)}

/* ===== messages.css (v=1) ===== */
/* Messages de famille dans l'œil : l'écran fait 400 × 400 px (mis à l'échelle par la loupe), toutes les zones restent dans le cercle. */
.eye-app-messages{position:relative;background:linear-gradient(160deg,#5fc2ff,#1d6fe0)}
.eye-app-badge{position:absolute;top:-1.4cqw;right:-1.4cqw;min-width:5.6cqw;height:5.6cqw;padding:0 1.2cqw;box-sizing:border-box;border-radius:3cqw;background:#ff3b30;color:#fff;font:700 3.4cqw/5.6cqw system-ui,-apple-system,"Segoe UI",sans-serif;text-align:center;box-shadow:0 0 0 .6cqw #0c1424}
.eye-app-badge[hidden]{display:none}
.voice-stage--messages{background:radial-gradient(circle at 50% 20%,#1b3350 0%,#0d1b2d 60%,#050a12 100%);color:#fff}
.msg-screen{position:absolute;inset:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#fff;text-align:center}
.msg-head{position:absolute;top:26px;left:27%;width:46%}
.msg-head h4{margin:0;font-size:16px;line-height:20px;font-weight:600}
.msg-presence{margin:2px 0 0;font-size:10px;line-height:13px;color:#a9c4e2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg-list{position:absolute;top:66px;left:54px;width:292px;height:172px;margin:0;padding:2px 6px;box-sizing:border-box;list-style:none;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;text-align:left}
.msg-list::-webkit-scrollbar{width:4px}.msg-list::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:2px}
.msg-item{display:flex;flex-direction:column;align-items:flex-start;max-width:82%;flex:none}
.msg-item.is-mine{align-self:flex-end;align-items:flex-end;cursor:pointer}
.msg-item:first-child{margin-top:auto}
.msg-name{font-size:9px;line-height:11px;color:#9fb8d6;margin:0 0 2px 6px}
.msg-bubble{display:inline-block;padding:7px 10px;border-radius:14px 14px 14px 4px;background:#283a4f;color:#fff;font-size:13px;line-height:17px;word-break:break-word;overflow-wrap:anywhere;white-space:pre-wrap}
.msg-item.is-mine .msg-bubble{background:#2678e0;border-radius:14px 14px 4px 14px}
.msg-item.is-selected .msg-bubble{box-shadow:0 0 0 2px #9fd1ff}
.msg-bubble time{display:inline-block;margin-left:7px;font-size:9px;line-height:11px;color:#ffffffa8;vertical-align:bottom;white-space:nowrap}
.msg-item.is-emoji .msg-bubble{background:none;padding:2px 4px;font-size:26px;line-height:30px}
.msg-item.is-emoji .msg-bubble time{color:#9fb8d6}
.msg-delete{margin-top:4px;min-height:52px;padding:0 16px;border:0;border-radius:22px;background:#ffdad6;color:#8f1f1f;font:600 12px system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer}
.msg-delete[hidden]{display:none}
.msg-empty{margin:auto;font-size:12px;line-height:16px;color:#a9c4e2;text-align:center;padding:0 20px}
.msg-typing{position:absolute;top:240px;left:60px;width:280px;margin:0;font-size:10px;line-height:13px;color:#9fd1ff;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg-emoji{position:absolute;top:256px;left:50px;width:300px;display:flex;justify-content:center;gap:10px}
.msg-emoji button{width:52px;height:52px;padding:0;border:0;border-radius:50%;background:#ffffff14;font-size:22px;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}
.msg-emoji button:hover{background:#ffffff28}
.msg-form{position:absolute;top:314px;left:89px;width:222px;margin:0;display:flex;gap:6px}
.msg-form input{flex:1;min-width:0;height:52px;padding:0 14px;box-sizing:border-box;border:1px solid #6d8aa8;border-radius:22px;background:#17283a;color:#fff;font:16px system-ui,-apple-system,"Segoe UI",sans-serif}
.msg-form input::placeholder{color:#8fa6bf}
.msg-form button{width:52px;height:52px;padding:0;border:0;border-radius:50%;background:#5fc2ff;color:#06203a;font-size:18px;cursor:pointer}
.msg-form button:disabled{opacity:.5}
.msg-status{position:absolute;top:371px;left:130px;width:140px;margin:0;font-size:10px;line-height:13px;color:#8fb3d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg-status[data-status=open]{color:#8ef0b8}.msg-status[data-status=error]{color:#ffb4a8}
.msg-status[data-status=closed],.msg-status[data-status=connecting]{color:#ffd58a}
.msg-note{position:absolute;top:110px;left:70px;width:260px;display:flex;flex-direction:column;align-items:center;gap:8px}
.msg-note p{margin:0;font-size:15px;line-height:20px;font-weight:600}
.msg-note small{font-size:11px;line-height:15px;color:#a9c4e2}
.msg-note button,.msg-login button{min-height:52px;padding:0 20px;border:0;border-radius:22px;background:#eff6ff;color:#1f3f63;font:600 13px system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer}
.msg-login{position:absolute;top:86px;left:80px;width:240px;margin:0;display:grid;gap:8px;text-align:left}
.msg-login>p:first-child{margin:0;font-size:12px;line-height:16px;color:#d6e5f3;text-align:center}
.msg-login label{display:grid;gap:4px;font-size:11px;font-weight:600;color:#d6e5f3}
.msg-login input{height:52px;padding:0 12px;box-sizing:border-box;border:1px solid #6d8aa8;border-radius:12px;background:#17283a;color:#fff;font-size:16px}
.msg-login [role=status]{margin:0;min-height:13px;font-size:10px;line-height:13px;color:#ffb4a8;text-align:center}
.msg-screen button:focus-visible,.msg-screen input:focus-visible{outline:3px solid #a0dbff;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.msg-list{scroll-behavior:auto}}

/* ===== companions.css (v=1) ===== */
/* Choix du compagnon dans l'œil (unités du diamètre de l'écran). */
.voice-stage--companions{background:radial-gradient(circle at 50% 30%,#1a2a44 0%,#0b1322 60%,#04070e 100%)}
.eye-companions{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6cqw;padding:9cqw 8cqw 10cqw;box-sizing:border-box;text-align:center;color:#fff;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.eye-companions .screen-label{font-size:3.2cqw;letter-spacing:.14em;color:#b9c7e0}
.eye-companion-row{display:flex;align-items:center;gap:3cqw}
.eye-companion-row img{width:38cqw;height:38cqw;border-radius:50%;object-fit:cover;object-position:50% 10%;box-shadow:0 2cqw 5cqw #000a,0 0 0 1cqw #ffffff22;background:#e9e3da}
.eye-companion-row button{width:11cqw;height:11cqw;padding:0;border:1px solid #ffffff30;border-radius:50%;background:#ffffff1c;color:#fff;font:600 6cqw/1 system-ui,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}
.eye-companion-row button:active{background:#ffffff33}
.eye-companions h4{margin:.5cqw 0 0;font-size:6cqw;line-height:1.1;font-weight:600}
.eye-companions p{margin:0;font-size:3.4cqw;color:#c9d6ea}
.eye-companion-actions{display:flex;gap:2cqw;margin-top:1.2cqw}
.eye-companion-actions .eye-home-go{min-height:9.5cqw;padding:0 4cqw;font-size:3.2cqw}
.eye-companion-actions .eye-home-go.is-secondary{background:#ffffff1c;color:#fff;border:1px solid #ffffff30}
.eye-companion-actions .eye-home-go[disabled]{opacity:.75;cursor:default}

/* ===== screen-mode.css (v=1) ===== */
/* Mode écran (?screen=1) : l'application est l'écran rond lui-même, plein écran et tactile. */
html.beyboo-screen,html.beyboo-screen body{background:#04070e!important;overflow:hidden;height:100%;margin:0;padding:0!important}
html.beyboo-screen .beyboo-app-header,html.beyboo-screen .beyboo-app-bottom,html.beyboo-screen .companion-photo,html.beyboo-screen #companion-detail-caption,html.beyboo-screen .product-preview-label,html.beyboo-screen .device-brand,html.beyboo-screen #device-hint,html.beyboo-screen .mood-controls,html.beyboo-screen .gaze-controls,html.beyboo-screen .eye-preview-control,html.beyboo-screen #call-size,html.beyboo-screen #voice-live-meter,html.beyboo-screen #reading-screen-dock,html.beyboo-screen .intro-gate,html.beyboo-screen #voice-youtube-external,html.beyboo-screen #voice-youtube-search{display:none!important}
html.beyboo-screen #experience{width:100%;padding:0;margin:0}
html.beyboo-screen .experience-card{display:block;padding:0;gap:0;background:none;border:0}
html.beyboo-screen .experience-display{position:static;padding:0;background:none;width:auto}
html.beyboo-screen .experience-card .companion-scene{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;aspect-ratio:auto;margin:0;border-radius:0;background:#04070e;overflow:visible;z-index:1}
html.beyboo-screen .experience-card .plush-eye-dock{position:absolute!important;left:50%!important;top:calc(50% - 36px)!important;width:var(--screen-diameter,min(100vw - 24px,100dvh - 176px))!important;max-width:none!important;height:auto!important;aspect-ratio:1;transform:translate(-50%,-50%)!important}
html.beyboo-screen .plush-eye-dock .device-shell{box-shadow:0 0 0 6px #171b21,0 0 0 8px #2b3038,0 30px 80px #000c!important}
html.beyboo-screen #voice-screen-toolbar{position:fixed;left:50%;bottom:calc(78px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(92vw,420px);margin:0;z-index:55}
html.beyboo-screen .screen-wordmark{position:fixed;top:calc(10px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:96px;opacity:.9;z-index:2;pointer-events:none}
/* barre basse */
.screen-bar{display:none}
html.beyboo-screen .screen-bar{position:fixed;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:4px;width:min(96vw,440px);padding:6px;border-radius:26px;background:#ffffff14;border:1px solid #ffffff22;backdrop-filter:blur(16px);z-index:58;box-sizing:border-box}
.screen-bar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:52px;padding:6px 2px;border:0;border-radius:20px;background:none;color:#dfe7f5;font:500 11px/1 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}
.screen-bar button span{font-size:20px;line-height:22px}
.screen-bar button[aria-pressed=true],.screen-bar button:active{background:#ffffff22;color:#fff}
/* tiroir : panneaux et réglages */
html.beyboo-screen .experience-controls{position:fixed;left:0;right:0;bottom:0;max-height:74dvh;overflow:auto;width:auto;margin:0;padding:12px 16px calc(84px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:#f8f8fa;color:#1d1d1f;box-shadow:0 -20px 60px #0008;transform:translateY(102%);transition:transform .28s ease;z-index:57;box-sizing:border-box}
html.beyboo-screen.screen-drawer-open .experience-controls{transform:none}
html.beyboo-screen .experience-controls>*{display:none!important}
html.beyboo-screen .experience-controls>:is(.screen-drawer-head,#voice-panel,#call-panel,#camera-panel,#voice-studio,#device-commands):not([hidden]){display:block!important}
html.beyboo-screen .experience-controls>.screen-drawer-head{display:flex!important;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;position:sticky;top:0;background:#f8f8fa;padding:4px 0 8px;z-index:1}
.screen-drawer-head b{font-size:15px}
.screen-drawer-head div{display:flex;gap:6px}
.screen-drawer-head button{min-height:40px;padding:0 14px;border:1px solid #d7dbe3;border-radius:20px;background:#fff;color:#1d1d1f;font-size:13px;cursor:pointer}
html.beyboo-screen .experience-controls>#voice-panel:not([hidden]),html.beyboo-screen .experience-controls>#call-panel:not([hidden]),html.beyboo-screen .experience-controls>#camera-panel:not([hidden]),html.beyboo-screen .experience-controls>#voice-studio,html.beyboo-screen .experience-controls>#device-commands{margin:0 0 14px;padding:14px;border:1px solid #e5e8ef;border-radius:18px;background:#fff}
@media(prefers-reduced-motion:reduce){html.beyboo-screen .experience-controls{transition:none}}
html.beyboo-screen #voice-screen-status,html.beyboo-screen #voice-screen-home{display:none!important}
html.beyboo-screen #voice-screen-toolbar{background:#ffffff14;border:1px solid #ffffff22;border-radius:20px;padding:8px;backdrop-filter:blur(12px)}
html.beyboo-screen #voice-screen-toolbar:not(:has(button:not([hidden]):not(#voice-screen-home),a:not([hidden]):not(#voice-youtube-external))){display:none}
html.beyboo-screen.screen-drawer-open .screen-bar{background:#10131a;border-color:#ffffff33;z-index:59}
/* commandes de l'activité (films, jeux, musique, météo…) : carte sous le cercle */
html.beyboo-screen #product-activity{position:fixed;left:12px;right:12px;top:calc(50% - 36px + var(--screen-diameter,300px) / 2 + 14px);bottom:calc(86px + env(safe-area-inset-bottom));overflow:auto;margin:0;padding:12px 14px;border-radius:18px;background:#f8f8fa;color:#1d1d1f;box-shadow:0 12px 40px #000a;z-index:50;box-sizing:border-box}
html.beyboo-screen #product-activity[hidden]{display:none}
html.beyboo-screen #product-activity h4{margin:0 0 8px;font-size:15px}
html.beyboo-screen #product-activity p{margin:0 0 8px;font-size:12px;color:#4c4c50}
html.beyboo-screen #product-activity .eye-video-list{display:grid;gap:6px}
html.beyboo-screen #product-activity button{min-height:40px}
html.beyboo-screen #product-activity a[target="_blank"]{display:none}
html.beyboo-screen:has(#product-activity:not([hidden])) #voice-screen-toolbar{bottom:auto;top:calc(50% - 36px + var(--screen-diameter,300px) / 2 - 46px)}