:root{--bg:#f7f8f5;--paper:#fff;--ink:#172e37;--muted:#728080;--line:#e3e8e2;--accent:#c9e19e;--up:#bd4742;--down:#356bb0;--radius:20px;font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #96b972;outline-offset:3px}[hidden]{display:none!important}.topbar{height:92px;padding:0 5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:var(--paper)}.brand{display:flex;gap:11px;align-items:center;color:var(--ink);text-decoration:none;font-size:13px;font-weight:700;letter-spacing:2px;line-height:1.4}.brand small{font-size:9px;letter-spacing:2.5px}.brand-mark{font:700 35px Georgia,serif;letter-spacing:-3px}.brand-mark>span{color:#8bac67}.top-actions{display:flex;gap:22px;align-items:center}.read-badge{font-size:11px;border:1px solid var(--line);border-radius:30px;padding:7px 12px;color:#657371;white-space:nowrap}.text-button{border:0;background:transparent;color:var(--muted);font-size:12px;padding:10px}.shell{max-width:1190px;margin:auto;padding:42px 30px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:1.3px;margin-bottom:12px}h1{font-size:30px;letter-spacing:-1.3px;font-weight:700;margin:0 0 10px}p{line-height:1.7}.page-heading p,.section-toolbar p{margin:0;color:var(--muted);font-size:12px}.refresh{border:1px solid #d7ddd7;border-radius:9px;background:var(--paper);padding:10px 14px;font-size:12px;color:var(--ink);white-space:nowrap}.refresh>span{font-size:17px;margin-right:4px}.account-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.segmented{display:flex;border:1px solid var(--line);background:#edf0ea;border-radius:11px;padding:4px;gap:3px}.segmented button{border:0;color:#778278;background:transparent;padding:10px 24px;border-radius:8px;font-weight:700;font-size:12px}.segmented button.selected{background:var(--paper);color:var(--ink);box-shadow:0 2px 5px #12271a0a}.segmented small{font-weight:400;font-size:10px;margin-left:4px}.updated{font-size:10px;color:var(--muted);margin:0;text-align:right}.overview{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.hero{position:relative;overflow:hidden;background:var(--ink);border-radius:var(--radius);padding:27px 30px;color:white;min-height:263px}.hero-top{position:relative;z-index:1;display:flex;justify-content:space-between;font-size:12px;color:#dce5dd;align-items:center}.hero-chip{font-size:10px;border:1px solid #698174;border-radius:20px;padding:5px 10px;color:var(--accent)}.hero h2{font-size:12px;color:#9cb0ae;font-weight:400;margin:27px 0 10px}.hero-number{position:relative;font-size:39px;letter-spacing:-1.5px;font-weight:600;z-index:1;font-variant-numeric:tabular-nums}.hero-number small{font-size:16px;margin-left:7px;letter-spacing:0;color:#c2cfc7}.hero-bottom{display:flex;gap:48px;margin-top:28px;position:relative;z-index:1}.hero-bottom div{display:flex;flex-direction:column;gap:8px}.hero-bottom span{color:#aebeba;font-size:10px}.hero-bottom strong{font-size:15px;font-weight:500}.hero-decoration{position:absolute;right:-100px;bottom:-150px;width:380px;height:380px;border:1px solid #45614c;border-radius:50%}.hero-decoration:after{content:'';position:absolute;inset:22px;border:1px solid #45614c;border-radius:50%}.hero .up{color:#f4aaa0}.hero .down{color:#9ac3ff}.metrics{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:8px 28px}.metric{display:grid;grid-template-columns:1fr auto;gap:7px;padding:22px 0;border-bottom:1px solid var(--line);align-items:center}.metric:last-child{border-bottom:0}.metric>span{font-size:12px;font-weight:600}.metric small{display:block;color:var(--muted);font-size:10px;margin-top:6px;font-weight:400}.metric strong{font-size:21px;letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-weight:600}.metric em{grid-column:2;font-style:normal;text-align:right;font-size:11px}.up{color:var(--up)}.down{color:var(--down)}.neutral{color:var(--muted)}.view-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-top:32px}.view-tabs button{background:none;border:0;border-bottom:3px solid transparent;color:var(--muted);font-size:13px;padding:18px 0;font-weight:600}.view-tabs button.selected{color:var(--ink);border-bottom-color:var(--ink)}.view-tabs button span{background:#e5ecd9;border-radius:4px;padding:2px 5px;font-size:10px;margin-left:4px}.section-toolbar{display:flex;align-items:center;justify-content:space-between;margin:26px 0 21px;gap:12px}.section-toolbar h2{font-size:17px;letter-spacing:-.5px;margin:0 0 6px}.section-toolbar p{font-size:11px}.search{display:flex;gap:7px;align-items:center;background:white;border:1px solid var(--line);border-radius:9px;padding:8px 12px}.search span{font-size:22px;color:var(--muted)}.search input{border:0;outline:none;background:none;width:145px;font-size:12px;color:var(--ink)}.table-heading{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr .75fr;gap:12px;background:#eff2ed;border-radius:8px;padding:12px 18px;font-size:10px;color:#748172}.table-heading>span:not(:first-child){text-align:right}.holding{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr .75fr;gap:12px;align-items:center;padding:20px 18px;border-bottom:1px solid var(--line)}.holding>div:not(:first-child){text-align:right}.holding h3{font-size:13px;margin:0 0 7px;font-weight:600}.holding p{margin:0;font-size:10px;color:var(--muted);line-height:1.5}.holding strong{font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}.holding small{display:block;margin-top:7px;font-size:10px;color:var(--muted)}.holding .gain small{color:inherit}.mobile-label{display:none}.daily-chip{display:inline-block;background:#edf1e9;border-radius:5px;padding:6px 7px;font-size:11px;font-weight:600}.daily-chip.up{background:#fcf0ec}.daily-chip.down{background:#ebf1fa}.notice{background:#fff8e8;border:1px solid #efe0b6;color:#826329;border-radius:9px;padding:12px 16px;margin-bottom:18px;font-size:12px;line-height:1.6}.notice.error{background:#fff0ee;color:#a8433b;border-color:#f4ceca}.empty{text-align:center;padding:44px 16px;color:var(--muted);font-size:13px}.risk-legend{display:flex;gap:10px;margin-bottom:20px}.risk-legend span{padding:10px 15px;background:#f0f2ed;border-radius:8px;font-size:11px;color:var(--muted)}.risk-legend b{color:var(--ink);margin-right:6px}.risk-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.risk-card{background:white;border:1px solid var(--line);border-radius:13px;padding:20px}.risk-card h3{font-size:14px;margin:14px 0}.risk-card strong{font-size:29px;font-weight:500}.risk-card p{font-size:11px;color:var(--muted);margin:12px 0 0}.section-note{font-size:11px;color:var(--muted);margin:22px 0}.trade-row{display:grid;grid-template-columns:100px 1.4fr 1fr 1fr;gap:12px;padding:18px 10px;border-bottom:1px solid var(--line);align-items:center}.trade-kind{font-size:11px;display:inline-block;padding:6px 10px;border-radius:6px;background:#edf0e9;color:#6c786b}.trade-kind.buy{background:#fbeeea;color:var(--up)}.trade-kind.sell{background:#eaf0fa;color:var(--down)}.trade-row h3{font-size:13px;margin:0 0 5px}.trade-row p{font-size:10px;color:var(--muted);margin:0}.trade-row .trade-numbers{text-align:right;font-size:12px}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:24px}.pagination span{font-size:11px;color:var(--muted)}footer{margin-top:48px;padding:24px 0;border-top:1px solid var(--line);color:var(--muted);font-size:10px}footer p:first-child{color:#52665b}footer>span{display:block;letter-spacing:1.5px;font-size:8px;margin-top:25px}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-wrap{max-width:470px;align-self:center;margin:auto;padding:40px}.login-wrap .brand{margin-bottom:65px}.login-wrap h1{line-height:1.45;font-size:34px;letter-spacing:-1.4px}.login-intro{font-size:13px;color:var(--muted);margin:20px 0 32px}.login-form{display:flex;flex-direction:column;gap:12px}.login-form label{font-size:12px;font-weight:600}.login-form input{width:100%;border:1px solid #d6ddd4;border-radius:10px;padding:15px;background:white;font-size:13px}.primary{border:0;border-radius:10px;background:var(--ink);color:white;padding:16px;text-align:left;font-size:13px;font-weight:600;margin-top:4px}.primary>span{float:right;color:var(--accent);font-size:18px}.privacy-note{font-size:10px;color:var(--muted);margin-top:28px}.form-error{color:var(--up);font-size:12px;margin:0}.login-art{background:var(--ink);position:relative;overflow:hidden;min-height:100vh}.art-ring{position:absolute;border:1px solid #6b8554;width:75%;aspect-ratio:1;border-radius:50%;top:15%;left:12%}.ring2{top:28%;border-color:#90a57b}.ring3{top:41%;border-color:#b2c99a}.art-caption{position:absolute;bottom:8%;left:12%;color:var(--accent);font-size:10px;letter-spacing:4px}
@media(min-width:1500px){.shell{padding-top:55px}.topbar{padding:0 calc((100% - 1130px)/2)}}
@media(max-width:760px){.topbar{height:73px;padding:0 22px}.brand{font-size:10px}.brand small{font-size:7px}.brand-mark{font-size:30px}.top-actions{gap:8px}.top-actions .read-badge{display:none}.shell{padding:27px 19px}.page-heading{margin-bottom:22px;align-items:flex-start}.eyebrow{font-size:9px;margin-bottom:10px}h1{font-size:24px;letter-spacing:-1px}.page-heading p{font-size:11px}.page-heading .refresh{padding:8px 9px;font-size:10px;margin-top:23px}.account-row{display:block;margin-bottom:15px}.segmented{width:100%}.segmented button{flex:1;padding:10px 5px;font-size:12px}.updated{margin-top:12px;font-size:9px}.overview{grid-template-columns:1fr;gap:13px}.hero{padding:24px;min-height:236px}.hero h2{margin-top:24px}.hero-number{font-size:35px}.hero-bottom{margin-top:25px;justify-content:space-between;padding-right:25px}.metrics{padding:2px 21px}.metric{padding:16px 0}.metric strong{font-size:19px}.metric>span{font-size:11px}.metric small{display:inline;font-size:9px;margin-left:5px}.view-tabs{margin-top:21px;gap:25px}.view-tabs button{font-size:12px;padding:16px 0}.section-toolbar{margin:23px 0 15px;flex-wrap:wrap}.section-toolbar h2{font-size:16px}.section-toolbar p{font-size:10px}.search{width:100%;padding:6px 12px}.search input{width:100%;font-size:12px}.table-heading{display:none}.holdings-list{display:grid;gap:11px}.holding{position:relative;display:grid;grid-template-columns:1fr 1fr;background:white;border:1px solid var(--line);border-radius:13px;gap:18px 15px;padding:19px}.holding>div:not(:first-child){text-align:left}.holding .stock-name{grid-column:1/-1;padding-right:75px}.holding h3{font-size:15px;margin-bottom:5px}.holding .daily{position:absolute;top:18px;right:18px;text-align:right!important}.holding .daily small{font-size:9px}.holding .valuation{text-align:right!important}.holding .gain{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px;display:flex;align-items:center;gap:8px}.holding .gain .mobile-label{margin-right:auto;margin-bottom:0}.holding .gain small{margin:0}.mobile-label{display:block;color:var(--muted);font-size:9px;margin-bottom:7px}.holding strong{font-size:14px}.holding small{font-size:10px}.risk-list{grid-template-columns:1fr}.risk-card{padding:18px}.risk-legend{gap:7px}.risk-legend span{padding:9px 11px;font-size:10px}.trade-row{grid-template-columns:70px 1fr;gap:12px 8px;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:16px}.trade-row .trade-numbers{text-align:left;grid-column:2}.trade-row .trade-time{grid-column:2}.section-toolbar>.read-badge{font-size:9px}.notice{font-size:11px}.login-page{display:block}.login-art{display:none}.login-wrap{padding:40px 28px;max-width:440px}.login-wrap .brand{margin-bottom:60px}.login-wrap h1{font-size:32px}footer{margin-top:32px;font-size:9px}}
.allocation{margin-top:8px;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.allocation span{font-size:10px;color:var(--muted)}.allocation b{font-size:12px;color:var(--ink);font-weight:700;margin-left:4px}.allocation meter{width:90px;height:6px;border:0;background:#e9eee3;border-radius:4px;overflow:hidden}.allocation meter::-webkit-meter-bar{background:#e9eee3;border:0;border-radius:4px}.allocation meter::-webkit-meter-optimum-value{background:#97b773;border-radius:4px}.allocation meter::-moz-meter-bar{background:#97b773}.risk-legend{flex-wrap:wrap}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s ease,color .15s ease}.view{animation:appear .2s ease}@keyframes appear{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}}