:root{--ink:#17181e;--muted:#636776;--teal:#3577ed;--light:#e4edff;--border:#d6d9e4;--paper:#f4f5f9;--blue:#96bdff;--brand:#96bdff;--brand-strong:#3577ed;--shadow:0 9px 0 #17181e07;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;background:#f4f5f9}.site-header{background:#191a20;border-bottom:0;color:#fff;height:80px;padding:0 5vw}.brand{letter-spacing:-.4px;font-size:20px;font-weight:800}.brand-symbol{background:#96bdff;color:#17181e;transform:rotate(-6deg);border-radius:10px;font-weight:800}.brand small{color:#a5adbd;font-weight:450;font-size:10px}.header-links>a,.header-links .text-button{color:#fff}.version-badge{background:#363943;color:#dbe7ff;border-radius:5px;transform:rotate(3deg)}.btn{border:1.5px solid #17181e;border-radius:10px;background:#fff;box-shadow:0 3px 0 #17181e;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s}.btn:hover{filter:none;transform:translateY(-1px);box-shadow:0 4px 0 #17181e}.btn:active{transform:translateY(2px);box-shadow:0 1px 0 #17181e}.btn.primary{background:#96bdff;border-color:#17181e;color:#11131b}.eyebrow{color:#455d91;font-weight:800;letter-spacing:1.8px}.page{max-width:1280px}.catalog-page{padding-top:30px;padding-bottom:35px}.play-hero{display:grid;grid-template-columns:1.1fr 1fr;background:#1a1b22;border-radius:24px;overflow:hidden;position:relative;min-height:440px;color:#fff}.hero-copy{padding:38px 20px 35px 38px;position:relative;z-index:1}.hero-sticker{display:inline-block;background:#f3f6fb;color:#1a1b22;padding:8px 12px;font-size:10px;font-weight:800;letter-spacing:.7px;transform:rotate(-3deg);border-radius:3px;box-shadow:3px 3px 0 #96bdff;margin-bottom:21px}.hero-copy h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(40px,4.6vw,66px);font-weight:800;letter-spacing:-1.5px;line-height:1.04;margin:0 0 17px;max-width:100%}.hero-copy h1 span{color:#96bdff}.hero-copy p{font-size:13px;line-height:1.6;color:#cbd0dd;margin:0 0 24px}.hero-start{display:inline-flex;align-items:center;gap:45px;background:#96bdff;color:#10131d;border:2px solid #fff;border-radius:9px;padding:13px 20px;font-size:14px;font-weight:800;box-shadow:4px 4px 0 #fff;transform:rotate(-1deg)}.hero-start span{font-size:21px}.hero-start:hover{transform:rotate(0) translateY(-2px)}.hero-portrait{position:relative;margin:25px 25px 25px 0;align-self:stretch;border-radius:20px 20px 70px 20px;overflow:visible;transform:rotate(2deg);background:#96bdff;border:3px solid #fff;min-height:350px}.hero-portrait>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 48%;border-radius:17px 17px 67px 17px}.portrait-note{position:absolute;bottom:22px;left:-20px;background:#fff;color:#141720;padding:12px 25px;transform:rotate(-5deg);font-size:21px;font-weight:850;box-shadow:5px 5px 0 #141720;border-radius:4px;line-height:1.1}.portrait-note small{font-size:11px;font-weight:550}.hero-star{position:absolute;right:-15px;top:-25px;color:#d5f365;font-size:85px;line-height:1;text-shadow:3px 3px #17181e;transform:rotate(15deg)}.hero-scribble{position:absolute;right:6px;bottom:38px;transform:rotate(-10deg);font-family:Georgia,serif;font-style:italic;font-size:24px;color:#c4d8ff}.hero-scribble svg{display:block;width:95px;height:48px;margin-left:4px}.hero-scribble path{fill:none;stroke:#c4d8ff;stroke-width:3;stroke-linecap:round}.catalog-section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 20px}.catalog-section-title h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:29px;letter-spacing:-.5px;margin:0}.catalog-section-title span{font-size:12px;color:#777d90}.playful-card{border:2px solid #17181e;border-radius:18px;box-shadow:5px 6px 0 #c3d8ff;gap:20px;padding:25px;background:white}.playful-card .lab-no{background:#96bdff;color:#17233c;border-radius:9px;transform:rotate(-4deg);border:1px solid #17181e;box-shadow:3px 3px 0 #17181e}.playful-card .lab-no b{font-size:36px;font-weight:850}.playful-card h2{font-size:22px;line-height:1.2;font-weight:850;letter-spacing:-.5px}.playful-card .tag{background:#eef2fc;border:1px solid #d5dff2;transform:rotate(-1deg);font-weight:650;border-radius:4px}.playful-author{padding:20px 0 0;border-top:0;margin-top:20px;gap:13px}.playful-author>img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid #17181e}.playful-author b{font-size:14px}.author-links{display:flex;gap:10px;margin-left:auto}.author-links a{background:#e1eaff;border-radius:6px;padding:10px 12px;font-size:11px;font-weight:700}.author-links a:last-child{background:#17181e;color:white}.about-photo{height:210px;overflow:hidden;border-radius:10px;transform:rotate(-1deg);background:#96bdff;margin-bottom:25px}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center 37%}.info-dialog{border:2px solid #17181e;border-radius:18px;box-shadow:7px 8px 0 #96bdff}.info-dialog h2{font-weight:850}.about-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.workspace{height:calc(100dvh - 80px);padding-top:12px}.workspace-top h1{font-weight:800}.workspace-top .btn{box-shadow:0 2px 0 #17181e}.bench-wrap{border:2px solid #bac3d4;border-radius:15px;background:#e4e8ed}.bench-label{background:#ffffffbc;padding:6px 9px;border-radius:4px;color:#5a6678}.toolbar .tool-btn{background:#fff;border:1.5px solid #17181e;border-radius:9px;box-shadow:0 2px 0 #17181e}.tool-btn.active{background:#96bdff}.object-picker{border:1.5px solid #17181e;border-radius:8px}.context-bar{border:1.5px solid #c4cbd8;border-radius:11px}.context-bar .btn{box-shadow:0 2px 0 #17181e}.context-bar input[type=range]{accent-color:#3577ed}.workspace-note .status-dot:before{background:#3577ed}.portrait-notice{background:#eef3ff!important}.rotate-phone{color:#3577ed}.portrait-notice a{color:#214c9b}.uncertainty{background:#edf3ff;border-left-color:#96bdff}.dialog-close{background:#e3ecff;color:#253d68}.notebook-note{color:#3577ed}#toast{background:#1a2440;box-shadow:3px 3px 0 #96bdff;border:1px solid #96bdff}@media(max-width:1000px){.hero-copy{padding-left:28px}.hero-scribble{display:none}.hero-copy h1{font-size:49px}.hero-portrait{margin-right:20px}.portrait-note{left:-13px;padding:12px 16px;font-size:18px}.hero-copy p{font-size:12px}}@media(max-width:720px){.site-header{height:65px;padding:0 16px}.brand{font-size:16px}.brand small{font-size:9px}.catalog-page{padding:18px 16px 25px}.play-hero{grid-template-columns:1fr;min-height:0;border-radius:18px}.hero-copy{padding:25px 22px 22px}.hero-copy h1{font-size:47px;line-height:1.01;letter-spacing:-1.3px}.hero-copy h1 br:nth-child(2){display:none}.hero-copy p{font-size:12px;margin-bottom:15px}.hero-portrait{height:240px;min-height:240px;margin:0 25px 30px 45px;transform:rotate(2deg)}.hero-sticker{font-size:8px;padding:7px 9px;margin-bottom:16px}.portrait-note{bottom:15px;font-size:19px}.hero-star{font-size:65px}.hero-start{font-size:12px;padding:9px 15px;gap:25px}.catalog-section-title{margin:26px 0 16px}.catalog-section-title h2{font-size:25px}.catalog-section-title span{display:none}.playful-card{padding:18px;gap:12px;border-radius:14px}.playful-card h2{font-size:18px}.playful-card .lab-no b{font-size:30px}.author-links{gap:7px}.author-links a{padding:9px;font-size:10px}.playful-author{flex-wrap:wrap}.playful-author>img{width:48px;height:48px}.playful-author small{max-width:250px;line-height:1.5;font-size:10px}.author-links{width:100%;justify-content:flex-end}.workspace{height:calc(100dvh - 65px)}}@media(max-height:600px) and (orientation:landscape){.site-header{height:47px;padding:0 16px}.brand{font-size:14px}.brand small{font-size:8px}.workspace{height:calc(100dvh - 47px);padding-top:6px}.play-hero{grid-template-columns:1.1fr 1fr;min-height:350px}.hero-copy{padding:25px}.hero-copy h1{font-size:46px}.hero-portrait{min-height:290px;height:auto;margin:25px 25px 25px 0}.catalog-page{padding-top:20px}.hero-star{font-size:65px}.hero-sticker{font-size:8px}.hero-copy p{font-size:12px}.workspace-top h1{font-size:12px}.context-bar .btn{box-shadow:0 1px 0 #17181e}}

@media(max-width:720px){.hero-copy h1{font-size:44px}.hero-copy h1 br:nth-child(2){display:initial}.hero-copy h1 span{display:inline-block;max-width:100%}}@media(max-height:600px) and (orientation:landscape) and (max-width:1100px){.tool-btn{min-width:40px;min-height:40px}.context-bar .btn{min-height:40px;font-size:11px}.context-bar input[type=range]{min-height:36px}.object-picker{height:40px;font-size:11px}.toolbar-note{display:none}.workspace-top .btn{min-height:36px}.workspace-top h1{font-size:12px}.context-title{min-width:80px}.workspace-note{font-size:8px}}

@media(max-width:720px){.hero-copy h1{font-size:clamp(32px,10.5vw,44px)}}@media(max-height:600px) and (orientation:landscape) and (max-width:1100px){.context-bar{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;min-height:44px}.context-bar .btn,.context-bar label,.context-title{flex-shrink:0}.context-bar .hint{display:none}.workspace-top h1{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-top .btn{flex-shrink:0;white-space:nowrap}.bench-wrap{min-height:100px}}