@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}.absolute{position:absolute}.relative{position:relative}.static{position:static}.top-1\/2{top:50%}.ml-auto{margin-left:auto}.flex{display:flex}.grid{display:grid}.table{display:table}.h-\[60vh\]{height:60vh}.h-\[76vh\]{height:76vh}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-\[460px\]{width:460px}.w-full{width:100%}.min-w-\[460px\]{min-width:460px}.min-w-\[790px\]{min-width:790px}.min-w-\[1220px\]{min-width:1220px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.\[grid-template-columns\:30px_52px_220px_100px_62px_48px_70px_78px_52px\]{grid-template-columns:30px 52px 220px 100px 62px 48px 70px 78px 52px}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#1b2230\]{border-color:#1b2230}.bg-\[\#0b0d12\]{background-color:#0b0d12}.bg-\[\#0d121c\]{background-color:#0d121c}.bg-\[\#09090b\]{background-color:#09090b}.bg-\[\#10131a\]{background-color:#10131a}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-\[\'Pretendard\'\,\'Inter\'\,sans-serif\]{font-family:Pretendard,Inter,sans-serif}.text-\[15px\]{font-size:15px}.text-\[\#4ed27c\]{color:#4ed27c}.text-\[\#94A3B8\]{color:#94a3b8}.text-\[\#8793a5\]{color:#8793a5}.text-\[\#e6edf7\]{color:#e6edf7}.text-\[\#ff7a89\]{color:#ff7a89}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.outline-none{--tw-outline-style:none;outline-style:none}:root{color:#e6edf7;background-color:#0b0d12}html,body,#root{min-height:100%}body{color:#e6edf7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b0d12;margin:0;font-family:Inter,sans-serif}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none;width:0!important;height:0!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}:root{color-scheme:dark;--bg: #060b14;--panel: #0b1220;--panel-2: #0d1627;--panel-3: #0e1a31;--line: rgba(92, 116, 155, .14);--text: #e8eef9;--muted: #90a0bf;--blue: #4a8dff;--green: #3fdd8c;--red: #ff6f86}*{box-sizing:border-box}body{background:var(--bg);color:var(--text)}button{font:inherit}.screen-root{min-height:100vh;background:radial-gradient(circle at top,rgba(33,54,96,.28),transparent 24%),var(--bg)}.top-bar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.05);background:#040810db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{font-weight:800;letter-spacing:-.02em}.top-right{color:var(--muted);font-size:14px}.page-shell{max-width:1800px;margin:0 auto;padding:14px}.guide-card,.market-card,.stock-panel,.recommendation-card{border:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg,#0e1c35db,#080f1df5);box-shadow:0 10px 34px #00000047}.guide-card{border-radius:18px;padding:18px 20px;display:grid;gap:12px;color:#d8e1f0;margin-bottom:14px}.market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.market-card{border-radius:16px;padding:14px 16px}.market-label{color:var(--muted);font-size:14px;margin-bottom:10px}.market-value{font-size:32px;font-weight:800;letter-spacing:-.03em}.market-change{margin-top:8px;font-size:15px;font-weight:700}.market-change.up{color:var(--red)}.market-change.down{color:var(--blue)}.dashboard-shell{display:grid;gap:16px}.dashboard-main,.dashboard-aside{min-width:0}.filter-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.chip,.refresh-btn,.rec-tab{border:0;color:#fff;cursor:pointer}.chip{height:38px;padding:0 14px;border-radius:13px;font-weight:750;font-size:14px;letter-spacing:-.01em;box-shadow:inset 0 0 0 1px #ffffff0d}.chip-blue{background:linear-gradient(180deg,#3f7df2,#335fcb)}.chip-green{background:linear-gradient(180deg,#39cc7a,#2ea763)}.chip-purple{background:linear-gradient(180deg,#8764f1,#6b4fd2)}.chip-dark{background:#1d2941;color:#d7e1f4}.refresh-btn{width:38px;height:38px;border-radius:12px;background:#223049;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #ffffff0d}.refresh-btn.is-success{box-shadow:inset 0 0 0 2px #3fdd8c4d}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-row{margin-bottom:8px;color:#9aa9c6;font-size:13px;line-height:1.4}.stock-panel{border-radius:20px;overflow:hidden}.row-grid{display:grid;grid-template-columns:30px 56px minmax(220px,1.3fr) 98px 84px 52px 90px 82px 64px;gap:7px;align-items:center}.stock-header,.stock-row{padding:7px 13px}.stock-header{color:var(--muted);font-size:12px;border-bottom:1px solid var(--line);letter-spacing:-.01em}.stock-body{display:block}.stock-row{width:100%;background:transparent;border:0;text-align:left;color:var(--text);border-bottom:1px solid var(--line);font-size:13.5px;line-height:1.35}.stock-header>:nth-child(1),.stock-row>:nth-child(1){text-align:center}.stock-header>:nth-child(3),.stock-row>:nth-child(3){text-align:left}.stock-header>:nth-child(2),.stock-header>:nth-child(n+4),.stock-row>:nth-child(2),.stock-row>:nth-child(n+4){text-align:right;font-variant-numeric:tabular-nums}.stock-row:last-child{border-bottom:0}.stock-row:hover{background:#4a8dff0f}.stock-row.is-selected{background:#4a8dff24}.rec-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.rec-tab{min-height:46px;border-radius:17px;background:linear-gradient(180deg,#18253f,#121d33);color:#dbe6fb;font-weight:700;font-size:14px;letter-spacing:-.01em;padding:0 14px;border:0;box-shadow:inset 0 0 0 1px #ffffff0a}.rec-tab.active{color:#fff;background:linear-gradient(180deg,#4f90ff,#3b6fdf);box-shadow:0 8px 20px #3570ff4d,inset 0 0 0 1px #ffffff14}.recommendation-card{border-radius:20px;overflow:hidden}.rec-title{padding:14px 14px 8px;font-size:16px;font-weight:780}.rec-head,.rec-row{display:grid;grid-template-columns:38px minmax(116px,1fr) 84px 84px;gap:7px;align-items:center;padding:8px 12px}.rec-head{color:var(--muted);font-size:12px;border-bottom:1px solid var(--line)}.rec-row{border-bottom:1px solid var(--line)}.rec-row:last-child{border-bottom:0}.rec-head>:nth-child(1),.rec-row>:nth-child(1){text-align:center}.rec-head>:nth-child(2),.rec-row>:nth-child(2){text-align:left}.rec-head>:nth-child(3),.rec-head>:nth-child(4),.rec-row>:nth-child(3),.rec-row>:nth-child(4){text-align:right;font-variant-numeric:tabular-nums}.rec-row.is-selected{background:#4a8dff1f}.name-col{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strong{font-weight:800}.stock-row a,.rec-row a{color:inherit;text-decoration:none}.stock-row a:hover,.rec-row a:hover{text-decoration:underline}.score-text{color:var(--green);font-weight:800}.up-text{color:var(--red);font-weight:700}.down-text{color:var(--blue);font-weight:700}.muted-text{color:var(--muted)}@media(min-width:900px){.market-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:980px){.dashboard-shell{grid-template-columns:minmax(0,1fr) 380px;align-items:start}.dashboard-aside{position:sticky;top:12px}.stock-panel{min-height:calc(100vh - 320px)}}@media(min-width:1240px){.dashboard-shell{grid-template-columns:minmax(0,1fr) 400px}.row-grid{grid-template-columns:32px 56px minmax(260px,1.5fr) 104px 92px 56px 102px 88px 66px}}@media(max-width:979px){.dashboard-aside{order:2}.stock-panel{overflow-x:auto}.stock-header,.stock-row{min-width:860px}.chip{height:36px;border-radius:12px;padding:0 12px;font-size:13px}.refresh-btn{width:36px;height:36px;border-radius:11px}.rec-tabs{gap:7px}.rec-tab{min-height:42px;border-radius:15px;font-size:13px;padding:0 10px}}