@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.0zgw-jeven.3w.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0wkzw~je483f-.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.0rhz0arwfsn~5.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0l76wvqk9d84w.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0k4k9394f2q-k.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.08e28id.o-okb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.w-full{width:100%}.max-w-full{max-width:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.overflow-x-hidden{overflow-x:hidden}.rounded{border-radius:.25rem}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#080907;--ink-soft:#10110e;--ink-raised:#171914;--paper:#f1f0e7;--paper-soft:#b8baad;--paper-dim:#7b7e72;--acid:#dfff3f;--acid-soft:#efffa6;--violet:#8e62ff;--cobalt:#4b76ff;--signal:#ff4d67;--amber:#ffbf47;--mint:#5ff0bd;--hairline:#f1f0e721;--hairline-strong:#f1f0e73d;--font-sans:var(--font-geist-sans), system-ui, sans-serif;--font-mono:var(--font-geist-mono), "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{background:var(--ink);color:var(--paper);font-family:var(--font-sans);margin:0}button,select,textarea{font:inherit}button,select{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--acid);outline-offset:4px}::selection{color:var(--ink);background:var(--acid)}.concerto-app{background:radial-gradient(circle at 14% 9%, #8e62ff24, transparent 22%), radial-gradient(circle at 88% 31%, #dfff3f14, transparent 25%), var(--ink);width:100%;max-width:100%;min-height:100vh;position:relative;overflow-x:hidden}.page-grain{z-index:20;pointer-events:none;opacity:.055;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='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:fixed;inset:0}.background-orb{filter:blur(150px);opacity:.09;pointer-events:none;border-radius:50%;width:46vw;height:46vw;position:absolute}.orb-lime{background:var(--acid);top:88rem;left:-26vw}.orb-violet{background:var(--violet);top:198rem;right:-28vw}.app-header{z-index:15;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080907b8;border:1px solid #f1f0e726;border-radius:16px;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;width:min(1440px,100% - 48px);min-height:62px;padding:10px 12px 10px 16px;display:grid;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 18px 70px #00000057}.app-brand{width:max-content;color:var(--paper);letter-spacing:-.035em;align-items:center;gap:11px;font-size:14px;font-weight:720;text-decoration:none;display:inline-flex}.app-brand-mark{width:34px;height:34px;color:var(--ink);background:var(--acid);border-radius:10px;place-items:center;display:grid;box-shadow:0 0 30px #dfff3f29}.app-nav{align-items:center;gap:30px;display:flex}.app-nav a{color:var(--paper-soft);font-size:11px;font-weight:600;text-decoration:none;position:relative}.app-nav a:after{content:"";transform-origin:100%;background:var(--acid);height:1px;transition:transform .3s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-7px;left:0;right:0;transform:scaleX(0)}.app-nav a:hover{color:var(--paper)}.app-nav a:hover:after{transform-origin:0;transform:scaleX(1)}.header-status{max-width:430px;color:var(--paper-dim);font:9px/1.35 var(--font-mono);text-align:right;justify-self:end;align-items:center;gap:9px;display:flex}.header-status>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.status-dot{background:#6a6d62;border-radius:50%;flex:0 0 7px;width:7px;height:7px}.status-dot.playing{background:var(--acid);animation:1s infinite status-pulse;box-shadow:0 0 0 5px #dfff3f14,0 0 18px #dfff3fad}@keyframes status-pulse{50%{opacity:.42}}.hero{z-index:2;min-height:100vh;padding:190px 24px 96px;position:relative}.hero-copy{text-align:center;width:min(1180px,100%);margin:0 auto}.hero h1{letter-spacing:-.075em;text-wrap:balance;max-width:72rem;margin:0 auto;font-size:clamp(3.25rem,7.4vw,7rem);font-weight:650;line-height:.91}.hero-line{padding:0 .1em .07em;display:block;overflow:hidden}.hero-line-inner{display:block}.hero-music-mark{vertical-align:-.04em;width:.72em;height:.67em;color:var(--ink);background:var(--acid);border-radius:.18em;justify-content:center;align-items:center;margin-left:.1em;display:inline-flex;transform:rotate(-4deg);box-shadow:0 .08em .26em #dfff3f2e,inset 0 0 0 1px #08090724}.hero-music-mark svg{filter:drop-shadow(0 .03em .02em #08090733);width:.4em;height:.4em}.hero-copy>p{max-width:700px;color:var(--paper-soft);text-wrap:balance;margin:32px auto 0;font-size:clamp(14px,1.3vw,18px);line-height:1.65}.hero-actions{justify-content:center;align-items:center;gap:12px;margin-top:34px;display:flex}.primary-cta,.secondary-cta,.finale-section>a{border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 20px;font-size:12px;font-weight:700;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s,color .25s,border-color .25s;display:inline-flex}.primary-cta{color:var(--ink);background:var(--acid)}.secondary-cta{color:var(--paper);border:1px solid var(--hairline-strong);background:#f1f0e709}.primary-cta:hover,.secondary-cta:hover,.finale-section>a:hover{transform:translateY(-3px)scale(1.015)}.secondary-cta:hover{border-color:var(--acid);color:var(--acid)}.hero-visual{border:1px solid var(--hairline);background:var(--ink-soft);border-radius:20px;width:min(1500px,100vw - 48px);height:clamp(360px,46vw,680px);margin:104px auto 0;position:relative;overflow:hidden;box-shadow:0 60px 130px #00000080}.hero-visual-image{filter:saturate(.75)contrast(1.15);background:linear-gradient(#08090708,#08090747 50%,#080907eb),linear-gradient(90deg,#8e62ff3b,#0000 38%,#dfff3f1f),url(https://picsum.photos/seed/concerto-cinematic/2000/1100) 50%/cover;transition:transform 1s cubic-bezier(.2,.8,.2,1),filter 1s;position:absolute;inset:0;transform:scale(1.02)}.hero-visual:hover .hero-visual-image{filter:saturate()contrast(1.1);transform:scale(1.055)}.hero-score-lines{position:absolute;inset:16% 8% 18%}.hero-score-lines:before,.hero-score-lines:after{content:"";background:#f1f0e729;height:1px;position:absolute;left:0;right:0}.hero-score-lines:before{top:34%;box-shadow:0 72px #f1f0e71a,0 144px #f1f0e714}.hero-score-lines i{--position:calc(var(--note) * 7.15%);left:var(--position);background:var(--acid);border-radius:99px;width:clamp(16px,3vw,48px);height:6px;position:absolute;top:18%;box-shadow:0 0 22px #dfff3f9e}.hero-score-lines i:nth-child(2n){top:42%}.hero-score-lines i:nth-child(3n){background:var(--violet);top:56%;box-shadow:0 0 22px #8e62ff99}.hero-score-lines i:nth-child(4n){background:var(--cobalt);width:clamp(36px,6vw,90px);top:30%}.hero-score-lines i:nth-child(5n){background:var(--signal);top:76%}.hero-visual figcaption{color:#f1f0e79e;font:9px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.12em;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;display:grid;position:absolute;bottom:20px;left:24px;right:24px}.hero-visual figcaption strong{color:var(--paper);text-align:center;font-weight:600}.hero-visual figcaption span:last-child{text-align:right}.studio-section,.system-section,.mapping-section,.listening-section{z-index:2;width:min(1500px,100% - 48px);margin:0 auto;position:relative}.studio-section{padding:160px 0 100px}.section-heading{grid-template-columns:1fr minmax(520px,1.35fr) 1fr;align-items:end;gap:34px;margin-bottom:56px;display:grid}.section-heading>span,.listening-header>span{color:var(--acid);font:650 9px/1.3 var(--font-mono);text-transform:uppercase;letter-spacing:.13em;align-self:start}.section-heading h2{letter-spacing:-.06em;margin:0;font-size:clamp(44px,5.4vw,82px);font-weight:600;line-height:.95}.section-heading>p{max-width:390px;color:var(--paper-soft);margin:0;font-size:13px;line-height:1.65}.studio-bento{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;background:var(--hairline-strong);border-radius:18px;gap:1px;padding:1px;display:grid;overflow:hidden;box-shadow:0 60px 160px #00000052}.workbench{display:contents}.bento-source{grid-area:span 2/span 7}.bento-score{grid-area:span 2/span 5}.bento-structure,.bento-review{grid-area:span 1/span 12}.structure-card .structure-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.structure-card .structure-functions{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card,.semantic-review{background:linear-gradient(145deg,#181a14fa,#0c0d0afa);min-width:0;position:relative;overflow:hidden}.work-card{padding-bottom:18px}.work-card-header{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:15px 18px;display:flex}.work-card-header>div{align-items:center;gap:11px;min-width:0;display:flex}.work-card-header h3,.review-heading h3{letter-spacing:-.03em;margin:0;font-size:15px;font-weight:650}.work-card-header p{color:var(--paper-dim);font:8px/1.3 var(--font-mono);white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;overflow:hidden}.section-icon,.ai-orb{color:var(--acid);background:#dfff3f0f;border:1px solid #dfff3f2e;flex:none;place-items:center;display:grid}.section-icon{border-radius:10px;width:34px;height:34px}.language-tag,.risk-pill{border:1px solid var(--hairline);min-height:25px;color:var(--paper-soft);font:650 7px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;background:#f1f0e708;border-radius:99px;align-items:center;padding:0 9px;display:inline-flex}.mode-switch{border:1px solid var(--hairline);background:#0a0b09;border-radius:10px;grid-template-columns:1fr 1fr;gap:3px;margin:14px 18px 0;padding:4px;display:grid}.mode-switch button{min-height:37px;color:var(--paper-dim);cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;font-size:9px;font-weight:680;transition:background .2s,color .2s,transform .2s;display:inline-flex}.mode-switch button:hover{color:var(--paper)}.mode-switch button.active{color:var(--ink);background:var(--acid)}.mode-switch button small{color:inherit;font:700 6px/1 var(--font-mono);letter-spacing:.08em;background:#08090724;border-radius:99px;padding:3px 5px}.code-editor-frame,.diff-editor-frame{border:1px solid var(--hairline);background:#080907;border-radius:11px;margin:16px 18px 0;overflow:hidden;box-shadow:inset 0 0 50px #00000047}.editor-toolbar{border-bottom:1px solid var(--hairline);height:38px;color:var(--paper-dim);font:8px/1 var(--font-mono);align-items:center;gap:6px;padding:0 13px;display:flex}.editor-toolbar>span:nth-of-type(4){margin-left:8px}.editor-toolbar strong{color:var(--acid);letter-spacing:.09em;margin-left:auto;font-size:7px}.window-dot{border-radius:50%;width:7px;height:7px}.window-dot.red{background:var(--signal)}.window-dot.yellow{background:var(--amber)}.window-dot.green{background:var(--mint)}.code-editor-frame.dropping{border-color:var(--acid);box-shadow:inset 0 0 60px #dfff3f1a}.editor-upload{color:var(--paper-dim);font:7.5px/1 var(--font-mono);border:1px solid var(--hairline);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:5px;margin-left:10px;padding:3px 8px;transition:color .15s,border-color .15s;display:inline-flex}.editor-upload:hover{color:var(--acid);border-color:#dfff3f66}.code-editor-grid{grid-template-columns:52px minmax(0,1fr);height:420px;display:grid}.editor-line-numbers{background:#f1f0e703;border-right:1px solid #f1f0e712;padding:15px 0 80px;overflow:hidden}.editor-line-numbers span{color:#55584e;text-align:center;height:21px;font-family:var(--font-mono);font-size:10px;line-height:21px;transition:color .15s,background .15s;display:block;position:relative}.editor-line-numbers span.active{color:var(--acid);background:#dfff3f12}.gutter-marker{cursor:pointer;border:0;border-radius:50%;width:7px;height:7px;padding:0;transition:transform .15s,box-shadow .15s;position:absolute;top:7px;left:5px}.gutter-marker:hover{transform:scale(1.45)}.gutter-marker.critical{background:var(--signal);box-shadow:0 0 8px #ff4d67cc}.gutter-marker.high{background:#ff7a4d;box-shadow:0 0 8px #ff7a4db3}.gutter-marker.medium{background:var(--amber);box-shadow:0 0 7px #ffbf4799}.gutter-marker.low{background:var(--paper-dim)}.code-editor-surface{min-width:0;height:100%;position:relative}.code-highlight,.code-editor-surface textarea{font-family:var(--font-mono);tab-size:2;white-space:pre;margin:0;padding:15px 17px 80px;font-size:11.5px;line-height:21px}.code-highlight{color:#d9dacd;pointer-events:none;position:absolute;inset:0;overflow:hidden}.code-highlight code{height:21px;font-size:inherit;line-height:21px;display:block}.code-highlight code.is-active{box-shadow:inset 2px 0 0 var(--acid);background:#dfff3f12}.code-highlight code.has-finding{background:#ff4d670d}.code-highlight code.has-finding.critical,.code-highlight code.has-finding.high{box-shadow:inset 2px 0 0 var(--signal);background:#ff4d6717}.code-editor-surface textarea{resize:none;color:#0000;width:100%;height:100%;caret-color:var(--acid);background:0 0;border:0;outline:0;position:relative;overflow:auto}.code-editor-surface textarea::selection{background:#dfff3f42}.diff-pane textarea{resize:none;color:#d9dacd;width:100%;min-width:0;height:100%;caret-color:var(--acid);white-space:pre;tab-size:2;font-family:var(--font-mono);background:0 0;border:0;outline:0}.tok-comment{color:#5c6156;font-style:italic}.tok-string{color:#b6e08a}.tok-number{color:#f2c26b}.tok-keyword{color:#d9a2ff}.tok-literal{color:#ff9d7a}.tok-type{color:#7fd6ef}.tok-fn{color:var(--acid)}.diff-editor-frame{background:var(--hairline);grid-template-columns:1fr 1fr;gap:1px;height:420px;display:grid}.diff-pane{background:#080907;grid-template-rows:38px 1fr;min-width:0;display:grid}.diff-pane>span{border-bottom:1px solid var(--hairline);font:8px/1 var(--font-mono);justify-content:space-between;align-items:center;padding:0 13px;display:flex}.diff-pane>span small{color:var(--paper-dim);text-transform:uppercase;letter-spacing:.08em;font-size:7px}.before-pane>span strong{color:#ff8a9c}.after-pane>span strong{color:var(--mint)}.diff-pane textarea{padding:15px;font-size:10px;line-height:19px}.before-pane textarea{background:linear-gradient(140deg,#ff4d6709,#0000 50%)}.after-pane textarea{background:linear-gradient(140deg,#5ff0bd09,#0000 50%)}.example-picker{scrollbar-width:none;gap:7px;padding:12px 18px 2px;display:flex;overflow-x:auto}.example-picker::-webkit-scrollbar{display:none}.example-picker button{border:1px solid var(--hairline);min-width:max-content;color:var(--paper-soft);cursor:pointer;text-align:left;background:#f1f0e706;border-radius:8px;padding:8px 10px;transition:transform .22s,border-color .22s,background .22s}.example-picker button:hover{background:#dfff3f0e;border-color:#dfff3f6b;transform:translateY(-2px)}.example-picker span,.example-picker small{display:block}.example-picker span{font-size:8px;font-weight:650}.example-picker small{color:var(--paper-dim);font:6px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;margin-top:4px}.diff-legend{flex-wrap:wrap;align-items:center;gap:13px;min-height:58px;padding:10px 18px 0;display:flex}.diff-legend>span{color:var(--paper-dim);font:7px/1.4 var(--font-mono);align-items:center;gap:7px;display:inline-flex}.diff-legend i{border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px}.diff-legend .added i{color:var(--mint);background:var(--mint)}.diff-legend .deleted i{color:var(--signal);background:var(--signal)}.diff-legend button{border:1px solid var(--hairline);color:var(--paper-soft);cursor:pointer;background:#f1f0e706;border-radius:7px;margin-left:auto;padding:7px 9px;font-size:7px}.music-controls{flex-wrap:wrap;align-items:end;gap:8px;padding:14px 18px 0;display:flex}.style-picker{gap:5px;display:grid}.style-picker>span{color:var(--paper-dim);font:650 7px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.12em}.style-picker select{border:1px solid var(--hairline-strong);min-width:146px;height:42px;color:var(--paper);cursor:pointer;background:#0c0d0a;border-radius:9px;padding:0 32px 0 11px}.sonify-button,.pause-button,.stop-button,.utility-button,.round-play-button,.review-action button,.bug-cue-pause{cursor:pointer;border:0;justify-content:center;align-items:center;gap:7px;transition:transform .2s cubic-bezier(.2,.8,.2,1),filter .2s,opacity .2s;display:inline-flex}.sonify-button{min-width:150px;height:42px;color:var(--ink);background:var(--acid);border-radius:9px;padding:0 17px;font-weight:720;box-shadow:0 12px 28px #dfff3f1c}.pause-button,.stop-button,.utility-button{border-radius:9px;height:42px;padding:0 13px;font-size:10px;font-weight:680}.pause-button{color:var(--amber);background:#ffbf470f;border:1px solid #ffbf4747}.pause-button.paused{color:var(--mint);background:#5ff0bd0f;border-color:#5ff0bd47}.stop-button{color:#ffc4cd;background:#ff4d671a}.utility-button{color:var(--paper);border:1px solid var(--hairline);background:#0c0d0a}.sonify-button:hover,.pause-button:hover,.stop-button:hover,.utility-button:hover,.round-play-button:hover,.review-action button:hover{filter:brightness(1.08);transform:translateY(-2px)}.sonify-button:disabled,.pause-button:disabled,.round-play-button:disabled,.review-action button:disabled{opacity:.42;cursor:not-allowed;transform:none}.transport-progress{background:#f1f0e714;border-radius:99px;height:3px;margin:15px 18px 0;overflow:hidden}.transport-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--acid), var(--violet));height:100%;transition:width 80ms linear;display:block}.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}.transport-scrubber{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:15px 18px 0;display:grid}.transport-scrubber small{color:var(--paper-dim);font:8.5px/1 var(--font-mono);letter-spacing:.04em}.transport-scrubber input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:14px}.transport-scrubber input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--acid) 0%, var(--violet) var(--progress,0%), #f1f0e714 var(--progress,0%));border-radius:99px;height:3px}.transport-scrubber input[type=range]::-moz-range-track{background:#f1f0e714;border-radius:99px;height:3px}.transport-scrubber input[type=range]::-moz-range-progress{background:linear-gradient(90deg, var(--acid), var(--violet));border-radius:99px;height:3px}.transport-scrubber input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--paper);border:0;border-radius:50%;width:11px;height:11px;margin-top:-4px;box-shadow:0 0 10px #dfff3f80}.transport-scrubber input[type=range]::-moz-range-thumb{background:var(--paper);border:0;border-radius:50%;width:11px;height:11px;box-shadow:0 0 10px #dfff3f80}.transport-scrubber input[type=range]:focus-visible{outline:2px solid var(--acid);outline-offset:4px;border-radius:99px}.mixer-panel{border:1px solid var(--hairline);background:#08090799;border-radius:11px;margin:13px 18px 0;padding:12px 13px}.mixer-master{border-bottom:1px solid #f1f0e712;grid-template-columns:auto minmax(70px,1fr) auto auto;align-items:center;gap:10px;padding-bottom:10px;display:grid}.mixer-master>span{color:var(--paper-soft);font:650 8.5px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.mixer-master strong{color:var(--acid);font:9px/1 var(--font-mono)}.mixer-master button{color:var(--paper-dim);font:8px/1 var(--font-mono);border:1px solid var(--hairline);cursor:pointer;background:0 0;border-radius:6px;padding:4px 8px;transition:color .15s,border-color .15s}.mixer-master button:hover{color:var(--paper);border-color:var(--hairline-strong)}.mixer-master input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:12px}.mixer-master input[type=range]::-webkit-slider-runnable-track{background:#f1f0e724;border-radius:99px;height:2px}.mixer-master input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--acid);border-radius:50%;width:9px;height:9px;margin-top:-3.5px}.mixer-master input[type=range]::-moz-range-thumb{background:var(--acid);border:0;border-radius:50%;width:9px;height:9px}.mixer-tracks{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:6px;margin-top:10px;display:grid}.mixer-track{background:#08090780;border:1px solid #f1f0e713;border-radius:8px;grid-template-columns:7px minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:6px 8px;display:grid}.mixer-track.silenced{opacity:.42}.mixer-track strong{color:var(--paper-soft);font:650 8.5px/1 var(--font-sans);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mixer-track button{width:22px;height:22px;color:var(--paper-dim);border:1px solid var(--hairline);cursor:pointer;background:0 0;border-radius:6px;place-items:center;transition:color .15s,border-color .15s,background .15s;display:grid}.mixer-track button:hover{color:var(--paper);border-color:var(--hairline-strong)}.mixer-track button.active{color:var(--ink);background:var(--signal);border-color:var(--signal)}.mixer-track button.solo.active{background:var(--acid);border-color:var(--acid)}.mixer-note{color:var(--paper-dim);font:7.5px/1.5 var(--font-mono);margin:9px 0 0}.utility-button.is-open{color:var(--acid);border-color:#dfff3f66}.track-row.silenced{opacity:.4}.maintainability-pill{border:1px solid var(--hairline);font:650 8px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:99px;padding:5px 10px}.maintainability-pill small{opacity:.6;font-size:7px}.maintainability-pill.healthy{color:var(--mint);background:#5ff0bd12;border-color:#5ff0bd5c}.maintainability-pill.watch{color:var(--acid);background:#dfff3f0f;border-color:#dfff3f5c}.maintainability-pill.risky{color:var(--amber);background:#ffbf4712;border-color:#ffbf475c}.maintainability-pill.critical{color:var(--signal);background:#ff4d6714;border-color:#ff4d6766}.structure-stats{border:1px solid var(--hairline);background:var(--hairline);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:15px 18px 0;display:grid;overflow:hidden}.structure-stats div{background:#080907b8;padding:10px 11px}.structure-stats strong{color:var(--paper);font:650 13px/1 var(--font-sans);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.structure-stats span{color:var(--paper-dim);font:7px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-top:5px;display:block}.structure-functions{gap:5px;margin:13px 18px 0;padding:0;list-style:none;display:grid}.structure-functions button{text-align:left;cursor:pointer;background:#0809079e;border:1px solid #f1f0e713;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:3px 9px;width:100%;padding:8px 10px;transition:transform .16s,border-color .16s,background .16s;display:grid}.structure-functions button:hover,.structure-functions button.active{background:#dfff3f0b;border-color:#dfff3f57;transform:translate(3px)}.structure-name{color:var(--paper);font:650 9.5px/1.3 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.structure-name em{color:var(--violet);font:6.5px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid #8e62ff66;border-radius:4px;margin-left:6px;padding:2px 5px;font-style:normal}.structure-name em.async{color:var(--cobalt);border-color:#4b76ff66}.structure-meta{color:var(--paper-dim);font:7px/1 var(--font-mono);grid-column:1}.structure-complexity{color:var(--paper-soft);font:650 8px/1 var(--font-mono);white-space:nowrap;grid-row:1/span 2;align-self:center}.structure-complexity.hot{color:var(--signal)}.structure-empty{color:var(--paper-dim);font:8.5px/1.6 var(--font-mono);margin:14px 18px 0}.advisory-list{border-top:1px solid #f1f0e712;margin:14px 18px 18px;padding-top:12px}.advisory-list>span{color:var(--paper-dim);font:650 7px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;display:block}.advisory-list ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.advisory-list button{text-align:left;cursor:pointer;background:0 0;border:1px solid #f1f0e70f;border-radius:7px;width:100%;padding:6px 9px;transition:border-color .15s,background .15s}.advisory-list button:hover{border-color:var(--hairline);background:#f1f0e708}.advisory-list strong{color:var(--paper-soft);font:600 8.5px/1.3 var(--font-sans);display:block}.advisory-list small{color:var(--paper-dim);font:7px/1 var(--font-mono);margin-top:2px;display:block}.shortcut-toggle{color:var(--paper-dim);font:8px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--hairline);cursor:pointer;background:0 0;border-radius:99px;align-items:center;gap:6px;padding:5px 11px;transition:color .15s,border-color .15s;display:inline-flex}.shortcut-toggle:hover{color:var(--acid);border-color:#dfff3f66}.shortcut-sheet{z-index:40;border:1px solid var(--hairline-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#10110ef7;border-radius:13px;width:min(310px,100vw - 44px);padding:15px 17px 17px;position:fixed;bottom:22px;right:22px;box-shadow:0 30px 90px #0009}.shortcut-sheet>div{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.shortcut-sheet h4{color:var(--paper);font:650 10px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0}.shortcut-sheet>div button{width:22px;height:22px;color:var(--paper-dim);border:1px solid var(--hairline);cursor:pointer;background:0 0;border-radius:6px;font-size:15px;line-height:1}.shortcut-sheet>div button:hover{color:var(--paper)}.shortcut-sheet dl{grid-template-columns:auto minmax(0,1fr);gap:7px 12px;margin:0;display:grid}.shortcut-sheet dt{color:var(--acid);font:8px/1.4 var(--font-mono);white-space:nowrap}.shortcut-sheet dd{color:var(--paper-soft);font:8px/1.4 var(--font-sans);margin:0}.arrangement-note{color:var(--paper-dim);font:7px/1.55 var(--font-mono);justify-content:space-between;align-items:center;gap:12px;margin:11px 18px 0;display:flex}.arrangement-note strong{color:var(--paper-soft);font-weight:650}.audio-engine-badge{border:1px solid var(--hairline);white-space:nowrap;border-radius:99px;flex:none;align-items:center;gap:6px;padding:5px 8px;display:inline-flex}.audio-engine-badge i{background:var(--paper-dim);border-radius:50%;width:6px;height:6px}.audio-engine-badge.loading i{background:var(--amber);animation:1s infinite status-pulse}.audio-engine-badge.sampled{color:var(--mint);border-color:#5ff0bd2e}.audio-engine-badge.sampled i{background:var(--mint);box-shadow:0 0 9px #5ff0bdb3}.audio-engine-badge.fallback{color:#ff9faf;border-color:#ff4d6733}.audio-engine-badge.fallback i{background:var(--signal)}.round-play-button{width:40px;height:40px;color:var(--ink);background:var(--acid);border-radius:50%;flex:0 0 40px}.round-play-button.paused{background:var(--mint)}.visualizer-frame{border:1px solid var(--hairline);background:#080907;border-radius:11px;height:320px;margin:16px 18px 0;overflow:hidden}.visualizer-frame canvas{width:100%;height:100%;display:block}.bug-cue-banner{background:linear-gradient(100deg,#ff4d6729,#400f171a);border:1px solid #ff4d676b;border-radius:10px;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;min-height:57px;margin:10px 18px 0;padding:9px 10px;animation:.18s ease-out bug-in;display:grid;box-shadow:0 0 26px #ff4d6714}.bug-cue-icon{color:#fff;background:var(--signal);border-radius:50%;place-items:center;width:30px;height:30px;animation:.58s infinite status-pulse;display:grid;box-shadow:0 0 0 5px #ff4d6714,0 0 18px #ff4d6775}.bug-cue-banner div{gap:4px;min-width:0;display:grid}.bug-cue-banner div strong{color:#ffbac5;font-size:9px}.bug-cue-banner div small{color:#a98289;font:7px/1.45 var(--font-mono);overflow-wrap:anywhere;white-space:normal}.bug-cue-pause{color:#ffd4db;min-height:31px;font:700 7px/1 var(--font-mono);white-space:nowrap;background:#ff4d671a;border:1px solid #ff4d674d;border-radius:8px;padding:6px 9px}@keyframes bug-in{0%{opacity:0;transform:translateY(-5px)}}.composition-stats{border:1px solid var(--hairline);background:var(--hairline);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:1px;margin:13px 18px 0;display:grid;overflow:hidden}.composition-stats>div{text-align:center;background:#080907e6;align-content:center;place-items:center;min-width:0;min-height:67px;padding:9px;display:grid}.composition-stats strong{max-width:100%;color:var(--acid);letter-spacing:-.04em;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(14px,1.2vw,20px);line-height:1;overflow:hidden}.composition-stats strong small{color:var(--paper-dim);margin-left:2px;font-size:8px}.composition-stats span{color:var(--paper-dim);font:650 7px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;margin-top:7px}.track-list{gap:5px;padding:12px 18px 0;display:grid}.track-row{background:#080907a3;border:1px solid #f1f0e713;border-radius:8px;grid-template-columns:8px minmax(90px,1fr) auto 62px;align-items:center;gap:9px;min-height:43px;padding:8px 9px;transition:transform .18s,border-color .18s,background .18s;display:grid}.track-row.active{background:#dfff3f0b;border-color:#dfff3f59;transform:translate(3px)}.track-swatch{border-radius:50%;width:7px;height:7px}.track-row strong,.track-row small{display:block}.track-row strong{font-size:9px;font-weight:650}.track-row small{color:var(--paper-dim);font:6.5px/1 var(--font-mono);margin-top:3px}.track-count{color:var(--paper-dim);font:7px/1 var(--font-mono)}.track-meter{background:#050604;border-radius:99px;width:62px;height:4px;display:block;overflow:hidden}.track-meter i{border-radius:inherit;max-width:100%;height:100%;display:block}.semantic-review{width:100%}.semantic-review:before{content:"";background:linear-gradient(90deg, var(--signal), var(--violet), transparent 75%);height:2px;position:absolute;inset:0 0 auto}.semantic-review.is-clean:before{background:linear-gradient(90deg, var(--mint), var(--acid), transparent 75%)}.review-heading{border-bottom:1px solid var(--hairline);grid-template-columns:38px 1fr auto;align-items:center;gap:12px;min-height:78px;padding:15px 18px;display:grid}.ai-orb{border-radius:50%;width:38px;height:38px}.review-heading>div>span,.review-action>span,.musical-explanation>span{color:var(--paper-dim);font:650 7px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.12em}.review-heading h3{margin-top:5px;font-size:18px}.risk-pill.critical,.risk-pill.high{color:#ff9daf;background:#ff4d6712;border-color:#ff4d6738}.risk-pill.medium{color:#ffd383;background:#ffbf4712;border-color:#ffbf4733}.risk-pill.low,.risk-pill.diff{color:#a8bdff;background:#4b76ff12;border-color:#4b76ff38}.risk-pill.clean{color:var(--mint);background:#5ff0bd12;border-color:#5ff0bd33}.review-body{grid-template-columns:1.05fr 1fr 1fr;display:grid}.review-body>div{min-width:0;padding:19px}.review-body>div+div{border-left:1px solid var(--hairline)}.review-copy>p,.musical-explanation p,.review-action p{color:var(--paper-soft);margin:0;font-size:10px;line-height:1.65}.finding-tabs{flex-wrap:wrap;gap:6px;margin-top:13px;display:flex}.finding-tabs button{border:1px solid var(--hairline);color:var(--paper-dim);cursor:pointer;background:#f1f0e705;border-radius:7px;padding:7px 8px;font-size:7px}.finding-tabs button.active{color:#ffb4c1;background:#ff4d6712;border-color:#ff4d6752}.musical-explanation p,.review-action p{margin-top:9px}.musical-explanation>strong{color:var(--acid-soft);margin-top:12px;font-size:11px;font-weight:480;display:block}.bug-listen-guide{border-left:2px solid var(--signal);background:#ff4d670d;gap:4px;margin-top:12px;padding:10px;display:grid}.bug-listen-guide span{color:#ff91a3;font:700 6px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.11em}.bug-listen-guide strong{color:#ffd0d7;font-size:9px}.bug-listen-guide small{color:#9c7e83;font:7px/1.45 var(--font-mono)}.review-action{flex-direction:column;align-items:flex-start;display:flex}.review-action button{width:100%;min-height:39px;color:var(--ink);background:var(--acid);border-radius:8px;margin-top:auto;padding:8px 11px;font-size:9px;font-weight:720}.diff-review:before{background:linear-gradient(90deg, var(--mint), var(--cobalt), var(--signal), transparent 84%)}.diff-totals>div{grid-template-columns:auto 1fr auto 1fr;align-items:baseline;gap:8px;margin-top:14px;display:grid}.diff-totals strong{font-size:19px}.diff-totals span{color:var(--paper-dim);font:6px/1 var(--font-mono);text-transform:uppercase}.added-count{color:var(--mint)}.deleted-count{color:var(--signal)}.manifesto-section{z-index:2;width:min(1240px,100% - 48px);margin:0 auto;padding:190px 0;position:relative}.manifesto-copy{color:var(--paper);letter-spacing:-.065em;text-wrap:balance;margin:0;font-size:clamp(46px,6.5vw,104px);font-weight:590;line-height:1.02}.reveal-word{opacity:.1}.system-section{padding:120px 0 170px}.system-heading{margin-bottom:92px}.stack-cards{gap:120px;padding-bottom:130px;display:grid}.stack-card{border:1px solid var(--hairline);background:var(--ink-soft);border-radius:20px;grid-template-columns:60px minmax(0,560px) auto;align-items:end;gap:30px;min-height:500px;padding:48px;display:grid;position:sticky;overflow:hidden;box-shadow:0 50px 100px #00000080}.stack-card-image{background-position:50%;background-size:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .8s;position:absolute;inset:0}.stack-card:hover .stack-card-image{filter:saturate(1.2);transform:scale(1.035)}.stack-card>span,.stack-card>div:not(.stack-card-image),.stack-card>svg{z-index:2;position:relative}.stack-card>span{color:var(--acid);font:600 10px/1 var(--font-mono);align-self:start}.stack-card h3{letter-spacing:-.06em;max-width:620px;margin:0;font-size:clamp(42px,5vw,76px);font-weight:590;line-height:.96}.stack-card p{max-width:560px;color:var(--paper-soft);margin:24px 0 0;font-size:14px;line-height:1.65}.stack-card>svg{color:var(--acid);justify-self:end}.mapping-section{padding:90px 0 180px}.compact-heading{grid-template-columns:1fr 2fr}.compact-heading>p{display:none}.mapping-accordions{gap:8px;height:590px;display:flex}.mapping-panel{border:1px solid var(--hairline);min-width:98px;color:var(--paper);cursor:pointer;text-align:left;background-position:50%;background-size:cover;border-radius:16px;flex:1 1 0;align-items:flex-end;padding:24px;transition:flex .65s cubic-bezier(.2,.8,.2,1),transform .35s,filter .35s,border-color .35s;display:flex;position:relative;overflow:hidden}.mapping-panel:hover{filter:saturate(1.15);border-color:#dfff3f52;transform:translateY(-5px)}.mapping-panel.active{flex:5 1 0}.mapping-index{color:var(--acid);font:600 9px/1 var(--font-mono);position:absolute;top:22px;left:22px}.mapping-panel>div{transform-origin:0 100%;width:min(480px,80vw);transition:transform .55s cubic-bezier(.2,.8,.2,1);transform:rotate(-90deg)translateY(2px)}.mapping-panel.active>div{transform:rotate(0)}.mapping-panel>div>span{color:var(--acid);font:650 8px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.12em}.mapping-panel h3{letter-spacing:-.055em;margin:10px 0 0;font-size:clamp(34px,4vw,62px);font-weight:600;line-height:1}.mapping-panel p{opacity:0;max-width:460px;max-height:0;color:var(--paper-soft);margin:0;font-size:13px;line-height:1.55;transition:max-height .5s .1s,margin .5s .1s,opacity .35s .2s;overflow:hidden}.mapping-panel.active p{opacity:1;max-height:100px;margin-top:16px}.listening-section{padding:60px 0 190px}.listening-header{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;padding-bottom:24px;display:flex}.listening-header>div{gap:7px;display:flex}.listening-header button{border:1px solid var(--hairline);width:42px;height:42px;color:var(--paper);cursor:pointer;background:0 0;border-radius:50%;place-items:center;transition:color .2s,border-color .2s,transform .2s;display:grid}.listening-header button:hover{color:var(--acid);border-color:var(--acid);transform:translateY(-2px)}.listening-card{grid-template-rows:1fr auto;grid-template-columns:90px minmax(0,1.3fr) minmax(260px,.7fr);align-items:start;gap:46px;min-height:460px;padding:70px 0 0;animation:.45s cubic-bezier(.2,.8,.2,1) listening-in;display:grid}.listening-card>svg{color:var(--acid)}.listening-card blockquote{letter-spacing:-.06em;margin:0;font-size:clamp(40px,5vw,76px);font-weight:580;line-height:.98}.listening-card p{color:var(--paper-soft);margin:7px 0 0;font-size:15px;line-height:1.7}.listening-card>span{border-top:1px solid var(--hairline);color:var(--paper-dim);font:650 8px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.12em;grid-column:2/4;padding-top:22px}@keyframes listening-in{0%{opacity:0;transform:translate(20px)}}.finale-section{z-index:2;min-height:700px;color:var(--ink);background:var(--acid);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:100px 24px;display:flex;position:relative}.finale-section h2{letter-spacing:-.075em;margin:30px 0 0;font-size:clamp(50px,7.5vw,112px);font-weight:650;line-height:.9}.finale-section p{max-width:580px;margin:26px auto 0;font-size:15px;line-height:1.6}.finale-section>a{color:var(--paper);background:var(--ink);margin-top:34px}.app-footer{z-index:2;width:min(1500px,100% - 48px);min-height:110px;color:var(--paper-dim);font:7px/1.5 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin:0 auto;display:grid;position:relative}.app-footer>span:last-child{justify-self:end}.footer-brand{font:700 12px/1 var(--font-sans);text-transform:none;letter-spacing:-.03em}.footer-brand .app-brand-mark{border-radius:9px;width:30px;height:30px}@media (max-width:1180px){.section-heading{grid-template-columns:.6fr 1.5fr}.section-heading>p{grid-column:2}.bento-source,.bento-score{grid-area:span 2/span 12}.structure-card .structure-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.structure-card .structure-functions{grid-template-columns:minmax(0,1fr)}.visualizer-frame{height:380px}.stack-card{min-height:440px}.listening-card{grid-template-columns:60px 1fr}.listening-card p,.listening-card>span{grid-column:2}}@media (max-width:820px){.app-header{grid-template-columns:1fr auto;width:calc(100% - 28px);top:14px}.app-nav{display:none}.header-status{max-width:210px}.hero{padding:150px 16px 70px}.hero h1{font-size:clamp(3rem,13vw,6rem);line-height:.94}.hero-music-mark{width:.7em;height:.65em;margin-left:.08em}.hero-visual{width:calc(100vw - 28px);height:520px;margin-top:72px}.hero-visual figcaption{grid-template-columns:1fr 1fr}.hero-visual figcaption strong{display:none}.studio-section,.system-section,.mapping-section,.listening-section{width:calc(100% - 28px)}.studio-section{padding-top:110px}.section-heading{display:block}.section-heading h2{margin-top:20px}.section-heading>p{margin-top:22px}.studio-bento{box-shadow:none;background:0 0;padding:0;display:block;overflow:visible}.workbench{gap:10px;display:grid}.work-card,.semantic-review{border:1px solid var(--hairline);border-radius:14px}.bento-review{margin-top:10px}.review-body{grid-template-columns:1fr}.review-body>div+div{border-top:1px solid var(--hairline);border-left:0}.review-action button{margin-top:22px}.manifesto-section{width:calc(100% - 28px);padding:130px 0}.stack-cards{gap:70px}.stack-card{grid-template-columns:1fr auto;min-height:540px;padding:28px}.stack-card>span{grid-column:1/3}.stack-card>div:not(.stack-card-image){align-self:end}.mapping-accordions{height:auto;display:grid}.mapping-panel,.mapping-panel.active{flex:none;min-height:170px}.mapping-panel>div,.mapping-panel.active>div{transform:none}.mapping-panel p,.mapping-panel.active p{opacity:1;max-height:100px;margin-top:12px}.listening-card{grid-template-columns:1fr;gap:24px;min-height:410px;padding-top:45px}.listening-card p,.listening-card>span{grid-column:1}.app-footer{grid-template-columns:1fr auto}.app-footer>span:last-child{display:none}}@media (max-width:560px){.app-header{min-height:54px;padding:8px 10px}.app-brand>span:last-child{display:none}.header-status{max-width:72vw}.hero{min-height:auto;padding-top:132px}.hero-actions{flex-direction:column}.primary-cta,.secondary-cta{width:100%}.hero-visual{border-radius:14px;height:420px}.section-heading h2{font-size:42px}.code-editor-frame,.diff-editor-frame{margin-left:10px;margin-right:10px}.code-editor-grid,.diff-editor-frame{height:380px}.diff-editor-frame{grid-template-columns:1fr;height:640px}.example-picker,.music-controls{padding-left:10px;padding-right:10px}.style-picker,.style-picker select,.sonify-button,.utility-button{width:100%}.pause-button,.stop-button{flex:1}.arrangement-note{flex-direction:column;align-items:flex-start;margin-left:10px;margin-right:10px}.visualizer-frame{height:260px;margin-left:10px;margin-right:10px}.bug-cue-banner{grid-template-columns:30px 1fr;margin-left:10px;margin-right:10px}.bug-cue-pause{grid-column:1/3}.composition-stats{margin-left:10px;margin-right:10px}.track-list{padding-left:10px;padding-right:10px}.track-row{grid-template-columns:7px minmax(70px,1fr) auto}.track-meter{display:none}.review-heading{grid-template-columns:36px 1fr}.risk-pill{grid-column:1/3;justify-self:start}.manifesto-copy{font-size:42px}.stack-card{min-height:470px}.stack-card h3{font-size:40px}.mapping-panel,.mapping-panel.active{min-height:200px}.mapping-section,.listening-section{padding-bottom:120px}.listening-card blockquote{font-size:40px}.finale-section{min-height:580px}.finale-section h2{font-size:52px}.app-footer{width:calc(100% - 28px)}}@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}.reveal-word{opacity:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}