:root{color-scheme:dark;--bg:#100e1e;--panel:#1b192c;--line:#343147;--text:#f6f2ff;--muted:#aaa6bd;--purple:#b29aff;--pink:#f2a6dd;--cyan:#82e8eb;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Pretendard,"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.46;cursor:not-allowed}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.ambient{pointer-events:none;position:absolute;filter:blur(80px);z-index:-1;border-radius:50%}.a1{width:520px;height:360px;top:-140px;left:4%;background:#3625667a}.a2{width:340px;height:280px;top:220px;right:0;background:#45205460}.shell{max-width:1130px;margin:auto;padding:0 30px}.topbar{height:90px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff10}.brand{text-decoration:none;display:flex;align-items:center;gap:13px;color:var(--text);font-weight:850;font-size:17px;letter-spacing:.09em;line-height:1.2}.brand small{display:block;letter-spacing:.13em;color:#c5c0d8;font-size:10px;font-weight:550;margin-top:4px}.brand-accent,.footer-brand span{color:var(--purple)}.brand-mark{display:grid;place-items:center;width:41px;height:41px;color:#fff;background:linear-gradient(145deg,#9e85f7,#6948c0);border-radius:13px;box-shadow:0 6px 24px #a68bf62c}.brand-mark svg{width:32px}.local-label{font-size:12px;color:#b2abc5;display:flex;align-items:center;gap:8px;background:#242032;border:1px solid #ffffff11;padding:8px 12px;border-radius:100px}.dot{background:#83dbb8;width:6px;height:6px;border-radius:50%;box-shadow:0 0 10px #7cdfb0}.hero{position:relative;display:flex;justify-content:space-between;align-items:center;min-height:250px;overflow:hidden;padding:35px 14px 32px}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:750;color:#c3aeff}.sparkle{font-size:16px;margin-right:7px}.hero h1{font-size:clamp(31px,4.2vw,46px);line-height:1.23;letter-spacing:-.045em;font-weight:790;margin:15px 0}.hero h1 em{font-style:normal;color:#c1a8ff}.hero p{color:#bdb8ce;font-size:14px;margin:0;max-width:420px}.hero-rings{position:relative;width:210px;height:210px;flex-shrink:0;display:grid;place-items:center;margin-right:60px}.ring{position:absolute;border:1px solid #ad90ff58;border-radius:50%}.ring-1{width:196px;height:196px}.ring-2{width:152px;height:152px;box-shadow:0 0 45px #ae7aff19,inset 0 0 40px #b08cff13}.ring-3{width:110px;height:110px;border:1px dashed #af9aff99}.ring-core{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;font-size:36px;background:linear-gradient(145deg,#8e72f0,#6e4abb);box-shadow:0 0 45px #a785fc7b}.mode-nav{display:flex;gap:8px;padding:6px;background:#1a1829;border:1px solid #302a42;border-radius:16px;margin:3px 0 17px;max-width:630px}.mode-tab{color:#b1adbf;flex:1;border:0;background:transparent;border-radius:11px;padding:12px 7px;font-size:13px;font-weight:650;white-space:nowrap}.mode-tab.active{color:#fff;background:#45365f;box-shadow:0 2px 10px #09061366}.tab-icon{font-weight:850;color:#d1baff;margin-right:6px;font-size:16px}.live-card,.panel{background:linear-gradient(145deg,#1e1b30,#191728);border:1px solid #3b344c;box-shadow:0 14px 55px #05020e35;border-radius:var(--radius)}.live-card{overflow:hidden;padding:24px 28px 22px}.card-topline{display:flex;align-items:center;justify-content:space-between}.card-kicker,.mini-heading{font-size:10px;font-weight:800;letter-spacing:.18em;color:#9d8fc1}.live-state{display:flex;gap:7px;align-items:center;color:#a8a5b6;font-size:11px}.status-led{width:7px;height:7px;border-radius:50%;background:#777184}.live-state.active{color:#9ce4cd}.live-state.active .status-led{background:#87dfc3;box-shadow:0 0 12px #6fedb6}.readout{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;padding:23px 5px 28px}.readout-label{font-size:11px;color:#aaa4ba;font-weight:640}.note-line{display:flex;align-items:center;gap:16px;min-height:74px}.note-line strong{font-size:clamp(44px,5vw,62px);font-weight:730;letter-spacing:-.04em;line-height:1.2;color:#fff}.note-korean{font-size:14px;color:var(--purple);background:#aa88ff14;border:1px solid #b894ff23;border-radius:7px;padding:5px 9px}.hz-readout{font-size:13px;color:#b4adca;font-variant-numeric:tabular-nums}.tuning-readout{width:250px;max-width:45%;padding-bottom:3px}.tuning-readout strong{display:block;text-align:right;font-size:24px;font-weight:760;letter-spacing:-.03em;margin:6px 0}.tuning-readout strong small{font-size:12px;font-weight:500;color:#aaa2c4}.tuning-track{position:relative;width:100%;height:7px;border-radius:6px;background:linear-gradient(90deg,#d685b3 5%,#9c7deb 34%,#79e2d3 50%,#9c7deb 66%,#d685b3 95%);margin:12px 0 9px}.tuning-mid{position:absolute;left:50%;height:17px;width:2px;top:-5px;background:#fff9;border-radius:5px}.tuning-pin{position:absolute;top:-5px;left:50%;height:17px;width:5px;background:#fff;box-shadow:0 0 12px #fff;border-radius:5px;transform:translateX(-50%);transition:left .12s}.tuning-ends{display:flex;justify-content:space-between;color:#817c97;font-size:10px}.graph-head{display:flex;gap:14px;align-items:flex-end;justify-content:space-between;border-top:1px solid #ffffff0c;padding-top:19px;padding-bottom:13px}.graph-head strong{font-size:15px}.graph-head p{font-size:12px;color:#9d99ac;margin:4px 0 0}.graph-legend{display:flex;align-items:center;gap:6px;font-size:11px;color:#aba5bb;white-space:nowrap}.graph-legend i{display:inline-block;width:15px;height:3px;border-radius:3px;margin-left:6px}.legend-voice{background:#d0a5ff;box-shadow:0 0 7px #cba2ff}.legend-target{background:#7fdfe9}.chart-wrap{position:relative;background:radial-gradient(circle at 40% 30%,#33284b77,#151323 60%);border:1px solid #373049;border-radius:16px;overflow:hidden;height:340px}.chart-wrap canvas{display:block;width:100%;height:100%}.chart-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;pointer-events:none;background:#16132635;text-align:center;padding:18px}.chart-overlay-icon{width:42px;height:42px;background:#57427988;border:1px solid #ad8dff46;border-radius:13px;display:grid;place-items:center;color:#dfc8ff;font-size:26px;margin-bottom:4px}.chart-overlay strong{font-size:14px}.chart-overlay span{font-size:12px;color:#a59bae}.graph-bottom{display:flex;justify-content:space-between;padding-top:11px;color:#918ba8;font-size:11px;font-variant-numeric:tabular-nums}.progress-section{margin:16px 0 8px}.progress-top{display:flex;justify-content:space-between;font-size:12px;color:#d2c2ed;margin-bottom:9px}.progress-track{height:6px;border-radius:6px;background:#322c45;overflow:hidden}.progress-track>div{height:100%;width:0;background:linear-gradient(90deg,#9076f5,#80dcdf);transition:width .15s}.action-row{display:flex;gap:10px;justify-content:center;margin-top:23px}.btn-primary{border:0;min-height:49px;background:linear-gradient(120deg,#bda4ff,#9a77e9);color:#211534;box-shadow:0 9px 25px #9c77eb35;border-radius:12px;padding:0 36px;font-size:14px;font-weight:800}.btn-primary:hover:not(:disabled){filter:brightness(1.09)}.btn-icon{font-size:17px;display:inline-block;margin-right:8px}.btn-secondary{border:1px solid #4b405c;background:#262237;color:#e1d9f3;min-height:49px;border-radius:12px;padding:0 23px;font-weight:680}.btn-secondary:hover{background:#302945}.notice{margin-top:16px;padding:11px 13px;border:1px solid #745275;background:#56314d3b;color:#ffcfe6;font-size:12px;border-radius:10px}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:17px}.panel{padding:25px;min-height:384px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-title h2{margin:5px 0 0;font-size:20px;letter-spacing:-.035em}.section-icon{width:36px;height:36px;display:grid;place-items:center;font-size:22px;color:#c7a4ff;background:#4132588a;border-radius:12px}.desc{font-size:13px;color:#aaa4bb;line-height:1.75;margin:-2px 0 21px}.tip-block{background:#29243a80;border:1px solid #3e3653;border-radius:12px;padding:13px 15px;margin:10px 0}.tip-block span{font-size:10px;color:#b59bfa;letter-spacing:.12em;font-weight:760}.tip-block p{font-size:12px;line-height:1.7;color:#c9c3d9;margin:5px 0 0}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:18px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field.full{grid-column:1/-1}.field>span{font-size:11px;color:#aaa2c4;font-weight:660}.field select{width:100%;appearance:none;border:1px solid #493e5c;border-radius:9px;background:#282338 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23c5b6df' stroke-width='1.7' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 10px center/18px no-repeat;color:#eee8ff;padding:11px 32px 11px 12px;font-size:12px}.field select option{background:#282338}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0}.switch-row strong{display:block;font-size:12px}.switch-row small{display:block;font-size:11px;color:#aaa4ba;line-height:1.5;margin-top:4px}.toggle{position:relative;flex-shrink:0;width:41px;height:24px}.toggle input{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer;z-index:2}.toggle-slider{position:absolute;inset:0;border-radius:40px;background:#40374f;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;top:3px;left:3px;border-radius:50%;background:white;transition:transform .2s}.toggle input:checked+.toggle-slider{background:#9571e2}.toggle input:checked+.toggle-slider:before{transform:translateX(17px)}.info-tint{font-size:11px;line-height:1.6;color:#beb6db;background:#a38af20f;border-radius:10px;padding:11px 13px}.btn-outline{width:100%;margin-top:15px;border:1px solid #8f72db;background:#60489544;color:#dfc7ff;min-height:43px;border-radius:10px;font-weight:750;font-size:13px}.btn-outline:not(:disabled):hover{background:#6c52a16b}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.stat-tile{padding:14px;border:1px solid #40384f;border-radius:13px;background:#2a253b66;min-height:96px}.stat-tile>span{display:block;color:#a59cb7;font-size:11px}.stat-tile strong{display:block;font-variant-numeric:tabular-nums;color:#faf5ff;font-size:27px;font-weight:750;line-height:1.5}.stat-tile small{display:block;color:#9b92af;font-size:11px}.saved-result{display:flex;gap:12px;background:#242034;border:1px solid #393047;border-radius:13px;padding:13px;margin-top:12px;align-items:center}.saved-icon{flex-shrink:0;width:33px;height:33px;border-radius:10px;background:#48365b;display:grid;place-items:center;color:#d7b7f9}.saved-result strong,.saved-result span:not(.saved-icon){display:block}.saved-result strong{font-size:12px}.saved-result div span{font-size:11px;color:#9f99ae;margin-top:4px}.history-head{margin:22px 0 8px;display:flex;align-items:center;justify-content:space-between}.history-head h3{font-size:13px;font-weight:700;margin:0}.subtle-btn{color:#a89dbe;background:transparent;border:0;font-size:11px;padding:5px}.subtle-btn:hover{color:#fff}.history-list{display:flex;flex-direction:column;gap:6px;max-height:215px;overflow:auto}.empty-history{color:#847c99;font-size:12px;padding:11px 0}.history-entry{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px 10px;border:1px solid #322b41;border-radius:9px;background:#27223861}.history-entry strong{font-size:12px;font-weight:670}.history-entry small{display:block;color:#928ba3;font-size:10px;margin-top:3px}.history-entry .result{font-size:12px;color:#d6bcff;white-space:nowrap}footer{padding:43px 0 38px;text-align:center}.footer-brand{font-size:14px;font-weight:800;letter-spacing:.14em}.footer-brand i{font-style:normal;color:#deb7ff;margin-left:4px}footer p{color:#8e879d;font-size:11px;line-height:1.7;margin:10px auto;max-width:780px}footer p.footnote{color:#746e84}@media(max-width:780px){.shell{padding:0 16px}.topbar{height:75px}.hero{padding:30px 5px 26px;min-height:190px}.hero-rings{width:160px;height:160px;margin-right:-35px;opacity:.5}.ring-1{width:158px;height:158px}.ring-2{width:122px;height:122px}.ring-3{width:95px;height:95px}.ring-core{width:62px;height:62px}.hero p{max-width:340px}.lower-grid{grid-template-columns:1fr}.panel{min-height:unset}}@media(max-width:520px){.shell{padding:0 12px}.local-label{font-size:10px;padding:7px 9px}.brand{gap:9px;font-size:15px}.brand-mark{width:36px;height:36px}.hero{min-height:175px}.hero h1{font-size:30px}.hero p{font-size:12px;max-width:270px}.hero-rings{width:118px;height:118px;margin-right:-50px;opacity:.33}.mode-nav{margin-top:6px;gap:3px;padding:4px}.mode-tab{font-size:11px;padding:11px 3px}.tab-icon{margin-right:3px;font-size:14px}.live-card{padding:19px 13px 18px;border-radius:18px}.readout{gap:7px;padding:20px 3px 24px}.note-line{gap:7px;min-height:68px;flex-wrap:wrap}.note-line strong{font-size:45px}.note-korean{font-size:10px;padding:4px 6px}.hz-readout{font-size:11px}.tuning-readout{width:38%;max-width:38%}.tuning-readout strong{font-size:20px;white-space:nowrap}.graph-head{align-items:flex-start}.graph-head strong{font-size:13px}.graph-head p{font-size:11px;max-width:190px}.graph-legend{font-size:10px}.chart-wrap{height:325px}.action-row{margin-top:18px}.btn-primary{flex:1;padding:0 12px}.btn-secondary{padding:0 14px}.panel{padding:19px;border-radius:18px}.stats-grid{gap:8px}.stat-tile{padding:12px}.stat-tile strong{font-size:24px}.section-title h2{font-size:18px}.graph-bottom{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
[hidden]{display:none!important}