:root{--ink:#151714;--muted:#6e736b;--line:#dfe2da;--paper:#f5f6f0;--card:#fff;--lime:#bfff00;--lime-dark:#8fbe00;--nav:#11140f;--danger:#bd2f2f;--mono:"IBM Plex Mono",monospace;--sans:"Noto Sans KR",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);min-width:320px}.noise{position:fixed;inset:0;pointer-events:none;opacity:.024;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.hidden{display:none!important}.eyebrow{font:600 11px/1.4 var(--mono);letter-spacing:.14em;color:var(--muted);margin:0 0 14px}.muted{color:var(--muted)}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:var(--nav)}.login-brand{padding:clamp(36px,7vw,100px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;color:white}.login-brand:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #41463d;border-radius:50%;right:-120px;bottom:-230px;box-shadow:0 0 0 80px #181c16,0 0 0 81px #30352d}.login-brand .eyebrow{color:var(--lime)}.login-brand h1{font:500 clamp(54px,7vw,104px)/.9 var(--mono);letter-spacing:-.07em;margin:0 0 32px;position:relative;z-index:1}.login-brand h1 span{color:var(--lime)}.login-brand>p:not(.eyebrow){max-width:520px;color:#b9bdb4;line-height:1.8;position:relative;z-index:1}.login-metric{margin-top:70px;display:flex;gap:18px;align-items:end;position:relative;z-index:1}.login-metric strong{font:500 38px var(--mono);color:var(--lime)}.login-metric span{font-size:13px;color:#92978e;padding-bottom:5px}.login-panel{background:#edf0e8;display:grid;place-items:center;padding:30px}.login-card{width:min(420px,100%);background:white;border:1px solid var(--line);padding:42px;box-shadow:0 18px 70px #1118}.login-card h2{font-size:30px;margin:0 0 8px}.login-card .muted{font-size:13px;margin:0 0 36px}.login-card form{display:grid;gap:20px}.login-card label{display:grid;gap:8px;font-size:12px;font-weight:600}.login-card input{width:100%;border:1px solid var(--line);padding:13px 14px;background:#fafbf8;font:14px var(--sans);outline:none}.login-card input:focus{border-color:var(--lime-dark);box-shadow:0 0 0 3px #bfff0022}.primary-button{border:0;background:var(--nav);color:white;padding:15px 18px;font:600 13px var(--sans);display:flex;justify-content:space-between;cursor:pointer}.primary-button:hover{background:#252a21}.primary-button span{color:var(--lime)}.form-error{color:var(--danger);font-size:12px;min-height:18px;margin:0}.app-shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{background:var(--nav);color:white;position:sticky;top:0;height:100vh;padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;padding:0 8px}.brand-mark{width:38px;height:38px;background:var(--lime);color:var(--ink);display:grid;place-items:center;font:600 13px var(--mono)}.brand>span:last-child{font:600 13px var(--mono);letter-spacing:.04em}.brand small{display:block;font-size:9px;color:#7e8578;letter-spacing:.16em;margin-top:3px}.sidebar nav{display:grid;gap:4px;margin-top:62px}.sidebar nav a{color:#888f84;text-decoration:none;padding:13px 12px;font-size:13px;border-left:2px solid transparent}.sidebar nav a span{font:10px var(--mono);margin-right:12px;color:#5d6359}.sidebar nav a.active{color:white;background:#1d211b;border-left-color:var(--lime)}.sidebar-footer{margin-top:auto;border-top:1px solid #2b3028;padding:18px 8px 0}.sidebar-footer p{font:11px var(--mono);color:#90968c;overflow:hidden;text-overflow:ellipsis}.sidebar-footer button{background:none;border:0;color:#d5d7d1;font:12px var(--sans);padding:0;cursor:pointer}.workspace{padding:42px clamp(24px,4vw,64px) 30px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.topbar h1{font-size:30px;letter-spacing:-.04em;margin:0}.as-of{text-align:right}.as-of span{display:block;font:9px var(--mono);color:var(--muted);letter-spacing:.1em}.as-of strong{font:500 13px var(--mono)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:18px}.metric-grid article{background:var(--card);padding:22px}.metric-grid article.accent{background:var(--lime)}.metric-grid span{display:block;font-size:11px;color:var(--muted)}.metric-grid strong{display:block;font:500 30px var(--mono);margin:12px 0 6px}.metric-grid small{font:9px var(--mono);color:#93998f}.metric-grid .accent span,.metric-grid .accent small{color:#49531e}.control-bar{display:flex;gap:8px;margin:22px 0 12px}.control-bar input,.control-bar select,.ghost-button{border:1px solid var(--line);background:white;height:42px;padding:0 13px;font:12px var(--sans);color:var(--ink)}.search{position:relative;flex:1;min-width:220px}.search span{position:absolute;left:14px;top:8px;font-size:20px;color:var(--muted)}.search input{width:100%;padding-left:40px}.control-bar select{min-width:130px}.ghost-button{cursor:pointer;font-weight:600}.ghost-button:hover{border-color:var(--ink)}.table-card{background:white;border:1px solid var(--line)}.table-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line)}.table-heading h2{font-size:16px;margin:0 0 4px}.table-heading p{margin:0;color:var(--muted);font-size:11px}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime-dark);margin-right:6px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{font:500 9px var(--mono);letter-spacing:.09em;color:#858b81;text-align:left;background:#fafbf8;padding:12px 16px;border-bottom:1px solid var(--line)}td{padding:15px 16px;border-bottom:1px solid #eceee8;font-size:12px}tbody tr{cursor:pointer}tbody tr:hover{background:#f8faef}tbody tr:last-child td{border-bottom:0}.rank{font:500 12px var(--mono);color:var(--muted)}.ingredient{font-weight:600}.ingredient small{display:block;color:var(--muted);font:9px var(--mono);margin-top:4px}.score{font:600 13px var(--mono)}.score-bar{width:68px;height:3px;background:#e8eae4;margin-top:5px}.score-bar i{display:block;height:100%;background:var(--lime-dark)}.badge{display:inline-flex;padding:4px 7px;font:600 9px var(--mono);background:#eef0ea}.badge.oncology{background:#211b1b;color:#ff9c9c}.confidence{width:24px;height:24px;border:1px solid var(--line);display:grid;place-items:center;font:600 10px var(--mono)}.row-button{border:0;background:none;font-size:18px;cursor:pointer}.empty-state{text-align:center;padding:40px;color:var(--muted);font-size:13px}.source-strip{display:flex;justify-content:space-between;margin-top:18px;padding:0 2px;color:var(--muted);font:9px var(--mono)}.source-strip span{display:inline-block;width:6px;height:6px;background:var(--lime-dark);border-radius:50%;margin-right:5px}dialog{border:0;padding:0;width:min(900px,calc(100vw - 32px));max-height:90vh;box-shadow:0 30px 100px #1118}dialog::backdrop{background:#10120dcc;backdrop-filter:blur(2px)}.dialog-head{display:flex;justify-content:space-between;padding:28px 30px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:2}.dialog-head h2{margin:0;font-size:24px}.dialog-head button{border:0;background:none;font-size:28px;cursor:pointer}.dialog-content{padding:28px 30px;overflow:auto}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:24px}.detail-grid div{background:#fafbf8;padding:16px}.detail-grid span{display:block;font-size:9px;color:var(--muted);margin-bottom:8px}.detail-grid strong{font:600 16px var(--mono)}.detail-section{margin-top:26px}.detail-section h3{font-size:13px}.detail-section ul{padding-left:18px;color:#555b52;font-size:12px;line-height:1.8}.detail-table{font-size:11px}.detail-table th,.detail-table td{padding:9px 10px;white-space:normal}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static;flex-direction:row;align-items:center}.sidebar nav{display:none}.sidebar-footer{margin:0 0 0 auto;border:0;padding:0}.sidebar-footer p{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.control-bar{flex-wrap:wrap}.search{flex-basis:100%}.source-strip{display:block}.detail-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.workspace{padding:24px 14px}.topbar{align-items:start}.topbar h1{font-size:24px}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid article{padding:16px}.metric-grid strong{font-size:24px}.control-bar select{flex:1}.ghost-button{width:100%}.table-heading{padding:17px}.legend{display:none}.dialog-head,.dialog-content{padding:20px}.detail-grid{grid-template-columns:1fr 1fr}}