:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#171713;background:#f4f0e6;font-synthesis:none;--paper: #f4f0e6;--panel: #fffdf7;--ink: #171713;--muted: #5d5a50;--signal: #c9ff38;--notice: #ffd23f;--danger: #b7261c;--cool: #86d8ff;--line: 3px solid var(--ink);--shadow: 6px 6px 0 var(--ink);--max: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper);font-size:16px;line-height:1.55}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E");mix-blend-mode:multiply;z-index:20}a{color:inherit;text-decoration-thickness:2px;text-underline-offset:4px}button,input,select{font:inherit;color:inherit}button,select{min-height:48px}button,a,input,select,summary,.file-button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:4px solid #0063a1;outline-offset:3px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3,.wordmark,.step-label,button{letter-spacing:-.02em}h1,h2,.wordmark{font-family:Arial Black,Arial Narrow,ui-sans-serif,sans-serif;font-weight:900;line-height:.97}h2{font-size:clamp(2.25rem,5vw,4.25rem);margin-bottom:24px}h3{font-size:1.25rem}.section-width{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:12px;transform:translateY(-180%);z-index:100;background:var(--signal);border:var(--line);padding:10px 16px;font-weight:800}.skip-link:focus{transform:translateY(0)}.site-header{min-height:80px;width:min(1280px,calc(100% - 48px));margin-inline:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;border-bottom:var(--line)}.wordmark{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:1.35rem;width:max-content}.logo-pulse{display:grid;place-items:center;width:42px;height:34px;overflow:hidden;background:var(--signal);border:2px solid var(--ink);font-family:Arial,sans-serif;font-size:.93rem;letter-spacing:-5px;padding-right:5px}.site-header nav{display:flex;gap:32px;font-weight:750}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-decoration:underline;text-decoration-thickness:3px}.unlock-link{background:var(--ink);color:var(--panel);padding:8px 13px}.network{justify-self:end;display:inline-flex;gap:8px;align-items:center;color:var(--muted);font-weight:700;font-size:.88rem;text-transform:uppercase;letter-spacing:.06em}.network i{width:12px;height:12px;border-radius:50%;background:var(--signal);border:2px solid var(--ink)}.network.offline i{background:var(--notice)}.hero{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:7%;padding-block:72px 88px}.eyebrow,.step-label{font-size:.82rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.live-square{display:inline-block;width:12px;height:12px;margin-right:8px;background:var(--signal);border:2px solid var(--ink);vertical-align:-1px}.hero h1{font-size:clamp(3.3rem,7vw,6.8rem);max-width:780px;margin-bottom:28px;letter-spacing:-.065em}.hero h1 span{color:var(--muted)}.lede{max-width:580px;font-size:1.15rem;line-height:1.55}.text-link{display:inline-block;margin-top:14px;font-weight:850}.hero-art{position:relative;margin:0;padding:0 0 20px}.hero-art img{width:100%;border:var(--line);box-shadow:10px 10px 0 var(--ink);aspect-ratio:3 / 2;object-fit:cover}.hero-art:before{content:"PRIVATE / LOCAL";position:absolute;z-index:2;right:-14px;top:-18px;padding:7px 11px;background:var(--signal);border:2px solid var(--ink);font-size:.73rem;font-weight:900;letter-spacing:.08em;transform:rotate(3deg)}.hero-art figcaption{display:flex;justify-content:space-between;margin-top:15px;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.workbench{background:var(--cool);border-block:var(--line);padding-block:88px}.setup-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(40px,8vw,104px);align-items:start}.section-intro{max-width:650px;font-size:1.08rem}label{display:block;font-weight:800;margin-bottom:7px}input[type=text],select{width:100%;border:var(--line);border-radius:0;background:var(--panel);padding:12px 14px}input::placeholder{color:#6a685e;opacity:1}select{appearance:none;background:var(--panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4 7 6 6 6-6' fill='none' stroke='%23171713' stroke-width='3'/%3E%3C/svg%3E") right 14px center / 18px no-repeat}.add-form{margin:34px 0 26px}.field-action{display:grid;grid-template-columns:1fr auto;gap:12px}.add-form small,.settings-panel small,.phrase-row small{display:block;color:#47453d;margin-top:6px}.square-button,.start-button,.buy-button,.stop-button{border:var(--line);background:var(--signal);box-shadow:var(--shadow);font-weight:900;cursor:pointer;transition:transform .16s,box-shadow .16s}.square-button{padding-inline:20px}.square-button:hover,.start-button:hover,.buy-button:hover,.stop-button:hover{transform:translate(2px,2px);box-shadow:4px 4px 0 var(--ink)}button:active,.buy-button:active{transform:translate(5px,5px);box-shadow:1px 1px 0 var(--ink)}button:disabled{opacity:.56;cursor:not-allowed;box-shadow:none;transform:none}.phrase-list{list-style:none;padding:0;margin:0;border-top:var(--line)}.phrase-row{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:14px;align-items:center;min-height:74px;border-bottom:2px solid var(--ink);padding:10px 0}.phrase-row strong{font-size:1.12rem}.pattern-select{width:auto;min-width:92px;font-size:.85rem;padding:8px 32px 8px 9px}.phrase-grip{color:var(--ink);background:var(--signal);border:2px solid var(--ink);width:20px;height:20px;display:grid;place-items:center;font-size:8px}.mini-button,.icon-button,.quiet-button,.file-button{border:2px solid var(--ink);background:var(--panel);font-weight:850;min-height:44px;padding:8px 13px;cursor:pointer;text-decoration:none}.mini-button:hover,.icon-button:hover,.quiet-button:hover,.file-button:hover{background:var(--signal)}.icon-button{font-size:1.5rem;width:44px;padding:0}.empty-state{border:var(--line);border-style:dashed;padding:25px;display:flex;align-items:center;gap:18px;background:#fffdf78c}.empty-state p{margin:0}.empty-mark{flex:0 0 48px;height:48px;display:grid;place-items:center;border:2px solid var(--ink);font-weight:900;font-size:1.8rem;background:var(--signal)}.capacity{display:flex;justify-content:space-between;margin-top:12px;color:#393831;font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.session-board{background:var(--panel);border:var(--line);padding:32px;box-shadow:9px 9px 0 var(--ink)}.session-board h2{font-size:clamp(2.2rem,4vw,3.5rem)}.privacy-note{display:grid;grid-template-columns:34px 1fr;gap:12px;border:2px solid var(--ink);background:var(--paper);margin:22px 0;padding:14px}.privacy-note svg{width:28px;fill:none;stroke:currentColor;stroke-width:2}.privacy-note p{margin:0;font-size:.88rem}.consent-check{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;font-weight:650;font-size:.92rem}.consent-check input{appearance:none;width:24px;height:24px;margin:2px 0 0;border:2px solid var(--ink);background:var(--panel)}.consent-check input:checked{background:var(--signal);box-shadow:inset 0 0 0 4px var(--panel)}.start-button{width:100%;display:grid;grid-template-columns:52px 1fr;gap:14px;text-align:left;align-items:center;padding:14px;margin:18px 0 16px}.start-button strong,.start-button small{display:block}.start-button strong{font-size:1.16rem}.start-button small{font-weight:650}.start-icon{height:48px;width:48px;background:var(--ink);color:var(--signal);display:grid;place-items:center}.support{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:800;color:#444238}.support>span{background:var(--notice);border:2px solid var(--ink);width:22px;height:22px;display:grid;place-items:center;color:var(--ink)}.support.good>span{background:var(--signal)}.error-box{margin-top:18px;border:3px solid var(--danger);padding:12px;background:#fff2ef;color:#7d1913}.how{padding-block:100px}.how>h2{max-width:780px}.how-list{list-style:none;padding:0;margin:52px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;counter-reset:steps}.how-list li{border-top:var(--line);padding-top:20px;display:grid;grid-template-columns:48px 1fr;gap:16px}.how-list li>span{width:44px;height:44px;background:var(--ink);color:var(--signal);display:grid;place-items:center;font-weight:900}.how-list h3{margin-bottom:8px}.how-list p{color:var(--muted)}.settings-zone{background:var(--ink);color:var(--panel);padding-block:86px}.settings-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:start}.settings-grid>div:first-child p:last-child{color:#d1cec3;max-width:440px}.settings-panel{background:var(--paper);color:var(--ink);border:3px solid var(--panel)}.toggle-row,.data-row{margin:0;min-height:82px;border-bottom:2px solid var(--ink);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.data-row{border-bottom:0}.toggle-row input{position:absolute;opacity:0;pointer-events:none}.toggle-row i{position:relative;flex:0 0 62px;height:34px;border:2px solid var(--ink);background:#aaa69b}.toggle-row i:after{content:"";position:absolute;width:24px;height:24px;left:3px;top:3px;background:var(--panel);border:2px solid var(--ink);transition:transform .16s}.toggle-row input:checked+i{background:var(--signal)}.toggle-row input:checked+i:after{transform:translate(28px)}.toggle-row input:focus-visible+i{outline:4px solid var(--cool);outline-offset:3px}.data-row>div{display:flex;gap:8px}.file-button{display:inline-flex;align-items:center;margin:0}.file-button input{position:absolute;width:1px;height:1px;opacity:0}.unlock{display:grid;grid-template-columns:120px 1fr 350px;gap:48px;align-items:start;padding-block:104px}.unlock-stamp{width:112px;height:112px;border:var(--line);border-radius:50%;background:var(--notice);display:grid;place-items:center;text-align:center;font-weight:950;line-height:1.05;transform:rotate(-8deg);box-shadow:5px 5px 0 var(--ink)}.unlock-copy h2{max-width:600px}.unlock-copy>p:not(.step-label),.unlock-copy li{max-width:620px}.unlock-copy ul{padding-left:22px}.price-card{background:var(--cool);border:var(--line);box-shadow:9px 9px 0 var(--ink);padding:25px}.price-card>p:first-child{display:grid;grid-template-columns:auto 1fr;align-items:end;margin-bottom:20px}.price-card>p span{font-weight:900;margin:0 5px 14px 0}.price-card>p strong{font-family:Arial Black,sans-serif;font-size:4.5rem;line-height:1}.price-card>p small{grid-column:1 / -1;color:#35342e}.buy-button{display:flex;min-height:55px;padding:13px;align-items:center;justify-content:space-between;text-decoration:none}.price-card details{margin-block:24px 16px}.price-card summary{font-weight:850;cursor:pointer;min-height:44px;display:flex;align-items:center}.price-card form{border-top:2px solid var(--ink);padding-top:14px}.price-card form button{margin-top:10px}.price-card>small{display:block;line-height:1.5}.unlocked-badge{padding:14px;border:var(--line);background:var(--signal);font-weight:900;margin-bottom:10px}.quiet-button{width:100%;background:transparent}.license-notice{font-size:.88rem;font-weight:750;border-left:4px solid var(--ink);padding-left:10px}.site-footer{border-top:var(--line);width:min(1280px,calc(100% - 48px));margin-inline:auto;min-height:190px;display:grid;grid-template-columns:1fr auto 1fr;gap:40px;align-items:center;font-size:.88rem}.site-footer p{margin:12px 0 0;color:var(--muted)}.site-footer nav{display:flex;gap:24px;font-weight:750}.made-note{justify-self:end;text-align:right}.toast{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;z-index:30;transform:translate(-50%,calc(100% + 50px));background:var(--ink);color:var(--panel);border:2px solid var(--panel);box-shadow:5px 5px 0 var(--signal);padding:12px 18px;font-weight:750;opacity:0;transition:transform .2s,opacity .2s;pointer-events:none;display:flex;gap:16px;align-items:center}.toast.show{transform:translate(-50%);opacity:1;pointer-events:auto}.toast button{min-height:38px;border:2px solid var(--panel);background:var(--signal);color:var(--ink);padding:4px 12px;font-weight:900;cursor:pointer}.listen-main{min-height:100vh;background:var(--ink);padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));color:var(--panel)}.live-session{min-height:calc(100vh - 36px);border:3px solid var(--panel);display:grid;grid-template-rows:auto 1fr auto auto auto;position:relative;overflow:hidden;transition:background .16s,color .16s}.live-session.cue-active{background:var(--signal);color:var(--ink)}.session-top{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:2px solid currentColor}.wordmark.compact{font-size:1.08rem}.wordmark.compact .logo-pulse{width:36px;height:28px;font-size:.72rem}.session-status{display:flex;align-items:center;gap:8px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;font-size:.74rem}.session-status i{display:block;width:12px;height:12px;background:var(--signal);border:2px solid currentColor}.cue-active .session-status i{background:var(--ink)}.cue-center{align-self:center;justify-self:center;text-align:center;width:min(780px,90%);padding:70px 20px 40px;position:relative}.cue-center h1{font-size:clamp(3.8rem,12vw,9rem);letter-spacing:-.06em;margin-bottom:18px}.cue-center>p:last-child{font-size:1.08rem;font-weight:700}.cue-rings{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:440px;height:220px;opacity:0;pointer-events:none}.cue-active .cue-rings{opacity:1}.cue-rings span{position:absolute;inset:50%;border:8px solid var(--ink);transform:translate(-50%,-50%)}.cue-rings span:nth-child(1){width:200px;height:130px}.cue-rings span:nth-child(2){width:310px;height:190px}.cue-rings span:nth-child(3){width:420px;height:250px}.cue-center>*:not(.cue-rings){position:relative;z-index:1}.caption-window{width:min(860px,calc(100% - 40px));justify-self:center;border:2px solid currentColor;background:#25251f;color:var(--panel);min-height:130px}.caption-heading{display:flex;justify-content:space-between;border-bottom:2px solid currentColor;padding:7px 12px;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:900}.caption-lines{padding:12px;max-height:150px;overflow:auto}.caption-lines p{margin:0 0 7px;font-size:1.12rem}.caption-lines p:last-child{margin:0}.caption-lines .matched{background:var(--signal);color:var(--ink);display:flex;justify-content:space-between;gap:16px;padding:3px 7px;font-weight:800}.caption-lines .matched strong{font-size:.7rem;letter-spacing:.1em;align-self:center}.caption-placeholder{color:#c9c6bb}.stop-button{width:min(860px,calc(100% - 40px));justify-self:center;margin-top:18px;padding:13px;background:#ff5549}.session-fineprint{text-align:center;font-size:.75rem;margin:11px;color:#cbc8bd}.cue-active .session-fineprint{color:var(--ink)}.session-error{width:min(860px,calc(100% - 40px));justify-self:center;color:#fff;background:#7d1913}.legal-shell{width:min(820px,calc(100% - 48px));margin:0 auto;padding:64px 0 100px}.back-link{display:inline-block;font-weight:800;margin-bottom:70px}.legal-shell h1{font-size:clamp(3.2rem,9vw,6.5rem);letter-spacing:-.06em;margin-bottom:70px}.legal-shell section{border-top:var(--line);padding-top:24px;margin-top:40px}.legal-shell section h2{font-family:inherit;font-size:1.45rem;letter-spacing:-.02em;margin-bottom:10px}.legal-shell section p{max-width:68ch;font-size:1.05rem}@media(max-width:860px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero,.setup-grid,.settings-grid,.unlock{grid-template-columns:1fr}.hero{padding-top:52px;gap:50px}.hero-copy{max-width:670px}.hero-art{width:min(680px,100%)}.workbench{padding-block:68px}.session-board{max-width:620px}.how-list{grid-template-columns:1fr;gap:20px}.settings-grid{gap:30px}.unlock{grid-template-columns:100px 1fr}.unlock .price-card{grid-column:2}.site-footer{grid-template-columns:1fr auto;padding-block:40px}.made-note{grid-column:1 / -1;justify-self:start;text-align:left}}@media(max-width:560px){.section-width,.site-header,.site-footer{width:min(100% - 32px,var(--max))}.site-header{min-height:68px}.network{font-size:0;gap:0}.hero{padding-block:42px 64px}.hero h1{font-size:clamp(3.1rem,16vw,4.8rem)}.hero-art:before{right:-5px}.workbench,.how,.settings-zone,.unlock{padding-block:64px}.field-action{grid-template-columns:1fr}.square-button{min-height:52px}.phrase-row{grid-template-columns:auto 1fr auto}.phrase-row .pattern-select,.phrase-row .mini-button{grid-column:2;width:max-content}.phrase-row .icon-button{grid-column:3;grid-row:1}.session-board{padding:24px 20px;box-shadow:6px 6px 0 var(--ink)}.how-list{margin-top:30px}.settings-panel{margin-inline:-2px}.toggle-row,.data-row{align-items:flex-start;padding-inline:14px}.data-row{flex-direction:column}.unlock{grid-template-columns:1fr;gap:28px}.unlock .price-card{grid-column:1}.unlock-stamp{width:92px;height:92px}.site-footer{grid-template-columns:1fr;gap:25px}.site-footer nav{flex-wrap:wrap}.made-note{grid-column:auto}.toast{width:calc(100% - 36px);text-align:center}.listen-main{padding:0}.live-session{min-height:100dvh;border:0}.session-top{padding:max(15px,env(safe-area-inset-top)) 16px 15px}.cue-center{padding-block:55px 30px}.cue-center h1{font-size:clamp(3.5rem,19vw,6rem)}.caption-window,.stop-button{width:calc(100% - 28px)}.caption-lines{min-height:100px}.legal-shell{width:calc(100% - 36px);padding-top:36px}.back-link{margin-bottom:52px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.toast.show{transform:translate(-50%)}}@media(forced-colors:active){.live-square,.network i,.support>span,.session-status i{forced-color-adjust:none}}
