@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap";.app-shell{height:100svh;display:grid;grid-template-rows:76px minmax(0,1fr);padding:0 clamp(24px,4vw,64px);overflow:visible}.intro-loader{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border:0;border-radius:0;background:#fff;cursor:pointer;transition:opacity .5s ease,visibility .5s ease}.intro-loader-leaving{opacity:0;visibility:hidden}.intro-mark{width:min(440px,68vw);overflow:hidden;animation:mark-reveal .9s cubic-bezier(.22,1,.36,1) both}.intro-mark img{width:100%;display:block}.intro-progress{position:absolute;left:50%;bottom:12vh;width:min(220px,42vw);height:2px;transform:translate(-50%);background:#e8e3d9;overflow:hidden}.intro-progress i{display:block;width:100%;height:100%;background:var(--gold);transform-origin:left;animation:loader-progress 1.8s cubic-bezier(.65,0,.35,1) both}.studio-header{z-index:10;display:grid;grid-template-columns:230px 1fr 230px;align-items:center;min-width:0}.brand-home{width:210px;height:56px;padding:0;border:0;background:transparent;cursor:pointer}.brand-home img{width:100%;height:100%;display:block;object-fit:contain}.header-note{justify-self:end;color:var(--muted);font-size:clamp(.74rem,.9vw,.9rem);font-weight:700;text-transform:uppercase;letter-spacing:.16em}.header-tools{justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:18px;min-width:0}.source-tabs{justify-self:center;display:flex;align-items:center;gap:clamp(18px,3vw,42px)}.source-tab{position:relative;min-height:44px;padding:0;border:0;background:transparent;color:#8a8882;cursor:pointer;font-size:clamp(.82rem,1vw,1rem);font-weight:650;letter-spacing:0;transition:color .18s ease}.source-tab:hover,.source-tab-active{color:var(--ink)}.source-menu{min-height:0;display:grid;grid-template-columns:minmax(440px,.88fr) minmax(480px,1.12fr);align-items:stretch;overflow:visible;animation:screen-enter .7s cubic-bezier(.22,1,.36,1) both}.menu-copy{z-index:2;align-self:center;padding:0 0 5vh clamp(0px,2vw,28px)}.menu-copy>p,.section-heading span{margin:0 0 14px;color:var(--gold-dark);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em}.menu-copy h1{margin:0 0 4vh;font-family:var(--font-display);font-size:clamp(2rem,3.2vw,3.7rem);font-weight:400;line-height:.96;letter-spacing:0}.menu-options{display:grid;max-width:680px}.menu-options button{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:baseline;min-height:92px;padding:6px 0;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.menu-number{color:#a6a29a;font-size:.68rem;font-weight:600;transition:color .22s ease}.menu-label{font-family:var(--font-display);font-size:clamp(2.55rem,4.7vw,5.15rem);line-height:.9;letter-spacing:0;transition:color .22s ease,transform .35s cubic-bezier(.22,1,.36,1)}.menu-detail{color:#85827c;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;transition:color .22s ease,transform .35s cubic-bezier(.22,1,.36,1)}.menu-options button:hover .menu-label,.menu-options button:focus-visible .menu-label{color:var(--gold-dark);transform:translate(12px)}.menu-options button:hover .menu-number,.menu-options button:hover .menu-detail,.menu-options button:focus-visible .menu-number,.menu-options button:focus-visible .menu-detail{color:var(--ink)}.menu-options button:hover .menu-detail,.menu-options button:focus-visible .menu-detail{transform:translate(-8px)}.instrument-stage{position:relative;min-width:0;overflow:visible;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer}.instrument-stage img{position:absolute;top:50%;left:-6%;width:clamp(820px,72vw,1380px);max-width:none;max-height:none;height:auto;display:block;transform-origin:center;transform:translateY(-52%) rotate(-9deg);filter:saturate(.72) contrast(1.04);pointer-events:none;animation:guitar-arrive 1.1s cubic-bezier(.22,1,.36,1) .18s both}.workspace{position:relative;min-height:0;display:grid;grid-template-columns:minmax(320px,.72fr) minmax(520px,1.28fr);align-items:center;gap:clamp(32px,7vw,112px);overflow:visible;animation:screen-enter .6s cubic-bezier(.22,1,.36,1) both}.workspace-index{position:absolute;top:6%;left:0;color:#e7e2d8;font-family:var(--font-display);font-size:clamp(8rem,15vw,17rem);line-height:1;transform-origin:center;pointer-events:none}.workspace-guitar{position:absolute;inset:0 auto 0 0;width:48%;overflow:visible;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;transform-origin:center}.workspace-guitar img{position:absolute;top:57%;left:52%;width:clamp(580px,48vw,760px);max-width:none;max-height:none;height:auto;display:block;transform-origin:center;transform:translate(-50%,-50%) rotate(-12deg);filter:saturate(.62) contrast(1.04);pointer-events:none}.workspace-content{grid-column:2;align-self:stretch;display:grid;align-items:center;transform-origin:center}.input-section{z-index:2;width:min(100%,680px);display:grid;align-content:center;gap:clamp(24px,4vh,42px);padding:0 clamp(0px,2vw,28px) 4vh 0}.section-heading{display:grid}.section-heading h1{margin:0;font-family:var(--font-display);font-size:clamp(3.6rem,7vw,7.6rem);font-weight:400;line-height:.88;letter-spacing:0}.form-stack{display:grid;gap:18px;width:min(100%,590px)}.field{display:grid;gap:8px}.field-label{color:var(--muted);font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.text-input{width:100%;min-height:58px;border:0;border-radius:0;background:transparent;color:var(--ink);outline:2px solid transparent;outline-offset:2px;padding:0;font-size:clamp(1rem,1.5vw,1.18rem);transition:color .18s ease,outline-color .18s ease}.text-input:hover{color:var(--gold-dark)}.text-input:focus{outline-color:var(--gold)}.custom-select{position:relative;width:min(100%,590px)}.custom-select-trigger,.custom-select-option{width:100%;min-height:42px;padding:0 18px;border:0;border-radius:0;background:transparent;color:var(--ink);cursor:pointer;text-align:left;font-size:.92rem}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:18px}.custom-select-trigger i{width:8px;height:8px;flex:0 0 auto;border-right:1px solid currentColor;border-bottom:1px solid currentColor;rotate:45deg;translate:0 -2px;opacity:.72}.custom-select-menu{position:absolute;z-index:80;top:calc(100% + 8px);left:0;width:min(100%,590px);padding:8px 0;background:#f8f7f3fa;box-shadow:0 18px 48px #1616161f}.custom-select-option{position:relative;min-height:38px;color:#77736b}.custom-select-option:hover,.custom-select-option[aria-selected=true]{color:var(--ink)}.file-row,.live-controls,.report-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.primary-action,.secondary-action{position:relative;min-height:42px;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);cursor:pointer;font-size:.82rem;font-weight:650;letter-spacing:0;transition:color .18s ease,transform .18s ease}.secondary-action{color:var(--muted)}.primary-action:after,.secondary-action:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:currentColor;transform-origin:left;scale:.42 1;transition:scale .22s ease}.primary-action:hover,.secondary-action:hover{color:var(--gold-dark)}.primary-action:hover:after,.secondary-action:hover:after{scale:1 1}.primary-action:active,.secondary-action:active{transform:translateY(1px)}.primary-action:disabled{color:#9a9790;cursor:default;transform:none}.primary-action:disabled:after{scale:0 1}.file-summary,.live-status,.report-actions span{color:var(--muted);font-size:.82rem;line-height:1.45}.form-error{margin:0;color:var(--error)!important;font-size:.82rem;line-height:1.4}.progress-meter{display:grid;gap:10px;padding:4px 0}.progress-copy{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;color:var(--muted);font-size:.74rem}.progress-copy span{white-space:nowrap}.progress-copy span:first-child{overflow:hidden;text-overflow:ellipsis}.progress-track{height:2px;background:#dedad2;overflow:hidden}.progress-track div{width:34%;height:100%;background:var(--gold);animation:analysis-progress 1.5s ease-in-out infinite}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.live-section{width:min(100%,740px)}.fretboard{display:grid;gap:9px;padding:6px 0}.fretboard-string{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;color:var(--muted);font-size:.76rem}.fretboard-line{position:relative;height:19px;border-top:1px solid #cbc6bc}.fretboard-line i{position:absolute;top:-5px;bottom:0;width:1px;background:#e1ddd5}.fretboard-line i:nth-child(1){left:8.33%}.fretboard-line i:nth-child(2){left:16.66%}.fretboard-line i:nth-child(3){left:25%}.fretboard-line i:nth-child(4){left:33.33%}.fretboard-line i:nth-child(5){left:41.66%}.fretboard-line i:nth-child(6){left:50%}.fretboard-line i:nth-child(7){left:58.33%}.fretboard-line i:nth-child(8){left:66.66%}.fretboard-line i:nth-child(9){left:75%}.fretboard-line i:nth-child(10){left:83.33%}.fretboard-line i:nth-child(11){left:91.66%}.fretboard-line i:nth-child(12){left:100%}.fretboard-line b{position:absolute;top:-12px;transform:translate(-50%);min-width:18px;color:var(--gold-dark);font-size:.78rem;text-align:center}.report{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(20px,3vh,38px);padding:20px 0 34px;animation:screen-enter .6s cubic-bezier(.22,1,.36,1) both}.report-header{display:flex;justify-content:space-between;align-items:end;gap:32px}.report-identity{min-width:0}.report-identity p{margin:0 0 9px;color:var(--gold-dark);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em}.report-identity h1{margin:0;max-width:min(72vw,1040px);overflow:hidden;font-family:var(--font-display);font-size:clamp(2.4rem,4.7vw,5.6rem);font-weight:400;line-height:.9;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.report-identity>span{display:block;margin-top:9px;color:var(--muted);font-size:.72rem}.report-new{flex:0 0 auto;min-height:42px;padding:0;border:0;background:transparent;color:var(--ink);cursor:pointer;font-size:.75rem;font-weight:650}.report-new:hover{color:var(--gold-dark)}.report-body{min-height:0;display:grid;grid-template-columns:minmax(210px,.28fr) minmax(0,1.72fr);gap:clamp(38px,6vw,96px)}.report-summary{min-height:0;display:grid;align-content:start;gap:clamp(24px,4vh,42px);padding:10px 0 3vh}.report-view-nav{display:grid;gap:14px}.report-view-nav button{width:max-content;max-width:100%;min-height:30px;padding:0;border:0;border-radius:0;background:transparent;color:var(--muted);cursor:pointer;font-size:clamp(.8rem,1vw,.96rem);font-weight:750;letter-spacing:.1em;text-align:left;text-transform:uppercase}.report-view-nav button:hover,.report-view-nav .report-view-active{color:var(--ink)}.report-metrics{display:grid;grid-template-columns:repeat(2,minmax(80px,1fr));gap:clamp(20px,3vh,34px) 22px;margin:0}.report-metrics-full{grid-template-columns:repeat(3,minmax(120px,1fr));gap:clamp(24px,4vh,42px) clamp(24px,4vw,70px)}.report-metrics div{min-width:0}.report-metrics dt{margin-bottom:6px;color:#8a877f;font-size:.59rem;font-weight:700;text-transform:uppercase;letter-spacing:.11em}.report-metrics dd{margin:0;overflow:hidden;font-size:.84rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.playback-controls{display:grid;grid-template-columns:max-content minmax(120px,1fr);align-items:center;gap:10px 18px;min-width:0}.playback-controls>button{position:relative;min-width:54px;min-height:36px;border:0;border-radius:0;background:transparent;color:var(--ink);cursor:pointer;font-size:.76rem;font-weight:650}.playback-controls>button:hover{color:var(--gold-dark)}.playback-controls>button:disabled{color:#99958e;cursor:default}.playback-time{display:flex;justify-content:space-between;min-width:0;gap:18px;color:var(--muted);font-size:.68rem}.playback-time span{min-width:34px;white-space:nowrap}.playback-controls input[type=range]{grid-column:1 / -1;width:100%;height:2px;margin:0;accent-color:var(--gold-dark);cursor:pointer}.playback-controls .form-error{grid-column:1 / -1}.artifact-links{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:clamp(18px,3vh,34px) clamp(24px,4vw,70px)}.artifact-links a{display:grid;gap:7px;position:relative;color:var(--ink);font-size:clamp(.92rem,1.2vw,1.12rem);font-weight:700;text-decoration:none}.artifact-links a span{text-transform:uppercase;letter-spacing:.1em}.artifact-links a small{color:var(--muted);font-size:.74rem;font-weight:500;line-height:1.45}.artifact-links a:hover{color:var(--gold-dark)}.account-menu{position:relative;min-width:0}.account-trigger,.account-link{border:0;border-radius:0;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:clamp(.74rem,.9vw,.9rem);font-weight:700;letter-spacing:.1em;padding:0;text-transform:uppercase}.account-trigger{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-trigger:hover,.account-link:hover{color:var(--gold-dark)}.auth-overlay{position:fixed;z-index:1200;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#1616163d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-modal{position:relative;width:min(410px,100%);max-height:calc(100vh - 48px);overflow-y:auto;overflow-x:hidden;display:grid;gap:18px;padding:30px 34px 32px;background:#fffffdfa;border-radius:8px;box-shadow:0 30px 90px #16161633}.auth-modal::-webkit-scrollbar,.custom-sheet::-webkit-scrollbar{width:4px;height:0!important}.auth-modal::-webkit-scrollbar-button,.custom-sheet::-webkit-scrollbar-button{display:none;width:0;height:0}.auth-modal::-webkit-scrollbar-track,.custom-sheet::-webkit-scrollbar-track{background:transparent}.auth-modal::-webkit-scrollbar-thumb,.custom-sheet::-webkit-scrollbar-thumb{background:#8d692c52;border-radius:999px}.auth-modal::-webkit-scrollbar-corner,.custom-sheet::-webkit-scrollbar-corner{background:transparent;display:none}.auth-modal{scrollbar-width:thin;scrollbar-color:rgba(141,105,44,.32) transparent}.auth-close{position:absolute;top:22px;right:26px;justify-self:end;min-height:30px;padding:0;border:0;border-radius:0;background:transparent;color:#77736b;cursor:pointer;font-size:.72rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.auth-close:hover{color:var(--gold-dark)}.auth-header{display:grid;justify-items:center;gap:8px;padding:2px 34px 0;text-align:center}.auth-header img{width:122px;height:auto;display:block}.auth-header span,.auth-switch button{color:var(--gold-dark);font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.auth-switch{display:flex;justify-content:center;gap:28px;margin-top:2px}.auth-switch button{min-height:32px;padding:0;border:0;border-radius:0;background:transparent;color:var(--muted);cursor:pointer}.auth-switch button:hover,.auth-switch .auth-active{color:var(--ink)}.auth-form{display:grid;gap:14px}.auth-form .text-input{min-height:48px;padding:0 15px;background:#f1efea;border-radius:7px;font-size:.95rem}.auth-form .primary-action{justify-self:center;margin-top:4px}.auth-actions{display:grid;gap:14px;justify-items:stretch;padding-top:2px}.auth-google{min-height:46px;display:flex;align-items:center;justify-content:center;gap:11px;border:0;border-radius:7px;background:#f1efea;color:var(--ink);cursor:pointer;font-size:.82rem;font-weight:750;letter-spacing:.04em;transition:background-color .18s ease,color .18s ease,transform .18s ease}.auth-google svg{width:18px;height:18px;flex:0 0 auto}.auth-google:hover{background:#e9e5dc;color:var(--gold-dark)}.auth-google:active{transform:translateY(1px)}.auth-secondary-actions{display:flex;justify-content:center;gap:22px}.auth-secondary-actions .account-link{font-size:.68rem;letter-spacing:.09em}.auth-status,.auth-modal p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.45}.account-identity,.history-list{display:grid;gap:10px;padding:0 18px}.account-identity>span,.history-list>span{overflow:hidden;color:var(--ink);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.history-item{display:grid;gap:4px}.history-item strong{overflow:hidden;color:var(--ink);font-size:.86rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.history-item small{color:var(--muted);font-size:.68rem}.report-stage{min-height:0;min-width:0;display:grid;overflow:hidden}.report-view{min-height:0;min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(16px,3vh,28px);overflow:hidden}.output-view,.metrics-view{align-content:start}.score-header{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.64rem;font-weight:650;text-transform:uppercase;letter-spacing:.12em}.score-header a{color:var(--muted);text-decoration:none}.score-header a:hover{color:var(--gold-dark)}.score-viewport{position:relative;min-height:260px;display:grid;grid-template-columns:34px minmax(0,1fr);overflow:hidden}.playback-string-labels{position:relative;min-width:0;color:var(--muted);font-size:.76rem;font-weight:650}.playback-string-labels span{position:absolute;right:12px}.playback-track-window{position:relative;min-width:0;overflow:hidden}.sheet-preview{min-height:0;margin:0;overflow:auto;background:#fff;box-shadow:0 26px 80px #16161614}.sheet-preview img{width:100%;min-width:720px;height:auto;display:block}.custom-sheet{min-height:0;min-width:0;width:100%;max-width:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;display:grid;gap:clamp(14px,2.4vh,24px);padding:clamp(8px,2vw,20px) 14px clamp(8px,2vw,20px) 0;scrollbar-width:thin;scrollbar-color:rgba(141,105,44,.32) transparent;scrollbar-gutter:stable}.sheet-row{display:grid;grid-template-columns:58px minmax(0,1fr);gap:22px;align-items:center;min-width:0;max-width:100%;overflow:visible}.sheet-row-meta{display:grid;gap:6px;color:var(--muted)}.sheet-row-meta span{color:var(--gold-dark);font-family:var(--font-display);font-size:clamp(2rem,3vw,3.5rem);line-height:.9}.sheet-row-meta small{font-size:.68rem}.sheet-staff{position:relative;height:168px;min-width:0;max-width:100%;overflow:visible}.sheet-string{position:absolute;left:0;right:0;height:1px;background:#c9c3b8}.sheet-string span{position:absolute;left:-18px;top:-9px;color:var(--muted);font-size:.78rem;font-weight:650}.sheet-bar{position:absolute;top:0;bottom:10%;width:1px;background:#a7a197}.sheet-note{position:absolute;display:grid;place-items:center;min-width:20px;height:22px;translate:-50% -50%;background:var(--canvas);color:var(--ink);font-size:.82rem;font-weight:800;line-height:1}.guess-performance{display:grid;align-content:start;grid-template-rows:auto minmax(0,1fr);gap:clamp(16px,3vh,28px);min-height:0;overflow:hidden}.guess-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.guess-actions span{color:var(--muted);font-size:.82rem}.empty-view{display:grid;align-content:center;justify-items:start;min-height:260px;gap:10px;color:var(--muted)}.empty-view strong{color:var(--ink);font-size:clamp(1.8rem,3vw,3.4rem);font-family:var(--font-display);font-weight:400}.empty-view p{max-width:440px;margin:0;line-height:1.55}.playhead{position:absolute;z-index:3;top:36px;bottom:22px;width:2px;background:var(--gold)}.score-track{position:absolute;top:0;left:0;height:260px;transform-origin:left top;transition:transform .1s linear}.score-svg{display:block;width:100%;height:260px;overflow:visible}.measure-line{stroke:#e3dfd7;stroke-width:1}.string-line{stroke:#c1bcb2;stroke-width:1}.measure-label,.string-label{fill:#7b7770;font-family:var(--font-sans);font-size:11px}.note-mask{fill:var(--canvas)}.active-note-box{fill:none;stroke:var(--gold-dark);stroke-width:1.5}.note-text{fill:var(--ink);font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:12px;font-weight:650;text-anchor:middle}.active-note-text{fill:var(--gold-dark)}.visual-calibrator{position:fixed;z-index:1000;width:340px;max-height:calc(100vh - 120px);overflow:auto;padding:16px;background:#fff;box-shadow:0 24px 70px #16161629;color:#171717;font-family:var(--font-sans);font-size:.72rem}.calibrator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;cursor:move;-webkit-user-select:none;user-select:none}.calibrator-header strong{font-size:.8rem}.calibrator-header button,.calibrator-scenes button,.calibrator-actions button{min-height:30px;padding:0;border:0;border-radius:0;background:transparent;color:#171717;cursor:pointer;font-size:.68rem;font-weight:600;text-align:left}.calibrator-header button:hover,.calibrator-scenes button:hover,.calibrator-actions button:hover{color:var(--gold-dark)}.calibrator-scenes{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:14px}.calibrator-select{display:grid;gap:6px;margin-bottom:16px}.calibrator-select span,.calibrator-control>span{color:#6c6963;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.calibrator-select .custom-select,.calibrator-select .custom-select-menu{width:100%}.calibrator-select .custom-select-trigger,.calibrator-select .custom-select-option{min-height:32px;font-size:.72rem}.calibrator-controls{display:grid;gap:12px}.calibrator-control{display:grid;grid-template-columns:62px 1fr 66px;align-items:center;gap:8px}.calibrator-control input[type=range]{min-width:0;accent-color:var(--gold-dark)}.calibrator-control input[type=number]{width:66px;min-height:30px;border:0;border-radius:0;background:#f4f2ed;padding:0 6px}.calibrator-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:16px}@keyframes mark-reveal{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes loader-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes analysis-progress{0%{transform:translate(-110%)}to{transform:translate(295%)}}@keyframes screen-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes guitar-arrive{0%{opacity:0;transform:translate(11%,-52%) rotate(-9deg)}to{opacity:1;transform:translateY(-52%) rotate(-9deg)}}@media (max-width: 980px){.app-shell{grid-template-rows:68px minmax(0,1fr);padding:0 24px}.studio-header{grid-template-columns:150px 1fr}.brand-home{width:136px}.header-note{display:none}.header-tools{gap:0}.source-tabs{justify-self:end;gap:20px}.source-menu{grid-template-columns:minmax(360px,.9fr) minmax(280px,1.1fr)}.menu-options button{min-height:78px}.workspace{grid-template-columns:minmax(210px,.45fr) minmax(480px,1.2fr);gap:30px}.workspace-guitar img{left:50%;width:640px}.report-body{grid-template-columns:minmax(190px,.34fr) minmax(0,1.66fr);gap:38px}}@media (max-width: 700px){.app-shell{grid-template-rows:62px minmax(0,1fr);padding:0 18px}.studio-header{grid-template-columns:112px 1fr}.brand-home{width:106px;height:40px}.source-tabs{gap:13px}.source-tab{font-size:.68rem}.source-menu{position:relative;display:block}.menu-copy{position:relative;z-index:2;padding:6vh 0 0}.menu-copy h1{margin-bottom:5vh;font-size:2.25rem}.menu-options button{grid-template-columns:32px 1fr;min-height:72px}.menu-label{font-size:clamp(2.65rem,14vw,4.2rem)}.menu-detail{display:none}.instrument-stage{position:absolute;top:0;right:-18px;bottom:0;left:26%;opacity:.32}.instrument-stage img{top:58%;left:-18%;width:880px;transform:translateY(-52%) rotate(-76deg);animation-name:guitar-arrive-mobile}.workspace{display:block}.workspace-index{position:absolute;top:0;left:auto;right:-4%;font-size:10rem;opacity:.42;pointer-events:none}.workspace-guitar{top:0;right:0;bottom:0;left:0;width:100%;opacity:.13}.workspace-guitar img{top:78%;left:50%;width:720px;transform:translate(-50%,-50%) rotate(-8deg)}.workspace-content{height:100%}.input-section{height:100%;align-content:center;gap:24px;padding:0 0 6vh}.section-heading h1{font-size:clamp(3.8rem,17vw,6.2rem)}.text-input{min-height:52px}.report{grid-template-rows:auto minmax(0,1fr);gap:12px;padding:8px 0 16px}.report-header{align-items:center;gap:14px}.report-identity p{margin-bottom:5px}.report-identity h1{max-width:64vw;font-size:2.2rem}.report-identity>span{margin-top:5px}.report-body{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:14px}.report-summary{display:grid;grid-template-columns:minmax(120px,.42fr) minmax(0,1fr);align-items:end;gap:16px;padding:0}.report-view-nav{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto}.report-metrics{grid-template-columns:repeat(3,1fr);gap:10px}.report-metrics dt{font-size:.5rem}.report-metrics dd{font-size:.7rem}.playback-controls{grid-template-columns:1fr;gap:7px}.progress-copy{grid-template-columns:1fr;gap:4px}.playback-controls>button{justify-self:start;min-width:58px;min-height:38px}.score-viewport{min-height:170px;grid-template-columns:28px minmax(0,1fr)}.report-metrics-full,.artifact-links{grid-template-columns:1fr}.sheet-preview img{min-width:560px}.sheet-row{grid-template-columns:44px minmax(0,1fr);gap:16px}.visual-calibrator{width:calc(100vw - 24px);max-height:calc(100vh - 24px)}}@media (max-height: 720px) and (min-width: 701px){.app-shell{grid-template-rows:62px minmax(0,1fr)}.menu-copy h1{margin-bottom:2.5vh}.menu-options button{min-height:72px}.input-section{gap:22px;padding-bottom:2vh}.section-heading h1{font-size:clamp(3.5rem,6vw,5.4rem)}.report{gap:10px;padding-top:4px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}@keyframes guitar-arrive-mobile{0%{opacity:0;transform:translate(10%,-52%) rotate(-76deg)}to{opacity:1;transform:translateY(-52%) rotate(-76deg)}}:root{--canvas: #f8f7f3;--ink: #161616;--muted: #6f6c66;--gold: #b18a45;--gold-dark: #8d692c;--error: #a13a2d;--font-sans: "DM Sans", Arial, sans-serif;--font-display: "Libre Caslon Display", Georgia, serif;color:var(--ink);background:var(--canvas);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%}html{background:var(--canvas)}body{margin:0;overflow:hidden;background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased}*{scrollbar-width:thin;scrollbar-color:rgba(141,105,44,.34) transparent}*::-webkit-scrollbar{width:5px;height:5px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#8d692c57}*::-webkit-scrollbar-button{display:none;width:0;height:0}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}::selection{background:#d7c39a;color:var(--ink)}