:root{--board: #0e3b2c;--board-2: #0a2e22;--board-3: #145140;--card: #f7f2e4;--card-2: #ece5d2;--ink: #1b1a16;--ink-2: #5c5a50;--rule: #cfc7b0;--bond: #c9962c;--stock: #c33a2e;--save: #2c5f9e;--managed: #17864f;--up: #c33a2e;--down: #2c5f9e;--display: "Black Han Sans", "IBM Plex Sans KR", sans-serif;--sans: "IBM Plex Sans KR", system-ui, -apple-system, sans-serif;--shadow: 4px 4px 0 rgba(0, 0, 0, .32);--shadow-sm: 3px 3px 0 rgba(0, 0, 0, .28);color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;background:var(--board);color:var(--card);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 2px,transparent 2px 5px)}b,strong{font-weight:700}.tabular,.hud__asset,.score__final,.verdict__amount,.verdict__rate,.card__rate,.rank__amount,.stat b,.log__rate{font-variant-numeric:tabular-nums}.view{display:none;min-height:100dvh}.view[data-active]{display:block}.btn{font:inherit;font-weight:600;border:2px solid var(--ink);border-radius:5px;padding:14px 26px;cursor:pointer;transition:transform 90ms ease,box-shadow 90ms ease}.btn:focus-visible{outline:3px solid var(--bond);outline-offset:3px}.btn--go{background:var(--bond);color:var(--ink);box-shadow:var(--shadow);font-family:var(--display);font-weight:400;font-size:1.15rem;letter-spacing:.04em;padding:15px 40px}.btn--go:hover{background:#d5a53f}.btn--go:active{transform:translate(4px,4px);box-shadow:none}.btn--flat{background:transparent;color:var(--card);border-color:#f7f2e459;font-weight:500;padding:11px 20px}.btn--flat:hover{border-color:var(--card)}.btn--flat:active{transform:translateY(1px)}.intro{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0;padding:32px 22px calc(30px + env(safe-area-inset-bottom));max-width:32rem;margin:0 auto}.intro__plate{background:var(--card);color:var(--ink);border:3px solid var(--ink);border-radius:8px;box-shadow:6px 6px #00000059;padding:26px 30px 22px;transform:rotate(-1.4deg)}.intro__title{font-family:var(--display);font-weight:400;font-size:clamp(3rem,16vw,4.6rem);line-height:.94;letter-spacing:.01em;margin:0}.intro__title span{color:var(--stock);margin:0 .06em}.intro__sub{color:var(--ink-2);font-size:.92rem;margin:10px 0 0}.intro__kinds{display:flex;justify-content:center;gap:6px;list-style:none;margin:16px 0 0;padding:0}.intro__kinds li{font-size:.82rem;font-weight:600;color:var(--card);border-radius:3px;padding:4px 12px}.intro__kinds li[data-kind=loan]{background:var(--bond);color:var(--ink)}.intro__kinds li[data-kind=stock]{background:var(--stock)}.intro__kinds li[data-kind=deposit]{background:var(--save)}.intro__lede{margin:34px 0 30px;line-height:1.75;max-width:24rem}.intro__lede b{color:var(--bond);font-weight:600}.intro__meta{color:#f7f2e49e;font-size:.86rem;margin:18px 0 26px;min-height:1.4em}.intro__by{margin:30px 0 0;padding-top:20px;border-top:1px solid rgba(247,242,228,.16);max-width:22rem}.intro__by b{display:block;font-family:var(--display);font-weight:400;font-size:1.5rem;letter-spacing:.02em;color:var(--bond)}.intro__by span{display:block;margin-top:3px;font-size:.82rem;line-height:1.55;color:#f7f2e499}.hud{position:sticky;top:0;z-index:5;background:var(--board-2);border-bottom:2px solid var(--ink);padding:calc(12px + env(safe-area-inset-top)) 16px 12px}.track{display:flex;gap:4px;list-style:none;margin:0 0 12px;padding:0}.track li{flex:1;height:22px;border:2px solid var(--ink);border-radius:3px;background:var(--board-3);font-size:.66rem;font-weight:600;color:#f7f2e480;display:grid;place-items:center}.track li[data-done]{background:var(--bond);color:var(--ink)}.track li[data-now]{background:var(--card);color:var(--ink);border-width:3px;font-size:.72rem;font-weight:700}.hud__row{display:flex;justify-content:space-between;align-items:baseline}.hud__label{font-size:.84rem;color:#f7f2e499}.hud__asset{font-family:var(--display);font-weight:400;font-size:1.5rem;color:var(--bond)}.news{margin:0;padding:16px 18px;background:var(--board-2);border-bottom:2px solid var(--ink);font-size:1rem;line-height:1.6;color:var(--card)}.news:before{content:"올해";display:block;font-size:.72rem;font-weight:700;color:var(--bond);margin-bottom:3px}.cards{display:flex;flex-direction:column;gap:14px;padding:18px 16px calc(26px + env(safe-area-inset-bottom));max-width:32rem;margin:0 auto}.cards[data-settled]{padding-bottom:320px}.card{position:relative;display:block;width:100%;text-align:left;font:inherit;color:var(--ink);background:var(--card);border:2px solid var(--ink);border-radius:6px;box-shadow:var(--shadow);padding:0;overflow:hidden;cursor:pointer;transition:transform 90ms ease,box-shadow 90ms ease}.card:hover{transform:translate(-1px,-1px);box-shadow:5px 5px #00000052}.card:active{transform:translate(4px,4px);box-shadow:none}.card:focus-visible{outline:3px solid var(--bond);outline-offset:3px}.card[disabled]{cursor:default;opacity:.4;box-shadow:none;transform:none}.card[data-chosen]{opacity:1;box-shadow:var(--shadow)}.card__band{display:flex;justify-content:space-between;align-items:center;padding:9px 15px;border-bottom:2px solid var(--ink);font-size:.82rem;font-weight:700;letter-spacing:.02em}.card--loan .card__band{background:var(--bond);color:var(--ink)}.card--stock .card__band{background:var(--stock);color:var(--card)}.card--deposit .card__band{background:var(--save);color:var(--card)}.card__no{font-variant-numeric:tabular-nums;opacity:.72;font-weight:600}.card__body{display:block;padding:15px 17px 16px}.card__name{display:block;font-size:1.08rem;font-weight:700;line-height:1.3;margin-bottom:8px}.card__spec{display:block;font-size:.8rem;font-weight:600;color:var(--ink);background:var(--card-2);border:1px solid var(--rule);border-radius:3px;padding:6px 9px;margin-bottom:9px}.card__desc{display:block;font-size:.82rem;line-height:1.45;color:var(--ink-2);margin-bottom:9px}.card__figures{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;border-top:1px solid var(--rule);padding-top:11px}.card__rate{font-size:1.16rem;font-weight:700}.card__rate small{display:block;font-size:.7rem;font-weight:500;color:var(--ink-2);letter-spacing:.01em}.card__rate--risk{color:var(--ink-2)}.card__rate--risk b{color:var(--ink);font-weight:700}.verdict{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:20px 18px calc(20px + env(safe-area-inset-bottom));text-align:center;background:var(--card);color:var(--ink);border-top:3px solid var(--ink);box-shadow:0 -6px #00000047;animation:sheet .24s cubic-bezier(.2,.8,.2,1)}.verdict>*{max-width:32rem;margin-left:auto;margin-right:auto}@keyframes sheet{0%{transform:translateY(100%)}to{transform:none}}@keyframes pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.verdict__card{font-size:.86rem;color:var(--ink-2);margin:0 0 4px;font-weight:600}.verdict__rate{font-family:var(--display);font-weight:400;font-size:2.7rem;line-height:1.05;margin:0}.verdict__rate[data-dir=up]{color:var(--up)}.verdict__rate[data-dir=down]{color:var(--down)}.verdict__rate[data-dir=flat]{color:var(--ink-2)}.verdict__event{font-size:.88rem;margin:8px 0 0;min-height:1.4em;color:var(--ink)}.verdict__amount{color:var(--ink-2);font-size:.92rem;margin:4px 0 16px}.verdict__amount b{color:var(--ink);font-weight:700}.result{max-width:38rem;margin:0 auto;padding:calc(26px + env(safe-area-inset-top)) 18px calc(40px + env(safe-area-inset-bottom))}.result__title{font-family:var(--display);font-weight:400;font-size:1.9rem;margin:0 0 18px;text-align:center}.board-panel{background:var(--card);color:var(--ink);border:2px solid var(--ink);border-radius:6px;box-shadow:var(--shadow);padding:14px 14px 16px}.chart canvas{width:100%;height:auto;display:block}.chart__legend{display:flex;gap:6px 13px;justify-content:center;flex-wrap:wrap;font-size:.78rem;font-weight:600;color:var(--ink-2);margin:9px 0 0}.legend{display:inline-flex;align-items:center;gap:6px}.legend i{width:15px;height:3px;display:inline-block}.legend--mine i{background:var(--ink);height:4px}.legend--managed i{background:var(--managed);height:4px}.legend--loan i{background:var(--bond)}.legend--stock i{background:var(--stock)}.legend--deposit i{background:var(--save)}.ticker{margin:12px 0 0;padding:11px 12px;background:var(--card-2);border:1px solid var(--rule);border-radius:4px;min-height:108px}.ticker__year{font-family:var(--display);font-weight:400;font-size:1.05rem;margin:0}.ticker__body{font-size:.88rem;line-height:1.5;margin:3px 0 0;color:var(--ink)}.ticker__figures{display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0 0;font-size:.8rem}.ticker__figures dt{color:var(--ink-2)}.ticker__figures dd{margin:0 0 0 4px;font-weight:700;font-variant-numeric:tabular-nums}.ticker__figures dd[data-dir=up]{color:var(--up)}.ticker__figures dd[data-dir=down]{color:var(--down)}.btn--skip{display:block;margin:12px auto 0;color:var(--ink-2);border-color:var(--rule);font-size:.85rem;padding:8px 18px}.btn--skip:hover{border-color:var(--ink-2);color:var(--ink)}.score{text-align:center;margin:26px 0 0;animation:pop .28s ease-out}.score__final{font-family:var(--display);font-weight:400;font-size:clamp(2.3rem,11vw,3.2rem);line-height:1.05;margin:0;color:var(--bond)}.score__delta{font-size:1rem;font-weight:600;margin:6px 0 0}.score__delta[data-dir=up]{color:#f08a80}.score__delta[data-dir=down]{color:#8fb6e8}.score__versus{margin:20px auto 0;padding:15px 18px;background:var(--board-2);border:2px solid var(--ink);border-radius:6px;max-width:24rem;font-size:.92rem;line-height:1.6}.score__versus b{color:var(--bond)}.score__verdict{display:block;margin:12px -18px -15px;padding:10px 18px;border-top:2px solid var(--ink);font-family:var(--display);font-size:1.05rem;font-weight:700}.score__verdict[data-beat="1"]{background:var(--bond);color:var(--ink)}.score__verdict[data-beat="0"]{color:var(--card)}.score__versus .score__gap{display:block;margin-top:8px;font-family:var(--display);font-weight:400;font-size:1.1rem;color:var(--card)}.worst{margin:24px 0 0;background:var(--card);color:var(--ink);border:2px solid var(--ink);border-radius:6px;box-shadow:var(--shadow);padding:15px 17px 14px;animation:pop .28s ease-out}.worst__title{font-family:var(--display);font-weight:400;font-size:1.1rem;margin:0 0 10px}.worst__list{margin:0;font-size:.92rem}.worst__row{display:grid;grid-template-columns:6.5rem 1fr auto;align-items:center;gap:10px;padding:5px 0}.worst__row dt{font-weight:600}.worst__row dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}.worst__row[data-dir=up] dd{color:var(--up)}.worst__row[data-dir=down] dd{color:var(--down)}.worst__bar{height:9px;background:var(--card-2);border:1px solid var(--rule);position:relative}.worst__bar i{position:absolute;top:0;bottom:0;display:block}.worst__row[data-dir=down] .worst__bar i{right:50%;background:var(--down)}.worst__row[data-dir=up] .worst__bar i{left:50%;background:var(--managed)}.worst__bar:before{content:"";position:absolute;left:50%;top:-1px;bottom:-1px;border-left:1px solid var(--ink-2)}.worst__note{margin:11px 0 0;padding-top:9px;border-top:1px solid var(--rule);font-size:.82rem;line-height:1.5;color:var(--ink-2)}.reveal{margin:32px 0 0;text-align:center;animation:pop .28s ease-out}.reveal__lede{line-height:1.8;color:#f7f2e4b3;margin:0 0 20px}.reveal__lede b{color:var(--card);font-weight:700}.sources{text-align:left;background:var(--board-2);border:2px solid var(--ink);border-radius:6px;padding:16px 18px;margin:0 0 20px}.sources__title{font-family:var(--display);font-weight:400;font-size:1.05rem;margin:0 0 10px;color:var(--bond)}.sources__list{margin:0;font-size:.87rem}.sources__list dt{font-weight:700;color:var(--card);border-left:3px solid var(--bond);padding-left:8px;margin-top:12px}.sources__list dt:first-child{margin-top:0}.sources__list dd{margin:3px 0 0 11px;color:#f7f2e4c7;line-height:1.55}.sources__list dd span{color:#f7f2e48c;font-variant-numeric:tabular-nums;font-size:.82rem}.sources__note{margin:14px 0 0;font-size:.78rem;color:#f7f2e480;border-top:1px solid rgba(247,242,228,.15);padding-top:10px}.log{list-style:none;margin:18px 0 0;padding:0;text-align:left}.log li{background:var(--card);color:var(--ink);border:2px solid var(--ink);border-radius:5px;padding:11px 13px;margin-bottom:8px}.log__head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.log__year{font-family:var(--display);font-weight:400;font-size:1rem}.log__rate{font-weight:700;font-size:1.02rem}.log__rate[data-dir=up]{color:var(--up)}.log__rate[data-dir=down]{color:var(--down)}.log__rate[data-dir=flat]{color:var(--ink-2)}.log__pick{font-size:.9rem;font-weight:600;margin:2px 0 0}.log__market{display:flex;flex-wrap:wrap;gap:3px 12px;margin:7px 0 0;padding-top:7px;border-top:1px solid var(--rule);font-size:.78rem;color:var(--ink-2)}.log__market b{font-variant-numeric:tabular-nums}.log__note{font-size:.82rem;color:var(--ink-2);margin:6px 0 0;line-height:1.5}.pitch{margin:30px 0 0;padding:20px 20px 18px;background:var(--bond);color:var(--ink);border:2px solid var(--ink);border-radius:6px;box-shadow:var(--shadow);text-align:center}.pitch__lead{font-size:.86rem;margin:0;font-weight:600}.pitch__head{font-family:var(--display);font-weight:400;font-size:1.35rem;line-height:1.3;margin:4px 0 10px}.pitch__body{font-size:.88rem;line-height:1.6;margin:0 0 14px}.pitch__body b{font-weight:700}.pitch__compare{background:#1b1a1617;border:1px solid rgba(27,26,22,.28);border-radius:4px;padding:11px 13px;margin:0 0 14px;text-align:left;font-size:.86rem}.pitch__compare .row{display:flex;justify-content:space-between;gap:12px;padding:3px 0}.pitch__compare .row b{font-variant-numeric:tabular-nums;font-weight:700}.pitch__compare .row--gain{border-top:1px solid rgba(27,26,22,.28);margin-top:5px;padding-top:7px;font-weight:700}.pitch__compare .row--gain b{color:#0d5c36;font-size:1.05rem}.pitch__sign{margin:0;padding-top:10px;border-top:2px solid rgba(27,26,22,.25);font-weight:700;font-size:.92rem}.intro__name{margin:22px auto 14px;max-width:20rem;text-align:left}.intro__label{display:block;font-size:.86rem;color:#f7f2e4b3;margin-bottom:8px}.intro__input{width:100%;font:inherit;font-weight:600;color:var(--ink);background:var(--card);border:2px solid var(--ink);border-radius:5px;padding:13px 14px}.intro__input:focus{outline:3px solid var(--bond);outline-offset:1px}.intro__error{color:#f08a80;font-size:.85rem;margin:8px 0 0}.score__rank{margin:12px 0 0;font-size:.95rem;color:#f7f2e4bf}.score__rank b{font-family:var(--display);font-weight:400;font-size:1.25rem;color:var(--bond)}.submit{margin:26px 0 0}.submit__label{display:block;font-size:.86rem;color:#f7f2e4b3;margin-bottom:8px}.submit__row{display:flex;gap:8px}.submit__input{flex:1;min-width:0;font:inherit;font-weight:600;color:var(--ink);background:var(--card);border:2px solid var(--ink);border-radius:5px;padding:13px 14px}.submit__input:focus{outline:3px solid var(--bond);outline-offset:1px}.submit__error{color:#f08a80;font-size:.85rem;margin:10px 0 0}.result__actions{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0}.result__actions .btn{flex:1}.result__share{flex:1 0 100%!important}.result__urlrow{flex:1 0 100%;margin:0}.cross{flex:1 0 100%;display:block;margin-top:4px;padding:15px 17px;border:1px solid rgba(247,242,228,.28);border-radius:3px;color:var(--card);text-decoration:none;transition:border-color .14s ease,background .14s ease}.cross:hover{border-color:var(--card);background:#f7f2e40d}.cross:active{transform:translateY(1px)}.cross__name{display:block;font-family:var(--display);font-weight:400;font-size:21px;letter-spacing:.01em}.cross__desc{display:block;margin-top:5px;font-size:12.5px;line-height:1.6;color:#f7f2e494}.modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:#061a13db;animation:fade .18s ease-out}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal__sheet{width:100%;max-width:21rem;text-align:center;background:var(--card);color:var(--ink);border:3px solid var(--ink);border-radius:8px;box-shadow:7px 7px #0000006b;padding:26px 22px 22px;animation:popIn .24s cubic-bezier(.2,.8,.2,1)}@keyframes popIn{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}.modal__brand{font-family:var(--display);font-weight:400;font-size:2rem;letter-spacing:.02em;margin:0}.modal__body{font-size:.88rem;line-height:1.6;color:var(--ink-2);margin:6px 0 20px}.modal__link{display:block;text-decoration:none;margin-bottom:9px}.btn--outline{background:transparent;color:var(--ink);border-color:var(--ink);font-weight:600}.btn--outline:hover{background:#1b1a1612}.btn--outline:active{transform:translateY(1px)}.btn--plain{background:transparent;color:var(--ink-2);border-color:transparent;font-weight:600;padding:11px 18px}.btn--plain:hover:not([disabled]){color:var(--ink)}.modal__again{margin-top:6px;width:100%;font-variant-numeric:tabular-nums}.modal__again[disabled]{cursor:default;opacity:.45}.rank{max-width:32rem;margin:0 auto;padding:calc(28px + env(safe-area-inset-top)) 18px calc(34px + env(safe-area-inset-bottom))}.rank__title{font-family:var(--display);font-weight:400;font-size:1.9rem;margin:0}.rank__meta{color:#f7f2e499;font-size:.86rem;margin:2px 0 18px}.rank__search{display:flex;gap:8px;margin:0 0 14px}.rank__input{flex:1;min-width:0;font:inherit;font-weight:600;color:var(--ink);background:var(--card);border:2px solid var(--ink);border-radius:5px;padding:12px 13px}.rank__input:focus{outline:3px solid var(--bond);outline-offset:1px}.rank__find{flex:0 0 auto}.rank__list{list-style:none;margin:0 0 22px;padding:0}.rank__foot{display:flex;gap:8px}.rank__foot .btn{flex:1}.rank__foot .btn--flat{flex:0 0 auto}a.intro__by{display:block;color:inherit;text-decoration:none;cursor:pointer}a.intro__by:hover b,a.intro__by:focus-visible b{text-decoration:underline}a.intro__by:focus-visible{outline:3px solid var(--bond);outline-offset:4px;border-radius:4px}.rank__url{margin:10px 0 0}.rank__urlbox{width:100%;font:inherit;font-size:.9rem;color:var(--ink);background:var(--card);border:2px solid var(--ink);border-radius:5px;padding:11px 12px}.rank__urlhint{margin:6px 0 0;font-size:.8rem;color:#f7f2e499}.rank__list li{display:grid;grid-template-columns:2rem 1fr auto;gap:11px;align-items:center;background:var(--card);color:var(--ink);border:2px solid var(--ink);border-radius:5px;padding:10px 13px;margin-bottom:7px}.rank__list li[data-me]{background:var(--bond);box-shadow:var(--shadow-sm)}.rank__no{font-family:var(--display);font-weight:400;font-size:1.15rem}.rank__list li:nth-child(-n+3) .rank__no{color:var(--stock)}.rank__list li[data-me] .rank__no{color:var(--ink)}.rank__who{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank__mix{display:block;font-size:.74rem;color:var(--ink-2);font-weight:500}.rank__list li[data-me] .rank__mix{color:#1b1a16b3}.rank__amount{font-weight:700;font-size:1.02rem}.rank__empty{display:block;background:none;border:1px dashed rgba(247,242,228,.3);color:#f7f2e499;text-align:center;padding:26px 0}.board{padding:36px 40px;max-width:1400px;margin:0 auto}.board__head{border-bottom:2px solid var(--ink);padding-bottom:16px}.board__title{font-family:var(--display);font-weight:400;font-size:3.4rem;margin:0}.board__title span{color:var(--stock);margin:0 .06em}.board__sub{color:#f7f2e499;margin:2px 0 0}.board__stats{display:flex;gap:14px;margin:26px 0 32px}.stat{flex:1;background:var(--card);color:var(--ink);border:2px solid var(--ink);border-radius:6px;box-shadow:var(--shadow);padding:16px 20px}.stat b{font-family:var(--display);font-weight:400;font-size:3rem;display:block;line-height:1.05}.stat span{color:var(--ink-2);font-weight:600}.board__cols{display:grid;grid-template-columns:1.35fr 1fr;gap:36px}.board__h3{font-family:var(--display);font-weight:400;font-size:1.4rem;margin:0 0 10px}.board__list{list-style:none;margin:0;padding:0;font-size:1.1rem}.board__list li{display:flex;justify-content:space-between;gap:18px;background:var(--card);color:var(--ink);border:2px solid var(--ink);border-radius:5px;padding:10px 14px;margin-bottom:7px;font-weight:600}.board__list b{font-variant-numeric:tabular-nums}.board__list--recent li{background:var(--card-2)}@media(max-width:900px){.board{padding:24px 18px}.board__cols{grid-template-columns:1fr;gap:26px}.board__stats{flex-direction:column;gap:10px}.stat b{font-size:2.2rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
