:root{color-scheme:light;--paper: #f4ebd7;--panel: #fff9ea;--ink: #242820;--muted: #5c6258;--walnut: #30352f;--cream: #fff9ea;--signal: #c83f2d;--signal-dark: #8f281c;--mint: #2c7058;--mint-light: #77a890;--ochre: #a66a17;--danger: #a72e2a;--focus: #176f8a;--shadow: 4px 4px 0 var(--ink);font-family:Atkinson Hyperlegible,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;background:var(--paper);color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}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:.22;z-index:10;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E");mix-blend-mode:multiply}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:.22em}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,Times New Roman,serif;line-height:1.04;letter-spacing:-.025em}h1{margin-bottom:1.5rem;font-size:clamp(2.75rem,7vw,4.8rem);max-width:12ch}h2{margin-bottom:.75rem;font-size:clamp(2rem,4vw,3.1rem)}h3{margin-bottom:.5rem;font-size:1.4rem}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}[hidden]{display:none!important}.skip-link{position:fixed;left:1rem;top:1rem;z-index:100;padding:.75rem 1rem;background:var(--cream);border:3px solid var(--ink);transform:translateY(-160%);transition:transform .18s;font-weight:800}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:relative;z-index:5;max-width:1440px;margin:0 auto;padding:1.15rem clamp(1rem,4vw,4rem);display:flex;align-items:center;gap:2rem;border-bottom:2px solid rgba(36,40,32,.28)}.brand{display:flex;align-items:center;gap:.65rem;font-family:Georgia,serif;font-size:1.3rem;font-weight:700;text-decoration:none}.brand svg{width:42px;fill:none;stroke:currentColor;stroke-width:3}.site-header nav{display:flex;gap:1.5rem;margin-left:auto;font-weight:700}.network-badge{padding:.25rem .6rem;border:2px solid var(--ink);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:900;background:var(--panel)}.network-badge.offline{background:var(--ochre);color:var(--cream)}main{overflow:clip}.hero{max-width:1440px;margin:0 auto;padding:clamp(3rem,8vw,7.5rem) clamp(1rem,4vw,4rem) clamp(4rem,8vw,7rem);display:grid;grid-template-columns:minmax(0,.88fr) minmax(360px,1.12fr);align-items:center;gap:clamp(2.5rem,6vw,6rem)}.eyebrow,.instrument-label{display:block;margin-bottom:.75rem;font-size:.74rem;line-height:1.2;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.hero-lede{max-width:36rem;margin-bottom:2rem;font-size:clamp(1.08rem,2vw,1.28rem);line-height:1.6;color:#454b43}.hero-visual{position:relative;margin:0;padding:.75rem;background:var(--panel);border:3px solid var(--ink);box-shadow:9px 9px 0 var(--ink);transform:rotate(1.3deg)}.hero-visual:before{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--ink);border-radius:50%;background:var(--ochre);top:-11px;left:50%}.hero-visual img{width:100%;aspect-ratio:3 / 2;object-fit:cover;filter:saturate(.8) contrast(1.05)}.hero-visual figcaption{padding:.55rem .25rem 0;font-family:Georgia,serif;font-style:italic;text-align:right}.button{min-height:44px;border:2px solid var(--ink);padding:.72rem 1.15rem;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;background:var(--panel);color:var(--ink);box-shadow:3px 3px 0 var(--ink);text-decoration:none;font-weight:850;line-height:1.1;cursor:pointer;transition:transform .16s,box-shadow .16s,background .16s}.button:hover:not(:disabled){background:#efe2c5}.button:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.button.primary{background:var(--ink);color:var(--cream)}.button.primary:hover{background:#41473e}.button.secondary{background:var(--panel)}.button.compact{min-height:44px;padding:.58rem .8rem;font-size:.88rem}.hero-cta{padding-inline:1.4rem}.workbench,.review-section,.takes-section{padding:clamp(4rem,8vw,7rem) clamp(1rem,5vw,6rem)}.workbench{background-color:#d4c8ad;background-image:linear-gradient(rgba(48,53,47,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(48,53,47,.08) 1px,transparent 1px);background-size:24px 24px;border-block:3px solid var(--ink)}.section-heading{max-width:50rem;margin:0 auto 2.5rem}.section-heading>p:last-child{max-width:43rem;color:#454b43;font-size:1.08rem}.section-heading.split{max-width:1200px;display:flex;justify-content:space-between;gap:2rem;align-items:end}.console{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:var(--walnut)}.recorder-panel{min-width:0;padding:clamp(1rem,4vw,2.5rem);color:var(--cream)}.settings-panel{padding:clamp(1.25rem,4vw,2.5rem);background:var(--panel);border-left:3px solid var(--ink)}.status-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem}.status-row strong{display:block;font-family:Georgia,serif;font-size:1.7rem}.status-row .instrument-label{color:#c9cdbf;margin-bottom:.15rem}.status-row time{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.07em}.record-lamp{width:28px;height:28px;border-radius:50%;background:#777b71;border:3px solid #171a16;box-shadow:inset 0 0 0 4px #ffffff26}.record-lamp.active{background:#ef4934;box-shadow:0 0 0 5px #ef493433,inset 0 0 0 4px #fff3;animation:breathe 1.8s ease-in-out infinite}@keyframes breathe{50%{transform:scale(.86);opacity:.72}}.meter{position:relative;height:118px;max-width:360px;margin:1.8rem auto .5rem;overflow:hidden}.meter-arc{position:absolute;width:300px;height:150px;left:50%;top:24px;transform:translate(-50%);border:12px solid var(--cream);border-bottom:0;border-radius:300px 300px 0 0;opacity:.9;background:repeating-conic-gradient(from 270deg at 50% 100%,transparent 0 5deg,rgba(255,249,234,.55) 5deg 6deg)}.meter-needle{position:absolute;width:4px;height:103px;bottom:-7px;left:calc(50% - 2px);background:var(--signal);transform-origin:50% 100%;transform:rotate(-58deg);transition:transform 90ms linear}.meter-low,.meter-high{position:absolute;bottom:0;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}.meter-low{left:0}.meter-high{right:0}.timeline{min-height:132px;padding:.75rem;border:2px solid #121410;background:#e8dcc1;color:var(--ink);display:flex;align-items:stretch;overflow:hidden}.empty-tape{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#4c5249}.empty-tape>span{font-size:2rem;color:var(--ochre)}.empty-tape small{display:block}.wave-bar{flex:1 1 3px;min-width:2px;align-self:center;height:calc(var(--level) * 100%);max-height:100%;min-height:3px;background:var(--mint)}.wave-bar.quiet{background:var(--ochre);opacity:.65}.transport{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.button.record{background:var(--signal);color:#fff;border-color:#181b17}.button.record:hover:not(:disabled){background:#de4a36}.record-dot{width:16px;height:16px;background:currentColor;border-radius:50%}.message{margin:1.2rem 0 0;min-height:1.55em;font-size:.92rem;color:inherit}.message.error{color:#ffd1ca;font-weight:700}.settings-panel label{display:block;margin:1.25rem 0 .4rem;font-weight:780}.settings-panel output{float:right;color:var(--mint);font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:44px;accent-color:var(--signal-dark);cursor:pointer}.range-scale{display:flex;justify-content:space-between;margin-top:-.7rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.hint{padding-left:.8rem;border-left:4px solid var(--ochre);color:#4c5249;font-size:.88rem}.input-pair{display:grid;grid-template-columns:1fr auto;gap:.75rem}select,input:not([type=range]):not([type=file]){width:100%;min-height:46px;padding:.65rem .75rem;background:#fffef7;border:2px solid var(--ink);color:var(--ink);border-radius:0}.settings-panel small{display:block;margin-top:.65rem;color:var(--muted)}.review-section{background:var(--panel);border-bottom:3px solid var(--ink)}.review-timeline{max-width:1200px;margin:0 auto 2rem;min-height:180px;display:flex;gap:3px;align-items:stretch;border:3px solid var(--ink);padding:.75rem;background:var(--paper);overflow-x:auto}.segment{position:relative;min-width:28px;flex-grow:var(--duration);flex-basis:0;display:flex;align-items:end;justify-content:center;padding:.5rem .25rem;border:2px solid var(--ink)}.segment.voice{min-width:45px;background:var(--mint);color:#fff}.segment.pause{min-width:72px;background-color:#e6c17c;background-image:repeating-linear-gradient(45deg,transparent,transparent 6px,rgba(36,40,32,.15) 6px,rgba(36,40,32,.15) 9px)}.segment.pause.restored{background:#efdbad}.segment button{width:100%;min-height:44px;padding:.35rem;border:2px solid var(--ink);background:var(--panel);font-size:.76rem;font-weight:850;cursor:pointer}.segment-label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.7rem;letter-spacing:.04em;font-weight:800}.review-controls{max-width:1200px;margin:auto;display:grid;grid-template-columns:minmax(240px,1fr) minmax(180px,.7fr) auto;align-items:end;gap:1rem}.review-controls audio{width:100%;min-height:46px}.review-controls label{grid-column:2;grid-row:1;align-self:start;transform:translateY(-1.6rem);font-weight:800}.review-controls input{grid-column:2;grid-row:1}.review-section>.message{max-width:1200px;margin-inline:auto}.takes-section{max-width:1440px;margin:auto}.data-actions{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:end}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;opacity:0;inset:0;cursor:pointer}.takes-list{max-width:1200px;margin:auto;border-top:3px solid var(--ink)}.take-card{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:1.4rem 0;border-bottom:2px solid rgba(36,40,32,.35);align-items:center}.take-card h3{margin:0}.take-meta{color:var(--muted);font-size:.86rem;font-variant-numeric:tabular-nums}.take-actions{display:flex;gap:.65rem}.button.danger{color:var(--danger)}.empty-state{padding:4rem 1rem;text-align:center}.empty-state>span{font-size:2.4rem;color:var(--ochre)}.empty-state p{color:var(--muted)}.upgrade-section{padding:clamp(3rem,7vw,6rem) clamp(1rem,5vw,6rem);background:var(--walnut);color:var(--cream);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3rem;align-items:center}.upgrade-section>div:first-child{max-width:48rem}.upgrade-section p{color:#e2dfd4}.license-state{display:inline-block;border:2px solid currentColor;padding:.35rem .7rem;font-weight:800}.upgrade-actions{display:flex;flex-direction:column;gap:.9rem;align-items:stretch}.text-button{min-height:44px;background:transparent;border:0;color:var(--cream);text-decoration:underline;text-underline-offset:.25em;cursor:pointer}footer{padding:3rem clamp(1rem,5vw,6rem) calc(3rem + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto;gap:1.5rem 3rem;border-top:3px solid var(--ink)}footer strong{font-family:Georgia,serif;font-size:1.4rem}footer p{color:var(--muted)}footer nav{display:flex;gap:1.5rem}footer small{grid-column:1 / -1;color:var(--muted)}dialog{width:min(92vw,560px);padding:0;border:3px solid var(--ink);border-radius:0;box-shadow:8px 8px 0 var(--ink);background:var(--panel);color:var(--ink)}dialog::backdrop{background:#181b17c2}dialog form{position:relative;padding:2rem}dialog label{display:block;font-weight:800;margin-bottom:.4rem}.dialog-close{position:absolute;right:.7rem;top:.7rem;width:44px;height:44px;border:0;background:transparent;font-size:2rem;cursor:pointer}.dialog-actions{display:flex;gap:1rem;margin-top:1.5rem}.toast{position:fixed;z-index:50;right:1rem;bottom:1rem;max-width:calc(100vw - 2rem);padding:1rem;border:3px solid var(--ink);background:var(--panel);box-shadow:var(--shadow);display:flex;align-items:center;gap:1rem}.legal-page{max-width:760px;min-height:65vh;margin:auto;padding:clamp(3rem,8vw,7rem) 1rem}.legal-page h1{max-width:none}.legal-page h2{margin-top:2.5rem;font-size:1.8rem}.legal-page p,.legal-page li{max-width:68ch}@media(max-width:850px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:3.5rem}.hero-copy{max-width:680px}.hero-visual{transform:none}.console{grid-template-columns:1fr}.settings-panel{border-left:0;border-top:3px solid var(--ink)}.review-controls{grid-template-columns:1fr auto}.review-controls audio{grid-column:1 / -1}.review-controls label,.review-controls input{grid-column:1;grid-row:2}.review-controls button{grid-column:2;grid-row:2}.upgrade-section{grid-template-columns:1fr}}@media(max-width:540px){.site-header{padding:.85rem 1rem;gap:.8rem}.brand span{font-size:1.1rem}.network-badge{margin-left:auto}h1{font-size:clamp(2.65rem,14vw,4rem)}.hero,.workbench,.review-section,.takes-section{padding-inline:1rem}.console{box-shadow:5px 5px 0 var(--ink)}.recorder-panel{padding:1.2rem .85rem}.status-row{gap:.6rem}.status-row strong{font-size:1.3rem}.status-row time{font-size:1.55rem}.record-lamp{width:22px;height:22px}.transport{display:grid;grid-template-columns:1fr}.transport .button{width:100%}.section-heading.split{display:block}.data-actions{justify-content:start}.take-card{grid-template-columns:1fr}.take-actions{display:grid;grid-template-columns:1fr 1fr}.take-actions .button{padding-inline:.6rem}.review-controls{grid-template-columns:1fr;padding-top:1rem}.review-controls audio,.review-controls label,.review-controls input,.review-controls button{grid-column:1;grid-row:auto}.review-controls label{transform:none;margin-bottom:-.7rem}.segment.voice{min-width:28px}footer{grid-template-columns:1fr}footer nav,footer small{grid-column:1;flex-wrap:wrap}.dialog-actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.record-lamp.active{transform:none;opacity:1}}