:root{--bg0:#070d16;--bg1:#0b1826;--surface:#ffffff0d;--surface-2:#ffffff14;--line:#ffffff17;--text:#e8eef6;--text-dim:#8b98ab;--mint:#34e2c6;--mint-deep:#0e8f7b;--blue:#3b82f6;--amber:#fbbf24;--red:#f87171;--grad:linear-gradient(135deg, #34e2c6 0%, #38bdf8 100%);color:var(--text);font-family:Pretendard,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0}body{background:var(--bg0);min-height:100vh}#root{max-width:480px;min-height:100vh;margin:0 auto}.app{background:radial-gradient(120% 60% at 50% -10%, #34e2c624 0%, transparent 60%), radial-gradient(100% 50% at 80% 110%, #3b82f61f 0%, transparent 60%), linear-gradient(180deg, var(--bg1) 0%, var(--bg0) 100%);flex-direction:column;min-height:100vh;display:flex}.app-header{justify-content:space-between;align-items:center;padding:16px 18px 12px;display:flex}.brand{align-items:center;gap:9px;display:flex}.brand-mark{background:var(--grad);border-radius:50%;width:12px;height:12px;box-shadow:0 0 12px #34e2c6cc}.brand h1{letter-spacing:-.3px;font-size:19px;font-weight:800}.brand em{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.conn-badge{background:var(--surface);border:1px solid var(--line);color:var(--text-dim);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}.conn-badge.on{color:var(--mint);background:#34e2c61f;border-color:#34e2c659}.conn-badge.warn{color:var(--amber);background:#fbbf241f;border-color:#fbbf2459}.app-main{flex:1;padding:8px 18px 96px;overflow-y:auto}section h2{letter-spacing:-.2px;margin:14px 0 12px;font-size:17px;font-weight:700}.card{background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;margin:12px 0;padding:16px}.card h3{margin-bottom:10px;font-size:14px;font-weight:700}.fade-in{animation:.35s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hero{text-align:center;padding:26px 0 20px}.hero.compact{padding:14px 0 10px}.hero h2{margin:16px 0 4px;font-size:18px}.hero-sub{color:var(--text-dim);font-size:13px}.orb{border-radius:50%;justify-content:center;align-items:center;width:108px;height:108px;margin:0 auto;display:flex;position:relative}.hero.compact .orb{width:88px;height:88px}.orb-core,.orb.idle:after{content:"";border-radius:50%;position:absolute;inset:0}.orb.idle:after{border:1px solid var(--line);background:radial-gradient(circle at 35% 30%,#ffffff24,#8b98ab1f 45%,#0a121e99)}.orb .orb-core{background:radial-gradient(circle at 35% 30%,#ffffff59,#34e2c6bf 40%,#0e8f7be6);box-shadow:0 0 32px #34e2c673}.orb.connected .orb-core{animation:3.2s ease-in-out infinite breathe}.orb.playing .orb-core{animation:1.1s ease-in-out infinite breathe}.orb.playing:before,.orb.playing:after{content:"";border:2px solid #34e2c680;border-radius:50%;animation:1.8s ease-out infinite ripple;position:absolute;inset:-8px}.orb.playing:after{animation-delay:.9s}.orb.warn .orb-core{background:radial-gradient(circle at 35% 30%,#ffffff4d,#fbbf24bf 40%,#a06e0ae6);animation:.9s ease-in-out infinite breathe;box-shadow:0 0 28px #fbbf2466}.result-orb{width:84px;height:84px;margin-bottom:18px}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes ripple{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}button{border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--text);border-radius:12px;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:transform 60ms,opacity .15s}button:active{transform:scale(.98)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--grad);color:#04231c;border:none;box-shadow:0 6px 22px #34e2c647}button.danger{color:var(--red);background:#f8717124;border-color:#f8717166}button.big{border-radius:14px;width:100%;padding:15px;font-size:16px;font-weight:800}button.ghost{color:var(--text-dim);background:0 0;border-color:#0000}button.chip-btn{color:var(--mint);background:#34e2c614;border-color:#34e2c666}.btn-row{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.btn-row .big{flex:1}.field{margin:14px 0}.field-head{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.field label{color:var(--text-dim);margin-bottom:6px;font-size:12px;display:block}.field-head label{margin-bottom:0}.field-head b{color:var(--mint);font-size:14px}.field input[type=text]{border:1px solid var(--line);width:100%;color:var(--text);background:#00000040;border-radius:12px;padding:12px;font-family:inherit;font-size:15px}.field input[type=text]:focus{border-color:#34e2c680;outline:none}.field input[type=file]{width:100%;color:var(--text-dim);font-size:13px}.field input[type=range]{width:100%;accent-color:var(--mint)}.mode-row{flex-wrap:wrap;gap:7px;margin-bottom:4px;display:flex}.chip{border-radius:999px;padding:8px 15px;font-size:13px}.chip.active{background:var(--grad);color:#04231c;border:none;font-weight:800}.device-list{margin:14px 0;padding:0;list-style:none}.device-list li{background:var(--surface);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:13px 14px;display:flex}.device-row{align-items:center;gap:10px;display:flex}.device-dot{background:var(--mint);border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #34e2c6cc}.device-dot.mock{background:var(--text-dim);box-shadow:none}.device-name{font-size:14px;font-weight:700}.tag{color:var(--text-dim);border:1px solid var(--line);border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}.content-list{margin:0 0 6px;padding:0;list-style:none}.content-list li{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:16px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;transition:border-color .15s,background .15s;display:flex}.content-list li.selected{background:#34e2c612;border-color:#34e2c68c}.content-list img,.thumb-placeholder{object-fit:cover;background:var(--surface-2);width:52px;height:52px;color:var(--mint);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.content-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.content-info strong{font-size:14px}.content-info span{color:var(--text-dim);font-size:12px}.fd-badge{color:var(--mint);background:#34e2c61a;border:1px solid #34e2c64d;border-radius:999px;flex-shrink:0;padding:4px 9px;font-size:11px;font-weight:800}.content-rating{align-items:center;gap:5px;display:flex}.content-rating em{color:var(--amber);font-style:normal;font-weight:700}.stars{gap:1px;line-height:1;display:inline-flex}.stars .star{color:#ffffff24;display:inline-block;position:relative}.stars.sm .star{font-size:12px}.stars.md .star{font-size:20px}.stars.lg .star{font-size:32px}.stars .star-fg{color:var(--amber);white-space:nowrap;position:absolute;inset:0 auto 0 0;overflow:hidden}.stars.input .star{cursor:pointer;padding:2px;transition:transform 80ms}.stars.input .star:active{transform:scale(1.2)}.review-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.review-head h3{margin:0}.review-summary{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;gap:12px 16px;margin-bottom:12px;padding:12px 0 14px;display:grid}.review-avg{flex-direction:column;align-items:center;gap:4px;min-width:78px;display:flex}.review-avg-num{color:var(--amber);font-size:34px;font-weight:800;line-height:1}.review-dist{flex-direction:column;justify-content:center;gap:4px;display:flex}.dist-row{color:var(--text-dim);grid-template-columns:10px 1fr 20px;align-items:center;gap:8px;font-size:11px;display:grid}.dist-bar{background:#ffffff12;border-radius:999px;height:6px;overflow:hidden}.dist-bar div{background:var(--amber);border-radius:999px;height:100%}.review-facets{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.facet{color:var(--text-dim);text-align:center;background:#ffffff0a;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:10px;display:flex}.facet b{color:var(--text);font-size:15px}.review-form{border-bottom:1px solid var(--line);margin-bottom:12px;padding:4px 0 8px}.field-inline{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.field-inline label{color:var(--text-dim);font-size:13px}.review-preview{background:#fbbf2412;border:1px solid #fbbf2433;border-radius:10px;justify-content:space-between;align-items:center;margin:8px 0 4px;padding:10px 12px;display:flex}.review-preview .hint{margin:0}.review-preview-val{align-items:center;gap:6px;display:flex}.review-preview-val b{color:var(--amber);font-size:16px}.chip.sm{padding:5px 10px;font-size:12px}.review-list{margin:0;padding:0;list-style:none}.review-list li{border-bottom:1px solid var(--line);padding:12px 0}.review-list li:last-child{border-bottom:none}.review-meta{align-items:center;gap:10px;display:flex}.review-meta>div{flex-direction:column;flex:1;gap:1px;display:flex}.review-meta b{font-size:13px}.review-meta .hint{margin:0;font-size:11px}.review-avatar{background:var(--grad);color:#04231c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex}.review-comment{margin:8px 0 6px;font-size:14px;line-height:1.55}.review-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.review-foot .hint{margin:0;font-size:11px}button.helpful{padding:4px 8px;font-size:12px}button.helpful.on{color:var(--mint)}.progress{border:1px solid var(--line);background:#0000004d;border-radius:12px;height:42px;margin:10px 0;position:relative;overflow:hidden}.progress-bar{background:var(--grad);transition:width .12s;position:absolute;inset:0 auto 0 0}.progress span{height:100%;color:var(--text);text-shadow:0 1px 4px #00000080;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:relative}.level-meter{background:#0000004d;border-radius:999px;height:10px;margin:10px 0;overflow:hidden}.level-bar{background:var(--grad);height:100%;transition:width 50ms}.photo-preview{object-fit:cover;border-radius:14px;width:100%;max-height:220px;margin-top:10px}.result-panel{text-align:center;padding:36px 0}.big-score{margin-bottom:10px;font-size:22px;font-weight:800}.result-panel .primary{margin-top:26px}.mint{color:var(--mint)}.hint{color:var(--text-dim);margin:8px 0;font-size:13px;line-height:1.5}.hint.ok{color:var(--mint)}.hint.center{text-align:center}.error{color:var(--red);background:#f8717117;border:1px solid #f8717140;border-radius:10px;margin:10px 0;padding:10px 12px;font-size:13px}audio{width:100%;margin:8px 0}.log-view{border:1px solid var(--line);color:#aebacb;background:#00000059;border-radius:14px;height:62vh;padding:12px;font-family:D2Coding,Consolas,monospace;font-size:12px;overflow-y:auto}.log-line{gap:8px;padding:2.5px 0;display:flex}.log-line.tx .log-dir{color:#38bdf8}.log-line.rx .log-dir{color:var(--mint)}.log-line.info{color:#64748b}.log-text{word-break:break-all;flex:1}.log-ts{color:#475569;flex-shrink:0}.app-tabs{width:100%;max-width:480px;padding:8px 10px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#070d16d1;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.app-tabs button{color:var(--text-dim);background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:7px 0;font-size:11px;font-weight:600;display:flex}.app-tabs button .tab-icon{font-size:17px;line-height:1}.app-tabs button.active{color:var(--mint)}.booth{background:radial-gradient(120% 60% at 50% -10%, #34e2c624 0%, transparent 60%), linear-gradient(180deg, var(--bg1) 0%, var(--bg0) 100%);flex-direction:column;gap:24px;min-height:100vh;padding:28px 40px;display:flex}#root:has(.booth){max-width:none}.booth-head{justify-content:space-between;align-items:center;display:flex}.booth-head h1{font-size:26px}.booth-status{gap:8px;display:flex}.pill{border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:700}.pill.ok{color:var(--mint);background:#34e2c61f;border-color:#34e2c659}.pill.bad{color:var(--red);background:#f871711f;border-color:#f8717159}.booth-main{flex:1;grid-template-columns:auto 1fr;align-items:center;gap:48px;display:grid}.booth-qr{text-align:center}.booth-qr img{border-radius:18px;width:320px;height:320px;margin:0 auto 12px;display:block}.booth-addr-big{color:var(--mint);word-break:break-all;margin:4px 0 26px;font-family:Consolas,D2Coding,monospace;font-size:44px;font-weight:800}.booth-addr-mid{color:var(--text);margin:4px 0 18px;font-family:Consolas,D2Coding,monospace;font-size:22px}.booth-foot{text-align:right}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}