:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#16181d;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{width:100%;min-height:100%}body{background:#fff;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.landing-page{background:radial-gradient(circle at 22% 16%,#ebedf0f2,#0000 34%),radial-gradient(circle at 76% 72%,#dee2e8cc,#0000 38%),#fff;align-items:center;min-height:100svh;padding:clamp(24px,5vw,72px);display:grid}.landing-inner{width:min(980px,100%);margin:0 auto}.eyebrow{color:#626873;letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:700}.landing-page h1{color:#111318;letter-spacing:0;margin:0;font-size:clamp(56px,10vw,128px);line-height:.9}.landing-copy{color:#4d535c;width:min(610px,100%);margin:24px 0 0;font-size:clamp(18px,2vw,22px);line-height:1.45}.sketch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:clamp(36px,7vw,80px);display:grid}.sketch-card{background:linear-gradient(145deg,#ffffffe0,#f4f6f9b8),#f8f9fb;border:1px solid #1113181a;border-radius:8px;flex-direction:column;justify-content:flex-end;gap:12px;min-height:260px;padding:clamp(20px,3vw,32px);transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;box-shadow:0 24px 70px #11131814}.sketch-card:hover{border-color:#11131833;transform:translateY(-3px);box-shadow:0 30px 90px #1113181f}.sketch-meta{color:#747b86;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700}.sketch-title{color:#111318;font-size:clamp(32px,5vw,56px);font-weight:780;line-height:.95}.sketch-description{color:#555c66;max-width:360px;font-size:15px;line-height:1.5}.sketch-action{color:#111318;width:max-content;margin-top:10px;font-size:14px;font-weight:750}.experience-page{background:#fff;min-height:100svh;overflow:hidden}.ferrofluid-page{color:#16181d;background:#fff}.back-link{top:calc(18px + env(safe-area-inset-top,0px));left:calc(18px + env(safe-area-inset-left,0px));z-index:10;color:#16181d;-webkit-backdrop-filter:blur(14px);background:#ffffffbd;border:1px solid #0000001f;border-radius:999px;justify-content:center;align-items:center;min-width:64px;height:38px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex;position:fixed;box-shadow:0 12px 36px #00000014}.name-stage{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;position:fixed;inset:0;overflow:hidden}.name-stage:active{cursor:grabbing}.letter-canvas,.fluid-canvas{background:#fff;width:100vw;height:100vh;display:block}.fluid-canvas{cursor:grab;touch-action:none;background:#fff;position:fixed;inset:0}.fluid-canvas:active{cursor:grabbing}.hidden-audio{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.ferrofluid-page .panel{left:50%;bottom:calc(clamp(12px, 3vh, 36px) + env(safe-area-inset-bottom,0px));z-index:8;-webkit-backdrop-filter:blur(14px);background:#0a0b0e94;border:1px solid #ffffff24;border-radius:16px;flex-direction:column;gap:10px;width:min(92vw,460px);max-width:calc(100vw - 16px);padding:16px;transition:opacity .6s,transform .6s;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 18px 50px #0000005c}body.immersive .ferrofluid-page .panel{opacity:0;pointer-events:none;transform:translate(-50%)translateY(14px)}body.immersive.reveal .ferrofluid-page .panel{opacity:1;pointer-events:auto;transform:translate(-50%)}.ferrofluid-page .yt-form,.ferrofluid-page .btn-row{gap:8px;display:flex}.ferrofluid-page .btn-row>*{flex:1}.ferrofluid-page .upload-btn{text-align:center;color:#111318;cursor:pointer;background:#ffffffeb;border:1px solid #ffffff29;border-radius:10px;justify-content:center;align-items:center;padding:10px 14px;font-size:14px;font-weight:650;transition:background .15s;display:inline-flex}.ferrofluid-page .upload-btn:hover{background:#fff}.ferrofluid-page .yt-form input{color:#111318;background:#ffffffe6;border:1px solid #ffffff29;border-radius:10px;outline:none;flex:1;min-width:0;padding:11px 12px;font-size:16px}.ferrofluid-page .yt-form input:focus{border-color:#ffffffc7}.ferrofluid-page .panel button{appearance:none;color:#101116;cursor:pointer;background:#f3f5f8;border:1px solid #ffffff2e;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:650;transition:background .15s,border-color .15s,opacity .15s}.ferrofluid-page .panel button:hover{background:#fff}.ferrofluid-page .panel button:disabled{opacity:.45;cursor:default}#mic-btn.active{background:#d9fff0;border-color:#d9fff0}.ferrofluid-page .status{color:#f6f7fbc2;margin:0;font-size:12.5px;line-height:1.4}.ferrofluid-page .transport{background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;gap:9px;padding:10px;display:flex}.ferrofluid-page .transport[hidden]{display:none}.ferrofluid-page .track-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ferrofluid-page .track-name{color:#f7f8fb;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.ferrofluid-page .time-readout{color:#f6f7fbb8;font-variant-numeric:tabular-nums;flex:none;font-size:12px}.ferrofluid-page .seek-slider{accent-color:#f6f7fb;width:100%}.ferrofluid-page .physics-controls{background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;grid-template-columns:1fr 1fr 1.05fr;gap:8px;padding:10px;display:grid}.ferrofluid-page .physics-controls label{color:#f6f7fbb8;flex-direction:column;gap:5px;min-width:0;font-size:11px;font-weight:700;display:flex}.ferrofluid-page .physics-controls input,.ferrofluid-page .physics-controls select{width:100%}.ferrofluid-page .physics-controls input{accent-color:#f6f7fb}.ferrofluid-page .physics-controls select{color:#101116;background:#ffffffeb;border:1px solid #ffffff29;border-radius:8px;min-height:28px;font-size:12px;font-weight:700}.ferrofluid-page .transport-buttons{grid-template-columns:.74fr .96fr .74fr 1.05fr .82fr;gap:8px;display:grid}.ferrofluid-page .transport-buttons button{white-space:nowrap;min-width:0;padding-inline:8px}.ferrofluid-page .yt-embed{aspect-ratio:16/9;border-radius:12px;width:100%;display:none;overflow:hidden}.ferrofluid-page .yt-embed.loaded{display:block}.ferrofluid-page .yt-embed iframe{border:0;width:100%;height:100%;display:block}@media (max-width:700px){.landing-page{align-items:end}.sketch-grid{grid-template-columns:1fr}.sketch-card{min-height:190px}}@media (max-width:600px){.back-link{top:calc(12px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px))}.ferrofluid-page .panel{width:100%;padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;gap:8px;bottom:0;left:0;transform:none}body.immersive .ferrofluid-page .panel{transform:translateY(16px)}body.immersive.reveal .ferrofluid-page .panel{transform:none}.ferrofluid-page .panel button,.ferrofluid-page .upload-btn{padding:13px 12px}.ferrofluid-page .status{font-size:12px}.ferrofluid-page .track-row{flex-direction:column;align-items:flex-start;gap:4px}.ferrofluid-page .transport-buttons{grid-template-columns:repeat(5,minmax(0,1fr))}.ferrofluid-page .transport-buttons button{font-size:12px}.ferrofluid-page .physics-controls{grid-template-columns:1fr}}