:root{--bg:#e9eaec;--surface:#ffffff;--surface-alt:#f3f4f6;--surface-sub:#fafbfc;--border:#e0e2e5;--border-strong:#c9ccd1;--line-heavy:#3b4147;--text:#17191c;--text-soft:#4d5359;--text-muted:#8b9198;--visited:#9aa0a6;--point:#c9342b;--point-hover:#a3271f;--point-soft:#fbeeed;--notice:#45525e;--up:#c9342b;--down:#46679c;--danger:#c9342b;--radius:2px;--max:1280px;--snb:182px;--header-h:46px}@media (prefers-color-scheme:dark){:root{--bg:#131517;--surface:#1a1d21;--surface-alt:#23272c;--surface-sub:#1e2126;--border:#2b3037;--border-strong:#3a4048;--line-heavy:#5b636d;--text:#dfe3e7;--text-soft:#a4abb3;--text-muted:#767e87;--visited:#6d747c;--point:#e2564c;--point-hover:#f2695e;--point-soft:#2c1b19;--notice:#8b98a5;--up:#e2564c;--down:#6b93d6;--danger:#e2564c}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,Malgun Gothic,sans-serif;color:var(--text);background:var(--bg);line-height:1.5;font-size:13px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.shell{max-width:var(--max);margin:0 auto;padding:0 10px;display:flex;align-items:flex-start;gap:14px}.content{flex:1 1;min-width:0;padding:12px 0 56px}.content--narrow{max-width:720px;margin:0 auto}.footer{border-top:1px solid var(--border-strong);background:var(--surface);color:var(--text-muted);font-size:11.5px;text-align:center;padding:18px 12px}.footer strong{color:var(--text-soft);font-weight:700}.gnb{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:1px solid var(--border-strong)}.gnb__inner{max-width:var(--max);margin:0 auto;height:var(--header-h);padding:0 10px;display:flex;align-items:center;gap:14px}.brand{font-size:20px;font-weight:800;letter-spacing:-.04em;color:var(--point);flex-shrink:0}.gnb__menu{display:flex;gap:12px;flex-shrink:0}.gnb__menu a{font-size:13px;font-weight:600;color:var(--text-soft);white-space:nowrap;padding:4px 0}.gnb__menu a:hover{color:var(--point)}.gnb__search{flex:1 1;min-width:0;max-width:320px;margin-left:auto;display:flex;border:1px solid var(--border-strong);background:var(--surface);height:28px}.gnb__search input{flex:1 1;min-width:0;border:none;background:transparent;padding:0 8px;font-size:12.5px;outline:none}.gnb__search button{width:30px;border:none;border-left:1px solid var(--border);background:var(--surface-alt);color:var(--text-soft);cursor:pointer;font-size:13px;line-height:1}.gnb__search button:hover{color:var(--point)}.gnb__auth{display:flex;align-items:center;gap:9px;flex-shrink:0;font-size:12.5px}.gnb__auth .who{font-weight:700;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gnb__auth .plain{color:var(--text-soft);background:none;border:none;cursor:pointer;padding:0;font-size:12.5px;white-space:nowrap}.gnb__auth .plain:hover{color:var(--point)}@media (max-width:1023px){.gnb__menu{display:none}.gnb__inner{gap:8px}.gnb__search{max-width:none}}@media (max-width:480px){.brand{font-size:18px}.gnb__auth{gap:7px;font-size:12px}.gnb__auth .who{max-width:62px}}.bstrip{display:none;background:var(--surface);border-bottom:1px solid var(--border-strong);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bstrip::-webkit-scrollbar{display:none}.bstrip__row{display:flex;align-items:stretch;min-width:max-content;padding:0 8px}.bstrip__row a{display:inline-flex;align-items:center;height:38px;padding:0 10px;font-size:12.5px;font-weight:600;color:var(--text-soft);white-space:nowrap;border-bottom:2px solid transparent}.bstrip__row a.on{color:var(--point);border-bottom-color:var(--point)}.bstrip__sep{width:1px;background:var(--border);margin:9px 6px;flex-shrink:0}@media (max-width:1023px){.bstrip{display:block}}.snb{display:none}@media (min-width:1024px){.snb{display:block;width:var(--snb);flex:0 0 var(--snb);padding:12px 0 56px}}.snb__block{background:var(--surface);border:1px solid var(--border);margin-bottom:10px}.snb__head{height:27px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;background:var(--surface-alt);border-bottom:1px solid var(--border);font-size:12px;font-weight:700;color:var(--text-soft)}.snb__head a{font-size:11px;font-weight:500;color:var(--text-muted)}.snb__head a:hover{color:var(--point)}.snb__cat{padding:6px 9px 2px;font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:-.01em}.snb__item{display:flex;align-items:center;gap:5px;padding:3px 9px;font-size:12.5px;color:var(--text-soft);line-height:1.55}.snb__item:hover{background:var(--surface-alt);color:var(--point)}.snb__item .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snb__item .rk{width:12px;flex-shrink:0;font-size:11px;font-weight:700;color:var(--text-muted);text-align:center}.snb__item .rk.top{color:var(--point)}.snb__more{display:block;padding:5px 9px;border-top:1px solid var(--border);font-size:11.5px;color:var(--text-muted);text-align:center}.snb__more:hover{color:var(--point)}.snb__empty{padding:8px 9px;font-size:11.5px;color:var(--text-muted)}.box{background:var(--surface);border:1px solid var(--border);border-top:2px solid var(--line-heavy);margin-bottom:12px}.box__head{height:30px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--surface-sub)}.box__head .t,.box__head h2{font-size:13px;font-weight:700;letter-spacing:-.02em}.box__head .t.hot{color:var(--point)}.box__more{font-size:11.5px;color:var(--text-muted)}.box__more:hover{color:var(--point)}.home-two{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 12px;gap:0 12px;align-items:start}.home-two>.box{min-width:0}@media (max-width:900px){.home-two{grid-template-columns:1fr}}@media (max-width:640px){.box{margin-bottom:8px}.box__head{height:28px}.page-head{padding-bottom:5px;margin-bottom:7px}}.plist{background:var(--surface);border-top:2px solid var(--line-heavy);border-bottom:1px solid var(--border-strong)}.plist__head,.plist__row{display:grid;grid-template-columns:44px minmax(0,1fr) 100px 50px 46px 42px;grid-template-areas:"num title author date views votes";align-items:center;grid-column-gap:4px;column-gap:4px}.plist__head{height:29px;padding:0 8px;background:var(--surface-alt);border-bottom:1px solid var(--border-strong);font-size:12px;font-weight:600;color:var(--text-soft)}.plist__head span{text-align:center}.plist__head .h-title{text-align:left;padding-left:2px}.plist__row{min-height:31px;padding:4px 8px;border-bottom:1px solid var(--border);font-size:13px}.plist__row:hover{background:var(--surface-alt)}.plist__row.is-notice{background:var(--surface-sub)}.plist__row.is-notice .t{font-weight:700}.plist__num{grid-area:num;text-align:center;color:var(--text-muted);font-size:12px}.plist__title{grid-area:title;min-width:0;display:flex;align-items:center;gap:4px;padding-left:2px}.plist__title .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.plist__row:visited .t{color:var(--visited)}.plist__row:hover .t{color:var(--point);text-decoration:underline}.plist__title .cmt{color:var(--point);font-weight:700;font-size:11.5px;flex-shrink:0}.plist__title .bmark{flex-shrink:0;max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;color:var(--text-muted)}.plist__board{display:none}.plist__meta{display:contents}.plist__author{grid-area:author;color:var(--text-soft);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.plist__date{grid-area:date}.plist__date,.plist__views{color:var(--text-muted);text-align:center;font-size:11.5px}.plist__views{grid-area:views}.plist__votes{grid-area:votes;text-align:center;font-size:12px;font-weight:700;color:var(--up)}.plist__votes.zero{color:var(--text-muted);font-weight:400}.badge{display:inline-flex;align-items:center;height:16px;padding:0 4px;border-radius:var(--radius);font-size:10.5px;font-weight:700;flex-shrink:0;letter-spacing:-.03em}.badge--notice{background:var(--notice);color:#fff}.badge--best{background:var(--point);color:#fff}.plist__empty{padding:34px 12px;text-align:center;color:var(--text-muted);font-size:12.5px}@media (min-width:641px){.plist--cmt .plist__head,.plist--cmt .plist__row{grid-template-columns:minmax(0,1fr) 240px 50px;grid-template-areas:"title author date"}.plist--cmt .plist__author{text-align:left}}@media (max-width:640px){.plist__head{display:none}.plist__row{grid-template-columns:1fr;grid-template-areas:"title" "meta";row-gap:1px;padding:5px 10px;min-height:44px;align-content:center}.plist__num,.plist__title .bmark{display:none}.plist__board{display:inline;color:var(--text-soft);max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plist__title .t{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.32}.plist__meta{display:flex;grid-area:meta;align-items:center;gap:7px;flex-wrap:wrap;font-size:11px;line-height:1.35}.plist__author,.plist__date,.plist__views,.plist__votes{text-align:left;font-size:11px}.plist--with-board .plist__author,.plist__views{display:none}.plist__votes:before{content:"추천 ";color:var(--text-muted);font-weight:400}}.mini-list{display:flex;flex-direction:column}.mini-item{display:flex;align-items:center;gap:6px;padding:0 10px;min-height:27px;border-bottom:1px solid var(--border);font-size:12.5px}.mini-item:last-child{border-bottom:none}.mini-item:hover{background:var(--surface-alt)}.mini-item .rank{width:15px;text-align:center;font-weight:700;font-size:11.5px;color:var(--text-muted);flex-shrink:0}.mini-item .rank.top{color:var(--point)}.mini-item .mtitle{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.mini-item:visited .mtitle{color:var(--visited)}.mini-item:hover .mtitle{color:var(--point);text-decoration:underline}.mini-item .mcmt{color:var(--point);font-weight:700;font-size:11px;flex-shrink:0}.mini-item .mmeta{color:var(--text-muted);font-size:11px;flex-shrink:0;display:flex;gap:6px}.mini-item .mmeta .b{color:var(--text-soft);max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:640px){.mini-item{min-height:32px}.home-two .mini-item:nth-of-type(n+7){display:none}}@media (max-width:480px){.mini-item .mmeta .hide-xs{display:none}}.rank-list{display:flex;flex-direction:column}.rank-item{display:flex;align-items:center;gap:7px;padding:0 10px;min-height:28px;border-bottom:1px solid var(--border);font-size:12.5px}.rank-item:last-child{border-bottom:none}.rank-item:hover{background:var(--surface-alt)}.rank-item .rnum{width:15px;text-align:center;font-weight:700;font-size:11.5px;color:var(--text-muted);flex-shrink:0}.rank-item .rnum.top{color:var(--point)}.rank-item .rname{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-item:hover .rname{color:var(--point);text-decoration:underline}.rank-item .rsub{font-size:11px;color:var(--text-muted);flex-shrink:0}@media (max-width:480px){.rank-item{min-height:34px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:28px;padding:0 11px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text-soft);font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--surface-alt);color:var(--text)}.btn--primary{background:var(--line-heavy);border-color:var(--line-heavy);color:#fff}.btn--primary:hover{background:var(--text);border-color:var(--text);color:#fff}.btn--point{background:var(--point);border-color:var(--point);color:#fff}.btn--point:hover{background:var(--point-hover);border-color:var(--point-hover);color:#fff}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn--ghost:hover{background:var(--surface-alt)}.btn--danger,.btn--danger:hover{color:var(--danger)}.btn--danger:hover{background:var(--point-soft)}.btn--sm{height:24px;padding:0 8px;font-size:12px}.btn--lg{height:38px;padding:0 18px;font-size:14px;width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.page-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:7px;margin-bottom:10px;border-bottom:2px solid var(--line-heavy);flex-wrap:wrap}.page-head h1,.page-head h2{font-size:16px;font-weight:700;letter-spacing:-.02em}.bhead+.plist,.comments__head+.clist,.page-head+.plist,.reappear__head+.plist{border-top:none}.page-head .sub{font-size:12px;color:var(--text-muted);font-weight:400;margin-left:2px}.bhead{border-bottom:2px solid var(--line-heavy);padding-bottom:7px;margin-bottom:0}.bhead__top{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.bhead h1{font-size:17px;font-weight:800;letter-spacing:-.03em}.bhead__cat{font-size:11.5px;color:var(--text-muted)}.bhead__desc{font-size:12px;color:var(--text-muted)}.bhead__rules{margin-top:6px;font-size:12px;color:var(--text-soft)}.bhead__rules>summary{cursor:pointer;color:var(--text-muted);font-size:11.5px;list-style:none}.bhead__rules>summary:before{content:"＋ "}.bhead__rules[open]>summary:before{content:"－ "}.bhead__rules .rules-body{margin-top:5px;padding:8px 10px;background:var(--surface-alt);border:1px solid var(--border);white-space:pre-wrap;line-height:1.6}.tabbar{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--border-strong);margin-bottom:8px}.tabbar a{padding:7px 13px;font-size:13px;font-weight:700;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-1px}.tabbar a:hover{color:var(--text)}.tabbar a.active{color:var(--point);border-bottom-color:var(--point)}.tabbar .spacer{flex:1 1}.sortbar{gap:8px;margin-bottom:6px;font-size:12px}.sortbar,.sortbar .sort{display:flex;align-items:center}.sortbar .sort{gap:7px}.sortbar .sort,.sortbar .sort a{color:var(--text-muted)}.sortbar .sort a:hover{color:var(--text)}.sortbar .sort a.active{color:var(--point);font-weight:700}.sortbar .sort .bar{color:var(--border-strong)}.sortbar .right{margin-left:auto;display:flex;gap:6px}.pager{display:flex;gap:3px;margin-top:14px}.pager,.pager a,.pager span{justify-content:center;align-items:center}.pager a,.pager span{min-width:26px;height:26px;padding:0 7px;display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font-size:12px;color:var(--text-soft)}.pager a:hover{border-color:var(--text-muted);color:var(--text)}.pager .current{background:var(--line-heavy);border-color:var(--line-heavy);color:#fff;font-weight:700}.pager .disabled{opacity:.35;pointer-events:none}.dir-group{background:var(--surface);border:1px solid var(--border);border-top:2px solid var(--line-heavy);margin-bottom:12px}.dir-group__head{height:29px;padding:0 10px;display:flex;align-items:center;gap:7px;background:var(--surface-alt);border-bottom:1px solid var(--border);font-size:13px;font-weight:700}.dir-group__head .count{color:var(--text-muted);font-size:11.5px;font-weight:400}.dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.dir-cell{padding:6px 10px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);min-height:32px;display:flex;align-items:baseline;gap:6px;min-width:0}.dir-cell:hover{background:var(--surface-alt)}.dir-cell .dname{font-weight:600;font-size:12.5px;flex-shrink:0}.dir-cell:hover .dname{color:var(--point);text-decoration:underline}.dir-cell .ddesc{font-size:11.5px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}@media (max-width:640px){.dir-cell{min-height:40px}}.recent-strip{display:flex;align-items:center;gap:8px;padding:5px 0 9px;font-size:12px;flex-wrap:wrap}.recent-strip .label{color:var(--text-muted);font-size:11.5px}.recent-strip a{color:var(--text-soft)}.recent-strip a:hover{color:var(--point);text-decoration:underline}.recent-strip .bar{color:var(--border-strong)}.post{background:var(--surface);border-top:2px solid var(--line-heavy);border-bottom:1px solid var(--border-strong)}.post__header{padding:11px 12px 9px;border-bottom:1px solid var(--border);background:var(--surface-sub)}.post__title{font-size:17px;font-weight:700;line-height:1.4;letter-spacing:-.02em;gap:6px}.post__meta,.post__title{display:flex;align-items:center;flex-wrap:wrap}.post__meta{gap:8px;margin-top:6px;font-size:11.5px;color:var(--text-muted)}.post__meta .author,.post__meta .board-link{font-weight:700;color:var(--text-soft)}.post__meta .board-link:hover{color:var(--point)}.post__meta .sep{color:var(--border-strong)}.post__body{padding:18px 12px 22px;font-size:14px;line-height:1.78;white-space:pre-wrap;word-break:break-word;min-height:90px}.votebox{display:flex;justify-content:center;gap:8px;padding:4px 0 18px}.votebtn{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:62px;padding:5px 12px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer}.votebtn .vlabel{font-size:11px;font-weight:600;color:var(--text-muted)}.votebtn .vnum{font-size:17px;font-weight:800;line-height:1.2}.votebtn.up.on,.votebtn.up:hover{border-color:var(--up)}.votebtn.up .vnum{color:var(--up)}.votebtn.down.on,.votebtn.down:hover{border-color:var(--down)}.votebtn.down .vnum{color:var(--down)}.votebtn:disabled{cursor:not-allowed}.post__owner-actions{display:flex;justify-content:flex-end;gap:5px;padding:0 12px 12px}.comments{margin-top:16px}.comments__head{font-size:13px;font-weight:700;padding-bottom:5px;border-bottom:2px solid var(--line-heavy)}.comments__head b{color:var(--point)}.clist{background:var(--surface);border-bottom:1px solid var(--border-strong)}.comment{padding:8px 10px;border-bottom:1px solid var(--border)}.comment.reply{background:var(--surface-sub);padding-left:28px;position:relative}.comment.reply:before{content:"↳";position:absolute;left:11px;top:8px;color:var(--text-muted);font-size:12px}.comment__top{display:flex;align-items:center;gap:7px;margin-bottom:2px}.comment__author{font-weight:700;font-size:12.5px}.comment__date{font-size:11px;color:var(--text-muted)}.comment__body{font-size:13px;white-space:pre-wrap;word-break:break-word;line-height:1.6}.comment.is-deleted .comment__body{color:var(--text-muted)}.comment__actions{display:flex;gap:8px;margin-top:3px}.comment__actions button{background:none;border:none;color:var(--text-muted);font-size:11.5px;cursor:pointer;padding:0}.comment__actions button:hover{color:var(--point)}.cform{display:flex;flex-direction:column;gap:6px;padding:9px 10px;border-top:1px solid var(--border);background:var(--surface-alt)}.cform.reply-form{margin:6px 0 2px;border:1px solid var(--border);background:var(--surface)}.cform textarea{width:100%;min-height:56px;resize:vertical;padding:7px 9px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);font-size:13px;outline:none}.cform textarea:focus{border-color:var(--text-muted)}.cform__foot{display:flex;justify-content:flex-end;gap:6px;align-items:center}.reappear{margin-top:20px}.reappear__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:5px;margin-bottom:0;border-bottom:2px solid var(--line-heavy)}.reappear__head h2{font-size:13px;font-weight:700}.reappear__head h2 .board-link:hover{color:var(--point)}.head-action{display:flex;align-items:center;gap:6px}.form-card{max-width:400px;margin:26px auto;background:var(--surface);border:1px solid var(--border-strong);border-top:2px solid var(--line-heavy);padding:22px 22px 24px}.form-card--wide{max-width:100%;margin:0;padding:0;border:none;background:transparent}.form-card h1{font-size:17px;font-weight:700;margin-bottom:3px;letter-spacing:-.02em}.form-card .sub{color:var(--text-muted);font-size:12px;margin-bottom:16px}.field{margin-bottom:11px}.field label{display:block;font-size:12px;font-weight:600;color:var(--text-soft);margin-bottom:4px}.field .hint{font-size:11px;color:var(--text-muted);font-weight:400;margin-left:5px}.input,.select,.textarea{width:100%;padding:7px 9px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);font-size:13px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--text-muted)}.textarea{resize:vertical;line-height:1.7}.field-row{display:flex;gap:6px;align-items:flex-start}.field-row .input{flex:1 1}.char-count{text-align:right;font-size:11px;color:var(--text-muted);margin-top:3px}.alert{padding:8px 10px;border-radius:var(--radius);font-size:12.5px;margin-bottom:11px;border:1px solid var(--border)}.alert--error{background:var(--point-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.alert--ok{background:var(--surface-alt);color:var(--text);border-color:var(--border-strong)}.alert__action{margin-top:5px;font-weight:600}.alert__action a{text-decoration:underline}.alert--info{background:var(--surface-alt);color:var(--text-soft)}.form-foot{margin-top:14px;display:flex;gap:6px}.form-foot--right{justify-content:flex-end}.form-foot--right .btn{min-width:92px}.form-links{margin-top:13px;text-align:center;font-size:12px;color:var(--text-muted)}.form-links a{color:var(--text-soft)}.form-links a:hover{color:var(--point);text-decoration:underline}.form-links .divider{margin:0 7px;color:var(--border-strong)}.writebar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.info-table{width:100%;border-collapse:collapse;font-size:13px}.info-table th{text-align:left;width:108px;color:var(--text-muted);font-weight:600;vertical-align:top}.info-table td,.info-table th{padding:7px 10px;border-bottom:1px solid var(--border)}.auth-hint,.muted{color:var(--text-muted)}.auth-hint{font-size:11px;font-weight:400;white-space:nowrap}.auth-hint--block{display:block;text-align:center;margin:-12px 0 14px}.center,.empty{text-align:center}.empty{padding:30px 12px;color:var(--text-muted);font-size:12.5px}.stack{display:flex;flex-direction:column;gap:12px}.subhead{font-size:13px;font-weight:700;margin:18px 0 7px;padding-bottom:4px;border-bottom:1px solid var(--border-strong)}.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:64px 12px 24px;overflow-y:auto;background:rgba(0,0,0,.45)}.modal{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border-strong);border-top:2px solid var(--line-heavy);box-shadow:0 8px 28px rgba(0,0,0,.25)}.modal__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border)}.modal__head h2{font-size:15px;font-weight:700;letter-spacing:-.02em}.modal__close{border:none;background:transparent;color:var(--text-muted);font-size:13px;line-height:1;padding:4px;cursor:pointer}.modal__close:hover{color:var(--text)}.modal__tabs{display:flex;border-bottom:1px solid var(--border-strong)}.modal__tabs button{flex:1 1;height:34px;background:var(--surface-alt);color:var(--text-muted);font-size:12.5px;font-weight:600;cursor:pointer;border:none;border-bottom:2px solid transparent}.modal__tabs button.on{background:var(--surface);color:var(--point);border-bottom-color:var(--point)}.modal__body{padding:14px 14px 16px}.modal__sub{color:var(--text-muted);font-size:12px;margin-bottom:12px}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:10px;gap:10px}.quiz-card{display:flex;flex-direction:column;gap:3px;padding:12px 12px 10px;background:var(--surface);border:1px solid var(--border);border-top:2px solid var(--line-heavy)}.quiz-card:hover{background:var(--surface-alt)}.quiz-card .qc__title{font-size:15px;font-weight:800;letter-spacing:-.03em}.quiz-card:hover .qc__title{color:var(--point)}.quiz-card .qc__sub{font-size:11.5px;color:var(--point);font-weight:600}.quiz-card .qc__desc{font-size:12px;color:var(--text-soft);line-height:1.6;margin-top:3px}.quiz-card .qc__meta{display:flex;align-items:center;gap:6px;margin-top:7px;padding-top:7px;border-top:1px solid var(--border);font-size:11.5px;color:var(--text-muted)}.quiz-card .qc__meta .n{color:var(--text-soft);font-weight:600}.quiz-card .qc__meta .bar{color:var(--border-strong)}.quiz-card .qc__meta .go{margin-left:auto;color:var(--point);font-weight:700}.quiz-note{margin-top:10px;font-size:11.5px;color:var(--text-muted)}.home-tests__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.home-tests__grid .quiz-card{border:0;padding:10px 12px;gap:2px}.home-tests__grid .quiz-card+.quiz-card{border-left:1px solid var(--border)}.home-tests__grid .quiz-card .qc__desc{margin-top:2px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.home-tests__grid .quiz-card .qc__meta{margin-top:6px;padding-top:6px}@media (max-width:640px){.home-tests__grid{grid-template-columns:1fr}.home-tests__grid .quiz-card+.quiz-card{border-left:0;border-top:1px solid var(--border)}}.quiz-other{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:12px}.quiz-other .label{color:var(--text-muted);font-size:11.5px}.quiz-other a{color:var(--text-soft)}.quiz-other a:hover{color:var(--point);text-decoration:underline}.quiz-run{background:var(--surface);border:1px solid var(--border);border-top:2px solid var(--line-heavy);padding:12px}.quiz-run__bar{height:4px;background:var(--surface-alt);border:1px solid var(--border)}.quiz-run__bar .fill{display:block;height:100%;background:var(--point);transition:width .15s linear}.quiz-run__step{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:8px;font-size:11.5px;color:var(--text-muted)}.quiz-run__step .now{color:var(--point);font-weight:700}.quiz-run__q{margin:8px 0 12px;font-size:16px;font-weight:700;line-height:1.5;letter-spacing:-.02em}.quiz-run__choices{display:flex;flex-direction:column;gap:6px}.quiz-choice{display:flex;align-items:flex-start;gap:8px;width:100%;padding:10px 11px;text-align:left;background:var(--surface-sub);border:1px solid var(--border-strong);border-radius:var(--radius);font-size:13.5px;line-height:1.5;cursor:pointer}@media (hover:hover) and (pointer:fine){.quiz-choice:hover{background:var(--point-soft);border-color:var(--point)}.quiz-choice:hover .no{background:var(--point);border-color:var(--point);color:#fff}}.quiz-choice.picked{border-color:var(--point);background:var(--point-soft)}.quiz-choice:disabled{opacity:.6;cursor:default}.quiz-choice .no{flex-shrink:0;width:17px;height:17px;margin-top:1px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-alt);border:1px solid var(--border-strong);font-size:10.5px;font-weight:700;color:var(--text-muted)}.quiz-choice.picked .no{background:var(--point);border-color:var(--point);color:#fff}.quiz-run__foot{display:flex;align-items:center;gap:10px;margin-top:12px}.quiz-run__foot .wait{font-size:12px;color:var(--point);font-weight:600}.quiz-result{background:var(--surface);border:1px solid var(--border);border-top:2px solid var(--line-heavy);padding:16px 14px 14px;margin-bottom:12px}.qr__head{padding-bottom:12px;border-bottom:1px solid var(--border)}.qr__kicker{display:block;font-size:11.5px;color:var(--text-muted)}.qr__name{display:flex;align-items:center;gap:8px;margin-top:4px}.qr__name h1{font-size:24px;font-weight:800;letter-spacing:-.04em;line-height:1.2}.qr__emoji{font-size:26px;line-height:1}.qr__tag{margin-top:5px;font-size:13.5px;color:var(--point);font-weight:700}.qr__score{margin-top:8px;font-size:12.5px;color:var(--text-soft)}.qr__score strong{font-size:19px;font-weight:800;color:var(--text);margin:0 1px}.qr__score .range{margin-left:5px;font-size:11.5px;color:var(--text-muted)}.qr__desc{margin-top:12px;font-size:13.5px;line-height:1.75;color:var(--text)}.qr__punch{margin-top:10px;padding:10px 11px;background:var(--surface-sub);border-left:2px solid var(--point);font-size:12.5px;line-height:1.7;color:var(--text-soft)}.qr__traits{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.qr__traits li{position:relative;padding-left:13px;font-size:13px;line-height:1.6;color:var(--text-soft)}.qr__traits li:before{content:"";position:absolute;left:2px;top:8px;width:4px;height:4px;background:var(--point)}.qr__pair{margin-top:12px;border:1px solid var(--border);border-left:2px solid var(--border-strong)}.qr__pair-row{display:flex;align-items:baseline;gap:8px;padding:7px 10px;font-size:12.5px;line-height:1.6}.qr__pair-row+.qr__pair-row{border-top:1px solid var(--border)}.qr__pair-row .k{flex-shrink:0;width:30px;font-weight:700;font-size:11.5px}.qr__pair-row .k.good{color:var(--down)}.qr__pair-row .k.bad{color:var(--point)}.qr__pair-row .v{color:var(--text-soft)}.qr__trait{margin-left:6px;font-size:14px;font-weight:700;letter-spacing:-.02em;color:var(--point);white-space:nowrap}.qr__hidden{margin-top:12px;padding:10px 11px;background:var(--surface-sub);border:1px solid var(--point)}.qr__hidden-tag{display:inline-block;padding:1px 6px;background:var(--point);color:var(--surface);font-size:10.5px;font-weight:800;letter-spacing:.02em}.qr__hidden-name{margin-top:6px;font-size:16px;font-weight:800;letter-spacing:-.03em;color:var(--text)}.qr__hidden-name .em{margin-right:2px}.qr__hidden-line{margin-top:5px;font-size:12.5px;line-height:1.7;color:var(--text-soft)}.qr__hidden-rare{margin-top:6px;font-size:11.5px;line-height:1.6;color:var(--text-muted)}.qr__axes{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.qr__axes-head{display:block;font-size:11.5px;font-weight:700;color:var(--text-muted)}.qr__you{margin-top:10px;display:flex;flex-direction:column;gap:6px}.qr__you p{padding:8px 10px;background:var(--surface-sub);border-left:2px solid var(--border-strong);font-size:12.5px;line-height:1.7;color:var(--text-soft)}.qr__stat{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.qr__stat-line{font-size:13px;font-weight:600}.qr__stat-line strong{color:var(--point);font-size:15px;font-weight:800}.qr__stat-line .sub{margin-left:6px;font-size:11.5px;font-weight:400;color:var(--text-muted)}.qr__bars{display:flex;flex-direction:column;gap:4px;margin-top:10px}.qr__bar{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--text-muted)}.qr__bar .nm{width:140px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr__bar .track{flex:1 1;height:9px;min-width:0;background:var(--surface-alt);border:1px solid var(--border)}.qr__bar .track .fill{display:block;height:100%;background:var(--border-strong)}.qr__bar .pc{width:32px;text-align:right;flex-shrink:0}.qr__bar.me{color:var(--text);font-weight:700}.qr__bar.me .track .fill{background:var(--point)}.quiz-share{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.quiz-share__row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.quiz-share__row .ok{font-size:11.5px;color:var(--point);font-weight:600}.quiz-share__url{margin-top:6px;font-size:11px;color:var(--text-muted);word-break:break-all}.qr__again{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}@media (max-width:640px){.quiz-grid{grid-template-columns:1fr;gap:8px}.quiz-run__q{font-size:15px}.quiz-choice{font-size:13px;padding:11px 10px}.qr__name h1{font-size:20px}.qr__bar .nm{width:112px}.bstrip__row a{height:44px}.tabbar a{padding:0 14px}.sortbar .sort a,.tabbar a{display:inline-flex;align-items:center;min-height:44px}.pager a,.pager span{min-width:44px;height:44px;font-size:13px}.dir-cell{min-height:44px}.quiz-choice{min-height:46px}.quiz-run__foot .btn{height:40px}.quiz-share__row .btn{flex:1 1;height:44px;font-size:13px}.quiz-share__row .ok{flex:1 0 100%}.qr__again .btn{height:44px}.quiz-other a{display:inline-flex;align-items:center;min-height:36px}.input{height:44px}.btn--lg{height:46px}.form-links a{display:inline-flex;align-items:center;min-height:44px}.comment__actions button{min-height:36px;padding:0 6px}.gnb__search{height:36px}.brand,.gnb__auth .plain,.gnb__auth .who{display:inline-flex;align-items:center;min-height:44px}.gnb__auth .btn--sm{height:34px}}.legal{max-width:860px}.legal__lead{font-weight:600;margin:0 0 8px}.legal__section{margin-top:22px}.legal__section h2{font-size:15px;margin:0 0 8px;padding-bottom:6px;border-bottom:2px solid var(--text)}.legal p{margin:0 0 8px;line-height:1.7}.legal ul{margin:0 0 10px;padding-left:18px}.legal li{line-height:1.7;margin-bottom:3px}.legal__table-wrap{overflow-x:auto;margin:0 0 12px}.legal table{width:100%;border-collapse:collapse}.legal td,.legal th{border:1px solid var(--border);padding:6px 8px;text-align:left;vertical-align:top;word-break:keep-all}.legal th{background:var(--surface-alt);font-weight:600;white-space:nowrap}.footer__links{margin-top:6px;display:flex;gap:12px;justify-content:center}.footer__links a{color:var(--text-soft)}