:root{--color-bg: oklch(98% .003 95);--color-surface: oklch(100% 0 0);--color-surface-2: oklch(97% .004 95);--color-surface-3: oklch(94.5% .006 95);--color-ink: oklch(22% .01 260);--color-ink-soft: oklch(45% .012 260);--color-ink-faint: oklch(63% .012 260);--color-line: oklch(93% .004 95);--color-line-strong: oklch(88% .006 95);--color-accent: oklch(87% .16 92);--color-accent-press: oklch(82% .16 90);--color-accent-ink: oklch(30% .05 80);--color-accent-wash: oklch(96.5% .05 92);--color-accent-strong: oklch(58% .12 72);--color-up: oklch(58% .2 25);--color-up-wash: oklch(96% .04 25);--color-down: oklch(56% .15 250);--color-down-wash: oklch(96% .03 250);--color-flat: oklch(60% .01 260);--color-flat-wash: oklch(96% .004 260);--color-gain: var(--color-up);--color-gain-wash: var(--color-up-wash);--color-loss: var(--color-down);--color-loss-wash: var(--color-down-wash);--color-hold: var(--color-accent-strong);--color-hold-wash: var(--color-accent-wash);--c1: oklch(83% .15 92);--c2: oklch(72% .15 55);--c3: oklch(65% .13 30);--c4: oklch(70% .09 250);--c5: oklch(72% .13 150);--c6: oklch(66% .12 300);--c7: oklch(78% .1 120);--font-sans: "Pretendard Variable", Pretendard, system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-display: var(--font-sans);--font-num: var(--font-sans);--text-xs: .78rem;--text-sm: .875rem;--text-base: .95rem;--text-lg: 1.2rem;--text-xl: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);--text-2xl: clamp(2rem, 1.4rem + 2.4vw, 2.8rem);--text-display: clamp(2.2rem, 1.4rem + 3.4vw, 3.4rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-section: clamp(2rem, 1.2rem + 3vw, 3.5rem);--radius-sm: 10px;--radius: 16px;--radius-lg: 22px;--radius-pill: 999px;--shadow-1: 0 1px 3px oklch(50% .02 260 / .05), 0 4px 12px oklch(50% .02 260 / .05);--shadow-2: 0 2px 8px oklch(50% .02 260 / .06), 0 12px 30px oklch(50% .02 260 / .08);--shadow-accent: 0 6px 18px oklch(80% .15 92 / .45);--duration-fast: .13s;--duration: .26s;--ease: cubic-bezier(.2, .8, .2, 1)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;color:var(--color-ink);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-weight:700;line-height:1.22;letter-spacing:-.02em}h1{letter-spacing:-.03em}a{color:var(--color-accent-strong);text-decoration:none;font-weight:600}a:hover{color:var(--color-ink)}button{font:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;border-radius:10px}.num{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.gain{color:var(--color-gain)}.loss{color:var(--color-loss)}.app-shell{min-height:100vh;display:flex;flex-direction:column;overflow-x:clip}.container{width:min(1040px,92vw);margin-inline:auto}.site-header{background:#ffffffd1;-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);border-bottom:1px solid var(--color-line);position:sticky;top:0;z-index:20}.site-header .bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0}.brand{display:flex;align-items:center;gap:var(--space-3)}.brand .mark{font-size:var(--text-lg);font-weight:800;letter-spacing:-.03em;display:inline-flex;align-items:center;gap:.5em;white-space:nowrap}.brand .mark:before{content:"";width:1.4em;height:1.4em;border-radius:9px;background:var(--color-accent);box-shadow:var(--shadow-accent)}.brand .sub{font-size:var(--text-xs);color:var(--color-ink-faint)}.who{font-size:var(--text-sm);color:var(--color-ink-soft);font-weight:600;background:var(--color-surface-2);padding:.4em .9em;border-radius:var(--radius-pill);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw}.site-header .bar .brand{flex:0 0 auto}.site-header .bar>.row{min-width:0;flex-shrink:1}main{flex:1;padding-block:var(--space-section)}.card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-1);border:1px solid oklch(94% .004 95 / .6)}.pad{padding:var(--space-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.7em 1.2em;border-radius:var(--radius-sm);border:none;background:var(--color-surface-3);color:var(--color-ink);font-weight:700;font-size:var(--text-sm);letter-spacing:-.01em;white-space:nowrap;flex-shrink:0;transition:transform var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease),filter var(--duration-fast) var(--ease)}.btn:hover{background:var(--color-line-strong)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-accent);color:var(--color-accent-ink);box-shadow:var(--shadow-accent);padding-inline:1.4em}.btn-primary:hover{background:var(--color-accent-press);filter:brightness(1.02)}.btn-ghost{background:transparent;color:var(--color-ink-soft)}.btn-ghost:hover{background:var(--color-surface-2)}.btn-danger{color:var(--color-down);background:var(--color-down-wash)}.btn-danger:hover{background:var(--color-down-wash);filter:brightness(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none;filter:none}.tag{display:inline-flex;align-items:center;gap:.35em;font-size:var(--text-xs);font-weight:700;letter-spacing:-.01em;padding:.3em .75em;border-radius:var(--radius-pill);background:var(--color-surface-3);color:var(--color-ink-soft);white-space:nowrap}.tag.buy,.tag.add{background:var(--color-up-wash);color:var(--color-up)}.tag.sell,.tag.trim{background:var(--color-down-wash);color:var(--color-down)}.tag.hold{background:var(--color-accent-wash);color:var(--color-accent-strong)}label{display:block;font-size:var(--text-sm);color:var(--color-ink-soft);margin-bottom:var(--space-2);font-weight:600}input[type=text],input[type=number]{width:100%;padding:.7em .9em;font:inherit;font-weight:500;border:1.5px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}input::placeholder{color:var(--color-ink-faint)}input:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-wash);outline:none}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-2{display:grid;gap:var(--space-4);grid-template-columns:2fr 1fr}.form-2.rev{grid-template-columns:1fr 2fr}@media(max-width:640px){.form-2,.form-2.rev{grid-template-columns:1fr}}.holdings{display:flex;flex-direction:column}.holding-head,.holding-row{display:grid;gap:var(--space-3);align-items:center;grid-template-columns:minmax(0,1fr) 5.5rem 8rem 2.5rem}.holding-head{font-size:var(--text-xs);color:var(--color-ink-faint);font-weight:600;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-line)}.holding-row{padding:var(--space-3) 0;border-bottom:1px solid var(--color-line)}.holding-row:last-child{border-bottom:none}.f-del{display:flex;justify-content:flex-end}.f-del .btn{padding:.35em .55em}.f-label{display:none}@media(max-width:640px){.holding-head{display:none}.holding-row{grid-template-columns:1fr 1fr 2.75rem;grid-template-areas:"stock stock del" "qty   cost  cost";gap:var(--space-2) var(--space-3);padding:var(--space-4) 0}.f-stock{grid-area:stock}.f-qty{grid-area:qty}.f-cost{grid-area:cost}.f-del{grid-area:del;align-self:center}.f-del .btn{min-width:2.5rem;min-height:2.5rem;padding:.4em}.f-label{display:block;font-size:var(--text-xs);color:var(--color-ink-faint);font-weight:600;margin-bottom:4px}input[type=text],input[type=number]{font-size:16px;padding:.6em .7em}.card.pad{padding:var(--space-4)}}.combo{position:relative}.combo-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;list-style:none;margin:0;padding:4px;max-height:260px;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-2)}.combo-empty{padding:.6em .7em;color:var(--color-ink-faint)}.combo-opt{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:.55em .7em;border-radius:8px;cursor:pointer}.combo-opt.active{background:var(--color-accent-wash)}.combo-opt-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.combo-list{max-height:min(300px,50vh);left:-4px;right:-4px}.combo-opt{padding:.75em .7em;min-height:44px}}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:var(--space-4) var(--space-3);border-bottom:1px solid var(--color-line)}th{font-size:var(--text-xs);letter-spacing:0;color:var(--color-ink-faint);font-weight:600}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background var(--duration-fast) var(--ease)}tbody tr:hover{background:var(--color-surface-2)}.card table th:first-child,.card table td:first-child{padding-left:var(--space-5)}.card table th:last-child,.card table td:last-child{padding-right:var(--space-5)}.sector-bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.sector-bars .sector-name{font-size:var(--text-sm);font-weight:600;overflow-wrap:anywhere}.sector-track{margin-top:6px;height:10px;border-radius:var(--radius-pill);background:var(--color-surface-2);overflow:hidden}.sector-fill{height:100%;min-width:4px;border-radius:var(--radius-pill)}.grid-2{display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.grid-2.lean{grid-template-columns:1.4fr 1fr}@media(max-width:640px){.grid-2,.grid-2.lean{grid-template-columns:1fr}}.nowrap{white-space:nowrap}.center{text-align:center}.wide-only{display:inline}.narrow-only{display:none}.plan-list{display:flex;flex-direction:column}.plan-head,.plan-row{display:grid;grid-template-columns:minmax(0,1fr) 6rem 5rem 8rem;gap:var(--space-2);align-items:center;padding:var(--space-4) var(--space-5);min-width:0}.plan-head{font-size:var(--text-xs);color:var(--color-ink-faint);font-weight:600;padding-block:var(--space-3);border-bottom:1px solid var(--color-line)}.plan-row{border-bottom:1px solid var(--color-line);transition:background var(--duration-fast) var(--ease)}.plan-row.clickable{cursor:pointer}.plan-row.clickable:hover{background:var(--color-surface-2)}.plan-name{min-width:0;overflow-wrap:anywhere}.plan-detail{min-width:0;background:var(--color-surface-2);border-bottom:1px solid var(--color-line)}.plan-list>:last-child{border-bottom:none}@media(max-width:640px){.plan-head,.plan-row{grid-template-columns:minmax(0,1fr) 4.25rem 3rem 4.25rem;padding:var(--space-3);font-size:var(--text-sm)}.plan-row .tag{padding-inline:.5em}.wide-only{display:none}.narrow-only{display:inline}}.stock-report{padding:var(--space-4) var(--space-3);overflow-wrap:anywhere}.rt-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.rt{font-size:var(--text-sm)}@media(max-width:640px){.rt-wrap{overflow-x:visible}.rt,.rt tbody,.rt tr,.rt td{display:block;width:100%}.rt thead{display:none}.rt tr{padding:var(--space-3) 0;border-bottom:1px solid var(--color-line)}.rt tr:last-child{border-bottom:none}.rt tr:hover{background:transparent}.rt td{display:grid;grid-template-columns:5rem 1fr;gap:var(--space-3);padding:2px 0;border:none}.rt td:before{content:attr(data-label);color:var(--color-ink-faint);font-size:var(--text-xs);font-weight:600;line-height:1.6}.stock-report{padding:var(--space-4) var(--space-3)}}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.wrap{flex-wrap:wrap}.muted{color:var(--color-ink-soft)}.faint{color:var(--color-ink-faint)}.right{text-align:right}.eyebrow{font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-accent-strong);font-weight:700}.login-shell{min-height:100vh;display:grid;place-items:center;padding:var(--space-5);background:linear-gradient(180deg,var(--color-accent-wash),var(--color-bg) 60%)}.login-card{width:min(400px,100%)}.btn-kakao{background:#fee500;color:#000000d9;box-shadow:var(--shadow-1);padding-block:.85em;font-size:var(--text-base)}.btn-kakao:hover{background:#f4dc00;filter:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:var(--space-5);background:#17161173;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:modal-in var(--duration-fast) var(--ease)}.modal-card{width:min(380px,100%);text-align:center}@keyframes modal-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.modal-backdrop{animation:none}}.spinner{width:38px;height:38px;border-radius:50%;border:4px solid var(--color-surface-3);border-top-color:var(--color-accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.report-md h1,.report-md h2{font-size:var(--text-lg);margin:var(--space-4) 0 var(--space-2)}.report-md h3{font-size:var(--text-base);font-weight:700;color:var(--color-ink-soft);margin:var(--space-3) 0 var(--space-1)}.report-md p{margin:var(--space-2) 0}.report-md ul,.report-md ol{margin:var(--space-2) 0;padding-left:1.3em}.report-md li{margin:2px 0}.report-md strong{color:var(--color-ink);font-weight:700}.report-md table{margin:var(--space-3) 0;font-size:var(--text-xs)}.report-md th,.report-md td{padding:var(--space-2)}.report-md hr{border:none;border-top:1px solid var(--color-line);margin:var(--space-4) 0}.report-md code{font-variant-numeric:tabular-nums;background:var(--color-surface-3);padding:.1em .4em;border-radius:6px;font-size:.9em}@media(max-width:720px){.container{width:94vw}}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.spinner{animation:none}}