:root{--bg: #f2f4f3;--surface: #ffffff;--surface-2: #f3f5f4;--ink: #141a17;--muted: #66716b;--line: #e3e7e4;--accent: #0f7f5f;--accent-soft: #e2f3ec;--accent-2: #18a57b;--hot: #e8590c;--hot-soft: #fff0e6;--shadow: 0 1px 2px rgba(20, 26, 23, .04), 0 4px 14px rgba(20, 26, 23, .05);--on-accent: #ffffff;--up: #d6336c;--down: #1c6fd1;--warn-bg: #fff4d6;--warn-ink: #6b4b00;--bad: #c92a2a;--r: 14px;--font: "Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0f1412;--surface: #171e1b;--surface-2: #1d2622;--ink: #e6ece8;--muted: #9aa8a1;--line: #2a3530;--accent: #4fd1a5;--accent-soft: #173229;--on-accent: #0b1310;--up: #ff7aa2;--down: #6aa8ff;--warn-bg: #3a2e0c;--warn-ink: #ffe3a1;--bad: #ff8a8a;color-scheme:dark;--accent-2: #4fd1a5;--hot: #ff9a5c;--hot-soft: #3a2414;--shadow: none}}:root[data-theme=dark]{--bg: #0f1412;--surface: #171e1b;--surface-2: #1d2622;--ink: #e6ece8;--muted: #9aa8a1;--line: #2a3530;--accent: #4fd1a5;--accent-soft: #173229;--on-accent: #0b1310;--up: #ff7aa2;--down: #6aa8ff;--warn-bg: #3a2e0c;--warn-ink: #ffe3a1;--bad: #ff8a8a;color-scheme:dark;--accent-2: #4fd1a5;--hot: #ff9a5c;--hot-soft: #3a2414;--shadow: none}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink)}body{font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top,0px)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}.wrap{max-width:640px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.top .wrap{display:flex;align-items:center;gap:8px;padding-block:10px;min-height:58px}.brand{font-weight:800;font-size:19px;letter-spacing:-.02em;border:0;background:none;padding:0;color:var(--accent)}main{padding-block:16px calc(96px + env(safe-area-inset-bottom,0px))}.iconbtn{width:38px;height:38px;flex:none;border-radius:999px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;padding:0}.iconbtn.on{color:#e8a400;border-color:#e8a400}svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}svg.filled{fill:currentColor}.stack{display:flex;flex-direction:column;gap:14px}.stack-s{display:flex;flex-direction:column;gap:10px}h1,h2,h3{margin:0;letter-spacing:-.02em;text-wrap:balance}h1.title{font-size:26px}h2{font-size:21px}h2.sec{font-size:19px;margin-top:10px;display:flex;align-items:center;gap:8px}h2.sec .count{font-size:13px;font-weight:700;padding:1px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}h3{font-size:16px}p{margin:0}.muted{color:var(--muted)}.small{font-size:13.5px}.tiny{font-size:12px}.num{font-variant-numeric:tabular-nums}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.spacer{flex:1}.grow{flex:1;min-width:0}.up{color:var(--up)}.down{color:var(--down)}.bad{color:var(--bad)}.card{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px;text-align:left;width:100%;box-shadow:var(--shadow)}.card.tap{cursor:pointer;transition:transform .08s ease,border-color .15s}.card.tap:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.card.tap:active{transform:scale(.99)}.card.hint{background:var(--accent-soft);border-color:transparent}.card.today{border-color:var(--accent)}.card.today ul{margin:0;padding:0;list-style:none}.todo li{padding:7px 0;border-bottom:1px solid var(--line)}.todo li:last-child{border-bottom:0;padding-bottom:0}.todo-name{font-weight:700}.todo-what{color:var(--accent);font-weight:600}.todo-sub{display:block;margin-top:1px}.ipo-name{font-size:18px}.chips{gap:6px}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.statgrid div{display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:10px;background:var(--surface-2)}.statgrid b{font-size:18px}h3.week{margin-top:2px}.metrics{display:flex;flex-wrap:wrap;gap:4px 14px;padding:8px 10px;border-radius:10px;background:var(--surface-2)}.badge{font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted)}.badge.st-open{background:var(--accent);color:var(--on-accent)}.badge.st-soon{background:var(--accent-soft);color:var(--accent)}.badge.st-listing{background:var(--up);color:#fff}.badge.kind{background:var(--warn-bg);color:var(--warn-ink)}.chip{font-size:12.5px;padding:3px 9px;border-radius:8px;border:1px solid var(--line);color:var(--muted)}.chip.mine{border-color:var(--accent);color:var(--accent);font-weight:700;background:var(--accent-soft)}.fam{padding:8px 10px;border-radius:10px;font-weight:600}.fam.ok{background:var(--accent-soft);color:var(--accent)}.fam.no{background:var(--surface-2);color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;white-space:nowrap;text-decoration:none;color:var(--ink)}.btn svg{width:16px;height:16px}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.ghost{background:transparent}.btn:disabled{opacity:.5;cursor:default}.small-btn{padding:6px 12px;font-size:13px}.link{border:0;background:none;padding:0;color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-align:left}.link-row{border:0;background:none;padding:0;width:100%;text-align:left}.note{padding:10px 12px;border-radius:10px}.note.warn{background:var(--warn-bg);color:var(--warn-ink)}.empty{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;padding:32px 16px;border:1px dashed var(--line);border-radius:var(--r)}.fields{margin:0;display:grid;gap:8px}.field{display:grid;grid-template-columns:7.5em 1fr;gap:8px}.field dt{color:var(--muted);font-size:13.5px;padding-top:1px}.field dd{margin:0;font-weight:600}.field dd .hint{display:block;font-weight:400;line-height:1.4}.uw,.fam-list,.by{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.uw li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.uw li:last-child{border-bottom:0}.fam-list li,.by li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--line)}.fam-list li:last-child,.by li:last-child{border-bottom:0}.total .big{font-size:30px;font-weight:800;letter-spacing:-.02em}input,select{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:9px 11px;min-width:0;width:100%}input[type=checkbox]{width:auto}.form{display:grid;gap:10px}.form.cols{grid-template-columns:repeat(2,minmax(0,1fr))}.form label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.row input.grow{width:auto}.broker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px}.broker-grid label{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;font-size:13.5px;cursor:pointer}.broker-grid label.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:700}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:5;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}.tabs .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.tabs button{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 10px;font-size:11.5px;color:var(--muted)}.tabs button.on{color:var(--accent);font-weight:700}.ipo-card{display:grid;grid-template-columns:76px 1fr;gap:14px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--shadow);transition:transform .08s ease,border-color .15s}.ipo-card:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.ipo-card:active{transform:scale(.99)}.ipo-card.tone-done{box-shadow:none}.datetile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:14px;padding:10px 4px;background:var(--surface-2);color:var(--muted)}.datetile .dt-what{font-size:11px;font-weight:600}.datetile .dt-day{font-size:21px;font-weight:800;letter-spacing:-.03em;color:var(--ink);line-height:1.15}.datetile .dt-day{white-space:nowrap}.datetile .dt-wd{font-size:11px;font-weight:600;color:var(--muted)}.datetile .dt-tag{margin-top:3px;font-size:11.5px;font-weight:800;padding:1px 7px;border-radius:999px;background:var(--surface)}.datetile.hot{background:var(--hot-soft);color:var(--hot)}.datetile.hot .dt-tag{background:var(--hot);color:#fff}.datetile.soon{background:var(--accent-soft);color:var(--accent)}.datetile.soon .dt-tag{background:var(--accent);color:var(--on-accent)}.datetile.wait .dt-tag{color:var(--ink)}.ipo-body{display:flex;flex-direction:column;gap:7px;min-width:0}.ipo-head{display:flex;align-items:center;gap:6px;min-width:0}.ipo-name{font-size:17px;font-weight:800;letter-spacing:-.03em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ipo-head .ret{margin-left:auto;font-size:17px;font-weight:800;letter-spacing:-.02em;flex:none}.ipo-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.ipo-price b{font-size:15.5px}.fixed{font-size:11px;font-weight:700;padding:1px 6px;border-radius:6px;background:var(--surface-2);color:var(--muted)}.fixed.on{background:var(--accent-soft);color:var(--accent)}.pills{display:flex;flex-wrap:wrap;gap:5px}.pill{font-size:12.5px;color:var(--muted);padding:3px 9px;border-radius:999px;background:var(--surface-2)}.pill b{color:var(--ink);font-weight:700}.chips{display:flex;flex-wrap:wrap;gap:5px}.chip{font-size:12px;padding:2px 8px;border-radius:7px}.hero{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);text-align:left}.hero .n{font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1.1}.hero .l{font-size:12.5px;color:var(--muted);font-weight:600}.hero .hot .n{color:var(--hot)}.hero .soon .n{color:var(--accent)}.greet{display:flex;flex-direction:column;gap:2px}.greet h1{font-size:23px;letter-spacing:-.03em}.bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.bars li{display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:baseline}.bars .bar{grid-column:1 / -1;height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden}.bars .bar i{display:block;height:100%;border-radius:999px;background:var(--up)}.bars .bar i.neg{background:var(--down)}.dhero{display:flex;flex-direction:column;gap:6px}.dhero .price{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1.15}.timeline{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);position:relative}.timeline:before{content:"";position:absolute;top:9px;left:16.6%;right:16.6%;height:2px;background:var(--line)}.timeline li{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.timeline .dot{width:20px;height:20px;border-radius:999px;background:var(--surface);border:2px solid var(--line);z-index:1}.timeline li.done .dot{background:var(--accent);border-color:var(--accent)}.timeline li.now .dot{background:var(--hot);border-color:var(--hot);box-shadow:0 0 0 4px var(--hot-soft)}.timeline .tl{font-size:12px;color:var(--muted);font-weight:600;margin-top:4px}.timeline .td{font-size:13.5px;font-weight:700}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.tile{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:14px;background:var(--surface-2)}.tile .k{font-size:12.5px;color:var(--muted);font-weight:600}.tile .v{font-size:19px;font-weight:800;letter-spacing:-.02em}.tile .v.none{font-size:14px;color:var(--muted);font-weight:600}.tile .h{font-size:11.5px;color:var(--muted);line-height:1.35}.banner{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px 16px;border-radius:16px;border:0;background:var(--accent-soft);color:var(--accent)}.banner-txt{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.banner-txt .small{color:color-mix(in srgb,var(--accent) 75%,var(--ink))}.banner-go{font-size:26px;line-height:1;font-weight:300}.card.today{border:0;box-shadow:var(--shadow)}.todo-what{color:var(--hot)}.suggest{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:10px 12px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-weight:600}.brokerbar{display:flex;flex-wrap:wrap;gap:6px}.bchip{flex:none;display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:13.5px;font-weight:600;color:var(--ink)}.bchip .num{font-size:11.5px;font-weight:800;padding:0 6px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.bchip.on{background:var(--ink);border-color:var(--ink);color:var(--surface)}.bchip.on .num{background:color-mix(in srgb,var(--surface) 20%,transparent);color:var(--surface)}.bchip.more{border-style:dashed;color:var(--muted)}.switch{width:50px;height:30px;border-radius:999px;border:0;padding:3px;background:var(--line);display:flex;transition:background .15s}.switch span{width:24px;height:24px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .15s}.switch.on{background:var(--accent)}.switch.on span{transform:translate(20px)}.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.checks label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.checks input{margin-top:3px;width:18px;height:18px;accent-color:var(--accent);flex:none}.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:12px;background:var(--surface-2)}.seg button{border:0;background:none;padding:8px 4px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--muted)}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.intraday{display:flex;flex-direction:column;gap:6px;padding-top:6px;border-top:1px solid var(--line)}.guide-link{align-self:center;margin-top:8px}
