@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manrope-latin-400-normal-PaqtzbVb.woff2) format("woff2"),url(/assets/manrope-latin-400-normal-8tf8FM3T.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/manrope-latin-500-normal-BYYD-dBL.woff2) format("woff2"),url(/assets/manrope-latin-500-normal-DMZssgOp.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/manrope-latin-600-normal-4f0koTD-.woff2) format("woff2"),url(/assets/manrope-latin-600-normal-BqgrALkZ.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-latin-700-normal-BZp_XxE4.woff2) format("woff2"),url(/assets/manrope-latin-700-normal-DGRFkw-m.woff) format("woff")}:root{color:#f8faff;background:#030610;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--background: #030610;--surface: #080d1b;--surface-strong: #0c1326;--line: #1c2d52;--line-soft: #101b34;--muted: #8190ad;--muted-strong: #aeb8cb;--blue: #3f86ff;--blue-bright: #62a0ff;--blue-dark: #1f5ddd;--green: #55e68c;--danger: #ff7b87}*{box-sizing:border-box}html{min-width:320px;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--background)}body{margin:0;min-width:320px;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--background);-webkit-font-smoothing:antialiased}#root{height:100%;overflow:hidden}button,select,input{font:inherit}button,summary,select{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--blue-bright);outline-offset:3px}.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}.app-shell{position:relative;height:100vh;height:100dvh;overflow:hidden;background-color:var(--background)}.app-shell:before,.app-shell:after{position:fixed;z-index:0;width:42vw;height:42vw;border-radius:999px;content:"";pointer-events:none;opacity:.18;filter:blur(140px);background:#123e9a}.app-shell:before{top:-24vw;left:29vw}.app-shell:after{right:-28vw;bottom:-28vw;opacity:.1}.site-header{position:absolute;top:0;left:0;z-index:20;display:flex;align-items:center;justify-content:space-between;width:100%;padding:28px clamp(22px,3vw,52px) 12px;pointer-events:none;transition:opacity .18s ease,filter .18s ease}.brand,.header-controls{pointer-events:auto}.brand{text-decoration:none}.header-controls{display:flex;align-items:center;gap:12px}.tuning-trigger,.chromatic-header-mode,.calibration-control>summary{height:58px;border:1px solid var(--line);border-radius:17px;background:#050a16d1;color:#f4f7ff;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.chromatic-header-mode{display:flex;align-items:center;width:300px;gap:11px;padding:0 16px;text-align:left}.chromatic-header-mode:hover{border-color:#315085;background:#090f20}.chromatic-mode-mark{display:grid;flex:0 0 42px;width:42px;height:34px;place-items:center;overflow:visible}.chromatic-mode-mark img{display:block;width:100%;height:auto}.chromatic-mode-copy{display:grid;gap:3px;line-height:1}.chromatic-header-mode strong{color:#f4f7ff;font-size:14px;font-weight:550}.chromatic-header-mode small{color:#7facf4;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.chromatic-mode-chevron{flex:0 0 auto;margin-left:auto;color:#9cabc4}.tuning-picker{position:relative}.tuning-trigger{display:flex;align-items:center;justify-content:space-between;width:300px;padding:0 17px 0 18px;text-align:left}.tuning-trigger:hover,.calibration-control>summary:hover{border-color:#315085;background:#090f20}.tuning-picker.is-open .tuning-trigger{border-color:#4166a5;background:var(--surface-strong);box-shadow:0 0 0 1px #62a0ff14,0 12px 32px #00000038}.tuning-trigger-copy{display:grid;min-width:0;gap:4px}.tuning-trigger-copy>strong{overflow:hidden;font-size:14px;font-weight:500;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.tuning-trigger-chevron{flex:0 0 auto;margin-left:14px;color:var(--muted-strong);transition:color .16s ease,transform .18s ease}.tuning-picker.is-open .tuning-trigger-chevron{color:var(--blue-bright);transform:rotate(180deg)}.tuning-notes{display:flex;align-items:center;gap:4px}.tuning-note{display:inline-flex;align-items:flex-start;justify-content:center;min-width:30px;height:26px;padding:5px 5px 0;border:1px solid #21345c;border-radius:8px;background:#0a1327;color:#dce7fb;font-variant-numeric:tabular-nums;line-height:1}.tuning-note-member{display:inline-flex;align-items:flex-start;justify-content:center;line-height:1}.tuning-note.is-pair{min-width:45px;gap:3px;padding-inline:4px}.tuning-note.is-pair .tuning-note-member+.tuning-note-member:before{margin-right:3px;color:#465b7d;content:"/";font-size:8px}.tuning-note b{font-size:11px;font-weight:650}.tuning-note small{margin:1px 0 0 1px;color:#71819f;font-size:7px;font-weight:600}.tuning-notes.is-compact{gap:7px}.tuning-notes.is-compact .tuning-note{min-width:auto;height:auto;padding:0;border:0;border-radius:0;background:transparent;color:#8494b1}.tuning-notes.is-compact .tuning-note.is-pair{gap:2px}.tuning-notes.is-compact .tuning-note.is-pair .tuning-note-member+.tuning-note-member:before{margin-right:2px;font-size:6px}.tuning-notes.is-compact .tuning-note b{font-size:9px;font-weight:600}.tuning-notes.is-compact .tuning-note small{margin-top:0;font-size:6px}.tuning-popover{position:absolute;top:calc(100% + 12px);right:0;z-index:40;width:500px;max-height:min(680px,calc(100dvh - 112px));padding:12px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #273b63;border-radius:21px;background:#060b18fa;box-shadow:0 28px 70px #00000094,0 0 0 1px #62a0ff0a;scrollbar-color:#2c4676 transparent;scrollbar-width:thin;animation:tuning-popover-in .15s ease-out both}.tuning-popover-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:7px 8px 12px;border-bottom:1px solid #14223f}.tuning-popover-heading>div{display:grid;gap:3px}.tuning-popover-heading strong{font-size:14px;font-weight:650}.tuning-popover-heading span{color:#7585a2;font-size:10px}.tuning-popover-heading>span{padding:4px 7px;border:1px solid #1f3359;border-radius:7px;background:#0b1730;color:#8aa8d8;font-size:9px;font-weight:700;letter-spacing:.04em;white-space:nowrap}.tuning-group{padding-top:11px}.tuning-group+.tuning-group{margin-top:4px;border-top:1px solid #101d35}.tuning-group-label{padding:0 8px 6px;color:#657694;font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.tuning-options{display:grid;gap:4px}.tuning-option{display:grid;grid-template-columns:minmax(0,1fr) auto 22px;align-items:center;width:100%;min-height:58px;gap:12px;padding:9px 9px 9px 12px;border:1px solid transparent;border-radius:14px;background:transparent;color:#edf3ff;text-align:left;transition:border-color .13s ease,background-color .13s ease,transform .13s ease}.tuning-option:hover,.tuning-option:focus-visible{border-color:#263e69;background:#0a152b}.tuning-option:focus-visible{outline-offset:-2px}.tuning-option:active{transform:scale(.995)}.tuning-option.is-selected{border-color:#315b9d;background:linear-gradient(90deg,#224e9747,#0c1c39b8);box-shadow:inset 0 0 20px #3f86ff14}.tuning-option-copy{display:grid;min-width:0;gap:3px}.tuning-option-title{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.tuning-option-title strong{font-size:12px;font-weight:650}.tuning-option-title em{padding:3px 5px;border:1px solid rgba(245,178,73,.28);border-radius:5px;background:#79480b33;color:#efbd6b;font-size:7px;font-style:normal;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.tuning-option-copy>small{overflow:hidden;color:#71819e;font-size:9px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.tuning-option.is-selected .tuning-note{border-color:#31558f;background:#0d1d3a;color:#eef6ff}.tuning-option-check{display:grid;width:22px;height:22px;place-items:center;border-radius:7px;color:var(--blue-bright)}.tuning-option.is-selected .tuning-option-check{background:#3f86ff26}.calibration-control{position:relative}.calibration-control>summary{display:flex;align-items:center;justify-content:center;min-width:150px;padding:0 20px;list-style:none;font-size:15px;font-weight:500}.calibration-control>summary::-webkit-details-marker{display:none}.calibration-control[open]>summary{border-color:#4166a5;background:var(--surface-strong)}@keyframes tuning-popover-in{0%{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.calibration-popover{position:absolute;top:calc(100% + 12px);right:0;width:292px;padding:18px;border:1px solid #24375e;border-radius:18px;background:#080e1e;box-shadow:0 24px 60px #00000075}.popover-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.popover-heading div{display:grid;gap:4px}.popover-heading strong{font-size:14px;font-weight:600}.popover-heading span{color:var(--muted);font-size:11px}.icon-button{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted-strong)}.calibration-stepper{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:10px;margin:20px 0 15px}.calibration-stepper button{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:11px;background:var(--surface-strong);color:#eaf0ff}.calibration-stepper output{text-align:center;font-size:26px;font-weight:600}.calibration-popover input[type=range]{width:100%;accent-color:var(--blue)}.range-labels{display:flex;justify-content:space-between;margin-top:5px;color:var(--muted);font-size:10px}.instrument-gallery-backdrop{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:grid;padding:clamp(84px,11vh,118px) clamp(22px,4vw,64px) clamp(24px,5vh,48px);place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(37,86,175,.1),transparent 44%);opacity:0;pointer-events:none}.instrument-gallery-backdrop.is-open{opacity:1;pointer-events:auto}.instrument-gallery{position:relative;display:grid;width:min(100%,1180px);max-height:100%;gap:clamp(22px,3vh,34px);padding:0;overflow:visible;border:0;background:transparent;box-shadow:none}.instrument-gallery:focus{outline:none}.instrument-gallery-backdrop.is-open .instrument-gallery{animation:instrument-gallery-in .42s cubic-bezier(.2,.8,.2,1) both}.instrument-gallery-heading{position:relative;display:flex;align-items:center;justify-content:center;gap:24px;min-height:74px;margin:0;text-align:center;transition:opacity .22s ease,transform .26s ease}.instrument-gallery-heading>div{display:grid;gap:5px;justify-items:center}.instrument-gallery-heading>div>span{color:var(--blue-bright);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.instrument-gallery-heading h2{margin:0;color:#f4f7ff;font-size:clamp(28px,3.1vw,42px);font-weight:600;letter-spacing:-.045em}.instrument-gallery-heading p{margin:0;color:#7686a3;font-size:11px}.instrument-gallery-close{position:absolute;top:10px;right:0;display:inline-flex;align-items:center;justify-content:center;height:38px;gap:7px;padding:0 12px;border:1px solid rgba(52,76,119,.72);border-radius:12px;background:#070e1d94;color:#8e9bb2;font-size:10px;font-weight:600;transition:border-color .15s ease,background-color .15s ease,color .15s ease,transform .15s ease}.instrument-gallery-close:hover{border-color:#3a5e97;background:#111f3adb;color:#f1f6ff;transform:translateY(-1px)}.instrument-gallery-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(165px,1fr);align-items:end;gap:clamp(12px,1.4vw,22px);padding:6px 6px 14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:6px;scroll-snap-type:x proximity;scrollbar-width:none}.instrument-gallery-row::-webkit-scrollbar{display:none}.instrument-card{--gallery-image-scale: 1;--gallery-image-y: 5%;position:relative;display:grid;min-width:0;height:min(53dvh,440px);min-height:320px;padding:0;overflow:visible;grid-template-rows:minmax(0,1fr) auto;border:0;border-radius:20px;background:transparent;color:#f3f7ff;text-align:center;opacity:1;scroll-snap-align:center;transition:opacity .26s ease,filter .26s ease,transform .32s cubic-bezier(.2,.8,.2,1)}.instrument-card.is-available:hover{transform:none}.instrument-card.is-available:active{transform:scale(.99)}.instrument-card.is-active{color:#fff}.instrument-card:disabled{cursor:default}.instrument-card:focus-visible{outline:1px solid var(--blue-bright);outline-offset:8px}.instrument-card-visual{position:relative;display:block;min-height:0;overflow:visible;background:transparent}.instrument-gallery.is-entering .instrument-card-visual{animation:instrument-option-visual-in .44s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--gallery-delay, 70ms);will-change:transform}.instrument-card-glow{position:absolute;top:19%;left:50%;width:74%;aspect-ratio:1;border-radius:50%;background:#2457a9;opacity:.13;filter:blur(42px);transform:translate(-50%);transition:opacity .22s ease,transform .3s ease}.instrument-card.is-active .instrument-card-glow,.instrument-card.is-available:hover .instrument-card-glow{opacity:.42;transform:translate(-50%) scale(1.12)}.instrument-card img{position:relative;display:block;width:100%;height:112%;object-fit:contain;object-position:center top;pointer-events:none;filter:drop-shadow(0 22px 28px rgba(0,0,0,.45));transform:translateY(var(--gallery-image-y)) scale(var(--gallery-image-scale));transition:filter .24s ease,opacity .24s ease,transform .32s cubic-bezier(.2,.8,.2,1)}.instrument-card.is-available:hover img{filter:drop-shadow(0 24px 34px rgba(0,0,0,.5)) drop-shadow(0 0 18px rgba(83,148,255,.18));transform:translateY(var(--gallery-image-y)) scale(var(--gallery-image-scale))}.instrument-card.is-ukulele{--gallery-image-scale: .9;--gallery-image-y: 8%}.instrument-card.is-seven-string-guitar,.instrument-card.is-bass-guitar{--gallery-image-scale: .96;--gallery-image-y: 6%}.instrument-card.is-mandolin{--gallery-image-scale: .98;--gallery-image-y: 4%}.instrument-card.is-balalaika,.instrument-card.is-banjo-4-string,.instrument-card.is-cavaquinho{--gallery-image-scale: .96;--gallery-image-y: 6%}.instrument-card.is-banjo-5-string{--gallery-image-scale: .94;--gallery-image-y: 5%}.instrument-card.is-violin,.instrument-card.is-cello,.instrument-card.is-fiddle,.instrument-card.is-viola{--gallery-image-scale: .94;--gallery-image-y: 6%}.instrument-card.is-chromatic-tuner .instrument-card-glow{top:28%;width:68%;opacity:.28}.chromatic-gallery-mark{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.instrument-card.is-chromatic-tuner .chromatic-gallery-mark img{display:block;width:min(78%,232px);height:auto;transform:scale(1);transition:transform .32s cubic-bezier(.2,.8,.2,1)}.instrument-card.is-chromatic-tuner.is-available:hover .chromatic-gallery-mark img,.instrument-card.is-chromatic-tuner.is-active .chromatic-gallery-mark img{transform:scale(1.05)}.instrument-card.is-coming-soon img{opacity:.34;filter:grayscale(.9) saturate(.35)}.instrument-soon-badge,.instrument-active-check{position:absolute;z-index:2;top:13px}.instrument-card.is-chromatic-tuner .instrument-active-check{top:19%}.instrument-soon-badge{right:50%;padding:5px 8px;border:1px solid #30415e;border-radius:8px;background:#060a14d1;color:#7e8ca5;font-size:8px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;transform:translate(50%)}.instrument-active-check{right:50%;display:grid;width:25px;height:25px;place-items:center;border-radius:999px;background:var(--blue-bright);box-shadow:0 0 18px #62a0ff8c;color:#041022;transform:translate(50%)}.instrument-card-copy{position:relative;z-index:3;display:grid;min-height:76px;padding:12px 4px 0;justify-items:center;border:0;background:transparent}.instrument-gallery.is-entering .instrument-card-copy{animation:instrument-option-copy-in .44s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--gallery-delay, 70ms)}.instrument-card-copy strong{font-size:15px;font-weight:650;letter-spacing:-.02em}.instrument-card-copy small{margin-top:2px;color:#8ca8d4;font-size:9px;font-weight:650;letter-spacing:.04em}.instrument-card-copy>span{margin-top:7px;color:#64738d;font-size:9px;line-height:1.35}.instrument-card.is-active .instrument-card-copy strong{color:var(--blue-bright);text-shadow:0 0 18px rgba(98,160,255,.35)}.instrument-gallery.is-selecting .instrument-card:not(.is-becoming-active){opacity:0!important;filter:blur(3px);pointer-events:none;transform:scale(.84)}.instrument-gallery.is-selecting .instrument-card.is-becoming-active{z-index:4;opacity:1;pointer-events:none;transform:translateY(-16px) scale(1.12)}.instrument-gallery.is-selecting .instrument-gallery-heading{opacity:0;transform:translateY(-10px)}.is-choosing-instrument .site-header{opacity:.18;filter:blur(2px);pointer-events:none;transition:opacity .26s ease,filter .26s ease}.headstock-wrap,.chromatic-stage,.tuner-console{transition:opacity .32s ease,filter .32s ease,transform .52s cubic-bezier(.2,.8,.2,1)}.is-choosing-instrument .headstock-wrap{opacity:.13;filter:blur(5px);transform:translateY(-7dvh) scale(.44);transform-origin:50% 8%}.is-choosing-instrument .chromatic-stage{opacity:.13;filter:blur(5px);transform:translateY(-6dvh) scale(.5);transform-origin:50% 12%}.is-choosing-instrument .tuner-console{opacity:0;filter:blur(4px);pointer-events:none;transform:translateY(26px) scale(.94)}.is-returning-from-instrument-gallery .site-header,.is-returning-from-instrument-gallery .headstock-wrap,.is-returning-from-instrument-gallery .chromatic-stage,.is-returning-from-instrument-gallery .tuner-console{transition:none}@keyframes instrument-gallery-in{0%{transform:translateY(20px) scale(.965)}to{transform:translateY(0) scale(1)}}@keyframes instrument-option-visual-in{0%{transform:translateY(24px) scale(.9)}to{transform:translateY(0) scale(1)}}@keyframes instrument-option-copy-in{0%{transform:translateY(12px) scale(.96)}to{transform:translateY(0) scale(1)}}.tuner-layout{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;height:100%;min-height:0;width:min(100%,1240px);margin:0 auto;padding:18px clamp(22px,3vw,52px) 0}@media(min-width:781px){.instrument-card img{height:auto;transform-origin:center top}.instrument-card.is-acoustic-guitar{--gallery-image-scale: 1;--gallery-image-y: 13.2%}.instrument-card.is-twelve-string-guitar{--gallery-image-scale: .96;--gallery-image-y: 13%}.instrument-card.is-seven-string-guitar{--gallery-image-scale: .98;--gallery-image-y: 11%}.instrument-card.is-ukulele{--gallery-image-scale: .9;--gallery-image-y: 19%}.instrument-card.is-bass-guitar{--gallery-image-scale: .96;--gallery-image-y: 13%}.instrument-card.is-five-string-bass{--gallery-image-scale: 1;--gallery-image-y: 9%}.instrument-card.is-mandolin{--gallery-image-scale: .98;--gallery-image-y: 11%}.instrument-card.is-balalaika,.instrument-card.is-banjo-4-string,.instrument-card.is-cavaquinho{--gallery-image-scale: .96;--gallery-image-y: 13%}.instrument-card.is-banjo-5-string{--gallery-image-scale: .92;--gallery-image-y: 17%}.instrument-card.is-violin,.instrument-card.is-cello,.instrument-card.is-fiddle,.instrument-card.is-viola{--gallery-image-scale: .93;--gallery-image-y: 16%}}@media(min-width:781px)and (hover:hover){.instrument-card.is-available:hover img{transform:translateY(var(--gallery-image-y)) scale(calc(var(--gallery-image-scale) + .04))}}.headstock-wrap{position:relative;justify-self:center;flex:0 0 auto;width:min(51vw,clamp(360px,calc(76dvh - 137px),620px));aspect-ratio:.76;margin-top:-18px;isolation:isolate}.headstock-wrap.is-five-string-bass{width:min(48vw,clamp(340px,calc(71dvh - 138px),590px));margin-bottom:40px}.headstock-visual{position:absolute;top:0;right:0;bottom:0;left:0;isolation:isolate}.headstock-wrap.is-twelve-string .headstock-visual{top:5%;right:5%;bottom:5%;left:5%}.headstock-wrap.is-seven-string .headstock-visual,.headstock-wrap.is-ukulele .headstock-visual,.headstock-wrap.is-bass .headstock-visual,.headstock-wrap.is-mandolin .headstock-visual,.headstock-wrap.is-folk-headstock .headstock-visual,.headstock-wrap.is-banjo-five .headstock-visual,.headstock-wrap.is-bowed-string .headstock-visual{top:0;right:3%;bottom:6%;left:3%}.headstock-aura{position:absolute;z-index:-1;top:12%;right:15%;bottom:12%;left:15%;border-radius:50%;background:#0b3486;opacity:.24;filter:blur(72px);transition:background-color .26s ease,opacity .26s ease}.headstock-wrap.is-green .headstock-aura{background:#126736;opacity:.34}.headstock-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 38px rgba(0,0,0,.58));-webkit-user-select:none;user-select:none;pointer-events:none}.chromatic-headstock-image{filter:brightness(.64) saturate(.72) drop-shadow(0 30px 38px rgba(0,0,0,.58));transition:filter .26s ease}.headstock-wrap.is-chromatic.is-listening .chromatic-headstock-image{filter:brightness(.72) saturate(.82) drop-shadow(0 30px 38px rgba(0,0,0,.58))}.chromatic-readout{position:absolute;top:27%;left:50%;z-index:5;display:grid;width:min(43%,230px);min-width:174px;min-height:250px;align-content:center;justify-items:center;color:#7e8ca5;text-align:center;text-shadow:0 2px 12px rgba(1,4,10,.96);transform:translate(-50%);pointer-events:none}.chromatic-readout:before{position:absolute;z-index:-1;top:4%;right:-20%;bottom:4%;left:-20%;border-radius:50%;background:radial-gradient(circle,rgba(9,25,54,.76) 0%,rgba(4,10,22,.3) 54%,transparent 76%);content:"";filter:blur(8px)}.chromatic-readout-mark{width:42px;height:42px;margin-bottom:4px;object-fit:contain;opacity:.7;filter:drop-shadow(0 0 12px rgba(98,160,255,.58));transition:opacity .2s ease,filter .2s ease}.chromatic-readout-kicker{color:#7facf4;font-size:8px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.chromatic-readout-pitch{position:relative;display:inline-flex;min-height:94px;align-items:flex-start;justify-content:center;margin-top:1px;color:#dbe6f8;font-variant-numeric:tabular-nums;line-height:1;transition:color .2s ease,text-shadow .2s ease}.chromatic-readout-pitch strong{font-size:clamp(64px,7vw,92px);font-weight:550;letter-spacing:-.08em}.chromatic-readout-pitch em{margin:9px 0 0 7px;color:#91bfff;font-size:clamp(22px,2.4vw,31px);font-style:normal;font-weight:600}.chromatic-readout-pitch small{align-self:flex-end;margin:0 0 18px 6px;color:#8392ad;font-size:15px;font-weight:650}.chromatic-readout-detail{min-height:16px;color:#7788a6;font-size:9px;font-weight:650;letter-spacing:.05em;text-transform:uppercase}.chromatic-readout.has-signal .chromatic-readout-mark{opacity:.24}.chromatic-readout.has-signal .chromatic-readout-pitch{color:#fff;text-shadow:0 0 24px rgba(98,160,255,.45),0 2px 12px rgba(1,4,10,.96)}.headstock-wrap.is-green .chromatic-readout-kicker,.headstock-wrap.is-green .chromatic-readout-pitch em,.headstock-wrap.is-green .chromatic-readout-detail{color:var(--green)}.headstock-wrap.is-green .chromatic-readout-pitch{color:#f4fff8;text-shadow:0 0 26px rgba(85,230,140,.48),0 2px 12px rgba(1,4,10,.96)}.headstock-wrap.is-chromatic.is-listening .chromatic-readout-mark{animation:chromatic-mark-breathe 1.7s ease-in-out infinite}.chromatic-stage{position:relative;flex:1 1 auto;width:min(100%,780px);min-height:390px;max-height:650px;margin-top:0;overflow:visible;isolation:isolate}.chromatic-sound-field{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;pointer-events:none}.chromatic-stage .chromatic-readout{top:53.5%;width:min(72%,340px);min-width:0;min-height:0;align-content:center;text-shadow:0 2px 14px rgba(1,4,10,.98);transform:translate(-50%,-50%)}.chromatic-stage .chromatic-readout:before{display:none}.chromatic-stage .chromatic-readout-kicker{color:#80b4ff;font-size:10px;letter-spacing:.18em}.chromatic-stage .chromatic-readout-pitch{min-height:118px;margin-top:8px;color:#f8faff;text-shadow:0 0 26px rgba(72,143,255,.38),0 2px 14px rgba(1,4,10,.98)}.chromatic-stage .chromatic-readout-pitch strong{font-size:clamp(84px,8.4vw,126px);font-weight:500;letter-spacing:-.085em}.chromatic-stage .chromatic-readout-pitch em{margin:11px 0 0 8px;color:#a6caff;font-size:clamp(26px,2.7vw,38px);font-weight:500}.chromatic-stage .chromatic-readout-pitch small{align-self:flex-end;margin:0 0 22px 7px;color:#e7edfa;font-size:clamp(22px,2vw,30px);font-weight:500}.chromatic-readout-frequency{min-height:28px;color:#9dc6ff;font-size:clamp(18px,1.75vw,25px);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.15;transition:color .22s ease,text-shadow .22s ease}.chromatic-stage .chromatic-readout-detail{min-height:15px;margin-top:8px;color:#7d9dd0;font-size:9px;font-weight:700;letter-spacing:.13em}.chromatic-stage.is-green .chromatic-readout-pitch em,.chromatic-stage.is-green .chromatic-readout-frequency,.chromatic-stage.is-green .chromatic-readout-detail{color:var(--green)}.chromatic-stage.is-green .chromatic-readout-pitch{color:#f4fff8;text-shadow:0 0 28px rgba(85,230,140,.46),0 2px 14px rgba(1,4,10,.98)}.chromatic-stage.is-green .chromatic-readout-frequency{text-shadow:0 0 18px rgba(85,230,140,.36)}.chromatic-status-slot{position:absolute;z-index:7;bottom:8.5%;left:50%;display:grid;width:min(100%,560px);justify-items:center;transform:translate(-50%)}.chromatic-status-slot .start-button,.chromatic-status-slot .listening-status,.chromatic-status-slot .microphone-error{position:static;top:auto;left:auto;margin:0;transform:none}.chromatic-status-slot .start-button:hover{transform:translateY(-1px)}.app-shell.is-chromatic .tuner-layout{width:min(100%,1340px)}.app-shell.is-chromatic .tuner-console{max-width:1180px;margin-top:10px}.app-shell.is-chromatic .meter-value{display:none}.app-shell.is-chromatic .chromatic-note-rail{width:calc(100% + 28px);height:84px;margin-top:40px;margin-left:-14px}.instrument-surface-trigger{position:absolute;top:8.6%;left:50%;z-index:6;display:inline-flex;align-items:center;justify-content:center;height:38px;gap:9px;min-width:122px;padding:5px 10px 5px 12px;border:1px solid rgba(81,112,162,.26);border-radius:11px;background:#030812c2;box-shadow:0 8px 22px #00000047,inset 0 1px #ffffff0a;color:#d7e4f8;transform:translate(-50%);transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.instrument-surface-copy{display:grid;gap:2px;min-width:0;justify-items:start;line-height:1;text-align:left}.instrument-surface-copy small{color:#7facf4;font-size:7px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.instrument-surface-copy strong{color:#f1f6ff;font-size:10px;font-weight:650;letter-spacing:.01em;white-space:nowrap}.instrument-surface-trigger>svg{flex:0 0 auto;color:#9fc4ff}.instrument-surface-trigger:hover,.instrument-surface-trigger:focus-visible{border-color:#4a78bc;background:#081327e0;box-shadow:0 0 20px #3f86ff33,inset 0 0 14px #3f86ff14;color:#f1f6ff;transform:translate(-50%) translateY(-1px)}.instrument-surface-trigger:active{transform:translate(-50%) translateY(0) scale(.98)}.headstock-wrap.is-six-string .instrument-surface-trigger{top:11.2%}.headstock-wrap.is-twelve-string .instrument-surface-trigger{top:9.2%}.headstock-wrap.is-seven-string .instrument-surface-trigger{top:11.8%}.headstock-wrap.is-ukulele .instrument-surface-trigger{top:18.2%}.headstock-wrap.is-five-string-bass .instrument-surface-trigger{top:13%}.headstock-wrap.is-bass .instrument-surface-trigger{top:10%}.headstock-wrap.is-mandolin .instrument-surface-trigger{top:9.4%}.headstock-wrap.is-folk-headstock .instrument-surface-trigger,.headstock-wrap.is-banjo-five .instrument-surface-trigger{top:9.5%}.headstock-wrap.is-bowed-string .instrument-surface-trigger{top:17%}.headstock-precision-overlay{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;color:var(--blue-bright);transition:color .22s ease;pointer-events:none}.headstock-wrap.is-green .headstock-precision-overlay{color:var(--green)}.string-trace,.peg-trace{opacity:0;transition:color .14s ease,opacity .17s ease}.string-trace.is-active,.peg-trace.is-active{opacity:1}.string-trace path,.peg-trace path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.string-trace-halo{stroke-width:9px;opacity:.38;filter:blur(4px)}.string-trace-core{stroke-width:1.6px;opacity:.96;filter:drop-shadow(0 0 3px currentColor);mix-blend-mode:screen}.peg-trace-halo{stroke-width:13px;opacity:.34;filter:blur(5px)}.peg-trace-core{stroke-width:1.7px;opacity:.98;filter:drop-shadow(0 0 4px currentColor);transition:stroke-width 70ms ease}.peg-trace.is-tuned:not(.is-active){color:var(--green);opacity:.68}.peg-trace.is-hovered{opacity:.68}.peg-trace.is-active.is-hovered{opacity:1}.peg-trace.is-hovered:not(.is-active){color:#92c1ff}.peg-trace.is-pressed:not(.is-active){color:#e4f2ff}.peg-trace.is-hovered .peg-trace-halo{opacity:.46}.peg-trace.is-hovered .peg-trace-core{stroke-width:2.15px}.peg-trace.is-pressed{opacity:1;transition-duration:60ms}.peg-trace.is-pressed .peg-trace-halo{opacity:.76}.peg-trace.is-pressed .peg-trace-core{stroke-width:3px;filter:drop-shadow(0 0 7px currentColor)}.peg-hit-target{position:absolute;z-index:4;width:max(13.5%,44px);height:max(11%,44px);padding:0;border:0;border-radius:42%;background:transparent;transform:translate(-50%,-50%);pointer-events:auto}.headstock-wrap.is-twelve-string .peg-hit-target{width:max(9%,43px);height:max(7%,43px)}.headstock-wrap.is-seven-string .peg-hit-target{width:max(12%,44px);height:max(10%,44px)}.headstock-wrap.is-ukulele .peg-hit-target{width:max(13%,44px);height:max(11%,44px)}.headstock-wrap.is-five-string-bass .peg-hit-target{width:max(14%,44px);height:max(12%,44px)}.headstock-wrap.is-bass .peg-hit-target{width:max(16%,48px);height:max(14%,52px)}.headstock-wrap.is-mandolin .peg-hit-target{width:max(13%,44px);height:max(9%,44px)}.headstock-wrap.is-folk-headstock .peg-hit-target,.headstock-wrap.is-banjo-five .peg-hit-target{width:max(13%,44px);height:max(10%,44px)}.headstock-wrap.is-bowed-string .peg-hit-target{width:max(16%,48px);height:max(13%,48px)}.headstock-wrap.is-twelve-string .peg-trace.is-tuned:not(.is-active){opacity:.52}.headstock-wrap.is-twelve-string .peg-trace.is-tuned:not(.is-active) .peg-trace-halo{opacity:.18}.peg-hit-target:focus-visible{outline:none}.is-listening .string-trace.is-active .string-trace-halo{animation:precision-trace-breathe 1.5s ease-in-out infinite}.note-callout{position:absolute;z-index:5;display:flex;align-items:center;transform:translateY(-50%);pointer-events:none;transition:left .28s ease,top .28s ease}.note-callout:after{display:block;width:clamp(22px,4vw,54px);height:1px;background:var(--blue);box-shadow:0 0 8px #3f86ffcc;content:""}.note-callout span{display:grid;min-width:52px;height:46px;padding:0 12px;place-items:center;border:1px solid var(--blue-bright);border-radius:14px;background:#071226;box-shadow:inset 0 0 13px #3f86ff2e,0 0 17px #3f86ff5c;color:#fff;font-size:19px;font-weight:700}.note-callout-pitch{position:relative;grid-auto-flow:column;gap:1px}.note-callout-pitch b{font-size:inherit;font-weight:700}.note-callout-pitch small{align-self:center;margin-top:7px;color:#8190aa;font-size:9px;font-weight:650}.note-callout-pitch em{position:absolute;top:4px;right:5px;display:grid;width:12px;height:12px;place-items:center;border-radius:999px;background:#62a0ff26;color:#86b5ff;font-size:7px;font-style:normal;font-weight:750}.headstock-wrap.is-green .note-callout-pitch em{background:#55e68c24;color:var(--green)}.note-callout.is-left{transform:translate(-100%,-50%)}.note-callout.is-right{transform:translateY(-50%)}.note-callout.is-right:after{order:-1}.headstock-wrap.is-green .note-callout:after{background:var(--green);box-shadow:0 0 8px #55e68ccc}.headstock-wrap.is-green .note-callout span{border-color:var(--green);box-shadow:inset 0 0 13px #55e68c26,0 0 17px #55e68c4d}.tuner-console{position:relative;z-index:5;display:grid;align-items:center;width:100%;max-width:930px;margin-top:-67px}.start-button,.listening-status{position:absolute;top:-58px;left:50%;display:inline-flex;align-items:center;justify-content:center;justify-self:center;height:46px;gap:10px;margin:0;padding:0 18px;border:1px solid #3765ad;border-radius:14px;background:#0b1b39;box-shadow:0 8px 28px #1551b638;color:#eef5ff;font-size:13px;font-weight:600;transform:translate(-50%,-100%)}.start-button{transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.start-button:hover{border-color:var(--blue-bright);background:#10254a;transform:translate(-50%,calc(-100% - 1px))}.listening-status{border-color:var(--line);background:#080e1ed1;box-shadow:none;color:var(--muted-strong)}.listening-status.is-tuned{border-color:#55e68c80;box-shadow:0 0 22px #55e68c1f}.listening-status button{display:grid;width:26px;height:26px;margin-left:4px;padding:0;place-items:center;border:0;border-radius:8px;background:#111c33;color:var(--muted-strong)}.live-dot{width:7px;height:7px;border-radius:999px;background:var(--green);box-shadow:0 0 10px #55e68cb8}.tuned-status-check{display:grid;flex:0 0 auto;width:22px;height:22px;place-items:center;border-radius:999px;background:var(--green);box-shadow:0 0 16px #55e68c80;color:#03140a;animation:tuned-check-in .22s ease-out both}.demo-label{padding:3px 6px;border-radius:5px;background:#14244a;color:var(--blue-bright);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.loading-ring{width:16px;height:16px;border:2px solid #2a3c61;border-top-color:var(--blue-bright);border-radius:50%;animation:spin .7s linear infinite}.microphone-error{position:absolute;top:-58px;left:50%;display:flex;align-items:center;justify-self:center;max-width:520px;gap:12px;margin:0;padding:10px 12px 10px 15px;border:1px solid rgba(255,123,135,.3);border-radius:13px;background:#4d131d33;color:#ffc6cc;font-size:11px;line-height:1.45;transform:translate(-50%,-100%)}.microphone-error button{flex:0 0 auto;padding:7px 10px;border:0;border-radius:8px;background:#682534;color:#fff;font-size:10px;font-weight:700}.meter{width:100%}.meter-value{height:28px;color:var(--muted);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;transition:color .2s ease}.meter-reading{display:inline-flex;min-width:84px;align-items:baseline;justify-content:center;gap:3px;padding:1px 18px 4px;background:radial-gradient(ellipse at center,rgba(2,7,17,.78) 0%,rgba(2,7,17,.44) 54%,transparent 76%);text-shadow:0 1px 5px #02050c,0 0 12px rgba(2,5,12,.92)}.meter-unit{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.meter.has-signal .meter-value{color:var(--blue-bright)}.meter.is-in-tune .meter-value{color:var(--green)}.meter-track{position:relative;display:grid;grid-template-columns:repeat(41,1fr);align-items:center;height:37px}.meter-tick{justify-self:center;width:1px;height:10px;background:#53617c}.meter-tick.is-major{height:24px;background:#9ba7bc}.meter-center{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#62a0ff66;transform:translate(-50%)}.meter-needle{position:absolute;top:0;bottom:0;width:2px;border-radius:999px;background:var(--blue-bright);box-shadow:0 0 5px #fff,0 0 17px #3f86fff2;transform:translate(-50%);transition:background-color .18s ease,box-shadow .18s ease}.meter.is-in-tune .meter-needle{background:var(--green);box-shadow:0 0 5px #fff,0 0 17px #55e68cf2}.meter-labels{display:grid;grid-template-columns:1fr auto 1fr;color:var(--blue);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.meter-labels span{display:grid;gap:4px}.meter-labels span:nth-child(2){justify-self:center;color:var(--muted);text-align:center}.meter-labels span:last-child{justify-self:end;text-align:right}.meter-labels b{color:#c4cede;font-size:11px;font-weight:500;letter-spacing:normal}.string-selector{display:grid;grid-template-columns:repeat(6,minmax(54px,1fr));gap:clamp(7px,1vw,13px);margin-top:25px}.string-selector.is-three-strings{width:min(100%,520px);margin-inline:auto;grid-template-columns:repeat(3,minmax(82px,1fr))}.string-selector.is-four-strings{width:min(100%,620px);margin-inline:auto;grid-template-columns:repeat(4,minmax(70px,1fr))}.string-selector.is-five-strings{width:min(100%,720px);margin-inline:auto;grid-template-columns:repeat(5,minmax(62px,1fr))}.string-selector.is-seven-strings{width:min(100%,840px);margin-inline:auto;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(4px,.7vw,10px)}.course-selector{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(7px,1vw,13px);margin-top:25px}.course-selector.is-four-courses{width:min(100%,700px);margin-inline:auto;grid-template-columns:repeat(4,minmax(0,1fr))}.chromatic-note-rail{display:grid;height:clamp(58px,5vw,72px);margin-top:25px;overflow:hidden;grid-template-columns:repeat(12,minmax(0,1fr));border:1px solid #29395e;border-radius:22px;background:#050914b8}.chromatic-note-rail span{display:grid;min-width:0;place-items:center;color:#61708b;font-size:clamp(9px,1vw,12px);font-weight:650;line-height:1;transition:background-color .16s ease,box-shadow .16s ease,color .16s ease}.chromatic-note-rail span+span{border-left:1px solid rgba(31,46,76,.72)}.chromatic-note-rail span.is-active{background:#0a1731;box-shadow:inset 0 0 18px #3f86ff29,0 0 14px #3f86ff4d;color:#f8faff}.is-in-tune .chromatic-note-rail span.is-active{background:#104c2c73;box-shadow:inset 0 0 18px #55e68c1f,0 0 14px #55e68c47;color:var(--green)}.string-course{--course-accent: var(--blue-bright);position:relative;display:grid;height:clamp(58px,5vw,76px);overflow:hidden;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #29395e;border-radius:22px;background:#050914b8;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}.string-course:after{position:absolute;z-index:2;content:"";pointer-events:none}.string-course:after{top:0;right:0;bottom:0;left:0;border:1px solid var(--course-accent);border-radius:inherit;opacity:0;transition:opacity .15s ease}.string-course:has(.course-string:first-child.is-active):after{clip-path:inset(0 50% 0 0);opacity:1}.string-course:has(.course-string:last-child.is-active):after{clip-path:inset(0 0 0 50%);opacity:1}.string-course:has(.course-string:focus-visible){outline:2px solid var(--blue-bright);outline-offset:3px}.string-course:hover{border-color:#41639b;background:#0a1122;transform:translateY(-1px)}.course-string{position:relative;min-width:0;height:100%;padding:0;border:0;border-radius:0;background:transparent;color:#f8faff;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease}.course-string:focus-visible{outline:none}.course-string+.course-string{border-left:1px solid #1f2e4c}.course-string:first-child.is-active+.course-string,.course-string:last-child.is-active{border-left-color:var(--course-accent)}.course-string:hover{background:#18305861}.course-string.is-active{z-index:1;background:#0a1731;box-shadow:inset 0 0 18px #3f86ff33,0 0 14px #3f86ff47}.is-in-tune .string-course{--course-accent: var(--green)}.is-in-tune .course-string.is-active{box-shadow:inset 0 0 18px #55e68c24,0 0 14px #55e68c47}.string-selector button{position:relative;display:grid;place-items:center;height:clamp(58px,5vw,76px);padding:0;border:1px solid #29395e;border-radius:22px;background:#050914b8;color:#f8faff;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}.string-selector button:hover{border-color:#41639b;background:#0a1122;transform:translateY(-1px)}.string-selector button.is-active{border-color:var(--blue-bright);background:#0a1731;box-shadow:inset 0 0 18px #3f86ff29,0 0 14px #3f86ff6b}.is-in-tune .string-selector button.is-active{border-color:var(--green);box-shadow:inset 0 0 18px #55e68c1f,0 0 14px #55e68c57}.string-pitch{position:relative;display:grid;place-items:center;gap:4px;color:inherit}.string-pitch>span{position:relative;display:grid;place-items:center}.string-note{font-size:clamp(20px,2.2vw,30px);font-weight:600;line-height:1}.string-octave{position:absolute;top:50%;left:calc(100% + 2px);color:var(--muted);font-size:10px;font-style:normal;line-height:1;transform:translateY(-8%)}.string-role{color:#637492;font-size:6px;font-style:normal;font-weight:750;letter-spacing:.08em;line-height:1;text-transform:uppercase}.course-string.is-active .string-role{color:#8fb9f9}.is-in-tune .course-string.is-active .string-role{color:var(--green)}.course-selector .string-note{font-size:clamp(17px,1.65vw,23px)}.course-selector .string-octave{font-size:8px}.footer-actions{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px}.privacy-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#63718c;font-size:10px;letter-spacing:.04em}.footer-actions .privacy-note,.footer-actions .install-app-button{margin-top:0}.app-shell.is-chromatic .footer-actions{margin-top:20px}.privacy-note a{color:#8190ad;text-decoration:none;transition:color .16s ease}.privacy-note a:hover,.privacy-note a:focus-visible{color:var(--blue-bright)}.privacy-note-divider{color:#394761}.install-app-button{display:inline-flex;align-items:center;justify-content:center;justify-self:center;min-height:36px;gap:8px;margin-top:10px;padding:0 14px;border:1px solid rgba(72,118,194,.5);border-radius:999px;background:#09142ac7;box-shadow:inset 0 1px #ffffff0a,0 8px 24px #0000002e;color:#9ec5ff;font-size:11px;font-weight:650;letter-spacing:.015em;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}.install-app-button:hover{border-color:#62a0ffcc;background:#0f2346e6;color:#dbeaff;transform:translateY(-1px)}.install-app-button.is-installed{border-color:#55e68c6b;background:#0e452b75;color:#a6f4c2}.install-app-button.is-installed:hover{border-color:#55e68cc2;background:#145c388f;color:#d3ffe2}.install-guide-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:#01040cc7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:install-guide-backdrop-in .18s ease both}.install-guide{position:relative;width:min(100%,460px);max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;padding:27px;border:1px solid rgba(75,116,184,.48);border-radius:26px;background:radial-gradient(circle at 18% 0%,rgba(55,111,221,.18),transparent 42%),linear-gradient(155deg,#0d172dfc,#050a16fc);box-shadow:0 28px 90px #0000008c,inset 0 1px #ffffff0e;scrollbar-width:thin;scrollbar-color:#30486f transparent;animation:install-guide-in .22s cubic-bezier(.2,.8,.2,1) both}.install-guide:focus{outline:none}.install-guide-close{position:absolute;top:17px;right:17px;display:grid;width:38px;height:38px;padding:0;border:1px solid rgba(86,112,156,.38);border-radius:12px;place-items:center;background:#040a16b8;color:#8f9db5;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.install-guide-close:hover{border-color:#62a0ffad;background:#0f1f3beb;color:#eef5ff}.install-guide-heading{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:15px;padding-right:36px}.install-guide-app-icon{display:block;width:58px;height:58px;overflow:hidden;border-radius:16px;box-shadow:0 10px 30px #1641b352}.install-guide-app-icon img{display:block;width:100%;height:100%}.install-guide-eyebrow{display:block;margin-bottom:4px;color:#6fa8ff;font-size:9px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.install-guide h2{margin:0;color:#f4f7ff;font-size:21px;font-weight:650;letter-spacing:-.035em;line-height:1.18}.install-guide-description{margin:18px 0 20px;color:#99a8c1;font-size:12px;line-height:1.55}.install-guide-steps{display:grid;gap:8px;margin:0;padding:0;list-style:none;counter-reset:install-step}.install-guide-steps li{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;min-height:60px;gap:12px;padding:9px 12px 9px 9px;border:1px solid rgba(47,72,115,.46);border-radius:16px;background:#040a168c;counter-increment:install-step}.install-guide-step-icon{position:relative;display:grid;width:40px;height:40px;border:1px solid rgba(80,131,214,.48);border-radius:13px;place-items:center;background:#193a7580;color:#78aeff}.install-guide-step-icon:after{position:absolute;top:-5px;right:-5px;display:grid;width:17px;height:17px;border:2px solid #0b1427;border-radius:999px;place-items:center;background:#397df1;color:#fff;content:counter(install-step);font-size:8px;font-weight:750}.install-guide-step-icon.is-confirm{border-color:#55e68c6b;background:#1e653f61;color:var(--green)}.install-guide-step-icon.is-confirm:after{background:#248e53}.install-guide-steps strong,.install-guide-steps small{display:block}.install-guide-steps strong{color:#e9f1ff;font-size:12px;font-weight:650}.install-guide-steps small{margin-top:3px;color:#7f8da6;font-size:10px;line-height:1.4}.install-guide-android-note{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;margin:14px 0 0;padding:12px 13px;border-radius:14px;background:#152f5b59;color:#8fa0bc;font-size:10px;line-height:1.55}.install-guide-android-note svg{margin-top:1px;color:#78aeff}.install-guide-android-note strong{color:#cbdcff}.install-guide-android-note em{color:#b8cdf0;font-style:normal}.install-guide-privacy{margin:16px 0 0;color:#5f708e;font-size:9px;letter-spacing:.045em;text-align:center}@keyframes install-guide-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes install-guide-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes precision-trace-breathe{0%,to{opacity:.26}50%{opacity:.48}}@keyframes tuned-check-in{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes chromatic-mark-breathe{0%,to{opacity:.18;filter:drop-shadow(0 0 9px rgba(98,160,255,.38))}50%{opacity:.34;filter:drop-shadow(0 0 16px rgba(98,160,255,.72))}}@media(max-width:1120px){.tuner-layout{width:min(100%,980px)}.headstock-wrap{width:min(48vw,470px,clamp(360px,calc(76dvh - 137px),620px));margin-top:0}.headstock-wrap.is-five-string-bass{width:min(46vw,440px,clamp(330px,calc(71dvh - 138px),560px));margin-bottom:40px}.tuner-console{margin-top:-35px}}@media(max-width:780px){.instrument-gallery-backdrop{padding:88px 0 22px;place-items:center}.instrument-gallery{width:100%;gap:22px;padding:0}.instrument-gallery-heading{min-height:66px;margin:0;padding-inline:20px}.instrument-gallery-heading h2{font-size:25px}.instrument-gallery-row{display:flex;width:100%;gap:20px;padding:6px 22px 14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:22px;scroll-snap-type:x mandatory;scrollbar-width:none}.instrument-gallery-row::-webkit-scrollbar{display:none}.instrument-card{flex:0 0 min(58vw,220px);height:min(54dvh,420px);min-height:310px;scroll-snap-align:start}.instrument-card.is-available:hover,.instrument-card.is-chromatic-tuner.is-available:hover .chromatic-gallery-mark img{transform:none}.instrument-gallery-close{top:8px;right:16px}.site-header{align-items:flex-start;padding-top:20px}.header-controls{gap:7px}.tuning-trigger,.chromatic-header-mode,.calibration-control>summary{height:44px;border-radius:13px}.tuning-trigger,.chromatic-header-mode{width:136px;padding:0 11px 0 13px}.chromatic-header-mode{gap:8px}.chromatic-mode-mark{flex-basis:30px;width:30px;height:24px}.chromatic-mode-mark img{width:100%;height:auto}.chromatic-header-mode strong{font-size:12px}.chromatic-header-mode small{font-size:7px}.tuning-trigger-copy{gap:0}.tuning-trigger-copy>strong{max-width:92px;font-size:12px}.tuning-trigger .tuning-notes{display:none}.tuning-trigger-chevron{margin-left:7px}.calibration-control>summary{min-width:99px;padding:0 11px;font-size:11px}.calibration-popover{top:calc(100% + 9px);width:min(292px,calc(100vw - 32px))}.tuning-popover{position:fixed;top:72px;right:16px;left:16px;width:auto;max-height:calc(100dvh - 88px);border-radius:18px}.tuner-layout{display:flex;flex-direction:column;justify-content:flex-start;gap:0;height:100%;min-height:0;padding:76px 16px 24px}.headstock-wrap{width:min(74vw,330px,max(180px,calc(76dvh - 248px)));margin-top:4px}.headstock-wrap.is-five-string-bass{width:min(74vw,330px,max(180px,calc(76dvh - 248px)));margin-bottom:0}.headstock-wrap.is-twelve-string{width:min(74vw,330px,max(180px,calc(76dvh - 276px)))}.chromatic-stage{width:100%;min-height:300px;max-height:none;margin-top:0}.chromatic-stage .chromatic-readout{top:45%;width:min(86%,320px);min-height:0}.chromatic-stage .chromatic-readout-kicker{font-size:8px}.chromatic-stage .chromatic-readout-pitch{min-height:86px;margin-top:5px}.chromatic-stage .chromatic-readout-pitch strong{font-size:clamp(66px,19vw,88px)}.chromatic-stage .chromatic-readout-pitch em{margin-top:7px;font-size:clamp(22px,6.5vw,28px)}.chromatic-stage .chromatic-readout-pitch small{margin-bottom:15px;font-size:clamp(18px,5.2vw,24px)}.chromatic-readout-frequency{min-height:23px;font-size:17px}.chromatic-stage .chromatic-readout-detail{margin-top:6px;font-size:8px}.chromatic-status-slot{bottom:1.5%}.chromatic-readout{top:28%;width:48%;min-width:148px;min-height:190px}.chromatic-readout-mark{width:32px;height:32px}.chromatic-readout-pitch{min-height:72px}.chromatic-readout-pitch strong{font-size:clamp(52px,15vw,70px)}.chromatic-readout-pitch em{margin-top:6px;font-size:20px}.chromatic-readout-pitch small{margin-bottom:12px;font-size:12px}.instrument-surface-trigger{height:44px;min-width:132px;gap:10px;padding:6px 11px 6px 13px;border-color:#6899e89e;border-radius:12px;background:#030915e0;box-shadow:0 8px 24px #00000061,0 0 16px #3f86ff1f,inset 0 1px #ffffff0f}.instrument-surface-copy small{font-size:8px}.instrument-surface-copy strong{font-size:11px}.note-callout span{min-width:42px;height:38px;border-radius:11px;font-size:16px}.tuner-console{width:100%;margin-top:-12px}.app-shell.is-chromatic .tuner-console{margin-top:0}.tuning-instruction{margin-bottom:5px}.start-button,.listening-status,.microphone-error{position:static;justify-self:center;margin-bottom:9px;transform:none}.start-button:hover{transform:translateY(-1px)}.meter:not(.is-in-tune) .meter-value{display:none}.meter.is-in-tune .meter-value{height:24px}.meter-track{height:30px}.string-selector{gap:7px;margin-top:20px}.course-selector{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:20px}.course-selector.is-four-courses{grid-template-columns:repeat(2,minmax(0,1fr))}.chromatic-note-rail{height:54px;margin-top:20px;border-radius:17px}.app-shell.is-chromatic .chromatic-note-rail{width:100%;height:54px;margin-top:20px;margin-left:0}.footer-actions,.app-shell.is-chromatic .footer-actions{flex-direction:column;gap:10px;margin-top:14px}.string-selector button,.string-course{height:54px;border-radius:17px}}@media(max-width:520px){.install-app-button{min-height:38px;padding-inline:15px}.install-guide-backdrop{align-items:end;padding-inline:0;padding-bottom:0}.install-guide{width:100%;max-height:calc(100dvh - max(10px,env(safe-area-inset-top)));padding:24px 18px max(22px,env(safe-area-inset-bottom));border-right:0;border-bottom:0;border-left:0;border-radius:25px 25px 0 0}.install-guide-close{top:15px;right:15px}.install-guide-heading{grid-template-columns:54px minmax(0,1fr);gap:13px}.install-guide-app-icon{width:54px;height:54px;border-radius:15px}.install-guide h2{font-size:19px}.install-guide-description{margin:16px 0 17px}.install-guide-steps li{min-height:58px}.instrument-gallery-backdrop{padding:82px 0 18px}.instrument-gallery{gap:18px;padding:0}.instrument-gallery-heading{min-height:64px;margin:0;padding-inline:18px}.instrument-gallery-heading h2{font-size:22px}.instrument-gallery-heading p{display:none}.instrument-gallery-close{top:-34px;right:14px;height:38px;padding-inline:10px;border-radius:12px}.instrument-gallery-close span{display:none}.instrument-gallery-row{width:100%;padding:6px 18px 12px;scroll-padding-inline:18px}.instrument-card{flex-basis:min(64vw,230px);height:min(53dvh,400px);min-height:300px}.site-header{padding-inline:15px}.tuning-trigger,.chromatic-header-mode{width:112px;padding-inline:10px}.chromatic-mode-mark{flex-basis:28px;width:28px;height:21px}.chromatic-mode-mark img{width:100%;height:auto}.chromatic-mode-chevron{display:none}.chromatic-header-mode strong{font-size:10px}.chromatic-header-mode small{font-size:6px}.tuning-trigger-copy>strong{max-width:74px;font-size:10px}.tuning-option{grid-template-columns:minmax(0,1fr) 22px;grid-template-areas:"copy check" "notes notes";gap:8px 10px;padding:10px 9px 11px 11px}.tuning-option-copy{grid-area:copy}.tuning-option .tuning-notes{grid-area:notes}.tuning-option-check{grid-area:check}.tuning-option-copy>small{white-space:normal}.tuning-note{flex:1 1 0;min-width:0}.calibration-control>summary{min-width:82px;font-size:10px}.headstock-wrap{width:min(80vw,310px,max(180px,calc(76dvh - 248px)))}.headstock-wrap.is-five-string-bass{width:min(80vw,310px,max(180px,calc(76dvh - 248px)));margin-bottom:0}.headstock-wrap.is-twelve-string{width:min(80vw,310px,max(180px,calc(76dvh - 276px)))}.chromatic-stage{min-height:280px}.chromatic-stage .chromatic-readout{top:44%}.chromatic-note-rail span{font-size:9px}.string-selector{grid-template-columns:repeat(6,1fr)}.string-selector button{min-width:0}.string-note{font-size:19px}}@media(max-width:780px)and (max-height:720px){.headstock-wrap,.headstock-wrap.is-five-string-bass{width:min(74vw,330px,max(180px,calc(76dvh - 283px)))}.headstock-wrap.is-twelve-string{width:min(74vw,330px,max(180px,calc(76dvh - 311px)))}.footer-actions,.app-shell.is-chromatic .footer-actions{gap:7px;margin-top:10px}.install-app-button{min-height:34px}}@media(min-width:781px)and (max-height:760px){.tuner-layout{padding-top:0;padding-bottom:0}.headstock-wrap,.headstock-wrap.is-five-string-bass{width:min(51vw,clamp(120px,calc(76dvh - 155px),360px));margin-top:0;margin-bottom:0}.headstock-wrap.is-twelve-string{width:min(51vw,clamp(120px,calc(76dvh - 175px),340px))}.tuner-console{margin-top:-43px}.chromatic-stage{flex:0 0 auto;height:min(390px,max(190px,calc(100dvh - 360px)));min-height:0;max-height:none}.app-shell.is-chromatic .chromatic-note-rail{width:100%;height:54px;margin-top:10px;margin-left:0}.footer-actions,.app-shell.is-chromatic .footer-actions{margin-top:0}}@media(max-height:560px){.chromatic-stage .chromatic-readout-mark{width:18px;height:18px;margin-bottom:0}.chromatic-stage .chromatic-readout-kicker{font-size:7px}.chromatic-stage .chromatic-readout-pitch{min-height:28px;margin-top:1px}.chromatic-stage .chromatic-readout-pitch strong{font-size:28px}.chromatic-stage .chromatic-readout-pitch em{margin:4px 0 0 4px;font-size:13px}.chromatic-stage .chromatic-readout-pitch small{margin:0 0 5px 3px;font-size:9px}.chromatic-stage .chromatic-readout-frequency{min-height:12px;font-size:11px}.chromatic-stage .chromatic-readout-detail{min-height:8px;margin-top:1px;font-size:7px}}@media(min-width:781px)and (max-height:360px){.tuner-layout{padding-inline:16px}.headstock-wrap,.headstock-wrap.is-five-string-bass,.headstock-wrap.is-twelve-string{width:min(32vw,112px);margin-top:-70px}.app-shell.is-chromatic .tuner-console{margin-top:0}.chromatic-stage{flex:0 0 auto;height:80px;min-height:0;max-height:none}.app-shell.is-chromatic .chromatic-note-rail{width:100%;height:26px;margin-top:6px;margin-left:0}.meter-value{height:20px}.meter-track{height:24px}.string-selector,.course-selector,.chromatic-note-rail{margin-top:10px}.string-selector button,.string-course{height:44px;border-radius:15px}.footer-actions,.app-shell.is-chromatic .footer-actions{gap:4px;margin-top:6px}.install-app-button{min-height:30px}}@media(max-width:780px)and (max-height:560px){.tuner-layout{padding-top:0;padding-bottom:0}.headstock-wrap,.headstock-wrap.is-five-string-bass,.headstock-wrap.is-twelve-string{width:min(74vw,clamp(112px,calc(100dvh - 240px),310px));margin-top:-111px}.tuner-console{margin-top:-18px}.course-selector{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.course-selector.is-four-courses{grid-template-columns:repeat(4,minmax(0,1fr))}.app-shell.is-chromatic .tuner-console{margin-top:0}.chromatic-stage{flex:0 0 auto;height:min(280px,max(80px,calc(100dvh - 148px)));min-height:0;max-height:none}.app-shell.is-chromatic .chromatic-note-rail{width:100%;height:26px;margin-top:6px;margin-left:0}.start-button,.listening-status{height:32px;margin-bottom:4px;padding-inline:12px;border-radius:11px;font-size:11px}.microphone-error{margin-bottom:4px;padding-block:6px}.meter-track{height:24px}.meter-labels{gap:1px}.string-selector,.course-selector,.chromatic-note-rail{margin-top:10px}.string-selector button,.string-course{height:44px;border-radius:15px}.footer-actions,.app-shell.is-chromatic .footer-actions{gap:4px;margin-top:6px}.install-app-button{min-height:30px}}@media(prefers-reduced-motion:reduce){.instrument-gallery-backdrop,.instrument-gallery,.instrument-card,.instrument-card-visual,.instrument-card-copy,.tuned-status-check{animation:none}.instrument-gallery-backdrop.is-open,.instrument-gallery,.instrument-card,.instrument-card-visual,.instrument-card-copy,.tuned-status-check{opacity:1}.headstock-wrap,.chromatic-stage,.tuner-console,.instrument-card,.instrument-card img{transition-duration:1ms}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html.is-admin-page,html.is-admin-page body{min-height:100%;height:auto;overflow:auto;overscroll-behavior-y:auto;background:#040712}html.is-admin-page #root{min-height:100vh;height:auto;overflow:visible}.admin-shell{--admin-panel: rgba(10, 16, 31, .86);--admin-panel-strong: #0b1224;--admin-border: rgba(139, 170, 224, .14);--admin-muted: #8798b5;min-height:100vh;background:radial-gradient(circle at 14% -10%,rgba(45,111,255,.18),transparent 34rem),radial-gradient(circle at 95% 16%,rgba(28,74,176,.11),transparent 30rem),#040712;color:#f3f7ff}.admin-topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:82px;padding:14px clamp(20px,3vw,48px);border-bottom:1px solid var(--admin-border);background:#040712d1;-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%)}.admin-brand,.admin-login-brand{width:fit-content;text-decoration:none}.admin-topbar-title{text-align:center}.admin-topbar-title span{display:block;color:#6683af;font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.admin-topbar-title h1{margin:3px 0 0;font-size:17px;letter-spacing:-.03em}.admin-topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.admin-live-pill{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 13px;border:1px solid rgba(80,222,143,.17);border-radius:12px;background:#1e7e4f17;color:#a7b8cd;font-size:12px;font-weight:600}.admin-live-pill i{width:7px;height:7px;border-radius:50%;background:#51e393;box-shadow:0 0 10px #51e393b3}.admin-icon-button{display:grid;width:38px;height:38px;padding:0;place-items:center;border:1px solid var(--admin-border);border-radius:12px;background:#ffffff06;color:#8fa4c3}.admin-icon-button:hover{border-color:#5999ff5c;color:#fff}.admin-content{width:min(100% - 40px,1420px);margin:0 auto;padding:54px 0 70px}.admin-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}.admin-eyebrow{margin:0 0 10px;color:#549eff;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.admin-intro h2{margin:0;font-size:clamp(30px,4vw,46px);line-height:1;letter-spacing:-.055em}.admin-intro>div>p:last-child{max-width:690px;margin:14px 0 0;color:var(--admin-muted);font-size:14px;line-height:1.65}.admin-range{display:flex;flex:0 0 auto;gap:4px;padding:4px;border:1px solid var(--admin-border);border-radius:14px;background:#050a16cc}.admin-range button{height:36px;padding:0 13px;border:0;border-radius:10px;background:transparent;color:#7f90aa;font-size:11px;font-weight:650}.admin-range button:hover{color:#d8e4f7}.admin-range button.is-active{background:#122a56;color:#f2f7ff;box-shadow:inset 0 0 0 1px #5999ff33}.admin-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:12px;margin-bottom:16px}.admin-kpi{position:relative;display:flex;min-height:154px;gap:16px;padding:20px;overflow:hidden;border:1px solid var(--admin-border);border-radius:19px;background:linear-gradient(145deg,#0e172ceb,#070c19eb)}.admin-kpi:after{position:absolute;right:-36px;bottom:-56px;width:120px;height:120px;border-radius:50%;background:#347aff1f;filter:blur(18px);content:""}.admin-kpi-green:after{background:#2fd37e24}.admin-kpi-amber:after{background:#ffaf4026}.admin-kpi-icon{display:grid;flex:0 0 auto;width:36px;height:36px;place-items:center;border:1px solid rgba(91,155,255,.18);border-radius:11px;background:#3b7fee1a;color:#66a4ff}.admin-kpi-green .admin-kpi-icon{border-color:#4de08f2b;background:#36bc7117;color:#58dc98}.admin-kpi-amber .admin-kpi-icon{color:#ffbc68}.admin-kpi>div:last-child{position:relative;z-index:1;min-width:0}.admin-kpi p{margin:1px 0 11px;color:#8fa1bb;font-size:10px;font-weight:650;letter-spacing:.025em;text-transform:uppercase}.admin-kpi strong{display:block;font-size:clamp(25px,2.4vw,35px);line-height:1;letter-spacing:-.055em}.admin-kpi span{display:block;margin-top:12px;color:#667b9b;font-size:10px;line-height:1.45}.admin-grid{display:grid;gap:16px;margin-top:16px}.admin-grid-main{grid-template-columns:minmax(0,2fr) minmax(300px,.75fr)}.admin-grid-halves{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid-thirds{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-panel{min-width:0;padding:23px;border:1px solid var(--admin-border);border-radius:20px;background:var(--admin-panel);box-shadow:0 22px 70px #00000024}.admin-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;min-height:48px;margin-bottom:20px}.admin-panel-header h2{margin:0;font-size:15px;letter-spacing:-.025em}.admin-panel-header p{margin:6px 0 0;color:#667a99;font-size:10px;line-height:1.45}.admin-trend-wrap{min-width:0}.admin-trend{display:block;width:100%;height:270px;overflow:visible}.admin-chart-grid{stroke:#829fd31c;stroke-width:1}.admin-chart-axis{fill:#617391;font-family:inherit;font-size:9px}.admin-chart-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5;vector-effect:non-scaling-stroke}.admin-chart-sessions{stroke:#4c98ff}.admin-chart-starts{stroke:#9f7dff}.admin-chart-successes{stroke:#4be092}.admin-chart-point{fill:currentColor;stroke:#081020;stroke-width:2;vector-effect:non-scaling-stroke}.admin-chart-point.admin-chart-sessions{color:#4c98ff}.admin-chart-point.admin-chart-starts{color:#9f7dff}.admin-chart-point.admin-chart-successes{color:#4be092}.admin-chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;color:#778ba8;font-size:10px}.admin-chart-legend span{display:inline-flex;align-items:center;gap:7px}.admin-chart-legend i{width:16px;height:2px;border-radius:5px}.legend-sessions{background:#4c98ff}.legend-starts{background:#9f7dff}.legend-successes{background:#4be092}.admin-ranked-list{display:grid;gap:15px}.admin-ranked-label{display:flex;justify-content:space-between;gap:16px;margin-bottom:7px;color:#aab9cd;font-size:11px}.admin-ranked-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-ranked-label strong{color:#eaf1fc;font-size:11px}.admin-ranked-track,.admin-funnel-track{width:100%;height:5px;overflow:hidden;border-radius:10px;background:#7b9acf17}.admin-ranked-track i,.admin-funnel-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#306edb,#5ca5ff);box-shadow:0 0 12px #4c98ff38}.admin-funnel{display:grid;gap:19px;padding-top:4px}.admin-funnel-step{display:grid;grid-template-columns:1fr 42px;gap:8px 12px;align-items:center}.admin-funnel-step>div:first-child{display:flex;justify-content:space-between;gap:12px;grid-column:1 / -1;color:#8fa1bb;font-size:10px}.admin-funnel-step strong{color:#f3f7ff;font-size:12px}.admin-funnel-step small{color:#6a7f9f;font-size:9px;text-align:right}.admin-funnel-step:last-child .admin-funnel-track i{background:linear-gradient(90deg,#249a62,#50e096)}.admin-empty{display:grid;min-height:160px;place-items:center;border:1px dashed rgba(139,170,224,.13);border-radius:14px;color:#5f7393;font-size:11px;text-align:center}.admin-export{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 11px;border:1px solid rgba(80,145,249,.22);border-radius:10px;background:#3a7eee14;color:#8dbbff;font-size:10px;font-weight:650;text-decoration:none}.admin-table-wrap{max-width:100%;overflow-x:auto;border:1px solid rgba(139,170,224,.1);border-radius:13px}.admin-table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}.admin-table th{padding:11px 14px;border-bottom:1px solid rgba(139,170,224,.11);background:#ffffff05;color:#667b9d;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.admin-table td{padding:13px 14px;border-bottom:1px solid rgba(139,170,224,.075);color:#a8b7cc;white-space:nowrap}.admin-table tr:last-child td{border-bottom:0}.admin-table td strong,.admin-table td span{display:block}.admin-table td strong{color:#dce7f6;font-size:10px}.admin-table td span{margin-top:3px;color:#637797;font-size:9px}.admin-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;padding:18px 4px 0;color:#5c6f8d;font-size:9px;line-height:1.5}.admin-footer>div{display:flex;align-items:center;gap:8px}.admin-footer p{margin:0;text-align:right}.admin-login-shell,.admin-loading{display:grid;min-height:100vh;place-items:center;padding:24px;background:radial-gradient(circle at 50% 15%,rgba(45,111,255,.2),transparent 32rem),#040712}.admin-login-card{display:flex;width:min(100%,420px);flex-direction:column;padding:34px;border:1px solid rgba(139,170,224,.16);border-radius:24px;background:#0a101ff0;box-shadow:0 40px 100px #00000052}.admin-login-icon{display:grid;width:50px;height:50px;margin:42px 0 22px;place-items:center;border:1px solid rgba(88,155,255,.22);border-radius:15px;background:#3a7eee1a;color:#66a4ff}.admin-login-card h1{margin:0;font-size:33px;letter-spacing:-.05em}.admin-login-card>p{margin:11px 0 26px;color:#7f91ae;font-size:12px;line-height:1.65}.admin-login-card label{display:grid;gap:8px;color:#8fa2be;font-size:10px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.admin-login-card input{width:100%;height:48px;padding:0 14px;border:1px solid rgba(139,170,224,.17);border-radius:13px;outline:0;background:#060b18;color:#f5f8ff;font-size:14px}.admin-login-card input:focus{border-color:#589bff9e}.admin-login-card button,.admin-load-error button{height:48px;margin-top:14px;border:1px solid #367ee7;border-radius:13px;background:linear-gradient(180deg,#438fff,#2f6fd3);color:#fff;font-size:12px;font-weight:700;box-shadow:0 12px 32px #306fdc38}.admin-login-card button:disabled{opacity:.5;cursor:default}.admin-login-error{margin-top:12px;color:#ff8c96;font-size:11px}.admin-loading{align-content:center;gap:14px;color:#8497b4;font-size:12px}.admin-loading-brand{--brand-lockup-mark-size: 48px;--brand-lockup-font-size: 25px;--brand-lockup-gap: 14px}.admin-load-error{color:#ff939c}.admin-load-error button{width:130px}@media(max-width:1050px){.admin-grid-main,.admin-grid-halves{grid-template-columns:1fr}.admin-grid-thirds{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.admin-topbar{grid-template-columns:1fr auto;min-height:70px;padding:12px 16px}.admin-topbar-title,.admin-live-pill{display:none}.admin-content{width:min(100% - 24px,1420px);padding:36px 0 54px}.admin-intro{align-items:stretch;flex-direction:column}.admin-range{align-self:flex-start;max-width:100%;overflow-x:auto}.admin-range button{white-space:nowrap}.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-kpi{min-height:144px;flex-direction:column;gap:12px;padding:17px}.admin-kpi strong{font-size:27px}.admin-grid-thirds{grid-template-columns:1fr}.admin-panel{padding:18px;border-radius:17px}.admin-trend{height:235px}.admin-footer{align-items:flex-start;flex-direction:column}.admin-footer p{text-align:left}}@media(max-width:430px){.admin-kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.admin-kpi{min-height:138px}.admin-kpi p{min-height:24px}.admin-kpi span{display:none}.admin-panel-header{margin-bottom:15px}.admin-login-card{padding:26px}}