:root{--bg:#f2f5f9;--surface:#fff;--fg:#212124;--fg2:#4d5159;--muted:#6b7079;--line:#eaebee;--field:#fff;--accent:#0a6bb8;--link:#004379;--soft:#e8f4fc;--on:#fff;--btn:#004379;--paper:#fff;--talk:#eef6fc;--good:#2e7d4c;--goodbg:#e3f4e8;--danger:#c0352b;--dangerbg:#fdecea;--dangerbtn:#c0352b;--overlay:#14101e8c;--hl:#ffe14d;--hlbox:#fffbe0;--display:"Pretendard Variable",Pretendard,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;--body:"Pretendard Variable",Pretendard,"Apple SD Gothic Neo","Malgun Gothic",sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#141418;--surface:#212126;--fg:#f1f1f3;--fg2:#c6c8ce;--muted:#9a9da6;--line:#33343b;--field:#2a2a30;--soft:#14283a;--link:#6fc3f0;--accent:#4db3e8;--paper:#26262c;--talk:#16293a;--goodbg:#1c3326;--good:#7fd39f;--danger:#ff8a80;--dangerbg:#3a1e1c;--hl:#ffd60a6b;--hlbox:#2e2a18;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#141418;--surface:#212126;--fg:#f1f1f3;--fg2:#c6c8ce;--muted:#9a9da6;--line:#33343b;--field:#2a2a30;--soft:#14283a;--link:#6fc3f0;--accent:#4db3e8;--paper:#26262c;--talk:#16293a;--goodbg:#1c3326;--good:#7fd39f;--danger:#ff8a80;--dangerbg:#3a1e1c;--hl:#ffd60a6b;--hlbox:#2e2a18;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{padding-top:env(safe-area-inset-top,0px);zoom:var(--fs,1.15)}.fs-opts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}body{background:var(--bg);color:var(--fg);font-family:var(--body);margin:0;padding:28px 16px 64px;font-size:15px}a{color:inherit;cursor:pointer;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.hidden{display:none!important}.wrap{flex-direction:column;gap:24px;max-width:1000px;margin:0 auto;display:flex}.row{flex-wrap:wrap;align-items:center;gap:16px 24px;display:flex}.row.top{align-items:flex-start}.main{flex-direction:column;flex:999 560px;gap:20px;min-width:0;display:flex}.side{flex-direction:column;flex:300px;gap:12px;min-width:0;display:flex}.head{flex-direction:row;align-items:center;gap:16px;display:flex}.logo{font-family:var(--display);color:var(--accent);white-space:nowrap;align-items:center;gap:6px;font-size:30px;font-weight:800;display:flex}.logo i,.hero-logo i{background:var(--accent);border-radius:7px 7px 7px 2px;width:22px;height:22px;display:inline-block}.pill{background:var(--field);border-radius:99px;align-items:center;gap:10px;min-width:0;height:56px;padding:0 22px;display:flex;box-shadow:0 1px 3px #0000000f}.search{flex:1}.pill input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:16px}.pill input::placeholder{color:var(--muted)}.pill button{color:var(--fg);background:0 0;border:0;padding:0;display:flex}.navlinks{flex-flow:row;justify-content:flex-end;gap:2px;display:flex}.hdr .navlinks{flex:0 auto}.navlinks a{color:var(--fg2);white-space:nowrap;border-radius:99px;padding:8px 7px;font-size:13.5px;font-weight:800}.navlinks a.cur{background:var(--surface);color:var(--fg)}.offline{background:var(--dangerbg);color:var(--danger);border-radius:12px;padding:10px 14px;font-size:14px;font-weight:800}.banner{color:var(--on);text-align:left;background:linear-gradient(135deg,#004379,#0a6bb8);border:0;border-radius:14px;align-items:center;gap:16px;width:100%;min-height:104px;padding:22px 26px;display:flex}.banner small{opacity:.92;font-size:13px;font-weight:800}.banner b{font-family:var(--display);text-wrap:balance;margin-top:4px;font-size:30px;font-weight:800;display:block}.banner .go{white-space:nowrap;background:#fff3;border-radius:99px;margin-left:auto;padding:8px 14px;font-size:14px;font-weight:800}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.tile{background:var(--surface);text-align:left;border:2px solid #0000;border-radius:14px;flex-direction:column;justify-content:space-between;height:94px;padding:16px;display:flex;position:relative}.tiles.big .tile{height:110px}.mk{color:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:900;display:inline-flex}.tile .nm{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:800;display:block;overflow:hidden}.tile .sub{color:var(--muted);font-size:12px;font-weight:700}.tile.on{border-color:var(--accent)}.ck{background:var(--accent);width:20px;height:20px;color:var(--on);border-radius:50%;justify-content:center;align-items:center;display:none;position:absolute;top:12px;right:12px}.tile.on .ck{display:flex}.tile.util .mk{background:var(--fg2)}h1.pg{text-wrap:balance;margin:0;font-size:26px;font-weight:900}.pgsub{color:var(--fg2);margin:-12px 0 0;font-size:14px;font-weight:700;line-height:1.5}h2.sec{align-items:center;gap:8px;margin:8px 0 0;font-size:21px;font-weight:900;display:flex}h3{flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;font-size:15px;font-weight:900;display:flex}h3 small{color:var(--muted);font-size:13px;font-weight:700}.list{background:var(--surface);border-radius:14px;padding:4px 20px}.it{border-bottom:1px solid var(--line);text-align:left;background:0 0;border-top:0;border-left:0;border-right:0;align-items:flex-start;gap:14px;width:100%;padding:18px 0;display:flex}.it:last-child{border-bottom:0}.it .n{font-variant-numeric:tabular-nums;width:18px;font-size:18px;font-weight:800}.it .tx{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.it .q{word-break:keep-all;font-size:16px;font-weight:800;line-height:1.45}.it .m{color:var(--muted);font-size:13px;font-weight:700}.it.locked{color:var(--muted);cursor:default}.it .heart{color:var(--accent)}.thumb{width:96px;height:96px;font-family:var(--display);color:#fff;word-break:keep-all;border-radius:10px;flex:none;align-items:flex-end;padding:10px;font-size:20px;font-weight:800;line-height:1.15;display:flex;overflow:hidden}img.thumb{object-fit:cover;padding:0}.empty{text-align:center;color:var(--muted);padding:36px 12px;font-weight:700}.box{background:var(--surface);border-radius:14px;flex-direction:column;gap:12px;padding:20px;display:flex}.lbl{color:var(--muted);align-items:center;gap:6px;font-size:13px;font-weight:800;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--soft);color:var(--link);border:0;border-radius:99px;padding:6px 11px;font-size:13px;font-weight:800}.chip.plain{background:var(--surface);color:var(--fg2)}.chip.cur{background:var(--btn);color:var(--on)}.bar{background:var(--line);border-radius:6px;height:6px;overflow:hidden}.bar i{background:var(--accent);height:100%;transition:width .2s;display:block}.btn{background:var(--btn);min-height:46px;color:var(--on);text-align:center;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:900;display:flex}.btn.line{background:var(--surface);color:var(--fg);border:1px solid var(--line);font-weight:800}.btn.danger{background:var(--dangerbtn);color:var(--on)}.btn.big{min-height:54px;font-size:17px}.btn.violet{background:#5e44a3}.w100{width:100%}.g{border:2px solid;border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:900;display:inline-flex}.desc{color:var(--fg2);font-size:14px;font-weight:700;line-height:1.55}.link-row{text-align:left;flex-direction:row;align-items:center;gap:12px;width:100%;display:flex}button.link-row{background:0 0;border:0;padding:0}.link-row b{font-size:15px;display:block}.link-row span{color:var(--muted);margin-top:2px;font-size:13px;font-weight:700;display:block}.menu{gap:0;padding:6px 20px}.menu .link-row{border-bottom:1px solid var(--line);padding:14px 0}.menu .link-row:last-child{border-bottom:0}.foot{color:var(--muted);font-size:12px;font-weight:700;line-height:1.7}.foot a{text-decoration:underline}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.stat{background:var(--bg);text-align:center;border-radius:10px;padding:12px 6px}.stat b{font-variant-numeric:tabular-nums;font-size:20px;font-weight:900;display:block}.stat span{color:var(--muted);font-size:12px;font-weight:700}.ai-tag{background:var(--soft);color:var(--link);border-radius:6px;padding:2px 7px;font-size:11px;font-weight:900}.ask{gap:6px;display:flex}.ask input{border:1px solid var(--line);background:var(--field);border-radius:10px;outline:none;flex:1;min-width:0;height:44px;padding:0 12px}.ask .btn{min-height:44px}.gen{color:var(--fg2);align-items:center;gap:8px;font-size:13px;font-weight:700;line-height:1.5;display:flex}.gen .spin{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;flex:none;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.m-only,.tabbar{display:none}@media (max-width:560px){body{padding:0 16px calc(84px + env(safe-area-inset-bottom,0px))}.wrap{gap:16px}.navlinks,.side .cont{display:none}.m-only{display:flex}.hdr{z-index:5;background:var(--bg);margin:0 -16px;padding:12px 16px 10px;position:sticky;top:0}.head{flex-wrap:wrap;gap:10px}.logo{font-size:24px}.search{flex-basis:100%;height:46px;padding:0 16px}.pill input{font-size:15px}.main{gap:16px}.banner{min-height:0;padding:16px 18px}.banner b{font-size:22px}.banner .go{display:none}.tiles{gap:8px}.tile,.tiles.big .tile{text-align:center;justify-content:flex-start;align-items:center;gap:6px;height:auto;padding:12px 4px 10px}.tile .mk{width:30px;height:30px;font-size:14px}.tile .nm{max-width:100%;font-size:12.5px}.tile .sub{font-size:11px}.ck{width:16px;height:16px;top:6px;right:6px}h1.pg{font-size:22px}h2.sec{font-size:18px}.list{padding:0 16px}.it{gap:10px;padding:14px 0}.it .q{font-size:15px}.thumb{width:68px;height:68px;padding:8px;font-size:15px}.card{min-height:380px;padding:20px}.card h1{font-size:32px}.card .pic{margin:0 -20px}.card .pic figcaption{padding:0 20px}.wgrid,.opts2{grid-template-columns:1fr}.kw{font-size:21px}.main>.sec-block+.sec-block{margin:4px -16px 0;padding:22px 16px 0}.ctrl .sq{width:48px;height:48px}.ctrl .btn{min-height:48px}.solo{margin-top:16px}.solo .box{padding:28px 20px}.toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}.tabbar{z-index:6;background:var(--surface);border-top:1px solid var(--line);padding:6px 0 calc(8px + env(safe-area-inset-bottom,0px));grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--muted);flex-direction:column;align-items:center;gap:3px;padding:4px 0;font-size:11px;font-weight:800;display:flex}.tabbar a.cur{color:var(--fg)}body.solo-on .tabbar{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.sign{text-align:right;margin:8px 0 0;font-weight:800}.it .year{width:auto;min-width:48px;color:var(--accent);font-family:var(--display);font-size:20px;font-weight:800}.dots{flex-direction:column;gap:6px;margin:0;padding:0 0 0 16px;font-weight:700;line-height:1.5;list-style:outside;display:flex}.logo-img{width:100%;max-width:360px;height:auto;margin:8px auto 0;display:block}.swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.swatch{background:var(--surface);text-align:center;border-radius:14px;flex-direction:column;padding-bottom:10px;display:flex;overflow:hidden}.swatch i{height:64px;display:block}.swatch b{margin-top:8px;font-size:14px}.swatch span{color:var(--muted);font-size:12px;font-weight:700}.main>.btn,.box>.btn{align-self:flex-start}@media (max-width:560px){.swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}.tag{background:var(--goodbg);color:var(--good);border-radius:6px;margin-left:8px;padding:2px 7px;font-size:11px;font-weight:900;display:inline-block}.tag.off{background:var(--line);color:var(--muted)}.facts{flex-direction:column;gap:8px;margin:0;display:flex}.facts div{gap:10px;font-size:14px;display:flex}.facts dt{width:64px;color:var(--muted);flex:none;font-weight:800}.facts dd{margin:0;font-weight:700}.md{overflow-wrap:anywhere;font-size:15px;font-weight:600;line-height:1.65}.md h2{margin:22px 0 6px;font-size:18px;font-weight:900}.md h2:first-child{margin-top:0}.md p{margin:8px 0}.md ul{margin:8px 0;padding-left:20px}.md li{margin:4px 0}.md blockquote{border-left:4px solid var(--accent);background:var(--soft);border-radius:0 10px 10px 0;margin:12px 0;padding:10px 14px}.md blockquote p{margin:0}.md table{border-collapse:collapse;margin:12px 0;font-size:14px;display:block;overflow-x:auto}.md th,.md td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 10px}.md th{background:var(--bg);font-weight:900}
