@font-face{font-family:system;src:local("Inter"),local("Arial")}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#10151c;color:#f4f4ef;font:16px/1.5 system,Arial,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit}button:disabled{cursor:default;opacity:.52}:focus-visible{outline:3px solid #d7fa91;outline-offset:5px}button:focus-visible,a:focus-visible{transform:translateY(-2px)}.skip{position:absolute;top:-100px;z-index:10;background:#c8f078;color:#10151c;padding:12px}.skip:focus{top:10px}.shell{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100vh}.sidebar{padding:37px 23px;border-right:1px solid #29313a;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-size:27px;letter-spacing:-1px;display:flex;gap:11px;align-items:center;font-weight:800}.brand-mark{display:grid;place-items:center;background:#c8f078;color:#151c23;border-radius:12px;font-size:18px;width:36px;height:36px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#a8b5b6;margin:17px 0 30px}.sidebar nav{display:grid;gap:6px}.nav-item{border:0;background:none;text-align:left;color:#acb5be;min-height:49px;border-radius:12px;padding:11px 15px;font-weight:600;white-space:pre}.nav-item.selected{color:#d8f9ab;background:#283527}.nav-item:hover{background:#253039}.kids-link{display:block;text-decoration:none;margin-top:32px;border:1px solid #495440;border-radius:12px;padding:12px 15px;color:#def3ba;font-weight:700}.about{border:0;background:none;color:#b8c1c9;text-align:left;margin-top:18px;padding:10px 0;font-size:13px}.side-note{font-size:11px;color:#9da8b4;white-space:pre-line;margin-top:auto;padding-top:30px;line-height:1.8}main{min-width:0;padding:0 42px;max-width:1700px}header{height:100px;display:flex;align-items:center;gap:20px}.status{font-size:13px;color:#adbaae}.search{display:flex;align-items:center;gap:10px;margin-left:auto;background:#1b232c;border:1px solid #303a45;border-radius:30px;padding:8px 17px}.search input{min-width:0;width:230px;background:none;border:0;color:#f1f4f6;font:inherit;font-size:13px;padding:5px;outline-offset:0}.avatar{border-radius:50%;background:#34453a;color:#d6f0c4;width:38px;height:38px;display:grid;place-items:center;font-weight:700}.hero{position:relative;overflow:hidden;min-height:350px;border-radius:24px;background:#223633;border:1px solid #3c5247;display:grid;grid-template-columns:1.25fr 1fr}.hero-copy{padding:35px 38px;position:relative;z-index:1}.hero .eyebrow{color:#c4d5a8;margin:0 0 18px}h1{font-size:clamp(36px,4vw,58px);letter-spacing:-2px;line-height:1.05;font-weight:750;margin:0;white-space:pre-line}.hero-detail{max-width:450px;color:#ccd6d0;font-size:15px;line-height:1.65;margin:20px 0 25px}.button{background:#303e47;border:1px solid #55636b;color:#f6f8f0;border-radius:12px;padding:11px 19px;min-height:46px;font-weight:650}.button:hover{filter:brightness(1.15)}.button.primary{background:#c8f078;color:#172116;border-color:#c8f078}.sample-note{display:inline-block;font-size:11px;margin-left:14px;color:#b1c0ad}.art{position:relative;overflow:hidden;display:grid;place-items:center;aspect-ratio:1.5}.art-symbol{font-family:Arial,sans-serif;font-size:74px;line-height:1;position:relative;z-index:1}.orbit{background:radial-gradient(ellipse at 20% 0,#3d7680,transparent 70%),#172d42;color:#eadfc5}.orbit:before{content:'';position:absolute;width:78%;aspect-ratio:1;border:1px solid #8fbdb64d;border-radius:50%;transform:rotate(-35deg) scaleY(.55)}.orbit:after{content:'';position:absolute;right:17%;top:20%;width:10%;aspect-ratio:1;background:#b5e49b;border-radius:50%;box-shadow:0 0 45px #acd89055}.orbit .art-symbol{font-size:100px;text-shadow:5px 12px 50px #001827}.hero-art{aspect-ratio:auto;background:radial-gradient(ellipse at 60% 55%,#57847a55,transparent 75%);overflow:visible}.hero-art .art-symbol{font-size:190px;transform:rotate(-30deg);color:#eee0c1}.hero-art:before{width:125%;border-width:2px}.hero-art:after{width:15%;top:28%;right:9%}.chimes{background:linear-gradient(145deg,#73594f,#302c47);color:#efd4a5}.chimes:before{content:'';position:absolute;width:68%;height:68%;border:1px solid #d9aebc55;border-radius:50%;box-shadow:0 0 0 16px #dcafb011,0 0 0 32px #dcafb00b}.lantern{background:radial-gradient(ellipse at 50% 80%,#896d39,#273a3c);color:#ffe2a1}.lantern .art-symbol{text-shadow:0 0 50px #ffc16c}.pairs{background:#9ac3a7;color:#234c42}.pairs .art-symbol{font-size:48px;letter-spacing:7px;transform:rotate(-10deg)}.three{background:#c5a7d4;color:#48324d}.three .art-symbol{font-size:60px;letter-spacing:8px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:31px 0 18px}h2{font-size:23px;letter-spacing:-.6px;margin:0}.muted{color:#aeb9c4;font-size:14px}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:20px}.card{background:#1b232d;border:1px solid #303c48;border-radius:17px;padding:0;text-align:left;overflow:hidden;color:#f2f4f3;transition:transform .12s,border-color .12s}.card:hover{transform:translateY(-5px);border-color:#7c9b72}.card-info{padding:17px 16px}.card-kind{font-size:10px;letter-spacing:1.8px;color:#bdcaaf}.card h3{font-size:16px;margin:7px 0;letter-spacing:-.3px}.card p{margin:0;color:#a6b1bc;font-size:12px}.collection-note{display:flex;align-items:center;gap:20px;margin:25px 0;padding:4px 0;color:#98a6b2;font-size:13px;max-width:800px}.note-symbol{font-size:24px;color:#b5c6a6}footer{font-size:11px;color:#84919e;padding:25px 0 28px}.empty{border:1px dashed #3b4c5b;border-radius:22px;padding:50px 35px;text-align:center;background:#19212b;max-width:900px}.empty-symbol{font-size:52px;color:#c8f078}.empty p{color:#b8c4cb;max-width:560px;margin:0 auto 25px}.empty h3{font-size:26px}dialog{padding:24px;background:#18222d;color:#f2f4ef;border:1px solid #4b5b62;border-radius:24px;width:min(800px,92vw);max-height:92vh;box-shadow:0 30px 120px #0008}dialog::backdrop{background:#070d15df;backdrop-filter:blur(10px)}.dialog-top{position:sticky;top:-24px;background:#18222d;padding:0 0 20px;z-index:3}.quiet{background:#26323c}.dialog-body h2{font-size:30px}.dialog-body>p{line-height:1.65}.dialog-body video{width:100%;display:block;margin:20px 0;border-radius:15px;background:#07121b;max-height:45vh}.dialog-body audio{width:100%;margin:15px 0}.player-art{height:150px;aspect-ratio:auto;border-radius:15px}.license{font-size:11px;color:#9daab4;border-top:1px solid #35414b;padding-top:18px;margin-top:23px}.book-page{background:#ede7d7;color:#283e3d;border-radius:16px;padding:25px;margin:24px 0}.book-art{height:110px;aspect-ratio:auto;border-radius:10px}.book-page h3{font-size:26px;margin:20px 0 10px}.story{font-size:20px;line-height:1.8}.book-controls{display:flex;align-items:center;justify-content:space-between;gap:10px}.pairs-board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.three-board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:420px;margin:0 auto 22px}.tile{font-size:36px;aspect-ratio:1.3;border-radius:14px;border:1px solid #658a73;background:#324c45;color:#e9f3d0}.tile:disabled{opacity:.65}.game-status{font-size:20px;color:#d2eca9}.game-controls{display:flex;gap:12px;margin:20px 0}.notice{background:#283a43;border-left:3px solid #d5e69b;padding:15px}.checklist{line-height:1.8;padding-left:22px}.checklist li{padding:5px 0}.playback-feedback{min-height:24px}.content{padding-bottom:8px}body[data-kids] .hero{background:#30384b;border-color:#5b5371}body[data-kids] .hero .eyebrow{color:#e1c9ed}body[data-kids] .brand-mark{background:#d7b4eb}body[data-kids] .selected{background:#3b3047;color:#f1d8ff}@media(min-width:1600px){main{padding:0 65px}.hero{min-height:420px}.hero-copy{padding:50px}.catalog-grid{grid-template-columns:repeat(5,1fr)}.card h3{font-size:20px}}@media(max-width:1000px){.shell{grid-template-columns:185px minmax(0,1fr)}.sidebar{padding:27px 16px}.brand{font-size:23px}main{padding:0 24px}.hero-copy{padding:30px}.hero{grid-template-columns:1.6fr 1fr}.hero-art .art-symbol{font-size:120px}.sample-note{display:block;margin:12px 0 0}.search input{width:150px}.status{font-size:11px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.shell{display:block}.sidebar{position:static;height:auto;border-right:0;padding:20px 20px 12px}.sidebar>.eyebrow,.side-note,.about{display:none}.sidebar nav{display:flex;overflow-x:auto;margin-top:18px;padding:5px 4px 10px;gap:7px}.nav-item{font-size:13px;flex-shrink:0;padding:10px 13px}.kids-link{position:absolute;right:20px;top:20px;margin:0;padding:6px 12px}.brand{font-size:24px}.brand-mark{width:30px;height:30px}main{padding:0 20px}header{height:68px;padding-bottom:12px}.status{display:none}.search{width:100%;margin:0}.search input{width:100%}.hero{grid-template-columns:1fr;min-height:330px}.hero-copy{padding:30px 26px}.hero-detail{max-width:80%;font-size:14px}h1{font-size:43px;letter-spacing:-1.5px}.hero-art{position:absolute;width:150px;height:160px;right:-25px;bottom:20px;opacity:.4}.hero-art .art-symbol{font-size:110px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card-info{padding:13px}.card h3{font-size:15px}.section-heading h2{font-size:20px}.section-heading .muted{font-size:12px}.art-symbol{font-size:65px}.pairs .art-symbol{font-size:36px}.three .art-symbol{font-size:43px}.collection-note{font-size:12px}.dialog-body h2{font-size:25px}.story{font-size:18px}.pairs-board{gap:8px}.tile{font-size:28px}.game-controls{flex-wrap:wrap}.book-controls .button{padding:10px}dialog{padding:18px}.dialog-top{top:-18px}.book-page{padding:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.service-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 24px;padding:17px 20px;border:1px solid #3c5147;background:#1a2928;border-radius:16px}.service-bar strong{font-size:15px}.service-bar p{margin:4px 0 0;font-size:12px;color:#b3c3b8}.library-link{text-decoration:none;font-size:13px;white-space:nowrap}.service-bar+.content .hero{min-height:320px}@media(max-width:700px){.service-bar{padding:14px;gap:10px}.service-bar p{font-size:10px}.library-link{font-size:11px;padding:10px}.service-bar strong{font-size:13px}}
.brand-mark{flex-shrink:0}.brand-lockup{min-width:0}.brand-name{display:block;font-size:23px;line-height:1.08;letter-spacing:-.6px;max-width:140px}.brand-byline{display:block;font-size:11px;line-height:1.6;letter-spacing:1.2px;font-weight:500;color:#c1cdb3;margin-top:7px}.watch-filters{display:flex;gap:10px;flex-wrap:wrap;margin:-4px 0 24px}.filter{font-size:13px;background:#1b252e}.filter[aria-pressed=true]{background:#c8f078;color:#172116;border-color:#c8f078}.bubbles{background:radial-gradient(circle at 25% 30%,#d6f7c9 0,transparent 40%),linear-gradient(135deg,#8daeb5,#4f838d);color:#edfadc}.bubbles .art-symbol{font-size:67px;letter-spacing:-10px;transform:rotate(-15deg)}.bubble-field{position:relative;aspect-ratio:16/9;background:radial-gradient(ellipse at 50% 80%,#334c5d,#18222e);border:1px solid #526473;border-radius:20px;overflow:hidden}.camera-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;transform:scaleX(-1);opacity:0;margin:0!important;border-radius:0!important;max-height:none!important}.camera-on .camera-preview{opacity:.65}.bubble-grid{position:relative;height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);justify-items:center;align-items:center;padding:7px}.bubble{width:clamp(42px,7vw,76px);aspect-ratio:1;border-radius:50%;border:2px solid #e8fff58a;background:radial-gradient(circle at 30% 25%,#f8ffeaa6,transparent 40%),#92d4bd;color:#183633;font-size:26px;box-shadow:inset -7px -8px 18px #001b1d35,0 6px 16px #00162730}.bubble:nth-child(3n+2){background-color:#c3b1e8;color:#362942}.bubble:nth-child(3n){background-color:#f0c69e;color:#56412a}.bubble.popped{opacity:.25;background:transparent;border-style:dashed;box-shadow:none;color:#e3eae3}.camera-status{font-size:14px;color:#c9ddb8;min-height:42px}.camera-privacy{font-size:12px;color:#b2bfc8;line-height:1.7}.camera-on{border-color:#c8f078;box-shadow:0 0 0 2px #c8f07844}@media(min-width:1600px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1000px){.brand-name{font-size:19px}.brand{gap:9px}}@media(max-width:700px){.brand-name{font-size:22px;max-width:140px}.brand-byline{margin-top:4px;font-size:10px}.kids-link{top:30px}.bubble-grid{padding:4px}.bubble{width:clamp(42px,12vw,64px);font-size:20px}.watch-filters{gap:8px}}

@media(max-width:760px){.sidebar .about{display:block;margin-top:8px;padding:8px 0}}
