:root{color-scheme:dark;--bg:#131719;--panel:#202729;--text:#f2f1e9;--muted:#9ca8a6;--line:#354042;--accent:#c7f07a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.shell{max-width:1280px;padding:0 54px;margin:auto}.header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:16px;font-weight:650;font-size:13px;letter-spacing:1.7px}.brand-mark{background:var(--accent);color:var(--bg);width:38px;height:38px;border-radius:11px;text-align:center;font-size:29px;line-height:34px;font-weight:700;letter-spacing:-3px;padding-right:3px}.muted{color:var(--muted);font-weight:400}.tag{font-size:12px;color:var(--muted);display:flex;gap:9px;align-items:center}.dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:56px 0 39px;gap:40px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--muted);margin:0 0 18px}h1{font-size:clamp(44px,5.5vw,74px);line-height:1.03;letter-spacing:-3px;margin:0;font-weight:550}h1 span{color:var(--accent)}.intro-copy{max-width:317px;padding-bottom:3px;font-size:15px;color:#d0d5cf}.intro-copy p{margin:0 0 13px}.intro-copy .small{color:var(--muted);font-size:12px;margin-bottom:0}.viewer-card{position:relative;height:460px;border:1px solid #384447;border-radius:22px;overflow:hidden;background:radial-gradient(ellipse at 51% 50%,#4b5957 0%,#313d3c 43%,#242d2f 80%)}.viewer-top,.viewer-bottom{position:absolute;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;z-index:2;pointer-events:none}.viewer-top{top:24px}.pill{border:1px solid #68726a;padding:4px 11px;border-radius:20px;letter-spacing:1.6px;font-size:9px;color:#e0e7d7}.scene-label{font-size:9px;letter-spacing:1.7px;color:#c0ccc3}.backdrop-word{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(110px,22vw,285px);font-weight:800;letter-spacing:-17px;color:#aabda210;pointer-events:none;transform:translateY(-4px)}model-viewer{position:absolute;inset:30px 0 32px;width:100%;height:calc(100% - 62px);--progress-bar-color:var(--accent);--progress-bar-height:2px}.viewer-bottom{bottom:20px;font-size:11px;color:#c5d0c7}.gesture{font-size:10px;color:#9baaa4}.loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 16px;background:#182021e8;border:1px solid #46534d;border-radius:10px;font-size:13px;max-width:85%;text-align:center}.toolbar{padding-top:21px;display:flex;align-items:center;justify-content:space-between;gap:12px}.controls{display:flex;gap:10px;flex-wrap:wrap}button{color:#d2dbd4;background:transparent;border:1px solid #3b4547;border-radius:10px;padding:11px 17px;font-size:12px;transition:background .15s,border-color .15s}button:hover{background:#293331;border-color:#83967e}button.button-primary{background:var(--accent);color:#1a2217;border-color:var(--accent);font-weight:650;display:flex;gap:23px;align-items:center}button.button-primary:hover{background:#d7ffa1}.feedback{font-size:11px;color:var(--muted);margin:12px 0 0;min-height:20px}.feedback.error{color:#ffbcab}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:46px;margin:44px 0 47px;padding-top:27px;border-top:1px solid var(--line)}.steps article{position:relative;padding-left:32px}.step-num{position:absolute;left:0;top:3px;color:#8e9a8a;font-size:10px}h2{font-size:15px;font-weight:500;margin:0 0 8px}.steps p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}footer{display:flex;justify-content:space-between;gap:20px;padding:24px 0 31px;border-top:1px solid var(--line);font-size:10px;color:#8c9995}.footer-divider{padding:0 10px}footer a:hover{color:var(--accent)}[hidden]{display:none!important}.no-js{position:fixed;bottom:10px;left:10px;right:10px;padding:15px;background:#39271f;color:white;text-align:center}.credits{max-width:780px;padding:50px 24px;margin:auto}.credits h1{font-size:38px;line-height:1.2;margin:30px 0}.credits h2{font-size:20px;margin:30px 0 8px}.credits a{color:var(--accent);text-decoration:underline}.credits p{color:#bac5bf}@media(max-width:760px){.shell{padding:0 24px}.header{height:83px}.tag{display:none}.intro{padding:36px 0 28px;align-items:flex-start;gap:25px;flex-direction:column}h1{font-size:58px}.intro-copy{max-width:440px;font-size:14px}.intro-copy .small{font-size:11px}.viewer-card{height:380px;border-radius:16px}.viewer-top,.viewer-bottom{left:17px;right:17px}.viewer-top{top:18px}.scene-label{font-size:8px;letter-spacing:1px}.viewer-bottom{bottom:15px}.gesture{max-width:170px;text-align:right;line-height:1.5}.toolbar{align-items:stretch;flex-direction:column}.toolbar>.controls:last-child{order:-1}.controls button{flex-grow:1;justify-content:center}.steps{gap:25px;grid-template-columns:1fr;margin:31px 0}.steps article{max-width:420px}.steps p{font-size:13px}footer{flex-direction:column;gap:9px}.backdrop-word{font-size:125px;letter-spacing:-10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.publish-link{display:inline-block;margin-top:10px;color:var(--accent);font-size:12px}.publish-link:hover{text-decoration:underline}
model-viewer::part(default-progress-bar){display:none}