@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(./dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(./dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./dm-sans-latin-600-normal-Aqo67rzb.woff2)format("woff2"),url(./dm-sans-latin-600-normal-BmdmIIQ2.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./dm-sans-latin-700-normal-DvUfVpUG.woff2)format("woff2"),url(./dm-sans-latin-700-normal-CUSSCpQX.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:800;src:url(./dm-sans-latin-800-normal-C2H8778U.woff2)format("woff2"),url(./dm-sans-latin-800-normal-BwbkPQqB.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(./space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2"),url(./space-grotesk-latin-500-normal-CNSSEhBt.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(./space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2"),url(./space-grotesk-latin-700-normal-CwsQ-cCU.woff)format("woff")}:root{color:#f8f4e9;font-synthesis:none;background:#171510;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.app-shell{--bg:#171510;--surface:#24211b;--surface-2:#2e2a22;--ink:#faf4e7;--muted:#b2aa99;--line:#494339;--accent:#ff6a14;--accent-ink:#171510;--tile-ink:#201b15;background:var(--bg);min-height:100vh;color:var(--ink);position:relative;overflow:hidden}.app-shell[data-theme=arcade]{--bg:#171044;--surface:#271b62;--surface-2:#352679;--ink:#fff7e7;--muted:#bbb1dc;--line:#564b83;--accent:#fbdf3f;--accent-ink:#201343}.app-shell[data-theme=studio]{--bg:#edeae2;--surface:#fffdf8;--surface-2:#e5e1d7;--ink:#1b2427;--muted:#6c7374;--line:#ccc8be;--accent:#1c8c83;--accent-ink:#fff}.app-shell[data-theme=midnight]{--bg:#09181a;--surface:#10272a;--surface-2:#19383a;--ink:#f0faed;--muted:#a6c7bd;--line:#315b58;--accent:#a1edc0;--accent-ink:#0d2c23}.app-shell[data-theme=custom]{--bg:var(--custom-background);--surface:color-mix(in srgb,var(--custom-background) 82%,white);--surface-2:color-mix(in srgb,var(--custom-background) 70%,white);--ink:#fff;--muted:#e1dbd3;--line:color-mix(in srgb,var(--custom-background) 70%,white);--accent:var(--custom-accent);--accent-ink:#111}.grain{pointer-events:none;z-index:0;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:absolute;inset:0}.topbar,.demo-main,.board-main,.admin-main,.footer{z-index:1;position:relative}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:92px;padding:0 clamp(24px,5vw,92px);display:flex}.brand{color:var(--ink);background:0 0;border:0;align-items:center;gap:13px;padding:0;display:inline-flex}.brand-mark{background:var(--accent);width:38px;height:38px;color:var(--accent-ink);border-radius:12px 12px 12px 3px;place-items:center;font-family:Space Grotesk,sans-serif;font-size:25px;font-weight:700;display:grid;transform:rotate(-8deg)}.brand-mark span{transform:rotate(8deg)}.brand-word{letter-spacing:-.09em;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700}.brand-word span{letter-spacing:.11em;margin-left:8px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:800}.topbar-right{align-items:center;gap:14px;display:flex}.demo-badge,.count-chip{letter-spacing:.13em;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800}.demo-badge{border-color:var(--accent);color:var(--accent)}.connected-dot{background:#9be4b9;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #9be4b92c}.workspace-name{color:var(--muted);font-size:13px}.top-link{color:var(--ink);background:0 0;border:0;margin-left:14px;font-size:13px;font-weight:700}.top-link:hover{text-decoration:underline}.demo-main,.board-main,.admin-main{max-width:1600px;margin:auto;padding:0 clamp(24px,5vw,92px)}.demo-main{grid-template-columns:1fr 1fr;gap:0;display:grid}.demo-intro{z-index:1;min-height:630px;padding:104px 0 78px;position:relative}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;font-size:11px;font-weight:800;display:flex}.eyebrow-line{background:var(--accent);width:28px;height:2px;display:inline-block}.demo-intro h1,.board-heading h1,.admin-hero h1,.connect-copy h2{letter-spacing:-.09em;font-family:Space Grotesk,sans-serif;font-weight:700;line-height:.93}.demo-intro h1{margin:28px 0 32px;font-size:clamp(80px,9.5vw,150px)}.demo-intro h1 em,.connect-copy h2 em,.admin-hero h1 em{color:var(--accent);font-style:normal}.demo-intro p{max-width:440px;color:var(--muted);font-size:18px;line-height:1.6}.demo-actions{flex-wrap:wrap;align-items:center;gap:13px;margin-top:32px;display:flex}.button-primary,.button-ghost,.small-action{border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:26px;font-weight:800;transition:transform .15s,filter .15s;display:inline-flex}.button-primary{background:var(--accent);color:var(--accent-ink);min-height:52px;padding:16px 20px}.button-primary:hover,.small-action:hover{filter:brightness(1.08);transform:translateY(-2px)}.button-ghost{color:var(--ink);border:1px solid var(--line);padding:15px}.button-ghost:hover{border-color:var(--accent)}.full{width:100%}.hero-art{place-items:center;min-height:630px;display:grid;position:relative}.hero-art:before{content:"";aspect-ratio:1;border:1px solid var(--line);border-radius:50%;width:88%;position:absolute;transform:scale(1.2)}.hero-disc{aspect-ratio:1;background:var(--accent);border-radius:50%;place-items:center;width:min(43vw,510px);display:grid;position:relative;transform:rotate(-12deg);box-shadow:25px 27px #0005,inset -18px -22px #0002}.hero-disc:after{content:"";border:2px dashed #1b171180;border-radius:50%;position:absolute;inset:13%}.disc-ring{border:3px solid #1b17114d;border-radius:50%;position:absolute}.ring-one{inset:22%}.ring-two{inset:31%}.disc-center{z-index:1;aspect-ratio:1;color:#ffbc55;background:#171510;border-radius:50%;place-items:center;width:28%;font-family:Space Grotesk,sans-serif;font-size:clamp(55px,8vw,110px);font-weight:700;display:grid;position:relative;box-shadow:0 0 0 16px #fbb442}.hero-sticker{z-index:2;font-weight:800;position:absolute}.sticker-one{text-align:center;color:#171510;background:#a8eda9;border-radius:50%;place-items:center;width:112px;height:112px;font-size:19px;line-height:1.1;display:grid;top:17%;left:0;transform:rotate(15deg)}.sticker-two{color:#171510;background:#f6d75e;border-radius:20px;place-items:center;width:80px;height:80px;font-size:51px;display:grid;bottom:9%;right:4%;transform:rotate(-13deg)}.demo-section,.connect-section{grid-column:1/-1}.demo-section{padding:45px 0 125px}.section-title-row{justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px;display:flex}.section-title-row h2,.panel-head h2{letter-spacing:-.055em;font-family:Space Grotesk,sans-serif}.section-title-row h2{margin:14px 0 0;font-size:clamp(38px,5vw,60px)}.section-note{color:var(--muted);padding-bottom:8px;font-size:12px}.sound-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.sound-tile{min-height:225px;color:var(--tile-ink);text-align:left;background:#f2aa55;border:0;border-radius:18px;flex-direction:column;align-items:stretch;padding:20px 22px;transition:transform .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.sound-tile:hover{transform:translateY(-5px)rotate(-1deg);box-shadow:9px 11px #0005}.sound-tile:active{transform:scale(.97)}.color-0{background:#fbb648}.color-1{background:#c5d7c1}.color-2{background:#f7d87a}.color-3{background:#e99b84}.color-4{background:#c1b3e4}.color-5{background:#a5d1d3}.color-6{background:#e6c3af}.color-7{background:#b5dc8c}.tile-top,.tile-foot{justify-content:space-between;gap:8px;display:flex}.tile-top{letter-spacing:.08em;font-size:11px;font-weight:800}.tile-arrow{font-size:23px;line-height:12px}.tile-symbol{flex:1;align-items:center;font-family:Space Grotesk,sans-serif;font-size:63px;font-weight:700;line-height:1.2;display:flex}.tile-name{letter-spacing:-.05em;overflow-wrap:anywhere;max-width:100%;font-family:Space Grotesk,sans-serif;font-size:23px;font-weight:700;line-height:1.05}.tile-foot{letter-spacing:.08em;opacity:.7;text-transform:uppercase;margin-top:18px;font-size:10px;font-weight:800}.connect-section{border-top:1px solid var(--line);grid-template-columns:1fr minmax(330px,460px);align-items:center;gap:80px;padding:70px 0 130px;display:grid}.connect-copy h2{margin:25px 0;font-size:clamp(55px,6vw,90px)}.connect-copy p{color:var(--muted);max-width:450px;line-height:1.6}.feature-pills{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.feature-pills span{border:1px solid var(--line);border-radius:999px;padding:10px 13px;font-size:12px}.connect-card,.admin-panel,.extra-card{background:var(--surface);border:1px solid var(--line);border-radius:22px}.connect-card{padding:30px;box-shadow:18px 18px #0003}.card-kicker{letter-spacing:.13em;color:var(--accent);font-size:11px;font-weight:800}.card-illustration{height:130px;color:var(--accent);justify-content:space-between;align-items:center;font-size:92px;font-weight:700;display:flex}.card-illustration span{color:#f5c94a;font-size:64px}.connect-card label,.field-label{margin-bottom:10px;font-size:13px;font-weight:700;display:block}.connect-card input,.field-label input:not([type=range]):not([type=color]):not([type=file]),.field-label select,.pin-row input,.pin-modal input,.search-row input,.extra-card textarea{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:10px;outline:none;width:100%;padding:13px 14px}.connect-card input:focus,.field-label input:focus,.pin-row input:focus,.pin-modal input:focus,.search-row input:focus,.extra-card textarea:focus{border-color:var(--accent)}.connect-card input{margin-bottom:12px}.connect-card small{color:var(--muted);margin-top:14px;line-height:1.5;display:block}.board-main{min-height:calc(100vh - 180px);padding-top:80px;padding-bottom:100px}.board-heading{text-align:center;margin-bottom:45px}.board-heading .eyebrow{justify-content:center}.board-heading h1{max-width:1000px;margin:20px auto 12px;font-size:clamp(48px,8vw,100px)}.board-heading p{color:var(--muted);font-size:18px}.board-logo{object-fit:contain;max-width:190px;max-height:105px;margin-top:30px}.board-target{border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;margin-top:12px;padding:10px 16px;font-size:12px;display:inline-flex}.board-target span{padding:0 11px}.board-grid .sound-tile{min-height:250px}.board-empty{text-align:center;border:1px dashed var(--line);border-radius:22px;padding:90px 20px}.board-empty span{color:var(--accent);font-size:60px}.board-empty h2{margin:10px 0;font-family:Space Grotesk,sans-serif;font-size:34px}.board-empty p{color:var(--muted)}.board-empty .button-primary{margin:auto}.extras{margin-top:70px}.extras-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-top:20px;display:grid}.extra-card{padding:25px}.extra-icon{color:var(--accent);font-family:Space Grotesk,sans-serif;font-size:33px;font-weight:700}.extra-card h3{letter-spacing:-.04em;margin:16px 0 7px;font-size:23px}.extra-card p{color:var(--muted);min-height:54px;font-size:14px;line-height:1.5}.extra-card textarea{resize:vertical;min-height:86px;margin-bottom:10px}.small-action{background:var(--accent);color:var(--accent-ink);min-height:42px;padding:10px 14px;font-size:13px}.corner-unlock{color:var(--muted);opacity:.5;background:0 0;border:0;width:48px;height:48px;font-size:16px;position:absolute;bottom:20px;right:30px}.admin-main{min-height:calc(100vh - 180px);padding-top:65px;padding-bottom:110px}.admin-hero{justify-content:space-between;align-items:end;gap:20px;display:flex}.admin-hero h1{margin:18px 0 12px;font-size:clamp(52px,6vw,86px)}.admin-hero p{color:var(--muted)}.admin-hero-actions{align-items:center;gap:16px;padding-bottom:15px;display:flex}.admin-tabs{border-bottom:1px solid var(--line);gap:5px;margin-top:50px;margin-bottom:28px;display:flex;overflow:auto}.admin-tabs button{white-space:nowrap;color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;padding:16px 22px;font-size:13px;font-weight:800}.admin-tabs button.selected{border-bottom-color:var(--accent);color:var(--ink)}.admin-columns{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);align-items:start;gap:17px;display:grid}.admin-panel{min-width:0;padding:26px}.panel-head{justify-content:space-between;align-items:start;gap:10px;display:flex}.panel-head h2{margin:0 0 5px;font-size:29px}.panel-head p,.muted{color:var(--muted);font-size:13px;line-height:1.5}.search-row{gap:9px;margin:24px 0 13px;display:flex}.search-row input{flex:1}.filter-all,.tag-list button{color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:9px 13px;font-size:12px;font-weight:700}.filter-all.active,.tag-list button.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.tag-list{flex-wrap:wrap;gap:6px;margin-bottom:15px;display:flex}.tag-list button{padding:7px 10px}.library-list{max-height:650px;overflow:auto}.library-row,.selected-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.preview-button{border:1px solid var(--line);background:var(--surface-2);width:39px;height:39px;color:var(--accent);border-radius:10px;flex:none}.library-name,.selected-name{flex:1;min-width:0}.library-name strong,.selected-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.library-name small,.selected-name small{color:var(--muted);text-transform:capitalize;margin-top:3px;font-size:11px;display:block}.add-button{border:1px solid var(--line);color:var(--ink);white-space:nowrap;background:0 0;border-radius:8px;padding:9px 11px;font-size:11px;font-weight:800}.add-button.added{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.selected-number{color:var(--accent);font-size:11px;font-weight:800}.order-actions{gap:3px;display:flex}.order-actions button{border:1px solid var(--line);width:27px;height:29px;color:var(--ink);background:0 0;border-radius:6px}.empty-note{color:var(--muted);padding:25px 0}.clips-section{margin-top:35px}.clips-section h3,.subheading{margin:0 0 10px;font-size:16px}.settings-grid{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.setting-toggle{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:15px 0;display:flex}.setting-toggle strong{font-size:15px}.setting-toggle small{color:var(--muted);margin-top:4px;line-height:1.4;display:block}.setting-toggle input{accent-color:var(--accent);flex:none;width:21px;height:21px}.subheading{margin-top:35px}.category-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;display:grid}.category-check{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;align-items:center;gap:6px;padding:13px 10px;font-size:12px;font-weight:700;display:flex}.category-check input{accent-color:var(--accent)}.field-label{margin:22px 0 8px}.field-label input:not([type=range]),.field-label select{margin-top:9px;display:block}.field-label input[type=range]{width:100%;accent-color:var(--accent);margin-top:15px}.field-label strong{float:right;color:var(--accent)}.field-label input[type=color]{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;width:85px;height:46px;margin-top:9px;padding:4px;display:block}.field-label input[type=file]{max-width:100%;margin-top:10px;display:block}.divider{border-top:1px solid var(--line);margin:30px 0}.pin-row{gap:8px;display:flex}.pin-row input{max-width:200px}.text-danger{color:#ed9e89;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.theme-grid{grid-template-columns:repeat(2,1fr);gap:11px;margin-top:20px;display:grid}.theme-card{background:var(--surface-2);text-align:left;color:var(--ink);border:2px solid #0000;border-radius:14px;padding:10px}.theme-card.chosen{border-color:var(--accent)}.theme-card strong{padding:9px 3px 3px;font-size:14px;display:block}.theme-card>span:last-child{color:var(--muted);padding:0 3px 6px;font-size:11px;display:block}.theme-preview{background:#f8b447;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:83px;display:flex}.theme-preview i{background:#e7d7ad;border-radius:7px;width:22%;height:55%}.theme-preview i:nth-child(2){background:#e18e72}.theme-preview i:nth-child(3){background:#a5c9c1}.theme-arcade .theme-preview{background:#251568}.theme-arcade .theme-preview i{background:#fcdd48}.theme-arcade .theme-preview i:nth-child(2){background:#ff70b4}.theme-studio .theme-preview{background:#e9e7df}.theme-studio .theme-preview i{background:#b9d3c9}.theme-studio .theme-preview i:nth-child(2){background:#d0c7b1}.theme-midnight .theme-preview{background:#092629}.theme-midnight .theme-preview i{background:#a1edc0}.theme-midnight .theme-preview i:nth-child(2){background:#458e80}.theme-custom .theme-preview{background:var(--custom-background)}.theme-custom .theme-preview i{background:var(--custom-accent)}.color-fields{gap:30px;margin-top:22px;display:flex}.color-fields label{font-size:12px;font-weight:700}.color-fields input{width:70px;height:45px;margin-top:7px;display:block}.logo-preview{align-items:center;gap:18px;display:flex}.logo-preview img{object-fit:contain;max-width:100px;max-height:60px}.export-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.import-button{cursor:pointer;font-size:13px;font-weight:700;text-decoration:underline}.import-button input{display:none}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:10px;padding:28px clamp(24px,5vw,92px);font-size:12px;display:flex}.footer-spark{color:var(--accent);margin:0 4px}.modal-backdrop{z-index:20;background:#000b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.pin-modal{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:20px;width:min(100%,420px);padding:35px;position:relative;box-shadow:0 25px 80px #0008}.modal-close{color:var(--ink);background:0 0;border:0;font-size:26px;position:absolute;top:10px;right:16px}.pin-symbol{color:var(--accent);font-size:43px}.pin-modal h2{margin:10px 0;font-family:Space Grotesk,sans-serif;font-size:31px}.pin-modal p{color:var(--muted);font-size:14px}.pin-modal input{text-align:center;letter-spacing:.3em;margin:12px 0;font-size:25px}.toast{z-index:30;background:var(--ink);color:var(--bg);border-radius:10px;max-width:calc(100vw - 30px);padding:14px 20px;font-size:13px;font-weight:700;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0005}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (width<=1050px){.demo-intro,.hero-art{min-height:530px}.hero-disc{width:min(42vw,400px)}.sound-grid{grid-template-columns:repeat(3,1fr)}.admin-columns{grid-template-columns:1fr}.selection-panel{order:-1}.settings-grid{grid-template-columns:1fr}}@media (width<=720px){.topbar{height:70px}.top-link,.workspace-name{font-size:11px}.brand-word{font-size:20px}.demo-main{display:block}.demo-intro{min-height:auto;padding:75px 0 25px}.demo-intro h1{font-size:clamp(72px,17vw,115px)}.demo-intro p{font-size:16px}.hero-art{min-height:370px}.hero-disc{width:min(68vw,330px)}.sticker-one{width:75px;height:75px;font-size:13px;left:3%}.sticker-two{width:55px;height:55px;font-size:37px;right:5%}.demo-section{padding:50px 0 85px}.sound-grid{grid-template-columns:repeat(2,1fr);gap:10px}.sound-tile,.board-grid .sound-tile{min-height:190px;padding:14px}.tile-symbol{font-size:50px}.tile-name{font-size:19px}.tile-foot{font-size:9px;line-height:1.3}.connect-section{padding:60px 0 90px;display:block}.connect-card{margin-top:35px}.section-note{display:none}.board-main{padding-top:55px}.board-heading h1{font-size:clamp(46px,10vw,75px)}.admin-hero{display:block}.admin-hero-actions{padding:10px 0 0}.admin-tabs{margin-top:35px}.admin-tabs button{padding:14px 12px;font-size:11px}.settings-grid{gap:15px}.category-grid{grid-template-columns:repeat(2,1fr)}.footer{display:block}.footer>span{margin-bottom:6px;display:block}}@media (width<=390px){.sound-grid{grid-template-columns:1fr 1fr}.tile-name{font-size:17px}.admin-panel{padding:18px}.category-grid{grid-template-columns:1fr 1fr}}.target-list{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.target-check{background:var(--surface-2);border:1px solid var(--line);border-radius:9px;align-items:center;gap:10px;padding:11px 13px;font-size:13px;display:flex}.target-check input{accent-color:var(--accent)}.target-check small,.field-label>small{color:var(--muted);margin-top:3px;font-size:11px;font-weight:400;display:block}.brand-mark{object-fit:contain;display:block}.hero-key-form{background:var(--surface);border:1px solid var(--line);border-radius:15px;max-width:470px;margin:29px 0 0;padding:16px 18px;box-shadow:8px 8px #0002}.hero-key-form label{margin-bottom:10px;font-size:13px;font-weight:800;display:block}.hero-key-row{gap:9px;display:flex}.hero-key-row input{background:var(--bg);min-width:0;color:var(--ink);border:1px solid var(--line);border-radius:9px;outline:none;flex:1;padding:11px 13px}.hero-key-row input:focus{border-color:var(--accent)}.hero-key-row .button-primary{border-radius:9px;gap:11px;min-height:45px;padding:11px 14px}.hero-key-form small{color:var(--muted);margin-top:8px;font-size:11px;display:block}.hero-disc{animation:18s linear infinite record-spin}.disc-center img{object-fit:contain;width:77%;height:77%}@keyframes record-spin{0%{transform:rotate(-12deg)}to{transform:rotate(348deg)}}@media (width<=720px){.hero-key-form{margin-top:24px}.hero-key-row .button-primary{gap:6px}}@media (prefers-reduced-motion:reduce){.hero-disc{animation:none}}.hero-key-form small a{color:var(--accent);text-underline-offset:2px;font-weight:800;text-decoration:underline}.setup-section{border-top:1px solid var(--line);grid-column:1/-1;padding:75px 0 130px}.setup-section h2{letter-spacing:-.09em;margin:23px 0 35px;font-family:Space Grotesk,sans-serif;font-size:clamp(52px,6vw,88px);font-weight:700;line-height:.95}.setup-section h2 em{color:var(--accent);font-style:normal}.setup-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.setup-step{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;min-height:330px;padding:30px;display:flex}.step-number{letter-spacing:-.08em;color:var(--accent);font-family:Space Grotesk,sans-serif;font-size:47px;font-weight:700;line-height:1}.setup-step h3{letter-spacing:-.055em;margin:20px 0 10px;font-family:Space Grotesk,sans-serif;font-size:29px}.setup-step p{color:var(--muted);margin-bottom:22px;font-size:14px;line-height:1.6}.setup-step strong{color:var(--ink)}.setup-step a,.step-finish{color:var(--accent);margin-top:auto;font-size:13px;font-weight:800}.setup-step a{text-underline-offset:3px;text-decoration:underline}.sound-tile.previewing{box-shadow:0 0 0 4px var(--accent),9px 11px 0 #0005}.sound-tile.previewing .tile-symbol{animation:.55s ease-in-out infinite alternate tile-pulse}.sound-tile.previewing .tile-foot span{font-weight:900}.tile-progress{background:var(--tile-ink);height:7px;transition:width .2s linear;position:absolute;bottom:0;left:0}.preview-button.previewing{background:var(--accent);color:var(--accent-ink)}@keyframes tile-pulse{0%{transform:scale(1)}to{transform:scale(1.13)}}@media (width<=900px){.setup-grid{grid-template-columns:1fr}.setup-step{min-height:0}}@media (width<=720px){.setup-section{padding:60px 0 90px}.setup-step{padding:24px}.setup-section h2{font-size:clamp(54px,13vw,76px)}}@media (prefers-reduced-motion:reduce){.sound-tile.previewing .tile-symbol{animation:none}.tile-progress{transition:none}}.app-shell[data-theme=sunset]{--bg:#27152f;--surface:#39213d;--surface-2:#4a2b4a;--ink:#fff0df;--muted:#e2bac2;--line:#67445d;--accent:#ff9565;--accent-ink:#31162c;--tile-ink:#2a1833}.app-shell[data-theme=ocean]{--bg:#071e2f;--surface:#103347;--surface-2:#17445a;--ink:#ebfaff;--muted:#a9cfdb;--line:#326077;--accent:#54d4de;--accent-ink:#062530;--tile-ink:#092638}.app-shell[data-theme=garden]{--bg:#17271e;--surface:#23392a;--surface-2:#314833;--ink:#f4f1dc;--muted:#b8c8a9;--line:#526a4a;--accent:#c4e979;--accent-ink:#203018;--tile-ink:#25311e}.app-shell[data-theme=candy]{--bg:#fff0f4;--surface:#fffafe;--surface-2:#ffe0ec;--ink:#382440;--muted:#795f7c;--line:#e7c3d6;--accent:#e6438f;--accent-ink:#fff;--tile-ink:#382440}.app-shell[data-theme=mono]{--bg:#111;--surface:#1d1d1d;--surface-2:#292929;--ink:#fafafa;--muted:#bcbcbc;--line:#555;--accent:#f4f4f4;--accent-ink:#111;--tile-ink:#111}.app-shell[data-theme=sunset] .sound-tile:nth-child(4n+1){background:#ffba83}.app-shell[data-theme=sunset] .sound-tile:nth-child(4n+2){background:#f18da4}.app-shell[data-theme=sunset] .sound-tile:nth-child(4n+3){background:#c59bd3}.app-shell[data-theme=sunset] .sound-tile:nth-child(4n){background:#f6d18b}.app-shell[data-theme=ocean] .sound-tile:nth-child(4n+1){background:#8fe3e4}.app-shell[data-theme=ocean] .sound-tile:nth-child(4n+2){background:#a7cfe9}.app-shell[data-theme=ocean] .sound-tile:nth-child(4n+3){background:#8fc9bd}.app-shell[data-theme=ocean] .sound-tile:nth-child(4n){background:#bddfeb}.app-shell[data-theme=garden] .sound-tile:nth-child(4n+1){background:#cde897}.app-shell[data-theme=garden] .sound-tile:nth-child(4n+2){background:#b9d4a8}.app-shell[data-theme=garden] .sound-tile:nth-child(4n+3){background:#e6d5a2}.app-shell[data-theme=garden] .sound-tile:nth-child(4n){background:#a6cbb0}.app-shell[data-theme=candy] .sound-tile:nth-child(4n+1){background:#ffb7d7}.app-shell[data-theme=candy] .sound-tile:nth-child(4n+2){background:#d7bef8}.app-shell[data-theme=candy] .sound-tile:nth-child(4n+3){background:#b8e7e5}.app-shell[data-theme=candy] .sound-tile:nth-child(4n){background:#ffe69b}.app-shell[data-theme=mono] .sound-tile:nth-child(4n+1){background:#fff}.app-shell[data-theme=mono] .sound-tile:nth-child(4n+2){background:#d8d8d8}.app-shell[data-theme=mono] .sound-tile:nth-child(4n+3){background:#aaa}.app-shell[data-theme=mono] .sound-tile:nth-child(4n){background:#eee}.app-shell[data-theme=mono] .sound-tile{border-radius:2px}.app-shell[data-theme=mono] .admin-panel,.app-shell[data-theme=mono] .theme-card{border-radius:4px}.theme-sunset .theme-preview{background:#3b2145}.theme-sunset .theme-preview i{background:#ffba83}.theme-sunset .theme-preview i:nth-child(2){background:#f18da4}.theme-sunset .theme-preview i:nth-child(3){background:#c59bd3}.theme-ocean .theme-preview{background:#0b2c42}.theme-ocean .theme-preview i{background:#8fe3e4}.theme-ocean .theme-preview i:nth-child(2){background:#a7cfe9}.theme-ocean .theme-preview i:nth-child(3){background:#8fc9bd}.theme-garden .theme-preview{background:#203727}.theme-garden .theme-preview i{background:#cde897}.theme-garden .theme-preview i:nth-child(2){background:#e6d5a2}.theme-garden .theme-preview i:nth-child(3){background:#a6cbb0}.theme-candy .theme-preview{background:#ffe7f2}.theme-candy .theme-preview i{background:#ffb7d7}.theme-candy .theme-preview i:nth-child(2){background:#d7bef8}.theme-candy .theme-preview i:nth-child(3){background:#b8e7e5}.theme-mono .theme-preview{background:#151515}.theme-mono .theme-preview i{background:#fff}.theme-mono .theme-preview i:nth-child(2){background:#aaa}.theme-mono .theme-preview i:nth-child(3){background:#ddd}.restore-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;max-width:470px;margin:12px 0 24px;padding:14px 18px}.restore-card strong{font-size:13px}.restore-card p{margin:4px 0 10px;font-size:12px;line-height:1.4}.restore-card input{background:var(--bg);width:100%;color:var(--ink);border:1px solid var(--line);border-radius:8px;margin-bottom:10px;padding:10px 12px}.restore-card .import-button{color:var(--accent);display:inline-block}.backup-password-label input{max-width:430px}.restore-trigger{color:var(--accent);text-underline-offset:3px;background:0 0;border:0;margin:10px 0 0;padding:0;font-size:12px;font-weight:800;text-decoration:underline;display:inline-block}.restore-card{margin-top:10px}