@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--blue:#3a67e8;--ink:#26344a;--muted:#8c96a5;--line:#e8ecf2;--green:#168f76;--red:#df6570}*{box-sizing:border-box}body{margin:0;background:#f6f8fb;color:var(--ink);font:13px 'DM Sans','Noto Sans KR',sans-serif}button,input,select,textarea{font:inherit;outline-color:var(--blue)}button{cursor:pointer;background:white;border:1px solid var(--line);border-radius:7px;padding:10px 14px;color:inherit}button:hover{background:#f0f5ff}a{text-decoration:none;color:inherit}aside{width:226px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);padding:31px 22px;display:flex;flex-direction:column}.brand{font-size:23px;font-weight:700;letter-spacing:-1px;white-space:nowrap}.brand b{display:inline-block;background:var(--blue);color:white;padding:1px 7px;border-radius:8px;margin-right:5px}.brand>span{color:var(--blue)}.workspace{font-size:9px;color:#a6aebb;letter-spacing:1.5px;margin:45px 10px 16px}nav{display:grid;gap:7px}nav button{display:flex;align-items:center;gap:13px;text-align:left;border:0;font-size:20px;padding:13px}nav button span{font-size:12px;font-weight:600}nav small{margin-left:auto;font-size:9px;opacity:.4}nav .active{color:var(--blue);background:#eef3ff}.side-note{margin:auto 12px 30px;color:#7e8da2;font-size:12px;line-height:2}.side-note strong{color:#546985}.side-note p{font-size:10px;margin-top:13px;color:#a5afbc}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:23px;font-size:11px}.profile small{display:block;font-size:9px;color:var(--muted);margin-top:5px}i{font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#ecf0f7;color:#6d819f}.shell{margin-left:226px}header{height:75px;background:#ffffffba;border-bottom:1px solid var(--line);padding:0 38px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}header b{color:#526077}header span{margin:0 16px;color:#b0b7c1}.header-right{display:flex;align-items:center;gap:16px}.header-right span{margin:0}.header-right em{font-style:normal;color:#ac8846;font-size:9px;background:#fbf5e9;padding:5px 8px;border-radius:5px;border:1px solid #f0e5cd}main{padding:37px 38px 20px;max-width:1600px;margin:auto}.title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--blue);font-weight:700;margin-bottom:10px}h1{font-size:29px;letter-spacing:-1px;margin:0 0 10px}p{color:var(--muted);font-size:11px;line-height:1.9;margin:0}.primary{background:var(--blue);color:white;border-color:var(--blue)}.primary:hover{background:#2b57d0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.stat{background:white;border:1px solid var(--line);border-radius:11px;padding:20px 22px}.stat-label{font-size:10px;color:#8391a4;display:flex;justify-content:space-between}.stat-value{font-size:29px;font-weight:600;letter-spacing:-1px;margin:10px 0 8px}.stat-value small{font-size:11px;color:#a4afbd;font-weight:400;margin-left:6px;letter-spacing:0}.stat-foot{font-size:9px;color:#a1aab7}.positive{color:var(--green)}.negative{color:var(--red)}.panel{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-top{display:flex;justify-content:space-between;align-items:center;padding:0 23px;min-height:61px;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:26px;align-self:stretch}.tabs button{border:0;border-radius:0;border-bottom:2px solid transparent;background:transparent;padding:0 2px;font-size:11px;color:#939eae}.tabs button.active{color:var(--blue);border-color:var(--blue);font-weight:600}.tiny{font-size:9px;color:#a4aebb}.tools{display:flex;gap:10px;padding:20px 23px 13px;flex-wrap:wrap}.search{flex:1;min-width:170px;position:relative}.search span{position:absolute;left:12px;top:9px;color:#a6b1bf;font-size:17px}.search input{width:100%;padding-left:34px}input,select,textarea{background:white;border:1px solid #e2e8f0;border-radius:7px;padding:10px 11px;font-size:11px;color:#61728b}input::placeholder{color:#a6afbd}.presets{display:flex;gap:7px;padding:0 23px 20px;flex-wrap:wrap}.chip{font-size:10px;padding:7px 11px;color:#8391a4;border-radius:5px}.chip.active{color:var(--blue);background:#f1f5ff;border-color:#d4dffc}.table-info{display:flex;justify-content:space-between;padding:13px 23px;background:#fbfcfe;border-top:1px solid var(--line);font-size:10px;color:#9da7b5}.table-info b{color:#5b7090}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;white-space:nowrap}th{padding:14px;font-size:9px;font-weight:500;color:#9ba6b5;background:#fcfdff;border-bottom:1px solid var(--line)}td{padding:17px 14px;border-bottom:1px solid #f0f3f7;font-size:11px}th:first-child,td:first-child{padding-left:23px;width:40px}tbody tr:hover{background:#f9fbff}.star{border:0;background:transparent;color:#b5c0d0;padding:0 2px;font-size:20px}.star.saved{color:#d4ac5a}.symbol{display:flex;align-items:center;gap:11px;background:none;border:0;padding:0;text-align:left}.ticker-icon{width:33px;height:33px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#eff3fa;color:#6a82a4;font-size:11px;font-weight:700}.stock-name{font-size:11px;font-weight:600}.stock-name small{display:block;font-size:9px;font-weight:400;color:#a2adbc;margin-top:4px}.badge{display:inline-block;font-size:9px;padding:5px 7px;border-radius:5px;background:#f1f4f8;color:#8996a9}.badge.green{background:#eaf7f1;color:#388c70}.badge.blue{background:#eef2ff;color:#6782d5}.badge.gold{background:#faf4e7;color:#ad8b43}.rs{font-size:13px;font-weight:600;color:#536f9d}.spark{height:27px;width:77px}.num{font-variant-numeric:tabular-nums}.bottom-note{padding:15px 23px;display:flex;justify-content:space-between;font-size:9px;color:#a4aeba}.filter-box{display:flex;gap:15px;flex-wrap:wrap;align-items:end;margin:0 23px 18px;padding:18px;background:#f8faff;border:1px solid #e4ebfb;border-radius:8px}.filter-box label{display:grid;gap:8px;font-size:10px;color:#7b8ba4}.filter-box input{width:110px}.empty{padding:50px;text-align:center;line-height:2;color:#98a5b8}.layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:22px}.section-pad{padding:25px}.section-title{font-size:13px;font-weight:600;margin:0 0 22px}.score-hero{display:flex;gap:24px;align-items:center;padding-bottom:25px}.score-circle{width:104px;height:104px;flex-shrink:0;border:7px solid #eaf0ff;border-top-color:var(--blue);border-right-color:var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:31px;font-weight:600}.score-circle small{font-size:10px;color:var(--muted)}h2{font-size:18px;margin:0 0 10px}.metric-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:16px 0;font-size:11px}.bar{height:6px;border-radius:8px;background:#eef2f8;margin:10px 0 20px;overflow:hidden}.bar b{display:block;height:100%;border-radius:8px;background:#7a9aed}.explanation{border-left:2px solid #dce5ff;padding-left:17px;margin:22px 0}.explanation h3{font-size:11px;margin:0 0 8px}.explanation p{line-height:1.95}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.mini-stats div{background:#f7f9fd;border-radius:8px;padding:16px;font-size:10px;color:#8998ad}.mini-stats b{display:block;color:#4d6486;font-size:18px;margin-top:9px}.notes textarea{width:100%;min-height:150px;line-height:1.9;resize:vertical;margin-bottom:12px}.watch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.watch-card{padding:23px;background:white;border:1px solid var(--line);border-radius:11px}.watch-card .top{display:flex;justify-content:space-between}.watch-price{font-size:24px;margin:22px 0 5px}.alert-form{display:flex;gap:10px;flex-wrap:wrap}.alert-list{margin-top:20px}.chart-svg{display:block;width:100%;height:auto}.chart-tools{display:flex;gap:6px}.chart-tools button{font-size:10px;padding:7px 12px}.chart-tools button.active{color:var(--blue);background:#edf3ff;border-color:#d6e2ff}.subtle{background:none;border:0;color:#8a9ab0;font-size:10px}.disclosure{font-size:10px;line-height:1.8;color:#8494ae;background:#f5f8ff;border-radius:7px;padding:12px 15px;margin-top:20px}footer{padding:20px 38px 28px;color:#aab3bf;font-size:9px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 23px;border-radius:8px;background:#293b56;color:white;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:20}#toast.show{opacity:1}
@media(max-width:1100px){aside{width:185px;padding:28px 15px}.shell{margin-left:185px}.brand{font-size:20px}main{padding:28px 24px}.layout{grid-template-columns:1fr}.watch-grid{grid-template-columns:repeat(2,1fr)}.stat{padding:17px 15px}.stats{gap:10px}}@media(max-width:700px){aside{inset:auto 0 0;width:100%;height:66px;padding:0;z-index:10;border-top:1px solid var(--line)}.brand,.workspace,.side-note,.profile{display:none}nav{display:flex;justify-content:space-around;height:100%}nav button{display:grid;gap:0;justify-items:center;font-size:19px;padding:7px 15px}nav button span{font-size:10px}nav small{display:none}.shell{margin:0;padding-bottom:66px}header{height:59px;padding:0 17px}.header-right>span{display:none}main{padding:25px 16px}.title-row{align-items:start;gap:12px}.title-row>button{font-size:10px;padding:9px}h1{font-size:25px}.stats{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:25px}.panel-top{padding:0 16px}.tools{padding:17px 16px 12px}.search{flex-basis:100%}.presets{padding-left:16px;padding-right:16px}.tiny{display:none}.watch-grid{grid-template-columns:1fr}.section-pad{padding:20px}.mini-stats{gap:7px}.mini-stats div{padding:12px}.score-hero{gap:17px}footer{padding:18px}.bottom-note{font-size:8px}.table-info{padding:12px 16px}}
.title-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:end}.quote-time{display:block;color:#9aa7b8;font-size:9px;margin-top:5px}.error-box{padding:16px 22px;color:#b36c58;background:#fff8f2;font-size:11px;line-height:1.9}.method{margin-top:20px;padding:18px 20px;border:1px solid #e5eaf3;border-radius:9px;background:#fbfcff;font-size:11px;color:#778ba7}.method summary{cursor:pointer;color:#526a8d}.method p{margin-top:13px}.import-label{display:inline-flex;align-items:center;border:1px solid var(--line);background:white;border-radius:7px;padding:10px 14px;cursor:pointer}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.chart-readout{min-height:35px;font-size:10px;color:#8294ad;font-variant-numeric:tabular-nums;line-height:1.8}dialog{width:min(690px,94vw);max-height:85vh;border:1px solid #dee5ef;border-radius:15px;padding:27px;box-shadow:0 25px 100px #20334e33;color:var(--ink)}dialog::backdrop{background:#1d2e475c;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:23px}.dialog-head button{align-self:start}.dialog-head p{font-size:12px}#remote-form{display:flex;gap:10px}#remote-query{flex:1;min-width:0;font-size:12px}#remote-results{margin-top:20px;min-height:120px}.dialog-foot{padding-top:20px;margin-top:15px;border-top:1px solid var(--line);font-size:10px}.search-result{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}.search-result small{display:block;color:#98a6b8;margin-top:6px;font-size:10px}.search-result button{font-size:10px;flex-shrink:0}button:disabled{cursor:default;opacity:.5}.panel-top{gap:14px}#price-chart{touch-action:pan-y}
@media(max-width:700px){.title-row{flex-wrap:wrap}.title-actions{justify-content:start;width:100%}.title-actions select{max-width:75%}.title-actions button{font-size:11px}.title-row{gap:18px}.panel-top{flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.tabs{height:36px}.chart-readout{font-size:9px}dialog{padding:20px}.search-result{gap:10px}.bottom-note{gap:12px}.bottom-note>span{max-width:75%}.filter-box input{width:90px}.chart-toolbar .tiny{display:block;font-size:9px}.chart-tools button{padding:6px 9px}.header-right{gap:8px}}
/* 아울로 view · navy & warm gold */
:root{--blue:#9d7a3b;--ink:#26384e;--muted:#8c98a7;--line:#e8ebef}body{background:#f6f7f8}aside{background:#21344b;border-right:0}.brand{display:flex;align-items:center;gap:10px;color:#fff;letter-spacing:-.7px}.brand svg{flex-shrink:0}.brand>.brand-name{color:#fff;font-size:22px;font-weight:700;white-space:nowrap}.brand em{font-style:normal;font-weight:400;color:#dfc38a;font-size:19px}.workspace{color:#8e9db0;font-size:8px;letter-spacing:1.25px}nav button{background:transparent;color:#a9b7c8}nav button:hover{background:#2b415b}nav .active{background:#34495e;color:#f0d59f}nav small{color:#b1bccb}.side-note{color:#dfc38a;font-size:14px}.side-note strong{color:#f2e5ce;font-size:17px}.side-note p{color:#98a7b9}.profile{border-color:#3d5065;color:#e4e9ef}.profile small{color:#9eafc4}.profile i{background:#3b5069;color:#eddaaf}header{background:#fff}.header-right>i{background:#f1e8d9;color:#9d7a3b}.eyebrow{color:#a08046}.primary{background:#273e58;border-color:#273e58}.primary:hover{background:#385471}.tabs button.active{color:#977235;border-color:#bf9854}.chip.active{background:#faf5eb;border-color:#e9d9b9;color:#987235}.ticker-icon{background:#edf1f6;color:#637995}.score-circle{border-color:#eee9df;border-top-color:#bd9a5c;border-right-color:#bd9a5c}.bar b{background:#ac945f}.filter-box{background:#fbfaf6;border-color:#eee5d5}.method{background:#fbfaf7;border-color:#e9e3d8}.explanation{border-color:#dfcda9}.chart-tools button.active{background:#f8f2e6;border-color:#e9d8b7;color:#997336}.search input:focus{border-color:#c4a56a}.rs{color:#566e8a}.disclosure{background:#f7f7f4;color:#8190a1}h1{letter-spacing:-1.3px}button,input,select,textarea{outline-color:#b9975a}#toast{background:#21344b}@media(max-width:700px){aside{background:#21344b;border-top-color:#3b5066}.brand{display:none}nav .active{background:#34495e}}