:root{font-family:'Noto Sans KR','Malgun Gothic',sans-serif;color:#253d35;font-size:14px;--green:#284e41;--dark:#1e3b32;--paper:#fbfcf8;--line:#dce2d8;--muted:#728076;--red:#ba543f;--blue:#49759c;--accent:#e6bd71}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#6a8073;background-image:linear-gradient(180deg,#425d5866,#22372b55);background-size:cover;background-position:center;background-attachment:fixed}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #d29c40;outline-offset:3px}button{border:1px solid #c8d2c5;border-radius:4px;background:#fcfdf9;padding:9px 13px}button:hover:not(:disabled){filter:brightness(.96)}button.primary{background:var(--green);color:white;border-color:var(--green);box-shadow:0 2px 0 #19392c;padding:12px 18px}button.danger{color:#a7382d}.room-shade{position:fixed;inset:0;background:linear-gradient(180deg,#1c35272b,transparent 28%,#192a212b);pointer-events:none;z-index:-1}.outside{max-width:1380px;margin:0 auto;padding:28px 22px 20px;display:flex;justify-content:space-between;color:#f7fff4;text-shadow:0 1px 4px #163222;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:18px;letter-spacing:1px}.outside b{font-weight:400;opacity:.75}.outside>span:last-child{font-size:14px;opacity:.85}.monitor{max-width:1380px;width:calc(100% - 64px);margin:auto;background:#c5c9bc;padding:8px 8px 15px;border:1px solid #e1e4d8;border-radius:11px 11px 18px 18px;box-shadow:0 17px 50px #152c2855,inset 2px 2px 0 #e8ece0,inset -2px -2px 0 #929b8d}.os-bar{background:#234236;color:#e4ebe0;display:flex;justify-content:space-between;padding:9px 13px;font-size:12px;letter-spacing:1.2px}.tiny-logo{color:#e9c77d;margin-right:7px}.window-buttons{font-size:14px;letter-spacing:5px;margin-left:24px}.desktop{background:#edf0e7;border:1px solid #7f8f7c}.desktop-head{padding:26px 30px 25px;display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:12px;letter-spacing:1px;color:var(--muted);font-weight:500}.desktop-head h1{font-family:'Roboto','Noto Sans KR',sans-serif;font-size:25px;margin:7px 0 0}.day-control{display:flex;align-items:center;gap:23px}.day-control b{font-size:17px}.day-control small{display:block;color:var(--muted);font-size:12px;letter-spacing:1px;margin-top:4px}.day-control button span{margin-left:12px}.workspace{display:grid;grid-template-columns:208px minmax(0,1fr);gap:21px;padding:0 23px 25px;min-height:610px}.rail{display:flex;flex-direction:column;justify-content:space-between;min-width:0}.rail nav{display:flex;flex-direction:column;gap:8px;padding-top:3px}.app-nav{display:flex;align-items:center;gap:12px;width:100%;border:1px solid transparent;background:transparent;text-align:left;padding:15px 12px;font-size:14px}.app-nav.active{border-color:#bbcbbb;background:#dce5d8;box-shadow:inset 0 1px #fafff8}.app-nav small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.app-nav b{font-size:12px;margin-left:auto;font-weight:400;background:#f8fbf5;border:1px solid #c6d4c3;padding:1px 6px;border-radius:3px}.nav-icon{font-size:24px;color:#607f68;width:28px;flex-shrink:0}.rail-bottom{padding:20px 12px 0}.rail-bottom strong{display:block;font-size:22px;letter-spacing:-.8px;margin:7px 0}.muted{color:var(--muted);font-size:13px}.mini-ledger{display:flex;justify-content:space-between;border-top:1px solid #d2d9cd;margin:18px 0 22px;padding-top:13px;font-size:12px}.text-button{border:0;background:none;padding:3px 0;color:#5e7464;font-size:13px}.app-window{background:var(--paper);border:1px solid #95a792;border-radius:5px 5px 1px 1px;box-shadow:3px 4px 0 #364f3212;overflow:hidden;min-width:0}.app-titlebar{display:flex;justify-content:space-between;background:#dce5d6;padding:9px 13px;border-bottom:1px solid #b6c5b0;font-size:13px;color:#405d46}.app-titlebar>span:last-child{letter-spacing:7px;color:#65825e}#content{min-height:555px;max-height:calc(100vh - 310px);overflow:auto;scrollbar-width:thin;scrollbar-color:#b6c6b0 transparent}.cafe-banner{padding:27px 29px 24px;background:#eff3e8;border-bottom:1px solid #dce3d2;position:relative}.cafe-banner .eyebrow{font-size:11px;letter-spacing:1.7px;color:#819075}.cafe-banner h2{font-family:'Roboto','Noto Sans KR',sans-serif;font-size:33px;font-weight:700;letter-spacing:-1px;margin:9px 0}.cafe-banner p{margin:0;color:#778470;font-size:13px}.banner-stamp{position:absolute;right:35px;top:30px;border:1px solid #adbaa0;border-radius:50%;width:86px;height:86px;display:flex;align-items:center;justify-content:center;transform:rotate(10deg);text-align:center;color:#869779;font-family:'Roboto','Noto Sans KR',sans-serif;line-height:1.6;font-size:15px}.cafe-layout{display:grid;grid-template-columns:170px minmax(0,1fr);min-height:380px}.board-nav{padding:27px 17px;border-right:1px solid var(--line)}.board-nav>b{font-size:13px;display:block;padding:0 8px 17px}.board-nav button{display:flex;justify-content:space-between;border:0;background:none;width:100%;text-align:left;padding:10px 8px;font-size:13px;color:#75816e;margin:2px 0}.board-nav button.selected{background:#eaf0e4;font-weight:600;color:#365d3d}.notice{margin:31px 6px 0;padding-top:19px;border-top:1px solid var(--line);font-size:12px;color:#7c8775;line-height:1.8}.notice b{color:#617456}.notice p{margin:8px 0}.post-area{padding:26px 28px}.section-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:12px}.section-line h3{font-size:15px;margin:0}.section-line>span{font-size:12px;color:#8b9486}.post-card{padding:20px 0;border-bottom:1px solid #e3e7dd}.post-card:first-of-type{padding-top:12px}.post-category{font-size:12px;color:#778760}.post-card h3{font-size:17px;font-weight:500;margin:7px 0 10px;line-height:1.65}.post-card p{font-size:15px;color:#606c5c;line-height:1.85;margin:8px 0}.post-meta{font-size:12px;color:#9aa08f;margin-top:15px}.post-open{display:block;width:100%;text-align:left;background:none;border:none;padding:0}.post-open h3{color:#314b38}.new-badge{display:inline-block;background:#e4ad60;color:white;font-size:10px;padding:0 4px;border-radius:2px;margin-left:7px;vertical-align:middle}.post-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.taskbar{border-top:1px solid #bcc9b4;padding:9px 15px;background:#d7dfcf;display:flex;align-items:center;gap:18px;font-size:12px;color:#65765f}.start-label{font-weight:600;color:#395139;border-right:1px solid #b9c6b0;padding-right:17px}.taskbar-right{margin-left:auto;font-size:11px}.under-monitor{display:flex;justify-content:space-between;max-width:1360px;width:calc(100% - 86px);margin:19px auto 25px;color:#e2e9d9;font-size:12px;text-shadow:0 1px 3px #243e27}.panel{padding:25px 29px}.panel h2{font-family:'Roboto','Noto Sans KR',sans-serif;margin:0 0 8px;font-size:27px}.subtext{color:var(--muted);font-size:14px;line-height:1.75}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:18px 0}.chip{border:1px solid #d3ddcb;border-radius:3px;background:#f4f7ee;padding:3px 7px;font-size:12px;color:#768567}.back{font-size:13px;border:0;background:none;color:#75836c;padding:0;margin-bottom:18px}.article-body{font-size:16px;line-height:2;color:#40503e;white-space:pre-line;margin:24px 0;user-select:text}.article-body mark{background:#f2df8e;color:inherit;border-radius:2px}.article-head h2{font-family:inherit;font-size:24px;line-height:1.65}.comment{background:#f0f4eb;border:1px solid #e1e7d9;padding:16px 19px;line-height:1.8;font-size:14px;margin-top:20px}.comment b{font-size:12px;color:#829575}.hint{background:#faf4dd;border:1px solid #e5d9ae;padding:15px 18px;font-size:14px;line-height:1.8;color:#7a6944;margin:16px 0}.hint p{margin:4px 0}.stock-tabs{display:flex;gap:10px;margin:20px 0}.stock-tab{flex:1;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:12px}.stock-tab.active{background:#edf3e7;border-color:#78916a}.stock-tab small{display:block;font-size:12px;color:#8b987e;margin-top:5px}.stock-tab strong{font-size:17px}.trade-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px}.chart-box{border:1px solid var(--line);padding:16px;background:white;min-width:0}.chart-top{display:flex;justify-content:space-between}.chart-top b{font-size:26px;font-weight:500}.chart-top small{font-size:12px;color:var(--muted)}.chart-svg{width:100%;height:auto;display:block;margin-top:16px}.chart-legend{color:#8d9984;font-size:11px;margin-top:8px}.order-box{background:#f0f4e9;padding:17px;border:1px solid #d5dfca}.order-box h3{margin:0 0 17px;font-size:15px}.order-box label{display:block;font-size:13px;margin:13px 0 7px}.order-box input{width:100%;padding:10px;border:1px solid #bccbb2;background:white;border-radius:3px}.order-total{display:flex;justify-content:space-between;font-size:13px;margin:16px 0}.buy-sell{display:flex;gap:7px}.buy-sell button{flex:1;background:#b85d49;border-color:#b85d49;color:white}.buy-sell .sell{background:#5e829a;border-color:#5e829a}.up{color:var(--red)!important}.down{color:var(--blue)!important}.financials{display:grid;grid-template-columns:repeat(3,1fr);margin:16px 0;gap:8px}.financials>div{background:#f0f4ec;border:1px solid #dce4d5;padding:11px 13px}.financials span{font-size:12px;color:#849078}.financials b{display:block;font-size:16px;margin-top:5px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#8a9680;font-size:12px;font-weight:400;background:#f0f4eb}th,td{padding:12px 10px;border-bottom:1px solid #e0e7d9;white-space:nowrap}td:last-child,th:last-child{text-align:right}.empty{border:1px dashed #c5d2ba;padding:33px;text-align:center;color:#819076;line-height:1.8}.note-tabs{display:flex;gap:7px;margin:20px 0}.note-tabs .active{background:#e0e9d6;border-color:#9daf90}.note-card{border:1px solid #dce3ce;border-left:3px solid #d7b974;background:#fffef8;padding:20px;margin:12px 0}.note-card blockquote{margin:10px 0;padding-left:12px;border-left:2px solid #dfd19f;font-size:15px;line-height:1.8;color:#59674d}.note-card textarea{width:100%;min-height:76px;padding:10px;background:#fffefa;border:1px solid #e3e3d4;border-radius:3px;resize:vertical;line-height:1.8}.note-card .note-source{font-size:12px;color:#92987c}.note-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.field{display:flex;flex-direction:column;gap:6px;margin:15px 0}.field label{font-size:13px;color:#718064}input,select,textarea{border:1px solid #c6d2b9;padding:9px 11px;border-radius:3px;background:white;color:#354c31}.diagram-toolbar{display:flex;gap:8px;flex-wrap:wrap}.diagram-toolbar input{flex:1;min-width:100px}.diagram{position:relative;height:310px;overflow:hidden;border:1px solid #d6dfcb;background-color:#f5f8ef;background-image:radial-gradient(#c6d0bb 1px,transparent 1px);background-size:18px 18px;margin:18px 0;touch-action:none}.diagram svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.node{position:absolute;transform:translate(-50%,-50%);background:#fffffa;border:1px solid #8ba17b;padding:13px 17px;box-shadow:2px 3px 0 #81947522;cursor:grab;max-width:150px;font-size:14px;touch-action:none;user-select:none}.node.selected{outline:3px solid #d3ae5a}.edge-form{display:flex;gap:7px;flex-wrap:wrap}.edge-form select,.edge-form input{min-width:100px;flex:1}.edge-list{list-style:none;padding:0;margin:14px 0}.edge-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px;border-bottom:1px solid #dfe6d6;font-size:13px}dialog{border:1px solid #708666;border-radius:7px;max-width:610px;width:calc(100% - 32px);padding:0;color:var(--dark);box-shadow:0 20px 100px #18291866}dialog::backdrop{background:#162d2469;backdrop-filter:blur(3px)}.modal-head{padding:14px 21px;background:#e1e8d9;display:flex;justify-content:space-between;align-items:center}.modal-head h2{font-size:16px;margin:0}.modal-head button{border:0;padding:0 4px;background:none}.modal-body{padding:24px 28px;line-height:1.9;font-size:15px;max-height:75vh;overflow:auto}.modal-body h3{font-size:17px;margin:18px 0 7px}.modal-body p{margin:9px 0}.modal-body textarea{width:100%;min-height:95px}.modal-footer{padding:15px 28px;display:flex;justify-content:flex-end;gap:10px;background:#f3f6ee}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.stat{padding:15px;background:#f0f4e9}.stat b{display:block;font-size:23px}.stat span{font-size:12px;color:#839476}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(100px);background:#234737;color:#fbfff5;padding:13px 25px;border:1px solid #84a577;box-shadow:0 5px 22px #15302244;border-radius:5px;z-index:20;transition:transform .2s;max-width:90%;font-size:14px}#toast.show{transform:translateX(-50%) translateY(0)}.result-table{font-size:13px}.prediction-row{display:flex;gap:7px;flex-wrap:wrap}.prediction-row button.chosen{background:#d9e7ce;border-color:#7c9865}.recap-item{padding:14px 0;border-bottom:1px solid #e0e5d7}.recap-item b{display:block}.recap-item p{font-size:14px;color:#6d7c62}.inline-flex{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.full{width:100%}.small{font-size:12px}.hidden{display:none!important}
@media(min-width:1600px){.outside{padding-top:55px}.workspace{min-height:680px}#content{min-height:625px}.cafe-banner{padding-top:35px;padding-bottom:31px}}
@media(max-width:1080px){.monitor{width:calc(100% - 30px)}.workspace{grid-template-columns:166px minmax(0,1fr);gap:13px;padding:0 14px 20px}.app-nav{gap:8px;padding:14px 7px}.nav-icon{font-size:21px}.app-nav small{font-size:11px}.app-nav b{display:none}.cafe-layout{grid-template-columns:140px minmax(0,1fr)}.post-area{padding:23px 20px}.trade-grid{grid-template-columns:1fr}.order-box{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;align-items:center}.order-box h3{grid-column:1/-1}.order-box label{margin:0}.order-box .subtext{grid-column:1/-1}.banner-stamp{right:20px}.rail-bottom{padding:12px 6px}.rail-bottom strong{font-size:19px}}
@media(max-width:760px){.outside{padding:20px 14px 15px;font-size:16px}.outside>span:last-child{font-size:11px}.monitor{width:calc(100% - 16px);padding:5px 5px 10px}.os-right{display:none}.desktop-head{padding:21px 16px;align-items:flex-start}.desktop-head h1{font-size:21px;max-width:190px;line-height:1.5}.desktop-head .eyebrow{font-size:10px}.day-control{flex-direction:column;align-items:flex-end;gap:9px}.day-control>div{text-align:right}.day-control button.primary{font-size:12px;padding:9px}.workspace{display:flex;flex-direction:column;padding:0 10px 15px;gap:12px}.rail{display:block}.rail nav{flex-direction:row;gap:4px}.app-nav{padding:10px 6px;justify-content:center;font-size:12px;gap:5px}.app-nav small{display:none}.nav-icon{font-size:19px;width:auto}.rail-bottom{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 5px 3px}.rail-bottom>.eyebrow,.mini-ledger{display:none}.rail-bottom strong{font-size:15px;margin:0}.rail-bottom .muted{font-size:12px}.rail-bottom .text-button{margin-left:auto;font-size:11px}.cafe-banner{padding:23px 20px}.cafe-banner h2{font-size:28px}.cafe-banner p{font-size:12px;max-width:210px;line-height:1.8}.banner-stamp{width:64px;height:64px;font-size:12px;right:14px;top:43px}.cafe-layout{display:block}.board-nav{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:10px;gap:3px}.board-nav>b,.board-nav .notice{display:none}.board-nav button{white-space:nowrap;width:auto;font-size:12px;padding:7px}.board-nav button span{margin-left:6px}.post-area{padding:20px}.post-card h3{font-size:16px}.post-card p{font-size:14px}#content{max-height:none;min-height:430px}.taskbar{gap:8px;padding:8px;font-size:10px}.taskbar-right{font-size:10px}.under-monitor{font-size:10px;width:calc(100% - 35px)}.panel{padding:22px 18px}.panel h2{font-size:24px}.stock-tabs{gap:5px}.stock-tab{padding:10px;font-size:12px;flex-direction:column;align-items:flex-start}.stock-tab strong{font-size:16px}.financials{gap:4px}.financials>div{padding:9px}.financials b{font-size:13px}.order-box{gap:7px 14px}.modal-body{padding:20px}.article-head h2{font-size:21px}.node{font-size:12px;padding:11px}.app-titlebar{font-size:12px}.desktop-head{gap:10px}.chart-box{padding:12px}.chart-top b{font-size:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

body{background-image:linear-gradient(180deg,#1c352733,#233a2722),url('room-modern.webp')}
