:root{--bg:#f2f3f1;--surface:#fff;--surface-alt:#f5f6f5;--text:#222;--text-muted:#666b65;--text-faint:#9aa098;--accent:#03c75a;--accent-strong:#02a94d;--accent-tint:#e6f9ee;--price:#e23939;--price-tint:#fceaea;--media:#3d74b8;--media-tint:#e4ecf5;--line:#e5e7e2;--line-strong:#d5d8d1;--shadow:none;--font-display:"Pretendard Variable", "Pretendard", -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;--font-body:"Pretendard Variable", "Pretendard", -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", Consolas, "Roboto Mono", monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#151718;--surface:#1e2021;--surface-alt:#232526;--text:#edeeec;--text-muted:#a3a9a2;--text-faint:#71766f;--accent:#12d368;--accent-strong:#3fde83;--accent-tint:#122b1d;--price:#f0605f;--price-tint:#2e1b1b;--media:#79a9e0;--media-tint:#1b2733;--line:#2c2f2d;--line-strong:#3b3f3c}}:root[data-theme=dark]{--bg:#151718;--surface:#1e2021;--surface-alt:#232526;--text:#edeeec;--text-muted:#a3a9a2;--text-faint:#71766f;--accent:#12d368;--accent-strong:#3fde83;--accent-tint:#122b1d;--price:#f0605f;--price-tint:#2e1b1b;--media:#79a9e0;--media-tint:#1b2733;--line:#2c2f2d;--line-strong:#3b3f3c}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}h1,h2,h3{margin:0}button{font:inherit;cursor:pointer;background:0 0;border:0}img,svg{max-width:100%}.page{max-width:1180px;margin:0 auto;padding:0 20px 64px}.masthead{background:var(--surface);align-items:center;gap:28px;max-width:1180px;margin:0 auto;padding:18px 20px 20px;display:flex}.brand{flex:none;align-items:center;display:flex}.brand-logo{width:auto;height:38px;display:block}.head-tools{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.search{border:1.5px solid var(--line-strong);background:var(--surface);border-radius:24px;flex:1;align-items:center;gap:6px;max-width:560px;height:46px;padding:0 4px 0 20px;transition:border-color .15s;display:flex}.search:focus-within{border-color:var(--accent)}.search input{color:var(--text);width:100%;font-size:14.5px;font-family:var(--font-body);background:0 0;border:0;outline:0}.search input::placeholder{color:var(--text-faint)}.search-btn{background:var(--accent);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.search-btn:hover{background:var(--accent-strong)}.nav-toggle{border:1px solid var(--line-strong);width:38px;height:38px;color:var(--text);border-radius:8px;flex:none;justify-content:center;align-items:center;display:none}nav.primary{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}nav.primary .page{padding:0 20px}.nav-list{gap:4px;display:flex}.nav-item{position:relative}.nav-item>a{color:var(--text-muted);letter-spacing:-.01em;border-bottom:2px solid #0000;padding:12px 16px;font-size:14px;font-weight:600;display:block}.nav-item>a:hover{color:var(--text)}.nav-item>a.current{color:var(--accent-strong);border-bottom-color:var(--accent)}.dropdown{z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:8px;min-width:220px;padding:6px;display:none;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #0000001a}@media (width>=761px){.nav-item:hover .dropdown{display:block}}.dropdown-item{position:relative}.dropdown-item>a{color:var(--text);white-space:nowrap;border-radius:5px;padding:8px 10px;font-size:13px;display:block}.dropdown-item>a:hover{background:var(--accent-tint);color:var(--accent-strong)}.dropdown-item.has-flyout>a:after{content:"›";float:right;color:var(--text-faint)}.flyout{z-index:21;background:var(--surface);border:1px solid var(--line);border-radius:8px;min-width:200px;max-height:320px;padding:6px;display:none;position:absolute;top:-6px;left:100%;overflow-y:auto;box-shadow:0 8px 24px #0000001a}@media (width>=761px){.dropdown-item:hover .flyout{display:block}}.flyout a{color:var(--text-muted);white-space:nowrap;border-radius:5px;padding:7px 10px;font-size:12.5px;display:block}.flyout a:hover{background:var(--accent-tint);color:var(--accent-strong)}.notice{background:var(--accent-tint);border:1px solid var(--line);border-radius:8px;align-items:center;gap:14px;margin-top:18px;padding:10px 16px;font-size:13px;display:flex}.notice .tag{font-family:var(--font-mono);color:var(--accent-strong);letter-spacing:.04em;border:1px solid var(--accent-strong);border-radius:4px;flex:none;padding:2px 6px;font-size:11px;font-weight:700}.notice ul{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.notice li{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);overflow:hidden}.notice li a:hover{color:var(--accent-strong)}.wall{grid-template-columns:repeat(auto-fill,minmax(268px,1fr));align-items:start;gap:14px;margin-top:18px;display:grid}.tile{background:var(--surface);border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);border-radius:8px;padding:14px 16px 8px}.tile-head{border-bottom:1px solid var(--line);align-items:center;gap:7px;margin-bottom:6px;padding-bottom:10px;display:flex}.tile-head .dot{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px}.tile.cat-market .tile-head .dot{background:var(--price)}.tile.cat-media .tile-head .dot{background:var(--media)}.tile-head h2{font-family:var(--font-display);color:var(--text);flex:1;font-size:14px;font-weight:700}.tile-head a{color:var(--text-faint);flex:none;font-size:11.5px}.tile-head a:hover{color:var(--accent-strong)}.tile li{border-bottom:1px dashed var(--line);align-items:baseline;gap:8px;padding:6.5px 0;font-size:13px;display:flex}.tile li:last-child{border-bottom:0}.tile li .t{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tile li a:hover .t{color:var(--accent-strong)}.tile li .c{font-family:var(--font-mono);color:var(--text-faint);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.tile.cat-market li .c{color:var(--price);font-weight:700}.tile.cat-media li .c{color:var(--media)}.tile.span2{grid-column:span 2}@media (width<=620px){.tile.span2{grid-column:span 1}}.board-badge{color:var(--accent-strong);background:var(--accent-tint);border-radius:4px;flex:none;padding:2px 6px;font-size:11px;font-weight:700}.tile.login{padding-bottom:14px}.tile.login form{flex-direction:column;gap:8px;margin-top:2px;display:flex}.tile.login input[type=text],.tile.login input[type=password]{appearance:none;border:1px solid var(--line-strong);font-size:13px;line-height:1.4;font-family:var(--font-body);background:var(--bg);color:var(--text);border-radius:6px;width:100%;height:36px;margin:0;padding:8px 10px}.tile.login input::placeholder{color:var(--text-faint)}.tile.login .row{color:var(--text-muted);align-items:center;font-size:11.5px;display:flex}.tile.login .row label{cursor:pointer;align-items:center;gap:5px;display:flex}.tile.login button.submit{background:var(--accent-strong);color:#fff;cursor:pointer;border:0;border-radius:6px;height:38px;margin-top:2px;font-size:13.5px;font-weight:700}.tile.login button.submit:hover{background:var(--accent)}.tile.login .links{color:var(--text-faint);justify-content:center;align-items:center;gap:8px;margin-top:10px;font-size:11.5px;display:flex}.tile.login .links a:hover{color:var(--accent-strong)}.tile.login .links .sep{color:var(--line-strong)}.tile.login .secure{text-align:center;margin-top:6px;font-size:11px}.tile.login .secure a{color:var(--text-faint);text-decoration:underline}.tile.login .secure a:hover{color:var(--accent-strong)}.tile.comments li{padding:7px 0;display:block}.tile.comments .p{color:var(--text-faint);margin-bottom:2px;font-size:11.5px}.tile.comments .p b{color:var(--text-muted);font-weight:600}.tile.comments .snip{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.tile.video li{gap:10px;padding:8px 0}.tile.video .video-row{align-items:center;gap:10px;width:100%;display:flex}.tile.video .thumb{background:linear-gradient(135deg, var(--media-tint), var(--surface-alt));border-radius:5px;flex:none;width:56px;height:38px;position:relative}.tile.video .thumb:after{content:"▶";color:var(--media);justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:0}.tile.video .dur{font-family:var(--font-mono);color:#fff;background:#0000008c;border-radius:3px;padding:0 3px;font-size:8.5px;position:absolute;bottom:2px;right:3px}.tile.thumbed li{align-items:center;gap:10px}.tile.thumbed .thumb{background:linear-gradient(135deg, var(--accent-tint), var(--surface-alt));width:40px;height:40px;color:var(--accent);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.tile.thumbed .thumb svg{width:18px;height:18px}.tile.cat-market.thumbed .thumb{background:linear-gradient(135deg, var(--price-tint), var(--surface-alt));color:var(--price)}.tile.thumbed .thumb.photo{background:var(--surface-alt);overflow:hidden}.tile.thumbed .thumb.photo img{object-fit:cover;width:100%;height:100%}.tile-status{color:var(--text-faint);margin:4px 0 8px;font-size:12.5px}.tile-status.error{color:var(--price)}.board-page{padding-top:20px}.crumbs{color:var(--text-faint);gap:8px;margin-bottom:10px;font-size:12.5px;display:flex}.crumbs a:hover{color:var(--accent-strong)}.board-page-title{font-family:var(--font-display);margin-bottom:16px;font-size:22px;font-weight:800}.board-page-list{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:6px 18px}.board-page-list li{border-bottom:1px dashed var(--line);align-items:center;gap:12px;padding:11px 0;font-size:14px;display:flex}.board-page-list li:last-child{border-bottom:0}.board-page-list .t{flex:1;min-width:0}.board-page-list .c{font-family:var(--font-mono);color:var(--text-faint);flex:none;font-size:12px}.post-detail{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px 26px 28px}.post-title{font-family:var(--font-display);margin-bottom:8px;font-size:22px;font-weight:800}.post-meta{color:var(--text-faint);border-bottom:1px solid var(--line);gap:10px;margin-bottom:20px;padding-bottom:16px;font-size:13px;display:flex}.post-author{color:var(--text-muted);font-weight:700}.post-body{color:var(--text);word-break:break-word;font-size:15px;line-height:1.8}.post-body img{border-radius:6px;max-width:100%;height:auto}.post-body a{color:var(--accent-strong);text-decoration:underline}.post-comments{border-top:1px solid var(--line);margin-top:32px;padding-top:20px}.post-comments-head{font-family:var(--font-display);margin-bottom:14px;font-size:15px;font-weight:800}.comment-item{border-bottom:1px dashed var(--line);gap:12px;padding:14px 0;display:flex}.comment-item:last-child{border-bottom:0}.comment-avatar{object-fit:cover;background:var(--surface-alt);border-radius:50%;flex:none;width:36px;height:36px}.comment-avatar.placeholder{border:1px solid var(--line)}.comment-body{flex:1;min-width:0}.comment-meta{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.comment-author{color:var(--text);font-size:13.5px;font-weight:700}.comment-date{color:var(--text-faint);font-size:11.5px}.comment-text{color:var(--text-muted);word-break:break-word;font-size:14px;line-height:1.6}.hub-content{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:20px 22px 26px;font-size:14px;line-height:1.7;overflow-x:auto}.hub-content *{box-sizing:border-box;max-width:100%!important}.hub-content img{border-radius:6px;height:auto!important}.hub-content iframe{border:0;width:100%}.hub-content h1,.hub-content h2,.hub-content h3{font-family:var(--font-display);margin:18px 0 10px;font-weight:800}.hub-content a{color:var(--accent-strong)}.hub-content table{border-collapse:collapse}.post-board-list{margin-top:24px}.post-board-list .board-page-title{margin-bottom:10px;font-size:16px}.linkout-cta{color:var(--accent-strong);margin-top:4px;font-size:13px;font-weight:700;display:inline-block}.linkout-cta:hover{text-decoration:underline}.linkout-cta:disabled{color:var(--text-faint);cursor:default;text-decoration:none}.site-footer{border-top:1px solid var(--line);background:var(--surface-alt);margin-top:40px}.footer-inner{flex-direction:column;gap:10px;padding:28px 20px 40px;display:flex}.footer-logo{font-family:var(--font-display);color:var(--text-muted);width:max-content;font-size:15px;font-weight:800}.footer-logo:hover{color:var(--accent-strong)}.footer-info p{color:var(--text-faint);margin:0;font-size:12px;line-height:1.8}.footer-info a{color:var(--text-faint);text-decoration:underline}.footer-info a:hover{color:var(--accent-strong)}@media (width<=900px){.wall{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}}@media (width<=760px){.search{display:none}.nav-toggle{display:inline-flex}nav.primary{display:none}nav.primary.open{display:block}nav.primary .page{max-height:70vh;padding:6px 20px;overflow-y:auto}.nav-list{flex-direction:column;gap:0}.nav-item>a{border-bottom:1px solid var(--line);padding:11px 4px}.dropdown{box-shadow:none;border:0;border-radius:0;padding:0 0 4px 14px;display:block;position:static}.flyout{box-shadow:none;border:0;max-height:none;padding:0 0 4px 14px;display:block;position:static}.dropdown-item.has-flyout>a:after{content:""}.masthead{justify-content:space-between;gap:12px;padding:14px 16px}.head-tools{flex:none}.brand-logo{height:30px}}@media (width<=480px){.page{padding:0 12px 48px}.wall{grid-template-columns:1fr;gap:12px}.tile{padding:12px 14px 6px}}