:root{--color-bg:#f5f5f3;--color-surface:#fff;--color-surface-alt:#fafaf8;--color-border:#d6d6d0;--color-border-strong:#b9b9b2;--color-header-bg:#e8e8e3;--color-zebra:#f2f2ee;--color-text:#1f1f1f;--color-text-muted:#5a5a55;--color-ribbon-bg:#eceae4;--color-accent:#2f5233;--color-link:#1565c0;--color-up:#d32f2f;--color-up-bg:#fdecea;--color-down:#1565c0;--color-down-bg:#e8f0fb;--color-flat:#5a5a55;--font-sans:"Malgun Gothic", "Apple SD Gothic Neo", "Segoe UI", -apple-system, BlinkMacSystemFont, "Noto Sans KR", sans-serif;--font-mono:"Consolas", "Cascadia Mono", "SFMono-Regular", "Menlo", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg)}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}#root{flex-direction:column;min-height:100vh;display:flex}button,input,select,textarea{font-family:inherit}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.up{color:var(--color-up)}.down{color:var(--color-down)}.flat{color:var(--color-flat)}a{color:var(--color-link)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-surface-alt)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}.app-loading{min-height:100vh;color:var(--color-text-muted);flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.login-backdrop{background:linear-gradient(var(--color-border) 1px, transparent 1px), linear-gradient(90deg, var(--color-border) 1px, transparent 1px);background-size:28px 28px;background-color:var(--color-bg);flex:1;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-layout{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;max-width:calc(100vw - 32px);display:flex}.login-intro{background:var(--color-surface-alt);border:1px solid var(--color-border-strong);width:360px;max-width:calc(100vw - 32px);box-shadow:2px 2px 0 var(--color-border-strong);padding:24px 26px}.login-intro__header{border-bottom:2px solid var(--color-border-strong);align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;display:flex}.login-intro__header span{font-size:20px}.login-intro__header h2{margin:0;font-size:15px}.login-intro__lead{color:var(--color-text-muted);margin:0 0 14px;font-size:13px;line-height:1.6}.login-intro__list{flex-direction:column;gap:10px;margin:0 0 16px;padding:0;list-style:none;display:flex}.login-intro__list li{color:var(--color-text);border-left:3px solid var(--color-accent);padding-left:10px;font-size:13px;line-height:1.6}.login-intro__list strong{color:var(--color-accent)}.login-intro__cta{color:var(--color-text);background:var(--color-header-bg);border:1px dashed var(--color-border-strong);margin:0;padding:10px 12px;font-size:13px;font-weight:600;line-height:1.5}.login-card{background:var(--color-surface);border:1px solid var(--color-border-strong);width:360px;max-width:calc(100vw - 32px);box-shadow:2px 2px 0 var(--color-border-strong);padding:28px 28px 24px}.login-card__header{border-bottom:2px solid var(--color-accent);align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.login-card__badge{font-size:24px}.login-card__header h1{margin:0;font-size:20px}.login-card__hint{color:var(--color-text-muted);margin:0 0 18px;font-size:13px;line-height:1.5}.login-form{flex-direction:column;gap:14px;display:flex}.login-form__field{color:var(--color-text-muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.login-form__field input{border:1px solid var(--color-border-strong);background:var(--color-surface-alt);color:var(--color-text);padding:8px 10px;font-size:14px}.login-form__field input:focus{outline:2px solid var(--color-accent);outline-offset:-1px;background:var(--color-surface)}.login-form__error{color:var(--color-up);margin:0;font-size:13px}.login-form__submit{background:var(--color-accent);color:#fff;border:1px solid var(--color-accent);cursor:pointer;margin-top:4px;padding:10px;font-size:14px;font-weight:600}.login-form__submit:hover:not(:disabled){filter:brightness(1.1)}.login-form__submit:disabled{opacity:.6;cursor:not-allowed}.ribbon{background:var(--color-ribbon-bg);border-bottom:1px solid var(--color-border-strong)}.ribbon__row{align-items:center;gap:8px;padding:6px 14px;display:flex}.ribbon__row--top{border-bottom:1px solid var(--color-border)}.ribbon__logo{color:var(--color-text);align-items:center;gap:6px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.ribbon__spacer{flex:1}.ribbon__profile{color:var(--color-text);cursor:default;background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:4px 8px;font-size:13px;display:flex}.ribbon__avatar{object-fit:cover;border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:50%;width:22px;height:22px}.ribbon__row--tools{padding-top:5px;padding-bottom:5px}.ribbon__btn{background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text);cursor:pointer;border-radius:2px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;text-decoration:none;display:inline-flex}.ribbon__btn:hover{background:var(--color-surface-alt);border-color:var(--color-accent)}.ribbon__btn--quiet{color:var(--color-text-muted);background:0 0;border-color:#0000}.ribbon__btn--quiet:hover{background:var(--color-surface-alt);border-color:var(--color-border)}@media (width<=640px){.ribbon__row{padding:6px 10px}.ribbon__row--tools{flex-wrap:wrap;row-gap:6px}.ribbon__btn{white-space:nowrap;padding:6px 10px;font-size:12px}.ribbon__profile span{text-overflow:ellipsis;white-space:nowrap;max-width:40vw;overflow:hidden}}.stock-table-wrap{background:var(--color-surface);border:1px solid var(--color-border-strong);overflow-x:auto}.stock-table{border-collapse:collapse;width:100%;font-size:13px}.stock-table thead th{background:var(--color-header-bg);border:1px solid var(--color-border);text-align:right;color:var(--color-text);border-top:none;padding:8px 10px;font-weight:600;position:sticky;top:0}.stock-table thead th.stock-table__col-name{text-align:left}.stock-table thead th:first-child{border-left:none}.stock-table thead th:last-child{border-right:none}.stock-table tbody td{border:1px solid var(--color-border);text-align:right;border-top:none;padding:8px 10px}.stock-table tbody td:first-child{border-left:none}.stock-table tbody td:last-child{border-right:none}.stock-table tbody tr{cursor:pointer}.stock-table tbody tr:hover{background:var(--color-down-bg)}.stock-table tbody tr.zebra{background:var(--color-zebra)}.stock-table tbody tr.zebra:hover{background:var(--color-down-bg)}.stock-table__col-name{text-align:left;min-width:160px}.stock-table__name{font-weight:600;display:block}.stock-table__symbol{color:var(--color-text-muted);font-size:11px;display:block}.stock-table__col-num{white-space:nowrap;min-width:90px}.stock-table__col-action{text-align:center;flex-direction:column;align-items:flex-end;gap:4px;width:68px;display:flex}.stock-table__shareholder{border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;border-radius:2px;padding:3px 7px;font-size:11px}.stock-table__shareholder:hover{border-color:var(--color-accent);color:var(--color-accent)}.stock-table__shareholder--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.stock-table__shareholder--active:hover{filter:brightness(1.1);color:#fff}.stock-table__remove{color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;padding:3px 7px;font-size:12px}.stock-table__remove:hover{border-color:var(--color-up);color:var(--color-up)}.stock-table__empty{color:var(--color-text-muted);text-align:center!important;padding:28px 10px!important}.stock-table__mobile-label{display:none}@media (width<=640px){.stock-table thead{display:none}.stock-table,.stock-table tbody{width:100%;display:block}.stock-table tbody tr{border-bottom:1px solid var(--color-border);grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"name name name""price change rate""action action action";align-items:center;gap:8px 10px;padding:10px 12px;display:grid}.stock-table tbody tr:last-child{border-bottom:none}.stock-table tbody td{text-align:left;white-space:normal;min-width:0;display:block;border:none!important;padding:0!important}.stock-table__col-name{grid-area:name;min-width:0}.stock-table tbody td.stock-table__col-action{border-top:1px dashed var(--color-border);flex-direction:row;grid-area:action;justify-content:flex-end;align-items:center;gap:8px;min-width:0;margin-top:2px;display:flex;padding-top:8px!important}.stock-table__shareholder,.stock-table__remove{padding:6px 12px;font-size:12px}.stock-table tbody tr td:nth-of-type(2){grid-area:price;font-size:15px;font-weight:700}.stock-table tbody tr td:nth-of-type(3){grid-area:change}.stock-table tbody tr td:nth-of-type(4){grid-area:rate}.stock-table__mobile-label{color:var(--color-text-muted);margin-bottom:2px;font-size:10px;font-weight:400;display:block}}.dashboard{flex-direction:column;min-height:100vh;display:flex}.dashboard__main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:16px}.mypage{width:100%;max-width:560px;margin:0 auto;padding:20px 16px 60px}.mypage__header{align-items:baseline;gap:14px;margin-bottom:18px;display:flex}.mypage__back{color:var(--color-link);font-size:13px;text-decoration:none}.mypage__header h1{margin:0;font-size:18px}.mypage__card{background:var(--color-surface);border:1px solid var(--color-border-strong);margin-bottom:16px;padding:16px}.mypage__card h2{border-bottom:1px solid var(--color-border);margin:0 0 12px;padding-bottom:8px;font-size:14px}.mypage__photo-row{align-items:center;gap:16px;display:flex}.mypage__avatar{object-fit:cover;border:1px solid var(--color-border-strong);background:var(--color-surface-alt);border-radius:50%;width:72px;height:72px}.mypage__upload-btn{border:1px solid var(--color-border-strong);background:var(--color-surface-alt);cursor:pointer;padding:7px 14px;font-size:13px;display:inline-block}.mypage__upload-btn:hover{border-color:var(--color-accent)}.mypage__current{color:var(--color-text-muted);margin:0 0 10px;font-size:13px}.mypage__form{gap:8px;display:flex}.mypage__form input{border:1px solid var(--color-border-strong);background:var(--color-surface-alt);flex:1;padding:7px 10px;font-size:14px}.mypage__form input:focus{outline:2px solid var(--color-accent);outline-offset:-1px;background:var(--color-surface)}.mypage__form button{border:1px solid var(--color-accent);background:var(--color-accent);color:#fff;cursor:pointer;padding:0 16px;font-size:13px}.mypage__form button:disabled{opacity:.6;cursor:not-allowed}.mypage__notice{color:var(--color-down);margin:10px 0 0;font-size:12px}.mypage__success{color:var(--color-accent);margin:10px 0 0;font-size:12px}.mypage__error{color:var(--color-up);margin:10px 0 0;font-size:12px}.mypage__stocks{margin:0;padding:0;list-style:none}.mypage__stock{border-bottom:1px solid var(--color-border);align-items:baseline;gap:8px;padding:8px 2px;font-size:13px;display:flex}.mypage__stock:last-child{border-bottom:none}.mypage__stock-name{font-weight:600}.mypage__stock-symbol{color:var(--color-text-muted);flex:1;font-size:11px}.mypage__stock-badge{color:var(--color-accent);font-size:11px;font-weight:700}.post-board__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.post-board__header h1{margin:0;font-size:16px}.post-board__write{border:1px solid var(--color-accent);background:var(--color-accent);color:#fff;cursor:pointer;padding:7px 16px;font-size:13px}.post-board__write:hover{filter:brightness(1.1)}.post-table-wrap{background:var(--color-surface);border:1px solid var(--color-border-strong);overflow-x:auto}.post-table{border-collapse:collapse;width:100%;font-size:13px}.post-table thead th{background:var(--color-header-bg);border:1px solid var(--color-border);text-align:left;border-top:none;padding:8px 10px;font-weight:600}.post-table thead th:first-child{border-left:none}.post-table thead th:last-child{border-right:none}.post-table tbody td{border:1px solid var(--color-border);border-top:none;padding:8px 10px}.post-table tbody td:first-child{border-left:none}.post-table tbody td:last-child{border-right:none}.post-table tbody tr{cursor:pointer}.post-table tbody tr:hover{background:var(--color-down-bg)}.post-table tbody tr:nth-child(2n){background:var(--color-zebra)}.post-table tbody tr:nth-child(2n):hover{background:var(--color-down-bg)}.post-table__col-author{white-space:nowrap;width:120px}.post-table__col-comments{white-space:nowrap;text-align:right;width:70px}.post-table__col-date{white-space:nowrap;text-align:right;width:130px}.post-table__empty{color:var(--color-text-muted);text-align:center!important;padding:28px 10px!important}.post-table__mobile-label{display:none}@media (width<=640px){.post-table thead{display:none}.post-table,.post-table tbody{width:100%;display:block}.post-table tbody tr{border-bottom:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);grid-template-areas:"title title title""author comments date";align-items:center;gap:6px 10px;padding:10px 12px;display:grid}.post-table tbody tr:last-child{border-bottom:none}.post-table tbody td{text-align:left;white-space:normal;display:block;border:none!important;padding:0!important}.post-table__col-title{grid-area:title;font-weight:600}.post-table__col-author{width:auto;color:var(--color-text-muted);grid-area:author;font-size:12px}.post-table__col-comments{text-align:left;color:var(--color-text-muted);grid-area:comments;font-size:12px}.post-table__col-date{text-align:right;color:var(--color-text-muted);grid-area:date;font-size:12px}.post-table__mobile-label{display:inline}}