@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500;700;900&display=swap";html,body,#root{height:100%}body{margin:0;background:#0b0d11;font-family:Noto Sans KR,sans-serif;font-weight:700}:root{--ease-out: cubic-bezier(.22, 1, .36, 1);--search-control-h: 52px;--search-control-font-size: 14px;--search-control-line-height: 1.45}*{box-sizing:border-box}.app{min-height:100vh;padding:36px 40px 80px;position:relative;overflow:hidden;transition:background-color .45s var(--ease-out),color .45s var(--ease-out)}.app.theme-dark{color-scheme:dark;--bg: #050505;--bg-soft: #0b0b0b;--panel: #111111;--card: #171717;--surface: rgba(18, 18, 18, .84);--text: #f4f4f4;--text-muted: #ababab;--line: #2c2c2c;--line-strong: #3e3e3e;--button: #f1f1f1;--button-text: #111111;--shadow: rgba(0, 0, 0, .52);--search-fill: #111111}.app.theme-light{color-scheme:light;--bg: #f3f3f3;--bg-soft: #ececec;--panel: #ffffff;--card: #fbfbfb;--surface: rgba(255, 255, 255, .84);--text: #111111;--text-muted: #5b5b5b;--line: #d5d5d5;--line-strong: #b8b8b8;--button: #111111;--button-text: #f6f6f6;--shadow: rgba(24, 24, 24, .16);--search-fill: #dcdcdc}.app{background:radial-gradient(circle at 10% 20%,rgba(255,255,255,.03),transparent 50%),radial-gradient(circle at 80% 0%,rgba(255,255,255,.04),transparent 56%),linear-gradient(140deg,var(--bg),var(--bg-soft));color:var(--text);background-size:140% 140%,160% 160%,120% 120%;animation:gradientDrift 18s ease-in-out infinite}a{color:inherit;text-decoration:none}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(127,127,127,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(127,127,127,.1) 1px,transparent 1px);background-size:58px 58px;opacity:.35;pointer-events:none;animation:bgShift 20s linear infinite}.bg-glow{position:absolute;width:520px;height:520px;top:-150px;right:-120px;background:radial-gradient(circle,rgba(255,255,255,.13),transparent 68%);filter:blur(8px);opacity:.55;pointer-events:none;animation:aura 9s ease-in-out infinite}.theme-toggle{position:fixed;top:18px;right:20px;z-index:30;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);border-radius:999px;display:inline-flex;align-items:center;gap:10px;padding:8px 10px;font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 25px var(--shadow);transition:transform .25s var(--ease-out),border-color .25s ease}.theme-toggle:hover{transform:translateY(-2px);border-color:var(--text-muted)}.theme-toggle-track{width:46px;height:24px;border-radius:999px;background:linear-gradient(90deg,#1a1a1a,#e8e8e8);position:relative;border:1px solid rgba(255,255,255,.2);transition:filter .3s ease}.theme-toggle-knob{position:absolute;width:18px;height:18px;border-radius:50%;top:2px;left:2px;background:#fefefe;box-shadow:0 2px 8px #00000057;transition:transform .3s var(--ease-out),background-color .3s ease}.theme-light .theme-toggle-knob{transform:translate(22px);background:#101010}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;border:1px solid var(--line);border-radius:18px;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 35px var(--shadow);position:relative;z-index:1;animation:riseIn .8s var(--ease-out) both}.brand{display:flex;align-items:center;gap:14px}.logo{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);background:linear-gradient(140deg,#ffffff26,#7f7f7f1f);overflow:hidden}.logo-image{width:78%;height:78%;object-fit:contain;filter:grayscale(1) contrast(1.25) brightness(1.02)}.brand-title{font-size:18px;font-weight:600}.brand-sub{font-size:13px;color:var(--text-muted)}.status-pill{display:inline-flex;align-items:center;gap:10px;border-radius:999px;border:1px solid var(--line);padding:8px 12px;color:var(--text-muted);background:#ffffff05;font-size:12px}.dot{width:8px;height:8px;border-radius:50%;background:#7f7f7f;animation:pulse 1.8s ease-in-out infinite}.dot.online{background:#35d06a;box-shadow:0 0 8px #35d06a8c}.dot.offline{background:#e25555;box-shadow:0 0 8px #e255558c}.panel{margin-top:28px;padding:30px;border-radius:24px;border:1px solid var(--line);background:var(--surface);box-shadow:0 20px 40px var(--shadow);position:relative;z-index:1;animation:riseIn .75s var(--ease-out) both}.panel-auth{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:28px}.panel-left h1{margin:0 0 12px;font-size:34px;letter-spacing:-.02em}.panel-left p{margin:0;color:var(--text-muted);line-height:1.7}.features{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:11px}.features li{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--card);color:var(--text-muted);animation:riseIn .6s var(--ease-out) both}.panel-right{display:flex;align-items:center;justify-content:center}.card{width:100%;max-width:360px;border-radius:18px;border:1px solid var(--line);background:var(--card);box-shadow:0 16px 34px var(--shadow);padding:22px;animation:riseIn .85s var(--ease-out) both}.card-title{font-size:20px;font-weight:700;margin-bottom:16px}.field{display:grid;gap:8px;margin-bottom:14px}.field span{font-size:12px;color:var(--text-muted)}.field input,.search-bar input{border:1px solid var(--line);background:var(--bg-soft);color:var(--text);border-radius:12px;padding:12px 14px;font-size:var(--search-control-font-size);line-height:var(--search-control-line-height);transition:border-color .2s ease,transform .2s ease}.field input:focus,.search-bar input:focus{outline:none;border-color:var(--line-strong);transform:translateY(-1px)}.search-bar input:focus{transform:none}.btn{border:1px solid transparent;border-radius:12px;padding:11px 16px;font-weight:600;cursor:pointer;transition:transform .22s var(--ease-out),box-shadow .22s ease,background-color .22s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 20px #00000038}.btn-primary{background:var(--button);color:var(--button-text)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--line)}.card-hint{margin-top:12px;color:var(--text-muted);font-size:12px}.search-head{display:flex;align-items:center;justify-content:center;gap:16px;text-align:center}.search-head h2{margin:0 0 6px;font-size:26px}.search-head p{margin:0;color:var(--text-muted)}.search-copy{width:min(100%,760px)}.search-bar{display:flex;align-items:center;gap:12px;margin:24px auto;width:min(100%,980px);position:relative}.search-actions{display:flex;align-items:center;gap:8px}.search-input-wrap{flex:1 1 auto;min-width:0;position:relative}.search-ghost{position:absolute;inset:0;padding:0 14px;height:var(--search-control-h);font-size:var(--search-control-font-size);line-height:var(--search-control-line-height);display:flex;align-items:center;white-space:nowrap;overflow:hidden;pointer-events:none;font-family:inherit;font-weight:500;border:none;background:transparent;z-index:1}.ghost-typed{color:transparent}.ghost-tail{color:#ffffff47}.theme-light .ghost-tail{color:#11111159}.search-bar input{width:100%;position:relative;z-index:2;background:var(--search-fill);height:var(--search-control-h);font-size:var(--search-control-font-size);line-height:var(--search-control-line-height);font-family:inherit;font-weight:500}.suggest-box{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:20;border:1px solid rgba(180,180,180,.25);border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#141414f7,#0e0e0ef7);box-shadow:0 16px 30px #00000073;transform-origin:top center;animation:suggestReveal .22s var(--ease-out) both}.theme-light .suggest-box{border-color:#78787847;background:linear-gradient(180deg,#f7f7f7fa,#eeeeeefa)}.suggest-item{width:100%;border:none;background:transparent;color:inherit;padding:11px 12px;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer;transition:background-color .2s ease;animation:suggestItemIn .24s var(--ease-out) both}.suggest-item+.suggest-item{border-top:1px solid rgba(255,255,255,.08)}.theme-light .suggest-item+.suggest-item{border-top-color:#1a222b14}.suggest-item:hover,.suggest-item.active{background:#ffffff14}.theme-light .suggest-item:hover,.theme-light .suggest-item.active{background:#14141414}.suggest-avatar{width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background-size:cover;background-position:center;flex:0 0 auto}.theme-light .suggest-avatar{border-color:#14192133}.suggest-main{display:grid;min-width:0}.suggest-name{font-size:15px;font-weight:700;color:#f0f0f0}.theme-light .suggest-name{color:#1a1a1a}.suggest-uuid{font-size:11px;color:#d2d2d2b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-light .suggest-uuid{color:#414141b8}.suggest-rank{margin-left:auto;font-size:12px;color:#e1e1e1d9}.theme-light .suggest-rank{color:#343434cc}.search-btn{width:var(--search-control-h);height:var(--search-control-h);min-width:var(--search-control-h);padding:0;border-radius:14px;display:grid;place-items:center;align-self:center;box-shadow:0 0 #fff0}.search-filter-btn{width:var(--search-control-h);height:var(--search-control-h);min-width:var(--search-control-h);padding:0;border-radius:14px;display:grid;place-items:center;color:var(--text-muted);border-color:var(--line);background:var(--card)}.search-filter-btn svg{width:16px;height:16px}.search-filter-btn:hover{transform:none;border-color:var(--line-strong)}.search-filter-btn.active{color:var(--text);border-color:var(--line-strong);box-shadow:0 0 0 2px #ffffff14}.theme-light .search-filter-btn.active{box-shadow:0 0 0 2px #00000014}.search-btn:hover{transform:none;box-shadow:0 0 0 2px #ffffff17,0 0 18px #ffffff2e}.theme-light .search-btn:hover{box-shadow:0 0 0 2px #0000001a,0 0 16px #00000029}.search-icon{width:15px;height:15px;border:2px solid currentColor;border-radius:50%;position:relative}.search-icon:after{content:"";position:absolute;width:8px;height:2px;background:currentColor;border-radius:2px;right:-6px;bottom:-2px;transform:rotate(42deg)}.summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:26px}.error-text,.loading-text{margin:0;width:100%;font-size:13px}.error-text{color:#ff9a9a}.loading-text{color:var(--text-muted)}.search-feedback{width:min(100%,980px);min-height:24px;margin:8px auto 0;display:flex;align-items:center}.loading-inline{width:100%;margin:0;display:flex;align-items:center;justify-content:center}.loading-spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:#ffffffe6;animation:spin .8s linear infinite}.theme-light .loading-spinner{border-color:#0003;border-top-color:#000c}.summary-card{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:16px;animation:riseIn .65s var(--ease-out) both;animation-delay:var(--delay, 0s)}.summary-head{display:flex;align-items:center;gap:9px}.summary-icon{width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent}.summary-icon svg{width:15px;height:15px}.summary-icon.list{color:#a3a3a3;background:#7fb7ff24;border-color:#7fb7ff61}.summary-icon.hammer{color:#ff9a9a;background:#ff9a9a24;border-color:#ff9a9a5c}.summary-icon.clock{color:#7be0c4;background:#7be0c424;border-color:#7be0c459}.theme-light .summary-icon.list{color:#646464;background:#5593e024;border-color:#457cc359}.theme-light .summary-icon.hammer{color:#b74a4a;background:#dc5c5c21;border-color:#b74a4a57}.theme-light .summary-icon.clock{color:#1f8f74;background:#39b59621;border-color:#1f8f7452}.summary-label{font-size:12px;color:var(--text-muted)}.summary-value{margin-top:6px;font-size:21px;font-weight:700}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:24px;width:min(100%,1800px);margin:0 auto;direction:ltr;grid-auto-flow:row;justify-content:center;justify-items:center}.result-grid.fixed-cards{grid-template-columns:repeat(auto-fit,minmax(360px,420px));justify-content:center}.ban-card{width:100%;max-width:420px;border:1px solid var(--line);border-radius:18px;padding:16px;background:linear-gradient(145deg,var(--card),rgba(127,127,127,.06));box-shadow:0 16px 30px var(--shadow);display:grid;gap:14px;animation:riseIn .7s var(--ease-out) both;animation-delay:var(--delay, 0s);transition:transform .24s var(--ease-out),border-color .24s ease;cursor:pointer;overflow:visible}.ban-card:hover{transform:translateY(-4px);border-color:var(--line-strong)}.ban-head{display:flex;gap:12px;align-items:flex-start}.ban-title{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0;align-items:center}.ban-title-top{display:flex;align-items:center;gap:8px;min-width:0;justify-content:center}.nickname{font-size:14px;font-weight:700;min-width:0}.grade-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:10px;font-weight:700;letter-spacing:.05em;border-radius:4px;box-shadow:0 2px 6px #667eea40;white-space:nowrap;text-transform:uppercase}.theme-light .grade-badge{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 2px 6px #5a67d840}.uuid{font-size:10px;color:var(--text-muted);white-space:nowrap;word-break:normal;line-height:1.2;min-width:0}.skin-thumb{flex-shrink:0;width:54px;height:54px;border-radius:14px;border:1px solid var(--line);background-size:cover;background-position:center;filter:none;color:var(--text-muted)}.badge{display:flex;align-items:center;gap:6px;margin-left:auto;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:700;letter-spacing:.04em;border:none;color:#fff;transition:all .2s ease}.confidence-wrap{margin-top:2px;display:grid;gap:8px}.confidence-head{display:flex;align-items:center;justify-content:space-between}.confidence-score{display:inline-flex;align-items:center;gap:8px}.confidence-label{font-size:12px;color:var(--text-muted)}.confidence-value{font-size:13px;font-weight:700}.risk-label.low{color:var(--text-muted)}.confidence-track{height:12px;border-radius:999px;border:1px solid var(--line);background:#ffffff0d;overflow:hidden}.confidence-fill{height:100%;border-radius:999px;transition:width .35s var(--ease-out)}.confidence-fill.score-high{background:linear-gradient(90deg,#34c26b,#80e4a4)}.confidence-fill.score-medium{background:linear-gradient(90deg,#d6a53b,#ffd272)}.confidence-fill.score-low{background:linear-gradient(90deg,#c84444,#ff8a8a)}.theme-light .badge.high{background:linear-gradient(135deg,#d62828,#f77f88);box-shadow:0 2px 8px #d6282840}.theme-light .badge.high:hover{box-shadow:0 4px 12px #d6282859}.theme-light .badge.medium{background:linear-gradient(135deg,#e76f51,#f4a261);box-shadow:0 2px 8px #e67e2240}.theme-light .badge.medium:hover{box-shadow:0 4px 12px #e67e2259}.theme-light .badge.low{background:linear-gradient(135deg,#718096,#4a5568);box-shadow:0 2px 8px #71809640}.theme-light .badge.low:hover{box-shadow:0 4px 12px #71809659}.theme-light .copy-text{border-bottom-color:#00000026}.theme-light .copy-text:hover{border-bottom-color:#0000004d;opacity:.8}.copy-text.nickname{font-size:14px;font-weight:600}.copy-text.uuid{font-size:10px;font-weight:400;font-family:Monaco,Courier New,monospace;color:var(--text-muted);display:block;width:100%;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal;line-height:1.2;text-align:center}.ban-body{display:grid;gap:8px}.line{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.line span:first-child{color:var(--text-muted);flex:0 0 64px}.line-action>span:first-child{flex:0 0 auto}.line span:last-child{flex:1 1 auto;min-width:0;text-align:right;word-break:break-word}.line-action .namemc-btn{flex:0 0 auto}.namemc-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:10px;border:1px solid var(--line-strong);background:linear-gradient(145deg,#5865f233,#5865f214);color:#d9e0ff;font-size:12px;font-weight:600;letter-spacing:.01em;transition:transform .2s var(--ease-out),box-shadow .2s ease,border-color .2s ease}.namemc-btn:hover{transform:translateY(-1px);border-color:#aeb6ffa6;box-shadow:0 10px 18px #141c4659}.namemc-icon{width:14px;height:14px;border:2px solid currentColor;border-radius:3px;position:relative;opacity:.95}.namemc-icon:before{content:"";position:absolute;width:6px;height:2px;background:currentColor;top:1px;right:-4px;transform:rotate(-45deg);border-radius:2px}.namemc-icon:after{content:"";position:absolute;width:2px;height:6px;background:currentColor;top:-1px;right:1px;transform:rotate(-45deg);border-radius:2px}.theme-light .namemc-btn{background:linear-gradient(145deg,#5865f229,#5865f20f);color:#4454b8;border-color:#5865f252}.ban-foot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:12px;border-top:1px solid var(--line)}.meta{display:grid;gap:3px}.meta-label{font-size:11px;color:var(--text-muted)}.meta-value{font-size:13px}@keyframes riseIn{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.25);opacity:1}}@keyframes bgShift{0%{transform:translateZ(0)}50%{transform:translate3d(-16px,-10px,0)}to{transform:translateZ(0)}}@keyframes aura{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-14px,10px,0) scale(1.08)}}@keyframes gradientDrift{0%{background-position:0% 0%,100% 0%,0% 0%}50%{background-position:8% 10%,92% 14%,6% 8%}to{background-position:0% 0%,100% 0%,0% 0%}}@keyframes suggestReveal{0%{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes suggestItemIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:960px){.app{padding:24px 20px 60px}.panel-auth,.summary,.ban-foot,.result-grid{grid-template-columns:1fr}.ban-card{width:100%}}@media(max-width:640px){.topbar{flex-direction:column;align-items:flex-start}.search-bar{flex-direction:column}.search-actions{width:100%}.search-filter-btn,.search-btn{flex:1 1 auto;width:100%}.theme-toggle{top:12px;right:12px}}.user-detail-page{min-height:100vh;padding:24px 40px 80px;position:relative;z-index:1}.user-detail-page.loading-page{display:flex;align-items:center;justify-content:center;min-height:100vh}.detail-header{margin-bottom:32px;display:flex;align-items:center}.back-button{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background:var(--surface);border:1px solid var(--line);color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.back-button:hover{background:var(--card);border-color:var(--line-strong)}.back-button svg{width:18px;height:18px}.detail-container{display:grid;grid-template-columns:minmax(380px,460px) minmax(0,1fr);gap:32px;max-width:1400px}.detail-sidebar{display:flex;flex-direction:column;gap:20px}.skin-display{display:flex;justify-content:center;padding:20px;background:var(--card);border:1px solid var(--line);border-radius:12px;animation:fadeIn .4s ease}.skin-model{width:240px;height:240px;display:flex;align-items:center;justify-content:center}.skin-image{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:8px;animation:slideInRight .4s cubic-bezier(.22,1,.36,1)}.info-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:15px;animation:slideInLeft .4s cubic-bezier(.22,1,.36,1)}.card-section{display:grid;gap:8px}.username{margin:0;font-size:22px;font-weight:700;color:var(--text);word-break:break-word}.uuid-display{margin:0;font-size:10px;color:var(--text-muted);font-family:Monaco,Courier New,monospace;display:block;width:100%;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;-webkit-user-select:all;user-select:all;background:none;border:none;cursor:pointer;padding:0;text-align:left;transition:all .2s ease;border-bottom:1px dashed rgba(255,255,255,.2)}.uuid-display:hover{border-bottom-color:#fff6;opacity:.8}.app.theme-light .uuid-display{border-bottom-color:#00000026}.app.theme-light .uuid-display:hover{border-bottom-color:#0000004d;opacity:.8}.card-separator{height:1px;background:var(--line);margin:12px 0}.score-section{display:grid;gap:8px}.score-header{display:flex;align-items:center;justify-content:flex-start;gap:8px;font-size:13px}.score-label{color:var(--text-muted);font-weight:500}.score-value{font-size:24px;font-weight:700;color:var(--text)}.risk-label{font-size:12px;font-weight:700;letter-spacing:.02em}.risk-label.high{color:#e25555}.risk-label.medium{color:#e0b63a}.risk-label.low{color:#4fb26a}.badge{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.04em;border:none;color:#fff;transition:all .2s ease}.badge-icon{width:12px;height:12px;flex-shrink:0}.badge.high{background:linear-gradient(135deg,#e63946,#f1413d);box-shadow:0 2px 8px #e639464d}.badge.high:hover{box-shadow:0 4px 12px #e6394666;transform:translateY(-1px)}.badge.medium{background:linear-gradient(135deg,#f77f00,#fcbf49);box-shadow:0 2px 8px #f77f004d}.badge.medium:hover{box-shadow:0 4px 12px #f77f0066;transform:translateY(-1px)}.badge.low{background:linear-gradient(135deg,#4a5568,#2d3748);box-shadow:0 2px 8px #4a55684d}.badge.low:hover{box-shadow:0 4px 12px #4a556866;transform:translateY(-1px)}.app.theme-light .badge.low{background:linear-gradient(135deg,#718096,#4a5568);box-shadow:0 2px 8px #71809640}.app.theme-light .badge.low:hover{box-shadow:0 4px 12px #71809659}.app.theme-light .badge.medium{background:linear-gradient(135deg,#e76f51,#f4a261);box-shadow:0 2px 8px #e67e2240}.app.theme-light .badge.medium:hover{box-shadow:0 4px 12px #e67e2259}.app.theme-light .badge.low{background:linear-gradient(135deg,#2a9d8f,#264653);box-shadow:0 2px 8px #2a9d8f40}.app.theme-light .badge.low:hover{box-shadow:0 4px 12px #2a9d8f59}.copy-text{background:none;border:none;color:inherit;cursor:pointer;padding:0;font-size:inherit;font-family:inherit;text-align:inherit;transition:all .2s ease;position:relative;border-bottom:1px dashed rgba(255,255,255,.2)}.copy-text:hover{border-bottom-color:#fff6;opacity:.8}.app.theme-light .copy-text{border-bottom-color:#00000026}.app.theme-light .copy-text:hover{border-bottom-color:#0000004d;opacity:.8}.copy-text.nickname{font-size:22px;font-weight:700}.confidence-track{height:6px;border-radius:3px;background:var(--line);overflow:hidden}.confidence-fill{height:100%;border-radius:3px;transition:width .6s cubic-bezier(.22,1,.36,1)}.confidence-fill.score-low{background:linear-gradient(90deg,#e53e3e,#c53030)}.confidence-fill.score-medium{background:linear-gradient(90deg,#ed8936,#d69e2e)}.confidence-fill.score-high{background:linear-gradient(90deg,#48bb78,#38a169)}.grade-section{display:grid;gap:8px}.grade-label{font-size:13px;color:var(--text-muted);font-weight:500}.grade-value{font-size:16px;font-weight:600;color:var(--text);letter-spacing:.05em}.note-section{display:grid;gap:8px}.note-label{font-size:13px;color:var(--text-muted);font-weight:500}.note-value{margin:0;font-size:13px;color:var(--text);line-height:1.5;word-break:break-word;padding:8px;background:var(--surface);border-radius:4px;border:1px solid var(--line)}.external-links{display:flex;flex-direction:column;gap:8px}.external-link{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--card);border:1px solid var(--line);border-radius:6px;color:var(--text);text-decoration:none;font-size:13px;font-weight:500;transition:all .2s ease;cursor:pointer}.external-link:hover{background:var(--surface);border-color:var(--line-strong);transform:translateY(-1px)}.external-link svg{width:14px;height:14px;flex-shrink:0}.namemc-link{background:linear-gradient(135deg,#5865f21a,#5865f20d);border-color:#5865f233;color:#5865f2}.namemc-link:hover{background:linear-gradient(135deg,#5865f226,#5865f214);border-color:#5865f266}.app.theme-light .namemc-link{background:linear-gradient(135deg,#5865f214,#5865f208);border-color:#5865f226}.app.theme-light .namemc-link:hover{background:linear-gradient(135deg,#5865f21f,#5865f20d);border-color:#5865f24d}.detail-main{min-height:600px}.records-section,.name-history-section{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px;animation:slideInRight .4s cubic-bezier(.22,1,.36,1)}.records-table-wrap{width:100%;overflow-x:auto}.records-table{width:100%;border-collapse:collapse;font-size:13px}.records-table th,.records-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;white-space:nowrap}.name-history-section{min-width:0}.records-table th{font-size:12px;color:var(--text-muted);font-weight:600;white-space:nowrap}.records-table tr:hover td{background:#ffffff05}.records-table .record-id{font-family:Monaco,Courier New,monospace;white-space:nowrap}.records-table .record-date{white-space:nowrap}.pagination-wrap{margin-top:14px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.pagination-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);display:grid;place-items:center;cursor:pointer;transition:all .2s ease}.pagination-btn svg{width:16px;height:16px}.pagination-btn:hover:not(:disabled){border-color:var(--line-strong);transform:translateY(-1px)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:12px;color:var(--text-muted);min-width:56px;text-align:center}.section-title{margin:0 0 20px;font-size:18px;font-weight:700;color:var(--text)}.no-records{padding:40px 20px;text-align:center;color:var(--text-muted)}.no-records p{margin:0;font-size:14px}.records-list{display:grid;gap:12px}.record-item{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px;animation:slideInUp .3s ease}.record-item:hover{background:#ffffff03;border-color:var(--line-strong)}.record-header{margin-bottom:12px}.record-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.record-id{font-size:12px;font-weight:600;color:var(--text);font-family:Monaco,Courier New,monospace}.record-date{font-size:12px;color:var(--text-muted)}.record-body{display:grid;gap:10px}.record-row{display:grid;grid-template-columns:80px 1fr;gap:12px;font-size:13px}.record-label{color:var(--text-muted);font-weight:500}.record-value{color:var(--text);white-space:nowrap}.punishment-type{font-weight:700}.punishment-type.clean{color:#48bb78}.punishment-type.warning{color:#e0b63a}.punishment-type.arrest{color:#e25555}.evidence-link{color:#5865f2;text-decoration:none;font-weight:500;transition:color .2s ease}.evidence-link:hover{text-decoration:underline;color:#4752c4}.app.theme-light .evidence-link{color:#4454b8}.app.theme-light .evidence-link:hover{color:#3544a3}.error-state{display:flex;align-items:center;justify-content:center;min-height:400px;padding:40px 20px;text-align:center;color:var(--text-muted);font-size:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:960px){.detail-container{grid-template-columns:1fr}.user-detail-page{padding:20px 20px 60px}.skin-display{height:auto}}@media(max-width:640px){.detail-container{gap:16px}.record-row{grid-template-columns:1fr;gap:4px}.record-label{font-size:11px}}.toast-container{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;gap:12px;max-width:384px;pointer-events:none}.toast{display:flex;align-items:center;padding:14px 16px;border-radius:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px #00000052;animation:toastSlideIn .3s cubic-bezier(.22,1,.36,1);pointer-events:auto;opacity:1;transition:all .3s ease}.toast:not(.visible){animation:toastSlideOut .3s cubic-bezier(.22,1,.36,1);opacity:0;transform:translate(400px)}.toast-error{background:#e53e3e26;border:1px solid rgba(229,62,62,.3);color:#e53e3e}.app.theme-light .toast-error{background:#e53e3e14;border:1px solid rgba(229,62,62,.2)}.toast-success{background:#48bb7826;border:1px solid rgba(72,187,120,.3);color:#48bb78}.app.theme-light .toast-success{background:#48bb7814;border:1px solid rgba(72,187,120,.2)}.toast-warning{background:#ed893626;border:1px solid rgba(237,137,54,.3);color:#ed8936}.app.theme-light .toast-warning{background:#ed893614;border:1px solid rgba(237,137,54,.2)}.toast-content{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.toast-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;opacity:.9}.toast-icon svg{width:100%;height:100%}.toast-message{flex:1;min-width:0;overflow:hidden}.toast-message p{margin:0;font-size:14px;line-height:1.4;word-break:break-word}.toast-count{margin-left:8px;font-weight:700;opacity:.9}.toast-close{flex-shrink:0;background:none;border:none;color:inherit;font-size:20px;cursor:pointer;padding:0;margin-left:8px;opacity:.6;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.toast-close:hover{opacity:1}@keyframes toastSlideIn{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(400px)}}@media(max-width:640px){.toast-container{bottom:16px;right:16px;left:16px;max-width:none}.toast{width:100%}}