:root{--brand: #2563EB;--brand-2: #1D4FD7;--brand-weak: #EAF0FE;--ink: #15171C;--up: #E23744;--up-weak: #FBE9EB;--down: #2563EB;--down-weak: #EAF0FE;--bg: #EEF0F3;--surface: #FFFFFF;--surface-2: #F4F5F8;--line: #EAECF0;--line-2: #F1F2F5;--text: #15171C;--text-2: #545C6B;--muted: #939AA6;--r: 18px;--r-sm: 13px;--r-xs: 9px;--shadow: 0 1px 2px rgba(16,18,23,.04), 0 10px 30px -14px rgba(16,18,23,.14);--shadow-sm: 0 1px 2px rgba(16,18,23,.035), 0 5px 16px -12px rgba(16,18,23,.12);--shadow-brand: 0 6px 18px -6px rgba(37,99,235,.4);--maxw: 480px;--pad: 20px;--top-h: 56px;--tab-h: 62px;--font: "Pretendard", "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:#dcdfe4;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:15px;line-height:1.45;letter-spacing:-.01em}button{font-family:inherit;cursor:pointer}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}b{font-weight:700}[hidden]{display:none!important}.total-value,.total-return,.holding-body,.post-nums,.shared-holding-nums,.member-summary,.reaction-count,.manage-line code{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.up:before,.down:before{font-size:.68em;margin-right:3px;vertical-align:1px;font-weight:700}.up:before{content:"▲"}.down:before{content:"▼"}.app-shell{display:flex;flex-direction:column;height:100dvh;max-width:var(--maxw);margin:0 auto;background:var(--bg);position:relative}.top-bar{flex:0 0 auto;height:calc(var(--top-h) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);display:flex;align-items:center;justify-content:space-between;padding-left:var(--pad);padding-right:12px;background:#eef0f3cc;backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);position:sticky;top:0;z-index:30}.app-title{font-size:20px;font-weight:800;letter-spacing:-.035em;color:var(--ink)}.bell{position:relative;width:42px;height:42px;display:grid;place-items:center;border:none;background:transparent;color:var(--text);border-radius:50%;transition:background .15s}.bell:active{background:#0000000d}.badge{position:absolute;top:4px;right:4px;min-width:17px;height:17px;padding:0 5px;display:grid;place-items:center;background:var(--up);color:#fff;font-size:10px;font-weight:800;border-radius:9px;border:2px solid var(--bg);line-height:1}.content{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.page{padding:14px var(--pad) 32px;display:flex;flex-direction:column;gap:14px;animation:pageIn .3s cubic-bezier(.22,.61,.36,1)}@keyframes pageIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.page{animation:none}}.page-title{font-size:23px;font-weight:800;letter-spacing:-.035em;margin:4px 2px}.page-head-row{display:flex;align-items:center;justify-content:space-between}.page h3{font-size:12px;font-weight:800;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:16px 4px 0}.tab-bar{flex:0 0 auto;display:grid;grid-template-columns:repeat(4,1fr);background:#ffffffe6;backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:30}.tab{height:var(--tab-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:none;background:transparent;color:var(--muted);transition:color .15s,transform .08s}.tab:active{transform:scale(.93)}.tab-icon{display:grid;place-items:center}.tab-icon svg{display:block;width:23px;height:23px}.tab-label{font-size:11px;font-weight:700;letter-spacing:-.01em}.tab.active{color:var(--brand)}.card{background:var(--surface);border-radius:var(--r);padding:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:14px}button:not(.bell):not(.tab):not(.btn-link):not(.btn-secondary):not(.side-btn):not(.reaction-chip){-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--brand);color:#fff;font-size:15px;font-weight:700;letter-spacing:-.01em;height:52px;padding:0 18px;border-radius:var(--r-sm);box-shadow:var(--shadow-brand);transition:transform .1s cubic-bezier(.22,.61,.36,1),background .15s,box-shadow .15s}button:not(.bell):not(.tab):not(.btn-link):not(.btn-secondary):not(.side-btn):not(.reaction-chip):hover{background:var(--brand-2)}button:not(.bell):not(.tab):not(.btn-link):not(.btn-secondary):not(.side-btn):not(.reaction-chip):active{transform:scale(.98)}button:disabled,button:not(.bell):not(.tab):not(.btn-link):not(.btn-secondary):not(.side-btn):not(.reaction-chip):disabled{background:#c9d2e2;color:#fff;cursor:not-allowed;transform:none;box-shadow:none}.full-width{width:100%}.btn-secondary{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--surface-2);color:var(--text);font-size:15px;font-weight:700;height:52px;padding:0 18px;border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--line);transition:background .15s,transform .1s}.btn-secondary:hover{background:#eceef2}.btn-secondary:active{transform:scale(.98)}.btn-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--brand);font-size:14px;font-weight:700;padding:4px 2px;border-radius:var(--r-xs);align-self:flex-start}.btn-link:active{opacity:.55}.btn-link.danger{color:var(--up)}input,select,textarea{width:100%;font-family:inherit;font-size:15px;color:var(--text);background:var(--surface-2);border:1.5px solid transparent;border-radius:var(--r-sm);padding:14px;transition:border-color .15s,background .15s,box-shadow .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{resize:vertical;min-height:88px;line-height:1.55}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,select:focus,textarea:focus{outline:none;background:var(--surface);border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-weak)}input[type=checkbox],input[type=radio]{width:auto;height:auto;accent-color:var(--brand);margin:0;flex:0 0 auto;transform:scale(1.05)}.form-row{display:flex;gap:10px}.form-row>*{flex:1 1 0;min-width:0}.muted{color:var(--muted);font-weight:500}.up{color:var(--up);font-weight:700}.down{color:var(--down);font-weight:700}.error{color:var(--up);font-size:13px;font-weight:600;background:var(--up-weak);padding:11px 13px;border-radius:var(--r-xs)}.placeholder{text-align:center;color:var(--muted);font-size:14px;padding:44px 16px}.center-screen{display:grid;place-items:center;height:100dvh;color:var(--muted)}.auth-screen{max-width:var(--maxw);min-height:100dvh;margin:0 auto;background:var(--surface);display:flex;flex-direction:column;justify-content:center;gap:14px;padding:40px 28px calc(40px + env(safe-area-inset-bottom))}.auth-logo{font-size:32px;font-weight:800;letter-spacing:-.04em;text-align:center;color:var(--ink)}.auth-sub{text-align:center;color:var(--text-2);font-size:15px;margin-bottom:20px;text-wrap:balance}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-form button{margin-top:8px;height:54px;font-size:16px}.auth-switch{text-align:center;color:var(--muted);font-size:14px;margin-top:8px}.auth-switch a{color:var(--brand);font-weight:700;text-decoration:none}.total-card{background:var(--surface);box-shadow:var(--shadow);padding:22px;gap:9px}.total-label{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.total-value{color:var(--ink);font-size:44px;font-weight:800;letter-spacing:-.045em;line-height:1}.total-return{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:800;padding:6px 12px;border-radius:999px;margin-top:4px}.total-return.up{background:var(--up-weak);color:var(--up)}.total-return.down{background:var(--down-weak);color:var(--down)}.pie-wrap{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:22px;display:flex;align-items:center;justify-content:center;gap:24px}.pie-wrap svg{flex:0 0 auto;display:block}.mock-legend{display:flex;flex-direction:column;gap:11px;font-size:14px;min-width:120px}.mock-legend li{display:flex;align-items:center;gap:9px;color:var(--text-2);font-weight:600}.mock-legend b{margin-left:auto;padding-left:14px;color:var(--text);font-weight:700}.mock-legend .dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.add-form{gap:14px}.ticker-search{position:relative;display:flex;flex-direction:column}.search-results{margin-top:8px;background:var(--surface);border-radius:var(--r-sm);overflow:hidden;box-shadow:var(--shadow)}.search-results li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;font-size:14px;border-bottom:1px solid var(--line-2);transition:background .12s}.search-results li:last-child{border-bottom:none}.search-results li:active{background:var(--surface-2)}.exchange-tag{flex:0 0 auto;font-size:10px;font-weight:800;letter-spacing:.04em;color:var(--text-2);background:var(--surface-2);padding:4px 8px;border-radius:6px}.holding-row{gap:14px}.holding-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.holding-name{font-size:16px;display:flex;align-items:baseline;gap:7px;min-width:0}.holding-name b{letter-spacing:-.01em}.holding-name .muted{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.holding-actions{display:flex;gap:2px;flex:0 0 auto}.holding-actions .btn-link{font-size:13px;padding:4px 7px;color:var(--text-2)}.holding-actions .btn-link.danger{color:var(--up)}.holding-body{display:flex;flex-direction:column;gap:7px;font-size:14px;color:var(--text);padding-top:14px;border-top:1px solid var(--line)}.holding-body .muted{font-size:13px}.group-card{gap:9px;transition:transform .1s,box-shadow .15s}.group-card:hover{box-shadow:var(--shadow)}.group-card:active{transform:scale(.99)}.group-card-head{display:flex;align-items:center;gap:8px}.group-name{font-size:17px;font-weight:800;letter-spacing:-.02em}.role-badge{font-size:10px;font-weight:800;letter-spacing:.02em;color:var(--brand);background:var(--brand-weak);padding:4px 8px;border-radius:7px}.join-preview{background:var(--surface-2);border-radius:var(--r-sm);padding:13px 14px;font-size:14px;line-height:1.65}.back-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-2);font-size:15px;font-weight:700;padding:4px 0;align-self:flex-start}.back-link:active{opacity:.55}.member-card{position:relative;gap:14px}.member-head{display:flex;align-items:center;gap:7px}.member-name{font-size:16px;font-weight:800;letter-spacing:-.02em}.me-badge{font-size:10px;font-weight:800;color:#fff;background:var(--brand);padding:4px 8px;border-radius:7px}.visibility-badge{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.02em;color:var(--text-2);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);padding:4px 8px;border-radius:7px}.member-summary{font-size:14px;color:var(--text);display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}.member-summary .muted{font-size:13px}.member-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.mini-donut{flex:0 0 auto}.shared-holdings{display:flex;flex-direction:column;border-top:1px solid var(--line);margin-top:-2px}.shared-holding-row{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-bottom:1px solid var(--line-2)}.shared-holding-row:last-child{border-bottom:none;padding-bottom:0}.shared-holding-name{font-size:15px;display:flex;align-items:baseline;gap:7px}.shared-holding-name .muted{font-size:12px}.shared-holding-nums{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px;color:var(--text-2);font-weight:600}.shared-holding-nums .muted{font-weight:500}.composer{gap:14px}.side-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--surface-2);padding:5px;border-radius:var(--r-sm)}.side-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;height:44px;border-radius:9px;font-size:15px;font-weight:700;color:var(--muted);transition:background .18s,color .18s,box-shadow .18s}.side-btn.buy.active{background:var(--up);color:#fff;box-shadow:0 4px 12px -3px #e2374473}.side-btn.sell.active{background:var(--down);color:#fff;box-shadow:0 4px 12px -3px #2563eb73}.group-checks{display:flex;flex-direction:column;gap:6px}.group-check{display:flex;align-items:center;gap:11px;font-size:15px;font-weight:600;padding:12px 13px;background:var(--surface-2);border-radius:var(--r-sm);cursor:pointer;transition:background .12s}.group-check:active{background:#ebedf1}.post-card{gap:13px}.post-head{display:flex;align-items:center;gap:8px}.post-author{font-size:15px;font-weight:800;letter-spacing:-.02em}.post-time{font-size:13px;color:var(--muted)}.post-head .btn-link.danger{margin-left:auto;font-size:13px;padding:4px 6px}.post-body{display:flex;align-items:center;gap:9px;font-size:17px;flex-wrap:wrap}.post-body b{letter-spacing:-.01em}.post-body .muted{font-size:14px}.side-badge{font-size:12px;font-weight:800;letter-spacing:.02em;padding:5px 10px;border-radius:8px;flex:0 0 auto}.side-badge.buy{color:var(--up);background:var(--up-weak)}.side-badge.sell{color:var(--down);background:var(--down-weak)}.post-nums{font-size:16px;font-weight:800;letter-spacing:-.02em;color:var(--text)}.post-memo{background:var(--surface-2);border-radius:5px 16px 16px;padding:13px 15px;font-size:14px;line-height:1.6;color:var(--text-2)}.reaction-row{display:flex;flex-wrap:wrap;gap:8px;padding-top:2px}.reaction-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:7px 13px;font-size:14px;display:flex;align-items:center;gap:6px;transition:transform .1s,background .15s,box-shadow .15s}.reaction-chip:active{transform:scale(.9)}.reaction-count{font-size:13px;font-weight:700;color:var(--text-2)}.reaction-chip.mine{background:var(--brand-weak);box-shadow:inset 0 0 0 1.5px var(--brand)}.reaction-chip.mine .reaction-count{color:var(--brand)}.notif-row{flex-direction:row;align-items:flex-start;gap:13px;padding:16px 18px}.unread-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--brand);margin-top:6px;box-shadow:0 0 0 4px var(--brand-weak)}.notif-body{display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.5}.notif-time{font-size:12px;color:var(--muted)}.notif-row.read{box-shadow:none;background:transparent}.notif-row.read .notif-body{color:var(--muted)}.notif-row.read .notif-body b{color:var(--text-2);font-weight:600}.account-row{display:flex;align-items:center;gap:14px}.account-avatar{width:50px;height:50px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:19px;font-weight:800;flex:0 0 auto}.account-name{font-size:16px;font-weight:800;letter-spacing:-.02em}.setting-row{gap:16px}.setting-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:16px;font-weight:800;letter-spacing:-.02em}.switch-label,.radio-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-2);cursor:pointer}.switch-label{flex:0 0 auto}.visibility-options{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--line);padding-top:8px}.visibility-options .radio-label{padding:10px 0;font-size:15px;color:var(--text);font-weight:500}.group-manage{display:flex;flex-direction:column;gap:16px;border-top:1px solid var(--line);padding-top:16px}.manage-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--text-2)}.manage-line code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px;font-weight:700;letter-spacing:.08em;color:var(--ink);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);padding:6px 10px;border-radius:8px}.manage-line .btn-link{font-size:13px}.member-list{display:flex;flex-direction:column}.member-list li{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;padding:11px 0;border-bottom:1px solid var(--line-2)}.member-list li:last-child{border-bottom:none}.member-list .btn-link{margin-left:auto;font-size:13px}.manage-actions{display:flex;gap:18px}@media (prefers-color-scheme: dark){:root{--brand: #4D8BFF;--brand-2: #6AA1FF;--brand-weak: #18233C;--ink: #EDEFF2;--up: #FF6470;--up-weak: #371B20;--down: #4D8BFF;--down-weak: #16233C;--bg: #0E0F12;--surface: #17191E;--surface-2: #20232A;--line: #292D35;--line-2: #22252C;--text: #EDEFF2;--text-2: #A6AEBA;--muted: #6F7783;--shadow: 0 1px 2px rgba(0,0,0,.5), 0 12px 30px -14px rgba(0,0,0,.6);--shadow-sm: 0 1px 2px rgba(0,0,0,.4), 0 6px 18px -12px rgba(0,0,0,.5);--shadow-brand: 0 6px 18px -8px rgba(77,139,255,.5);color-scheme:dark}body{background:#000}.top-bar{background:#0e0f12c7}.tab-bar{background:#17191ee6}.badge{border-color:var(--bg)}input[type=checkbox],input[type=radio]{accent-color:var(--brand)}}a.tab,a.bell,a.back-link{text-decoration:none}a.back-link{display:inline-block}.tab-icon{width:44px;height:27px;display:grid;place-items:center;border-radius:10px;transition:background .18s,transform .18s}.tab.active .tab-icon{background:var(--brand-weak)}.tab.active .tab-icon svg{stroke-width:2.1}.tab-label{transition:color .18s}.bell svg{display:block}.bell:hover{background:#0000000a}html{-webkit-tap-highlight-color:transparent}button,a,.tab,.group-card,.notif-row,.setting-head{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button:focus,a:focus{outline:none}button:focus-visible,a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.group-list,.holding-list{display:flex;flex-direction:column;gap:14px}.ticker-search .search-spinner{position:absolute;right:13px;top:17px;font-size:12px;color:var(--muted)}.selected-ticker{font-size:13px}.holding-body .num-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}input[type=checkbox],input[type=radio]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;width:18px;height:18px}