:root{color:#20242d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f7f8fa;font-family:Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f7f8fa;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}#root{min-height:100svh}.app-shell{width:min(100%,720px);min-height:100svh;margin:0 auto;padding:0 12px 20px}.app-header{padding:20px 2px 0;position:relative}.brand-row,.market-row,.section-heading,.stock-card-header,.headline-price{justify-content:space-between;align-items:center;display:flex}.eyebrow{color:#8b94a3;letter-spacing:.12em;margin:0 0 5px;font-size:10px;font-weight:800}h1,h2,h3,p{margin:0}h1{color:#171a21;letter-spacing:-.06em;font-size:clamp(28px,7vw,36px);line-height:1.15}.refresh-button{color:#5c6573;background:#fff;border:0;border-radius:15px;width:44px;height:44px;font-size:28px;line-height:1;transition:transform .2s,background .2s;box-shadow:0 5px 18px #232d410f}.refresh-button:active{background:#edf0f4;transform:scale(.93)}.refresh-button.is-spinning{animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.market-row{color:#8b94a3;justify-content:flex-start;gap:6px;margin:9px 0 14px;font-size:11px}.market-row strong{color:#4c5564;font-size:12px}.market-dot{background:#b7bec8;border-radius:50%;width:7px;height:7px}.market-dot.open{background:#e45d67;box-shadow:0 0 0 4px #e45d671a}.data-note{color:#a8afb9;text-align:right;margin:-7px 2px 10px;font-size:10px}.search-wrap{background:#fff;border:1px solid #edf0f3;border-radius:17px;align-items:center;gap:9px;min-height:50px;padding:0 14px;display:flex;box-shadow:0 6px 16px #242e420a}.search-icon{color:#a0a8b4;font-size:27px;line-height:0;transform:rotate(-20deg)}.search-wrap input{color:#252a33;background:0 0;border:0;outline:0;width:100%;font-size:15px}.search-wrap input::placeholder{color:#a8afb9}.clear-search{color:#9ba3ad;background:0 0;border:0;font-size:22px}.search-results{z-index:3;background:#fff;border:1px solid #edf0f3;border-radius:16px;margin-top:8px;position:absolute;left:2px;right:2px;overflow:hidden;box-shadow:0 15px 35px #202a3c1f}.result-row{text-align:left;background:#fff;border:0;border-bottom:1px solid #f2f3f5;justify-content:space-between;align-items:center;width:100%;padding:13px 16px;display:flex}.result-row:last-child{border-bottom:0}.result-row:active{background:#f8f9fb}.result-row:disabled{cursor:default;opacity:.6}.result-row strong,.result-row small{display:block}.result-row strong{color:#303641;font-size:14px}.result-row small{color:#9ba3ad;margin-top:2px;font-size:11px}.result-action{color:#e05c66;font-size:21px;font-weight:600}.no-results{color:#9099a7;text-align:center;padding:20px;font-size:13px}.watchlist{padding-top:18px}.section-heading{margin-bottom:8px;padding:0 3px}.section-heading h2{color:#363d49;letter-spacing:-.04em;font-size:15px}.section-heading span{color:#a0a8b4;font-size:12px}.stock-card{background:#fff;border:1px solid #e8ebefe6;border-radius:19px;margin:8px 0;padding:14px 12px 10px;box-shadow:0 7px 20px #222d3f0a}.stock-card-header{align-items:center;gap:8px}.stock-card-header>div:first-child{min-width:0}.stock-card h3{color:#20252e;letter-spacing:-.06em;font-size:18px}.stock-card-header p{color:#9ba3ad;margin-top:4px;font-size:11px}.quote-block{justify-items:end;min-width:108px;margin-left:auto;display:grid}.quote-block>span:first-child{color:#8e97a4;font-size:10px}.quote-block strong{color:#1e232c;letter-spacing:-.06em;white-space:nowrap;font-size:18px;line-height:1.25}.quote-block .change{white-space:nowrap;padding:2px 5px;font-size:10px}.remove-button{color:#a5adb8;background:#f7f8fa;border:0;border-radius:10px;width:28px;height:28px;font-size:19px;line-height:1}.remove-button:active{color:#d45c66;background:#f2e7e8}.headline-price{align-items:flex-end;margin:12px 0 13px}.headline-price div span{color:#8e97a4;margin-bottom:2px;font-size:11px;display:block}.headline-price strong{color:#1e232c;letter-spacing:-.065em;font-size:25px}.change{color:#7f8895;background:#f2f3f5;border-radius:8px;padding:5px 8px;font-size:11px;font-weight:700}.change.up{color:#df5c66;background:#fff1f1}.change.down{color:#527fbd;background:#eff5ff}.daily-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid;overflow:hidden}.daily-column{background:#f8f9fb;border-radius:12px;min-width:0;padding:8px 7px 6px}.daily-column.latest{background:#fff0ee;border:1px solid #ffd8d4;box-shadow:inset 0 0 0 1px #ffffffa6}.daily-column:nth-child(2){background:#f3f7fc}.daily-column:nth-child(3){background:#f6f4fb}.day-label{color:#6e7784;align-items:center;gap:3px;margin-bottom:6px;font-size:12px;font-weight:800;display:flex}.day-label span{color:#da626b;background:#ffe9e8;border-radius:4px;padding:2px 4px;font-size:8px}.metric{justify-content:space-between;align-items:baseline;gap:3px;padding:2px 0;display:flex}.metric span{color:#9da5b0;font-size:10px}.metric b{color:#515b69;letter-spacing:-.04em;font-size:clamp(10px,2.7vw,13px);font-weight:650}.metric.current b{color:#e05e66}.empty-state{text-align:center;background:#ffffff8c;border:1px dashed #dfe3e8;border-radius:21px;padding:72px 20px}.empty-icon{color:#e36a72;background:#fff1f1;border-radius:15px;place-items:center;width:46px;height:46px;margin-bottom:14px;font-size:25px;display:inline-grid}.empty-state h3{color:#555e6c;font-size:15px}.empty-state p{color:#9da5b0;margin-top:7px;font-size:12px;line-height:1.7}.skeleton-card{background:linear-gradient(90deg,#fff 25%,#f1f3f5 37%,#fff 63%) 0 0/400% 100%;border-radius:21px;height:245px;margin:12px 0;padding:20px 16px;animation:1.2s infinite shimmer}.skeleton-card>span{background:#eef0f3;border-radius:7px;width:35%;height:14px;margin-bottom:9px;display:block}.skeleton-card>span:nth-child(2){width:22%;height:9px}.skeleton-card div{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:26px;display:grid}.skeleton-card i{background:#f0f2f4;border-radius:12px;height:140px;display:block}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.app-footer{color:#b0b6bf;text-align:center;padding:20px 0 0;font-size:10px}@media (width>=600px){.app-shell{padding:40px 28px 36px}.daily-column{padding-inline:13px}}