:root{--bg:#ffffff;--raised:#ffffff;--ink:#0f0f0f;--ink2:#6b6b6b;--ink3:#707070;--sep:#e8e8e8;--fill:#f2f2f2;--img:#eceef1;--danger:#c4281c;--grouped:#f2f2f7;--side:#f9f9f9;--sel:#f0f0f0;--dim:rgba(0,0,0,.36);--line:#d8d8d8;--toast:#1f1f1f;--toast-ink:#ffffff;--btn:#0f0f0f;--btn-ink:#ffffff;--shadow:0 8px 28px rgba(0,0,0,.16);color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--bg:#101012;--raised:#232327;--ink:#f4f4f5;--ink2:#a1a1a6;--ink3:#8e8e93;--sep:#2b2b2f;--fill:#242428;--img:#2b2b2f;--danger:#ff6b60;--grouped:#101012;--side:#151517;--sel:#242428;--dim:rgba(0,0,0,.36);--line:#3a3a3f;--toast:#f4f4f5;--toast-ink:#101012;--btn:#f4f4f5;--btn-ink:#101012;--shadow:0 8px 28px rgba(0,0,0,.5)}}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--ink)}body{font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,system-ui,sans-serif;font-size:15px;line-height:21px;word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{text-decoration:none}a,button{color:inherit}button{font:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:default}input,textarea{font:inherit;color:inherit}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ib{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:22px}.ib:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}svg{flex:none}.app{min-height:100dvh}.side{display:none}@media (min-width:1024px){.app{height:100dvh;overflow:hidden}.app,.side{display:flex}.side{flex-direction:column;width:232px;flex:none;background:var(--side);border-right:1px solid var(--sep);padding:14px 12px 16px}.main{flex:1 1;min-width:0;height:100dvh;overflow:hidden;display:flex}}.side .brand{font-size:16px;font-weight:700;padding:8px 10px 14px}.side .add{display:flex;align-items:center;gap:6px;height:36px;padding:0 10px;border:1px solid var(--sep);border-radius:8px;background:var(--bg);color:var(--ink2);font-size:13px;margin-bottom:10px;width:100%}.side .add kbd{margin-left:auto;font:inherit;font-size:12px;color:var(--ink2)}.side nav a{display:flex;align-items:center;gap:12px;height:36px;padding:0 10px;border-radius:8px;font-size:14px;margin-bottom:0}.side nav a[aria-current=page]{background:var(--sel);font-weight:500}.side .legal{margin-top:auto;padding:0 10px;font-size:11px;line-height:17px;color:var(--ink2)}.legal a:hover{text-decoration:underline}.feedwrap{width:100%}@media (min-width:1024px){.feedwrap{display:flex;height:100dvh}.feedcol{width:400px;flex:none;border-right:1px solid var(--sep);overflow-y:auto;height:100dvh}.pane{flex:1 1;min-width:0;height:100dvh;display:flex;flex-direction:column;position:relative}}@media (max-width:1023px){.feedwrap.is-content .feedcol,.feedwrap.is-home .pane{display:none}}.bar{position:-webkit-sticky;position:sticky;top:0;z-index:5;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 4px 0 16px;background:var(--bg)}.bar .t{font-size:16px;font-weight:700;letter-spacing:-.01em}.bar.back{padding-left:4px;justify-content:flex-start}.bar.back .t{flex:1 1}.bar .acts{display:flex}@media (min-width:1024px){.mo{display:none!important}}@media (max-width:1023px){.de{display:none!important}}.dbar{height:48px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 4px 0 16px;border-bottom:1px solid var(--sep);font-size:15px;font-weight:600}.dbar.plain{border-bottom:0;justify-content:flex-end}.rows{list-style:none;margin:0;padding:4px 0}.lrow{display:flex;gap:12px;padding:10px 16px;align-items:flex-start}.lrow:hover,.lrow[aria-current=page]{background:var(--sel)}.thumb{flex:none;width:104px;height:59px;border-radius:8px;overflow:hidden;background:var(--img)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.lrow .tx{flex:1 1;min-width:0}.lrow .tt{margin:0;font-size:14px;line-height:19px;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta{display:flex;align-items:center;gap:5px;margin-top:3px;font-size:12px;line-height:16px;color:var(--ink2);min-width:0}.meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legal-foot{padding:16px;font-size:11px;line-height:16px}.legal-foot,.legal-foot a{color:var(--ink2)}.content{padding-bottom:88px}@media (min-width:1024px){.content{flex:1 1;overflow-y:auto;padding:16px 0 24px}.content>.in{max-width:600px;margin:0 auto;padding:0 16px}}.card{display:flex;gap:12px;margin:4px 16px 16px;padding:10px;border:1px solid var(--sep);border-radius:12px}@media (min-width:1024px){.card{margin:0 0 16px}}.card .tt{margin:0;font-size:14px;line-height:19px;font-weight:600}.card .desc,.card .tt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .desc{margin:4px 0 0;font-size:13px;line-height:18px;color:var(--ink2)}.card.web{flex-direction:column;gap:0}.sec{padding:0 16px}@media (min-width:1024px){.sec{padding:0}}.sh{display:flex;align-items:center;gap:6px;padding:4px 0 6px;font-size:13px;color:var(--ink2);font-weight:400}.h2,.sh{margin:0}.h2{padding:16px 0 4px;font-size:15px;font-weight:700}.orow{display:flex;gap:12px;justify-content:space-between;padding:7px 0}.orow p{margin:0;flex:1 1}.orow .lk{flex:none;font-size:13px}.more,.orow .lk{color:var(--ink2)}.more{display:inline-block;padding:8px 0 15px;font-size:12px}.none{margin:0;padding:2px 0 14px;font-size:13px;color:var(--ink2)}.hr{height:1px;background:var(--sep);margin:0;border:0}.crow{display:flex;gap:8px;align-items:flex-start;padding:7px 0;scroll-margin-top:80px}.crow .bd{flex:1 1;min-width:0;margin:0;white-space:pre-wrap}.crow .bd.clip{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.crow .side-meta{flex:none;display:flex;align-items:center;margin:-12px -12px -12px 0;color:var(--ink2);font-size:13px}.crow .side-meta .ib{width:36px}.crow .note{display:block;margin-top:2px;font-size:13px}.crow .lnk,.crow .muted,.crow .note{color:var(--ink2)}.crow .lnk{font-size:13px;padding:2px 0;text-decoration:underline;text-underline-offset:2px}.crow.flash{animation:flash 2.4s ease-out}@keyframes flash{0%,40%{background:var(--sel)}to{background:transparent}}@media (prefers-reduced-motion:reduce){.crow.flash{animation:none;background:var(--sel)}}.hidden-n{padding:8px 0;font-size:13px;color:var(--ink2)}.empty-line{margin:0;padding:8px 0 14px;color:var(--ink2)}.center{min-height:60dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px;font-weight:600}@media (min-width:1024px){.center{min-height:0;flex:1 1}}.pill{height:36px;padding:0 16px;border-radius:18px;font-size:14px;font-weight:500;display:inline-flex;align-items:center}.offline,.pill{background:var(--fill)}.offline{margin:0 16px 8px;padding:8px 12px;border-radius:8px;font-size:13px;color:var(--ink2)}@media (min-width:1024px){.offline{margin:0 0 12px}}.sk{background:var(--img);border-radius:6px}.skrow{display:flex;gap:12px;padding:10px 16px}.skrow .l{flex:1 1;display:flex;flex-direction:column;gap:8px;padding-top:4px}.dock{position:fixed;left:0;right:0;bottom:0;z-index:10;background:var(--bg);border-top:1px solid var(--sep);padding:8px 16px calc(8px + env(safe-area-inset-bottom))}@media (min-width:1024px){.dock{position:static;border-top:0;padding:8px 16px 16px}.dock>.in{max-width:600px;margin:0 auto}}.field{gap:8px}.box,.field{display:flex;align-items:flex-end}.box{flex:1 1;min-width:0;min-height:44px;border-radius:22px;background:var(--fill);padding:0 6px 0 16px}@media (min-width:1024px){.box{border-radius:12px;background:var(--bg);border:1px solid var(--sep);min-height:46px}}.box input,.box textarea{flex:1 1;min-width:0;border:0;outline:0;background:transparent;resize:none;padding:11px 0;font-size:16px;line-height:22px;max-height:calc(22px * 4 + 22px)}@media (min-width:1024px){.box input,.box textarea{font-size:15px}}.box .hint{flex:none;padding:0 10px;font-size:12px}.box .clear,.box .hint{align-self:center;color:var(--ink2)}.box .clear{width:36px;height:36px}.box .act{align-self:center;padding:0 10px;font-size:14px;font-weight:600}.send{width:44px;height:44px;border-radius:22px;background:var(--btn);color:var(--btn-ink);display:inline-flex;align-items:center;justify-content:center;flex:none}.send:disabled{opacity:.35}.err,.over{display:flex;justify-content:space-between;gap:8px;padding:0 4px 6px;font-size:13px;color:var(--danger)}.err{align-items:center}.err button{color:var(--ink);font-weight:600;font-size:13px;padding:4px 0}.spin{width:18px;height:18px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.dim{inset:0;z-index:40;background:var(--dim)}.dim,.sheet{position:fixed}.sheet{left:0;right:0;bottom:0;z-index:41;background:var(--raised);border-radius:14px 14px 0 0;padding:8px 0 calc(12px + env(safe-area-inset-bottom));max-height:85dvh;overflow-y:auto}.sheet .grab{width:36px;height:4px;border-radius:2px;background:#d4d4d4;margin:0 auto 8px}.sheet .st{margin:0;padding:12px 20px 8px;font-size:16px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.sheet .sd{margin:-4px 0 8px;padding:0 20px;font-size:13px;color:var(--ink2)}.mi{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 20px;text-align:left;font-size:15px}.mi.danger{color:var(--danger)}.mi:disabled{opacity:.4}.mi .ck,.mi.go:after{margin-left:auto}.mi.go:after{content:"›";font-size:22px;color:var(--ink2)}.bigbtn{display:block;width:calc(100% - 32px);margin:12px 16px 0;height:48px;border-radius:10px;background:var(--btn);color:var(--btn-ink);font-weight:600}.bigbtn:disabled{opacity:.35}.dialog{position:fixed;z-index:41;left:50%;top:50%;transform:translate(-50%,-50%);width:min(320px,calc(100% - 48px));background:var(--raised);border-radius:14px;padding:20px 20px 16px;box-shadow:var(--shadow)}.dialog h2{margin:0 0 6px;font-size:16px}.dialog p{margin:0;font-size:14px;color:var(--ink2)}.dialog .btns{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.dialog .btns button{height:36px;padding:0 14px;border-radius:8px;font-weight:600;font-size:14px}.dialog .btns .cancel,.dialog .btns .danger{background:var(--fill)}.dialog .btns .danger{color:var(--danger)}.dialog .btns .primary{background:var(--btn);color:var(--btn-ink)}.dialog .btns .primary:disabled{opacity:.35}.dialog.wide{width:360px;padding:16px 8px 12px}.dialog.wide h2{padding:0 12px 8px}.dialog.wide .mi{min-height:40px;padding:0 12px;border-radius:8px;font-size:14px}.dialog.wide .mi[aria-checked=true]{background:var(--sel)}.dialog.wide .btns{padding:0 8px}.pop{position:fixed;z-index:41;min-width:200px;background:var(--raised);border-radius:10px;box-shadow:var(--shadow);padding:6px}.pop .mi{min-height:36px;padding:0 10px;font-size:14px;border-radius:6px}.pop .mi:hover{background:var(--sel)}.toast{position:fixed;z-index:60;left:16px;right:16px;bottom:calc(68px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:0 16px;border-radius:10px;background:var(--toast);font-size:14px;box-shadow:var(--shadow)}.toast,.toast button{color:var(--toast-ink)}.toast button{font-weight:600;padding:10px 0 10px 12px}@media (min-width:1024px){.toast{left:auto;right:auto;bottom:88px;left:calc(232px + 400px + (100vw - 632px) / 2);transform:translateX(-50%);min-width:320px}.toast.wide{left:calc(232px + (100vw - 232px) / 2)}}.adder{position:fixed;z-index:41;left:0;right:0;bottom:0;padding:8px 16px calc(8px + env(safe-area-inset-bottom))}.adder,.adder .pv{background:var(--bg)}.adder .pv{display:flex;gap:12px;padding:10px;border:1px solid var(--sep);border-radius:12px;margin-bottom:8px}.adder .pv .tt{margin:0;font-size:14px;line-height:19px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.adder .bad{padding:0 4px 8px;font-size:13px;color:var(--danger)}.adder .ld{height:81px;margin-bottom:8px;border-radius:12px}@media (min-width:1024px){.adder{left:50%;top:72px;bottom:auto;transform:translateX(-50%);width:560px;border-radius:12px;box-shadow:var(--shadow);padding:0;background:var(--raised);overflow:hidden}.adder .field{padding:6px 6px 6px 14px;border-bottom:1px solid var(--sep)}.adder .box{background:transparent;border:0;padding:0}.adder .send{display:none}.adder .pv{margin:8px;border:0;background:var(--sel)}.adder .ld{margin:8px}.adder .bad{padding:10px 14px 0}.adder .foot{display:flex;justify-content:space-between;padding:10px 14px;font-size:12px;color:var(--ink2)}}.page{width:100%}@media (min-width:1024px){.page{height:100dvh;overflow-y:auto}.page>.in{max-width:680px;margin:0 auto}}.mrow{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--sep)}.mrow .bd{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mrow .tx{flex:1 1;min-width:0}.mrow .meta{margin-top:4px}.mrow .meta .grow{flex:1 1}.mrow .note{display:block;margin-top:2px;font-size:13px;color:var(--ink2)}.set a,.set button{display:flex;align-items:center;width:100%;min-height:52px;padding:0 16px;border-bottom:1px solid var(--sep);text-align:left;font-size:15px}.set .danger{color:var(--danger)}.hrow{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--sep)}.hrow .tx{flex:1 1;min-width:0}.hrow .bd{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hrow .meta{margin-top:2px}.hrow .pill{flex:none;height:44px;padding:0 14px;border-radius:22px;font-size:13px;font-weight:600;background:transparent;border:1px solid var(--sep)}.doc{padding:8px 16px 40px;line-height:24px}.doc,.doc h2{font-size:15px}.doc h2{margin:20px 0 6px}.doc li,.doc p{color:var(--ink)}.doc .eff{color:var(--ink2);font-size:13px}.orow{gap:28px}.crow{gap:20px}.bar.back .ib:first-child{width:30px;margin-left:2px}.box input::placeholder,.box textarea::placeholder{color:var(--ink2);opacity:1}@media (min-width:1024px){.dock>.in{max-width:568px}.content>.in>.hr{margin:0 -16px}}.crow .lnk{text-decoration:none;font-weight:600;color:var(--ink)}.crow .lnk.more-t{font-weight:400;color:var(--ink2)}.dialog:not(.wide) .btns button{flex:1 1;height:44px}@media (min-width:1024px){.dialog:not(.wide){width:400px}}.bar.back .ib:first-child,.box .act,.box .clear,.crow .lnk,.crow .side-meta .ib,.err button,.legal-foot a,.pill,.side .legal a,.toast button{position:relative}.bar.back .ib:first-child:after,.box .act:after,.box .clear:after,.crow .lnk:after,.crow .side-meta .ib:after,.err button:after,.legal-foot a:after,.pill:after,.toast button:after{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.mrow .tx{min-height:44px}.side .legal a:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:24px;transform:translate(-50%,-50%)}@media (min-width:1024px) and (pointer:coarse){.side .brand{padding-bottom:15px}.side .add,.side nav a{height:44px}.dialog.wide .mi,.pop .mi{min-height:44px}.dialog .btns button{height:44px}.side .legal a:after{width:max(100%,44px);height:44px}}.dialog:focus,.pop:focus,.sheet:focus{outline:none}.bigbtn:focus-visible,.dialog .btns .primary:focus-visible,.send:focus-visible{outline-offset:2px}.toast button:focus-visible{outline-color:var(--toast-ink)}.retry-line{margin:0;padding:8px 0 14px;font-size:13px;color:var(--ink2)}.feedcol .retry-line,.page .retry-line{padding:12px 16px}.retry-line .lnk{position:relative;font-size:13px;font-weight:600;color:var(--ink);margin-left:4px}.retry-line .lnk:after{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:44px;transform:translate(-50%,-50%)}.feedcol .offline,.page .offline{margin:8px 16px}.more-spin{height:56px;display:flex;align-items:center;justify-content:center;color:var(--ink2)}.more-spin svg{animation:spin .8s linear infinite}.sk-lines{display:flex;flex-direction:column;gap:14px;padding-bottom:16px}@media (max-width:1023px){.feedcol>.center{min-height:calc(100dvh - 104px)}}@media (min-width:1024px){.feedwrap.is-empty .dbar,.feedwrap.is-empty .pane{display:none}.feedwrap.is-empty .feedcol{width:100%;border-right:0;display:flex;flex-direction:column}.feedwrap.is-empty .feedcol>.center{flex:1 1}}.center{font-size:16px;gap:14px;padding:0 32px}.center .pill{height:44px;padding:0 18px;border-radius:22px;background:transparent;border:1px solid var(--sep);font-weight:600}@media (max-width:1023px){.center{min-height:calc(100dvh - 44px)}.feedcol>.center{min-height:calc(100dvh - 104px)}}.page>.in:has(>.center){display:flex;flex-direction:column}@media (min-width:1024px){.page:has(.center){display:flex;flex-direction:column}.page>.in:has(>.center){flex:1 1;width:100%;max-width:none}.feedwrap:has(.notfound) .feedcol{display:none}.err-wrap{flex:1 1;display:flex;flex-direction:column;min-height:0}}.dialog h2{font-size:17px;line-height:24px;font-weight:600}.crow .note{color:var(--danger);line-height:18px}.keys{display:none}@media (min-width:1024px){.box{border-color:var(--line)}.toast,.toast.wide{min-width:0;min-height:40px;padding:0 6px 0 16px;gap:6px;white-space:nowrap}.toast:not(:has(button)){padding:0 16px}.toast button{padding:0 10px;height:40px}body:has(.dock .box.typing) .toast{bottom:124px}.dialog.wide{width:420px;padding:16px}.dialog.wide .btns{padding:0}.dock .box.typing{flex-direction:column;align-items:stretch;padding:10px 12px 8px 16px;border-color:var(--ink)}.dock .box.typing textarea{padding:0;line-height:21px}.keys{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font-size:12px;color:var(--ink3)}.keys .send{position:relative;width:32px;height:32px;border-radius:16px}.keys .send .spin{width:14px;height:14px}.keys .send:disabled{opacity:1}.dock .box.typing.bad{padding:10px 16px;border-color:var(--danger)}.dock .box.bad textarea{min-height:62px;max-height:62px;overflow-y:auto}.adder{top:120px;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.28)}.adder .field{min-height:52px;padding:0 8px 0 16px;align-items:center}.adder .box{min-height:0;align-items:center;gap:10px;flex:1 1}.adder .box input{padding:0;font-size:16px;height:44px}.adder .lead{display:flex;color:var(--ink2)}.dbar.sub{justify-content:flex-start;padding-left:6px}}@media (min-width:1024px) and (pointer:coarse){.keys .send:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}}