:root{color-scheme:light;--paper: #f4e9ce;--paper-light: #fff9e9;--ink: #161712;--carbon: #2e3028;--muted: #5f604f;--orange: #e64a2e;--orange-dark: #a72716;--red: #9e2e24;--blue: #1e6d75;--blue-dark: #164f56;--yellow: #f1c84b;--shadow: 6px 6px 0 var(--ink);--display: "Arial Black", "Franklin Gothic Heavy", Arial, sans-serif;--body: Arial, "Helvetica Neue", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background-color:var(--paper);background-image:radial-gradient(rgba(22,23,18,.075) .8px,transparent .8px);background-size:7px 7px;color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:var(--blue-dark);text-underline-offset:3px;text-decoration-thickness:2px}a:hover{text-decoration-thickness:3px}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:12px 16px;background:var(--paper-light);color:var(--ink);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header,main,footer{width:min(1120px,calc(100% - 32px));margin-inline:auto}.site-header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:3px solid var(--ink)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-family:var(--display);font-size:15px;text-decoration:none;text-transform:uppercase;letter-spacing:.02em}.brand span{background:var(--ink);color:var(--paper);padding:7px 8px 6px;transform:rotate(-2deg)}nav{display:flex;gap:24px}nav a{color:var(--ink);font-weight:700}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);line-height:.98;letter-spacing:-.035em}h1{margin-bottom:24px;font-size:clamp(2.8rem,7vw,5.3rem);text-transform:uppercase;max-width:10ch}h1 span{color:var(--orange-dark)}h2{margin-bottom:12px;font-size:clamp(2rem,4.5vw,3.6rem);text-transform:uppercase}h3{margin-bottom:8px;font-size:1.25rem}.eyebrow{margin-bottom:12px;color:var(--blue-dark);font-family:var(--display);font-size:.78rem;letter-spacing:.13em;text-transform:uppercase}.hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(28px,6vw,72px);align-items:center;min-height:660px;padding:68px 0 76px}.lede{max-width:58ch;font-size:clamp(1.1rem,2vw,1.28rem);line-height:1.55}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:28px}.text-link{min-height:44px;display:inline-flex;align-items:center;color:var(--ink);font-weight:700}.local-note{margin:22px 0 0;color:var(--muted);font-size:.93rem}.local-note span{color:var(--blue)}.hero-art{margin:0;position:relative;transform:rotate(1.2deg)}.hero-art:before{content:"";position:absolute;inset:12px -10px -10px 12px;z-index:-1;background:var(--ink)}.hero-art img{display:block;width:100%;height:auto;border:3px solid var(--ink)}.hero-art figcaption{position:absolute;right:-8px;bottom:18px;padding:8px 12px;background:var(--yellow);border:2px solid var(--ink);font-weight:800;text-transform:uppercase;transform:rotate(-2.5deg)}.button,.icon-button{border:2px solid var(--ink);min-height:46px;cursor:pointer;font-weight:800;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:10px 17px;text-decoration:none}.button:hover{transform:translate(-1px,-1px)}.button:active{transform:translate(1px,1px);box-shadow:none}.button:disabled{cursor:not-allowed;opacity:.55;transform:none}.button-primary{background:var(--orange);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.button-dark{background:var(--ink);color:var(--paper-light)}.button-outline{background:transparent;color:var(--ink)}.button-small{min-height:44px;padding:8px 12px;font-size:.9rem}.button-danger{border-color:var(--red);color:var(--red);background:var(--paper-light)}.icon-button{width:46px;padding:0;background:transparent;font-size:1.8rem;line-height:1}.workbench{padding:56px clamp(16px,4vw,48px) 64px;background:var(--paper-light);border:3px solid var(--ink);box-shadow:var(--shadow);scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px}.section-heading h2{margin-bottom:0}.notice{padding:12px 16px;margin-bottom:20px;border:2px solid var(--ink);font-weight:700}.notice-yellow{background:var(--yellow)}.notice-error{background:#f0c3b8;border-color:var(--red)}.notice-success{background:#c7dfd7;border-color:var(--blue)}.loading-state,.empty-state{min-height:280px;display:grid;place-items:center;align-content:center;gap:16px;text-align:center}.loading-state{color:var(--muted)}.loader{width:34px;height:34px;border:5px solid #c7bfa9;border-top-color:var(--orange);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.empty-cassette{position:relative;width:min(280px,85%);height:150px;background:var(--ink);border-radius:8px;box-shadow:7px 7px 0 var(--orange)}.empty-cassette:before{content:"";position:absolute;inset:34px 30px 48px;background:var(--paper);border:8px solid var(--carbon)}.empty-cassette:after{content:"●       ●";position:absolute;inset:55px 0 auto;color:var(--ink);white-space:pre;font-size:28px;letter-spacing:8px;text-align:center}.empty-state p{max-width:54ch;margin-bottom:4px;color:var(--muted)}.workspace-grid{display:grid;grid-template-columns:minmax(210px,.32fr) minmax(0,1fr);gap:28px}.tape-library{padding-right:24px;border-right:2px solid var(--ink)}.library-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.count-chip{padding:3px 8px;background:var(--yellow);border:1px solid var(--ink);font-size:.78rem;font-weight:800}.clip-list,.queue-list,.history-list,.preset-list{padding:0;margin:0;list-style:none}.clip-list{display:grid;gap:10px}.clip-select{width:100%;min-height:64px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px 12px;background:transparent;border:2px solid transparent;text-align:left;cursor:pointer}.clip-select:hover{border-color:var(--ink)}.clip-select[aria-current=true]{background:var(--yellow);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.clip-select[aria-current=true] .clip-meta{color:var(--ink)}.clip-title{display:block;font-weight:800;overflow-wrap:anywhere}.clip-meta{display:block;color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}.mini-reel{width:30px;height:30px;border:6px dotted currentColor;border-radius:50%}.player-shell{min-width:0;background:var(--ink);color:var(--paper-light);border-radius:12px;overflow:hidden;box-shadow:5px 5px 0 var(--orange)}.player-top{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:22px 24px 16px}.player-top .eyebrow{color:#70bbc2}.player-top h3{font-size:clamp(1.3rem,3vw,2rem);overflow-wrap:anywhere}.player-tools{display:flex;gap:8px}.player-tools .icon-button{border-color:#aaa894;color:var(--paper-light);font-size:.9rem;width:auto;padding:0 12px}.cassette-window{position:relative;margin:0 24px 20px;padding:22px;background:var(--carbon);border:2px solid #777867;border-radius:7px}.reels{display:flex;justify-content:space-around;align-items:center;height:86px;background:var(--paper);border:6px solid #111;color:var(--ink)}.reel{display:grid;place-items:center;width:58px;height:58px;border:10px dotted var(--ink);border-radius:50%}.reel:after{content:"";width:14px;height:14px;background:var(--ink);border-radius:50%}.is-playing .reel{animation:spin 2.2s linear infinite}.phase-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:6px solid var(--orange)}.phase-step{min-height:54px;display:grid;place-items:center;padding:7px 5px;border-right:1px solid #777867;color:#c9c6b4;font-size:.78rem;font-weight:800;text-align:center;text-transform:uppercase}.phase-step:last-child{border-right:0}.phase-step.active{background:var(--orange);color:var(--ink)}.transcript-panel{margin:0 24px 18px;padding:16px;background:var(--paper-light);color:var(--ink);border-left:7px solid var(--blue)}.transcript-panel h4{margin:0 0 10px;font-family:var(--display);text-transform:uppercase}.transcript-lines{display:grid;gap:7px}.transcript-line{width:100%;min-height:44px;padding:8px 10px;border:2px solid transparent;background:transparent;text-align:left;cursor:pointer}.transcript-line:hover{border-color:var(--ink)}.transcript-line[aria-pressed=true]{background:var(--yellow);border-color:var(--ink);font-weight:800}.transcript-empty{margin:0;color:var(--muted)}.transport{padding:0 24px 24px}.now-status{display:flex;justify-content:space-between;gap:12px;margin:0 0 10px;font-weight:800}.now-status output{color:var(--yellow);font-variant-numeric:tabular-nums}.timeline{width:100%;accent-color:var(--orange);min-height:34px}.time-row{display:flex;justify-content:space-between;color:#c9c6b4;font-size:.82rem;font-variant-numeric:tabular-nums}.transport-buttons{display:grid;grid-template-columns:1fr auto auto;gap:10px;margin-top:18px}.transport .button-outline{color:var(--paper-light);border-color:#aaa894}.cadence-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid #777867}.cadence-controls label{display:grid;gap:6px;color:#dcd7c5;font-size:.88rem;font-weight:700}.cadence-controls input,.cadence-controls select{min-height:44px;width:100%;padding:8px;background:var(--paper-light);color:var(--ink);border:2px solid transparent}.safety-note{display:flex;gap:9px;margin:16px 0 0;color:#f4dfa2;font-size:.87rem}.practice-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.metric{padding-top:10px;border-top:3px solid var(--ink)}.metric strong{display:block;font-family:var(--display);font-size:2rem;font-variant-numeric:tabular-nums}.metric span{color:var(--muted);font-size:.88rem}.history{margin-top:28px}.history h3{margin-bottom:12px}.history-list{display:grid;gap:8px}.history-list li{display:grid;grid-template-columns:1fr auto;gap:12px;padding:9px 0;border-bottom:1px solid #bdb49e}.history-list time,.history-list span{color:var(--muted);font-size:.88rem}.method,.studio,.data-tools{margin-top:96px;padding:56px 0;border-top:3px solid var(--ink)}.method{display:grid;grid-template-columns:.75fr 1.25fr;gap:64px}.method>div>p:last-child{max-width:52ch;font-size:1.08rem}.rhythm{display:grid;grid-template-columns:repeat(3,1fr);align-self:start;margin:0;padding:0;list-style:none;border:3px solid var(--ink);box-shadow:var(--shadow)}.rhythm li{min-height:180px;padding:18px;background:var(--paper-light);border-right:2px solid var(--ink)}.rhythm li:last-child{border-right:0}.rhythm li:nth-child(2){background:var(--yellow)}.rhythm span{display:block;margin-bottom:24px;color:#8c2015;font-family:var(--display)}.rhythm strong{display:block;font-family:var(--display);font-size:1.25rem;text-transform:uppercase}.rhythm small{display:block;margin-top:8px;font-size:.9rem;line-height:1.4}.price{margin:0;font-family:var(--display);font-size:2.4rem}.price span{display:block;color:var(--muted);font-family:var(--body);font-size:.8rem;text-align:right;text-transform:uppercase;letter-spacing:.12em}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.studio-copy{padding:24px;background:var(--yellow);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}.studio-copy ul{padding-left:20px}.studio-copy li+li{margin-top:8px}.license-panel{padding:24px;border:3px solid var(--ink);background:var(--paper-light)}.license-form{display:grid;gap:10px;margin-top:18px}.license-form label,.preset-form label{font-weight:800}.license-form input,.preset-form input{width:100%;min-height:46px;padding:8px 10px;border:2px solid var(--ink);background:#fff}.license-status{margin:12px 0 0;color:var(--muted)}.studio-tools{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}.studio-tool{padding-top:16px;border-top:3px solid var(--ink)}.preset-form{display:grid;grid-template-columns:1fr auto;gap:8px}.preset-form label{grid-column:1 / -1}.preset-list,.queue-list{display:grid;gap:8px;margin-top:14px}.preset-list li,.queue-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #a89f8b;padding-bottom:8px}.locked-tool{opacity:.62}.data-tools{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:80px}.data-tools p{max-width:55ch}.tool-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}footer{display:grid;grid-template-columns:1fr auto;gap:8px 36px;padding:28px 0 calc(36px + env(safe-area-inset-bottom));border-top:3px solid var(--ink);font-size:.9rem}footer p{margin:0}.generated-note{grid-column:1 / -1;max-width:82ch;color:var(--muted)}dialog{width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;background:var(--paper-light);color:var(--ink);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--orange)}dialog::backdrop{background:#161712bf}dialog form{padding:24px}.dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.dialog-head h2{font-size:2rem}dialog label:not(.check-row){display:block;margin:16px 0 6px;font-weight:800}dialog label span{color:var(--muted);font-weight:400}dialog input[type=text],dialog input:not([type]),dialog textarea{width:100%;padding:10px 12px;border:2px solid var(--ink);background:#fff}dialog textarea{resize:vertical}.file-chip{padding:9px 12px;background:#dbe7df;border-left:5px solid var(--blue);overflow-wrap:anywhere}.field-help{margin:6px 0;color:var(--muted);font-size:.86rem}.check-row{display:flex;gap:10px;align-items:center;min-height:44px;margin-top:14px;font-weight:700}.check-row input{width:22px;height:22px;accent-color:var(--blue)}.form-error{min-height:24px;margin-top:8px;color:var(--red);font-weight:800}.dialog-actions{display:flex;justify-content:end;gap:12px;margin-top:18px}.toast{position:fixed;z-index:90;left:50%;bottom:max(24px,env(safe-area-inset-bottom));width:min(520px,calc(100% - 32px));padding:14px 50px 14px 16px;background:var(--ink);color:var(--paper-light);border:2px solid var(--paper-light);box-shadow:5px 5px 0 var(--orange);transform:translate(-50%)}.toast button{position:absolute;right:5px;top:4px;min-width:40px;min-height:40px;border:0;background:transparent;color:inherit;cursor:pointer}.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}@media(max-width:800px){nav{display:none}.hero{min-height:auto;grid-template-columns:1fr;padding:48px 0 72px}.hero-copy{max-width:680px}.hero-art{width:min(660px,100%)}.workspace-grid,.method,.studio-grid,.data-tools{grid-template-columns:1fr}.tape-library{padding:0 0 20px;border:0;border-bottom:2px solid var(--ink)}.clip-list{grid-template-columns:repeat(2,minmax(0,1fr))}.method{gap:28px}.data-tools{gap:24px}}@media(max-width:520px){.site-header,main,footer{width:min(100% - 24px,1120px)}.site-header{min-height:64px}.hero{padding-top:36px}h1{font-size:clamp(2.6rem,15vw,4.2rem)}.hero-art figcaption{position:relative;display:inline-block;right:auto;bottom:auto;margin-top:-8px}.workbench{padding:36px 14px 42px;box-shadow:4px 4px 0 var(--ink)}.section-heading{align-items:start;flex-direction:column}.section-heading .button{width:100%}.clip-list{grid-template-columns:1fr}.player-top{padding:18px 16px 12px;flex-direction:column}.player-tools{width:100%}.player-tools .icon-button{flex:1}.cassette-window,.transcript-panel{margin-inline:16px}.transport{padding-inline:16px}.transport-buttons{grid-template-columns:1fr 1fr}.transport-buttons .button-primary{grid-column:1 / -1}.cadence-controls{grid-template-columns:1fr}.practice-summary{gap:8px}.metric strong{font-size:1.55rem}.rhythm{grid-template-columns:1fr}.rhythm li{min-height:auto;display:grid;grid-template-columns:42px 1fr;padding:14px;border-right:0;border-bottom:2px solid var(--ink)}.rhythm li:last-child{border-bottom:0}.rhythm span{grid-row:1 / 3;margin:0}.rhythm small{margin:3px 0 0}.studio-tools,.tool-actions{grid-template-columns:1fr}footer{grid-template-columns:1fr}.generated-note{grid-column:auto}.dialog-actions{flex-direction:column-reverse}.dialog-actions .button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-art{transform:none}}