:root{--bg: #f5f7fb;--surface: #ffffff;--surface-2: #eef1f7;--ink: #1b2433;--ink-2: #5f6b80;--ink-3: #98a2b5;--line: #e7ebf3;--line-soft: #f0f2f7;--brand: #3b4fa8;--brand-strong: #31429a;--brand-cta: #4456c7;--brand-ink: #ffffff;--accent-soft: #eef1fb;--accent-on-soft: #31429a;--navbar: #222a3a;--navbar-ink: #f3f6fc;--navbar-ink-2: #aab3c5;--navbar-accent: #8aa0ff;--hero-from: #3b4fa8;--hero-to: #5b7ba8;--danger: #d04949;--shadow: 0 2px 10px rgba(31, 49, 82, .05);--fs-hero: clamp(1.55rem, 1.15rem + 2vw, 2.3rem);--fs-h1: clamp(1.35rem, 1.1rem + 1.2vw, 1.85rem);--fs-h2: clamp(1.12rem, 1rem + .5vw, 1.35rem);--fs-h3: 1.05rem;--radius: 14px;--radius-sm: 9px;--content: 1080px;--measure: 40rem;--bp: 860px}:root[data-theme=dark]{--bg: #0e1117;--surface: #141923;--surface-2: #1a212d;--ink: #f3f6fc;--ink-2: #aab3c5;--ink-3: #7e8aa0;--line: #232a36;--line-soft: #1e2530;--brand: #7c9bff;--brand-strong: #5b73e8;--brand-cta: #5b73e8;--accent-soft: #1b2440;--accent-on-soft: #aebcff;--navbar: #141923;--navbar-ink: #f3f6fc;--navbar-ink-2: #aab3c5;--navbar-accent: #8aa0ff;--hero-from: #1b2440;--hero-to: #0e1117;--shadow: none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0e1117;--surface: #141923;--surface-2: #1a212d;--ink: #f3f6fc;--ink-2: #aab3c5;--ink-3: #7e8aa0;--line: #232a36;--line-soft: #1e2530;--brand: #7c9bff;--brand-strong: #5b73e8;--brand-cta: #5b73e8;--accent-soft: #1b2440;--accent-on-soft: #aebcff;--navbar: #141923;--navbar-ink: #f3f6fc;--navbar-ink-2: #aab3c5;--navbar-accent: #8aa0ff;--hero-from: #1b2440;--hero-to: #0e1117;--shadow: none}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Pretendard,Apple SD Gothic Neo,Segoe UI,-apple-system,Malgun Gothic,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.topbar{position:sticky;top:0;z-index:30;background:var(--navbar)}.topbar-inner{display:flex;align-items:center;gap:12px;height:54px;max-width:var(--content);margin:0 auto;padding:0 16px}.brand{font-size:16px;font-weight:800;letter-spacing:-.3px;color:var(--navbar-ink)}.brand b{color:var(--navbar-accent);font-weight:800}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:14px;color:var(--navbar-ink-2)}.topbar-actions a,.topbar-actions button{color:var(--navbar-ink-2);background:transparent;border:0;cursor:pointer;font-size:18px;line-height:1;display:inline-flex;align-items:center}.topbar-actions a:hover,.topbar-actions button:hover{color:var(--navbar-ink)}.lang-btn{font-size:12px!important;font-weight:700}.login-btn{display:inline-flex;align-items:center;gap:5px;font-size:13px!important;font-weight:600;color:#dfe5f3!important;border:1px solid #3c465a!important;padding:7px 14px;border-radius:8px}:root[data-theme=dark] .login-btn,:root:not([data-theme=light]) .login-btn{border-color:#2b3340!important}.hero{background:linear-gradient(135deg,var(--hero-from),var(--hero-to));color:#fff}.hero-inner{max-width:var(--content);margin:0 auto;padding:34px 16px 36px;text-align:center}.hero-eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.4px;opacity:.9}.hero-title{font-size:var(--fs-hero);font-weight:800;line-height:1.22;letter-spacing:-.5px;margin:6px 0 16px}.hero-cta{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;padding:10px 18px;border-radius:10px;background:#fff;color:var(--brand-strong)}:root[data-theme=dark] .hero-cta,:root:not([data-theme=light]) .hero-cta{background:var(--brand-strong);color:#fff}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .hero-cta{background:#fff;color:var(--brand-strong)}}.breadcrumb{max-width:var(--content);margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-3)}.breadcrumb .cur{color:var(--brand);font-weight:600}.layout{display:flex;gap:28px;max-width:var(--content);margin:0 auto;padding:8px 16px 40px}.sidebar{width:210px;flex:0 0 210px}.main{flex:1;min-width:0}.sb-group{font-size:11px;font-weight:700;color:var(--ink-3);letter-spacing:.4px;margin:6px 10px}.sb-group:not(:first-child){margin-top:18px}.sb-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-2);padding:7px 10px;border-radius:8px}.sb-item:hover{background:var(--surface-2)}.sb-item.active{background:var(--accent-soft);color:var(--accent-on-soft);font-weight:600}.sb-bucket{display:block;font-size:13px;font-weight:600;color:var(--ink);padding:7px 10px}.sb-sys{display:block;font-size:12.5px;color:var(--ink-3);padding:5px 10px 5px 22px;border-radius:0 8px 8px 0}.sb-sys:hover{color:var(--ink-2)}.sb-sys.active{color:var(--accent-on-soft);font-weight:600;background:var(--accent-soft);border-left:3px solid var(--brand);padding-left:19px}.mnav{background:var(--surface);border-bottom:1px solid var(--line)}.tabs,.subtabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;max-width:var(--content);margin:0 auto;padding:10px 16px}.tabs::-webkit-scrollbar,.subtabs::-webkit-scrollbar{display:none}.subtabs{padding-top:0;padding-bottom:10px}.tab{flex:0 0 auto;font-size:13.5px;font-weight:600;padding:7px 14px;border-radius:999px;border:1px solid var(--line);color:var(--ink-2);white-space:nowrap;background:var(--surface)}.tab.active{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.chip{flex:0 0 auto;font-size:12.5px;padding:5px 12px;border-radius:999px;border:1px solid var(--line);color:var(--ink-2);white-space:nowrap;background:var(--surface)}.chip.active{background:var(--accent-soft);color:var(--accent-on-soft);border-color:transparent;font-weight:600}.main-head{display:flex;align-items:center;gap:10px;margin:4px 0 14px}.main-title{font-size:17px;font-weight:800;color:var(--ink)}.write-btn{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:#fff;background:var(--brand-cta);padding:8px 15px;border-radius:8px;border:0;cursor:pointer}.sortbar{display:flex;align-items:center;margin:0 0 8px}.sortbar .sort{margin-left:auto;font-size:12.5px;color:var(--ink-3);display:inline-flex;gap:10px}.sortbar .sort a.active{color:var(--ink);font-weight:600}.section-h{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--ink);margin:18px 0 10px}.section-h .ac{color:var(--brand)}.pop-panel{background:var(--accent-soft);border:1px solid var(--line);border-radius:var(--radius);padding:4px 16px;margin-bottom:8px;box-shadow:var(--shadow)}.pop-row{display:flex;align-items:center;gap:12px;padding:10px 2px;border-bottom:1px solid rgba(128,140,170,.18)}.pop-row:last-child{border-bottom:0}.pop-row:hover .pop-title{color:var(--brand)}.pop-rank{flex:0 0 22px;text-align:center;font-size:15px;font-weight:800;color:var(--ink-3)}.pop-rank.r1{color:#e0a924}.pop-rank.r2{color:#9aa3b5}.pop-rank.r3{color:#c0815a}.pop-title{flex:1;min-width:0;font-size:14px;font-weight:500;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pop-likes{flex:0 0 auto;font-size:12.5px;color:var(--brand);font-weight:700}.featured{display:block;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:var(--shadow);margin-bottom:8px}.featured-cover{height:120px;background:linear-gradient(135deg,var(--accent-soft),var(--surface-2));display:flex;align-items:flex-end;padding:12px 14px}.featured-cover .ft-title{font-size:15px;font-weight:800;color:var(--ink);line-height:1.35}.featured-meta{padding:9px 14px;font-size:11.5px;color:var(--ink-3);display:flex;gap:12px}.glist-d{display:block}.gt-head,.gt-row{display:grid;grid-template-columns:1fr 110px 92px 60px 54px;align-items:center}.gt-head{padding:9px 8px;border-bottom:2px solid var(--line);font-size:12px;color:var(--ink-3);font-weight:600}.gt-head span:not(:first-child),.gt-row>span:not(.gt-title){text-align:center}.gt-row{padding:11px 8px;border-bottom:1px solid var(--line-soft);font-size:13px}.gt-row:hover{background:var(--surface)}.gt-title{color:var(--ink);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gt-row .meta{color:var(--ink-2);font-size:12px}.gt-row .meta.sub{color:var(--ink-3)}.glist-m{display:none;flex-direction:column}.grow{display:flex;gap:11px;align-items:center;padding:11px 2px;border-bottom:1px solid var(--line-soft)}.grow-thumb{flex:0 0 48px;height:48px;border-radius:var(--radius-sm);background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--ink-3);font-size:19px;overflow:hidden}.grow-thumb img{width:100%;height:100%;object-fit:cover}.grow-body{min-width:0;flex:1}.grow-title{font-size:14px;font-weight:600;color:var(--ink);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.grow-meta{font-size:11.5px;color:var(--ink-3);margin-top:3px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pill{font-size:11px;padding:1px 7px;border-radius:6px;background:var(--accent-soft);color:var(--accent-on-soft);font-weight:600}.empty{color:var(--ink-3);text-align:center;padding:52px 20px;font-size:14px}.pager{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px;font-size:13px;color:var(--ink-3)}.pager a,.pager span.n{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}.pager .cur{background:var(--brand);color:#fff;font-weight:700}.more-btn{display:block;width:100%;text-align:center;padding:11px;margin-top:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink-2);font-size:13.5px;cursor:pointer}.fab{position:fixed;right:16px;bottom:18px;width:54px;height:54px;border-radius:50%;background:var(--brand-cta);color:#fff;display:none;align-items:center;justify-content:center;font-size:23px;box-shadow:0 6px 18px #4456c773;z-index:40}.article-wrap{max-width:var(--content);margin:0 auto;padding:8px 16px 40px}.article-head{padding:14px 0 6px}.article-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}.article-title{font-size:var(--fs-h1);font-weight:800;letter-spacing:-.5px;line-height:1.3;margin:4px 0 12px}.article-meta{font-size:12.5px;color:var(--ink-3);display:flex;gap:12px;flex-wrap:wrap}.toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 16px;margin:16px 0;box-shadow:var(--shadow);max-width:var(--measure)}.toc-h{font-size:12px;font-weight:700;color:var(--ink-3);margin-bottom:6px}.toc a{display:block;font-size:13.5px;color:var(--ink-2);padding:3px 0}.toc a.lv3{padding-left:14px;font-size:13px;color:var(--ink-3)}.toc a:hover{color:var(--brand)}.content{max-width:var(--measure);margin:14px 0 32px;color:var(--ink);font-size:16px;line-height:1.78}.content>*{max-width:100%}.content h2{font-size:var(--fs-h2);font-weight:800;margin:28px 0 10px;scroll-margin-top:64px}.content h3{font-size:var(--fs-h3);font-weight:700;margin:20px 0 8px;scroll-margin-top:64px}.content p{margin:0 0 14px}.content ul,.content ol{margin:0 0 14px;padding-left:22px}.content li{margin:4px 0}.content img{border-radius:10px;margin:10px 0}.content a{color:var(--brand);text-decoration:underline;text-underline-offset:2px}.yt-facade{position:relative;width:100%;aspect-ratio:16/9;margin:14px 0;background-size:cover;background-position:center;border-radius:12px;cursor:pointer}.yt-facade:after{content:"";position:absolute;inset:0;background:#0000002e;border-radius:12px}.yt-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;width:66px;height:46px;border-radius:13px;background:#000000bd}.yt-play:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-40%,-50%);border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}.yt-facade iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:12px}.modal-overlay{position:fixed;inset:0;z-index:60;background:#0f141e80;display:flex;align-items:center;justify-content:center;padding:24px}.modal-overlay[hidden]{display:none}.modal{width:100%;max-width:380px;background:var(--surface);border-radius:var(--radius);padding:28px 24px 20px;text-align:center;box-shadow:0 12px 40px #00000040}.modal-msg{font-size:15px;color:var(--ink);line-height:1.6;margin:0 0 22px}.modal-actions{display:flex;gap:10px}.modal-actions button{flex:1;height:46px;border:0;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer}.btn-cancel{background:var(--surface-2);color:var(--ink-2)}.btn-ok{background:var(--brand-strong);color:#fff}.login-card{max-width:380px;margin:40px auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.login-card h1{font-size:18px;font-weight:800;text-align:center;margin:0;padding:22px 0;border-bottom:1px solid var(--line);background:var(--surface-2)}.login-body{padding:28px 22px 24px}.sso-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:50px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;margin-bottom:12px;border:1px solid var(--line);background:#fff;color:#1b2433}.sso-google{background:#fff;color:#1b2433;border:1px solid #dadce0}.sso-apple{background:#000;color:#fff;border:1px solid #000}.login-note{text-align:center;font-size:12.5px;color:var(--ink-3);line-height:1.7;margin-top:22px}.search-form{display:flex;gap:8px;margin:0 0 16px}.search-form input{flex:1;height:42px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:15px;background:var(--surface);color:var(--ink)}.search-form input::placeholder{color:var(--ink-3)}.search-form button{height:42px;padding:0 18px;border:0;border-radius:var(--radius-sm);background:var(--brand);color:var(--brand-ink);font-size:14px;font-weight:700;cursor:pointer}@media(max-width:860px){.sidebar{display:none}.layout{display:block;padding:0 16px 28px;gap:0}.breadcrumb,.glist-d{display:none}.glist-m{display:flex}.fab{display:inline-flex}.login-btn .label{display:none}.login-btn{padding:0!important;border:0!important;font-size:20px!important}.main-head .write-btn,.hero-cta{display:none}}@media(min-width:861px){.mnav{display:none}}