html:has(#kr-home-app){background:#070a10}html.kr-home-nav-open{overflow:hidden}#kr-home-app{--home-text: #eef0f6;--home-sub: #a6abbb;--home-mute: #7d8294;--home-line: rgba(255, 255, 255, .09);--home-panel: rgba(255, 255, 255, .025);--home-cyan: #00e5f0;--home-purple: #a78bfa;isolation:isolate;min-height:100vh;background:#070a10;color:var(--home-text);font-size:16px;line-height:1.7em;& svg.ic,svg.info-ic{flex-shrink:0;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sr_only{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0);white-space:nowrap}& a:focus-visible,button:focus-visible{outline:2px solid var(--home-cyan);outline-offset:2px}.ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.glow{position:absolute;border-radius:50%;animation:kr_home_drift 28s ease-in-out infinite alternate;&.glow_1{top:-320px;left:28%;width:820px;height:620px;background:radial-gradient(closest-side,rgba(0,190,220,.24),rgba(0,190,220,.08) 55%,transparent)}&.glow_2{top:-300px;right:-220px;width:900px;height:700px;background:radial-gradient(closest-side,rgba(110,70,240,.36),rgba(90,60,220,.12) 55%,transparent);animation-duration:34s;animation-direction:alternate-reverse}&.glow_3{top:38%;right:4%;width:640px;height:520px;background:radial-gradient(closest-side,rgba(60,90,220,.16),transparent);animation-duration:40s}}@media (prefers-reduced-motion: reduce){.glow{animation:none}}>.wrap{min-height:100vh;display:grid;grid-template-columns:272px minmax(0,1fr);@media (max-width: 1000px){grid-template-columns:minmax(0,1fr);align-content:start}}}#kr-home-app{.sub{position:sticky;top:0;padding:30px 20px 24px;height:100vh;display:flex;flex-direction:column;overflow-y:auto;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);border-right:1px solid rgba(255,255,255,.07);@media (max-width: 1000px){position:static;padding:12px 16px;height:auto;overflow:visible;border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}}.bar{margin-bottom:40px;padding:0 8px;display:flex;align-items:center;gap:10px;@media (max-width: 1000px){margin-bottom:0;padding:0}}.brand{display:flex;flex-direction:column;color:var(--home-text);.name{font-size:34px;font-weight:900;line-height:1.2em;letter-spacing:.04em;@media (max-width: 1000px){font-size:24px}}.tagline{margin-top:4px;color:var(--home-sub);font-size:14px;line-height:1.4em;@media (max-width: 1000px){margin-top:2px;font-size:12px}}}.bar_login{margin-left:auto;padding:8px 14px;display:none;border:1px solid rgba(167,139,250,.55);border-radius:10px;color:var(--home-text);font-size:14px;font-weight:700;line-height:1.4em;@media (max-width: 1000px){display:block}}.menu_btn,.nav_close{width:44px;height:44px;display:none;place-items:center;border:1px solid var(--home-line);border-radius:10px;color:var(--home-text);font-size:22px}.menu_btn{@media (max-width: 1000px){display:grid}}.nav_backdrop{display:none;@media (max-width: 1000px){position:fixed;inset:0;z-index:40;display:block;background:rgba(3,5,10,.6);&[hidden]{display:none}}}}#kr-home-app{.nav{flex:1;display:flex;flex-direction:column;@media (max-width: 1000px){position:fixed;top:0;bottom:0;left:0;z-index:50;padding:14px 14px 24px;width:100%;max-width:320px;display:none;overflow-y:auto;background:#0b0e16;border-right:1px solid var(--home-line);box-shadow:12px 0 40px #00000073;&.is_open{display:flex}&.is_in{animation:kr_home_nav_in .28s cubic-bezier(.22,.61,.36,1)}&.is_out{animation:kr_home_nav_out .2s cubic-bezier(.55,.06,.68,.19)}}@media (prefers-reduced-motion: reduce){&.is_in,&.is_out{animation:none}}}.nav_head{margin-bottom:12px;display:none;align-items:center;justify-content:space-between;@media (max-width: 1000px){display:flex}}.nav_title{padding-left:8px;color:var(--home-sub);font-size:14px;font-weight:700}.nav_close{@media (max-width: 1000px){display:grid}}.nav_main{display:flex;flex-direction:column;gap:4px;& a{padding:14px 16px;display:flex;align-items:center;gap:16px;border-radius:10px;color:#d5d8e2;font-size:16px;line-height:1.5em;transition:background .2s,color .2s;& svg.ic{font-size:22px}}& a.is_current{background:rgba(0,229,240,.08);box-shadow:inset 3px 0 0 var(--home-cyan);color:var(--home-cyan);font-weight:700}}.nav_sub{margin-top:auto;padding-top:20px;display:flex;flex-direction:column;gap:2px;border-top:1px solid rgba(255,255,255,.07);& a{padding:10px 16px;display:flex;align-items:center;gap:14px;border-radius:10px;color:var(--home-sub);font-size:15px;line-height:1.5em;transition:background .2s,color .2s;& svg.ic{font-size:20px}}@media (max-width: 1000px){margin-top:20px}}@media (hover: hover){.nav_main a:not(.is_current):hover,.nav_sub a:hover{background:rgba(255,255,255,.04);color:var(--home-text)}}.nav_foot{margin-top:18px;padding:18px 16px 0;border-top:1px solid rgba(255,255,255,.07);.legal{display:flex;flex-wrap:wrap;gap:4px 14px;& a{color:var(--home-mute);font-size:12px;line-height:1.6em}}.copyright{margin-top:10px;color:var(--home-mute);font-size:13px;line-height:1.6em}}}#kr-home-app{.main{padding:28px 40px 40px;min-width:0;max-width:1240px;@media (max-width: 1200px){padding:26px 32px 36px}@media (max-width: 1000px){padding:20px 24px 32px}@media (max-width: 600px){padding:18px 16px 28px}}.head{display:flex;align-items:center;justify-content:space-between;gap:16px}.crumb{display:flex;align-items:center;gap:12px;color:var(--home-sub);font-size:14px;line-height:1.5em;letter-spacing:.08em;& svg.ic{font-size:20px}}.login_btn{padding:12px 22px;display:flex;align-items:center;gap:10px;border:1.5px solid rgba(190,196,230,.45);border-radius:10px;color:var(--home-text);font-size:16px;font-weight:700;line-height:1.4em;transition:border-color .2s,background .2s;& svg.ic{font-size:20px}@media (max-width: 1000px){display:none}}.main>.ttl{margin-top:16px;font-size:44px;font-weight:900;line-height:1.3em;letter-spacing:.02em;& span{display:inline-block}@media (max-width: 1200px){font-size:40px}@media (max-width: 900px){font-size:36px}@media (max-width: 700px){margin-top:12px;font-size:32px}@media (max-width: 500px){font-size:28px}@media (max-width: 400px){font-size:24px}}.lead{margin-top:6px;color:var(--home-sub);font-size:20px;line-height:1.6em;text-wrap:balance;@media (max-width: 900px){font-size:18px}@media (max-width: 600px){font-size:16px}@media (max-width: 400px){font-size:14px}}}#kr-home-app{.tools{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:20px 32px;@media (max-width: 900px){flex-direction:column;align-items:stretch}}.tabs{padding:5px;display:flex;gap:4px;background:rgba(255,255,255,.03);border:1px solid var(--home-line);border-radius:12px;@media (max-width: 900px){align-self:flex-start}@media (max-width: 500px){align-self:stretch}}.tab{padding:10px 30px;border-radius:9px;color:#c9ccd8;font-size:16px;font-weight:500;line-height:1.5em;white-space:nowrap;transition:background .2s,color .2s;&.is_active{background:rgba(0,229,240,.14);color:var(--home-cyan);font-weight:700}@media (max-width: 600px){padding:10px 18px}@media (max-width: 500px){flex:1;padding:10px 6px;font-size:15px}}@media (hover: hover){.tab:not(.is_active):hover{background:rgba(255,255,255,.05);color:var(--home-text)}.login_btn:hover{background:rgba(255,255,255,.04);border-color:#bec4e6bf}}.search{flex:0 1 628px;min-width:0;@media (max-width: 900px){flex:none}}.search_box{padding:11px 18px;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.16);border-radius:12px;color:var(--home-sub);cursor:text;transition:border-color .2s;&:focus-within{border-color:var(--home-cyan)}& svg.ic{font-size:22px}& input{flex:1;min-width:0;background:transparent;border:0;outline:none;color:var(--home-text);font-size:16px;line-height:1.5em;&::placeholder{color:var(--home-mute)}}}}#kr-home-app{.panel{margin-top:24px;&[hidden]{display:none}}.sec_info_specialist{margin-bottom:0}.entries{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;@media (max-width: 760px){grid-template-columns:minmax(0,1fr);gap:10px}}.entry{--entry-bg: rgba(16, 185, 129, .14);--entry-ic: #34d399;padding:18px 20px;height:100%;display:grid;grid-template-columns:56px minmax(0,1fr) 20px;align-items:center;gap:18px;background:var(--home-panel);border:1px solid var(--home-line);border-radius:14px;color:var(--home-text);transition:background .2s,border-color .2s;&.tone_blue{--entry-bg: rgba(59, 130, 246, .16);--entry-ic: #8fb2ff}&.tone_indigo{--entry-bg: rgba(99, 102, 241, .18);--entry-ic: #b4bcfe}@media (max-width: 1200px){padding:16px;grid-template-columns:48px minmax(0,1fr) 18px;gap:14px}}.entry_icon{aspect-ratio:1;display:grid;place-items:center;background:var(--entry-bg);border-radius:12px;color:var(--entry-ic);font-size:26px}.entry_text{display:flex;flex-direction:column;gap:2px;& strong{font-size:17px;font-weight:700;line-height:1.5em}& span{color:var(--home-sub);font-size:14px;line-height:1.6em}}.entry_arrow{color:var(--home-mute);font-size:20px}@media (hover: hover){.entry:hover{background:rgba(255,255,255,.05);border-color:#ffffff2e}}}#kr-home-app{.list_head{margin-bottom:14px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 16px}.list_ttl{font-size:22px;font-weight:700;line-height:1.4em;@media (max-width: 600px){font-size:20px}}.list_all{display:inline-flex;align-items:center;gap:6px;color:var(--home-cyan);font-size:15px;font-weight:700;line-height:1.5em;& svg.ic{font-size:18px}}.special_rows{margin-bottom:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;@media (max-width: 760px){grid-template-columns:minmax(0,1fr)}}.row{--row-accent: var(--home-cyan);padding:16px 18px;height:100%;display:flex;flex-direction:column;gap:2px;background:var(--home-panel);border:1px solid var(--home-line);border-left:3px solid var(--row-accent);border-radius:12px;color:var(--home-text);&.type_video{--row-accent: var(--home-purple)}}.row_kind,.item_kind{color:var(--row-accent, var(--home-cyan));font-size:13px;font-weight:700;line-height:1.5em}.row_ttl,.item_ttl{font-size:17px;font-weight:700;line-height:1.5em}.row_desc,.item_desc{color:var(--home-sub);font-size:14px;line-height:1.7em}.items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;@media (max-width: 760px){grid-template-columns:minmax(0,1fr)}}.item{padding:16px 18px;height:100%;display:flex;flex-direction:column;gap:4px;background:var(--home-panel);border:1px solid var(--home-line);border-radius:12px;color:var(--home-text);transition:background .2s,border-color .2s;&.tone_video{--row-accent: var(--home-purple)}}.item_desc{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.item_meta{margin-top:auto;padding-top:6px;color:var(--home-mute);font-size:13px;line-height:1.5em}@media (hover: hover){.row:hover,.item:hover{background:rgba(255,255,255,.05);border-color:#ffffff2e}.row:hover{border-left-color:var(--row-accent)}}.list_state{padding:22px 20px;background:var(--home-panel);border:1px dashed var(--home-line);border-radius:12px;color:var(--home-sub);font-size:15px;line-height:1.7em;& a{color:var(--home-cyan);text-decoration:underline}}.retry{margin-top:10px;padding:8px 16px;display:inline-block;border:1px solid var(--home-cyan);border-radius:8px;color:var(--home-cyan);font-size:14px;font-weight:700}}#kr-home-app{.login_bar{margin-top:20px;padding:14px 22px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;background:rgba(255,255,255,.02);border:1px solid var(--home-line);border-radius:12px;color:var(--home-sub);font-size:15px;line-height:1.6em;>svg.ic{font-size:22px}@media (max-width: 600px){padding:14px 16px;font-size:14px}}.login_text{flex:1;min-width:0}.login_link{display:inline-flex;align-items:center;gap:6px;color:var(--home-purple);font-size:16px;font-weight:700;& svg.ic{font-size:18px}}}@keyframes kr_home_drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-90px,60px,0) scale(1.12)}}@keyframes kr_home_nav_in{0%{transform:translate(-100%)}}@keyframes kr_home_nav_out{to{transform:translate(-100%)}}#kr-home-app .sec_info_specialist{margin-bottom:24px;.wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;@media (max-width: 700px){grid-template-columns:minmax(0,1fr);gap:14px}}.card{--card-accent: #00f2ff;--card-line: rgba(0, 242, 255, .55);--card-tint: rgba(0, 242, 255, .06);--card-soft: rgba(0, 242, 255, .08);overflow:hidden;display:flex;flex-direction:column;container-type:inline-size;background:linear-gradient(180deg,var(--card-tint),transparent 70%),#10131c;border:2px solid var(--card-line);border-radius:16px;color:var(--text-primary, #f0f0f5);text-decoration:none;transition:border-color .3s;&.type_video{--card-accent: #c9adff;--card-line: rgba(168, 85, 247, .6);--card-tint: rgba(168, 85, 247, .07);--card-soft: rgba(168, 85, 247, .08)}&:focus-visible{outline:3px solid var(--card-accent);outline-offset:3px}}.image{overflow:hidden;display:grid;aspect-ratio:2 / 1;background:#181b26;& img{grid-area:1 / 1;width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s cubic-bezier(.22,.61,.36,1)}}.badge{grid-area:1 / 1;z-index:1;justify-self:end;align-self:start;margin:14px;padding:6px 14px;background:#7c3aed;border-radius:999px;color:#fff;font-size:14px;font-weight:700;line-height:1.4em;letter-spacing:.04em}.body{flex:1;padding:22px 26px;display:flex;flex-direction:column;@container (max-width: 399px){padding:18px 20px 20px}}.ttl{margin:0;font-size:40px;font-weight:700;line-height:1.3em;& span{display:block}@container (max-width: 459px){font-size:40px}@container (max-width: 399px){font-size:36px}@container (max-width: 339px){font-size:32px}@container (max-width: 299px){font-size:28px}}.copy{margin:12px 0 0;color:var(--text-secondary, #a0a0b8);font-size:20px;line-height:1.6em;text-wrap:balance;@container (max-width: 459px){font-size:18px}@container (max-width: 399px){font-size:16px}}.credit{margin:6px 0 18px;color:var(--text-muted, #8b8fa3);font-size:15px;line-height:1.6em;@container (max-width: 399px){margin-bottom:16px;font-size:14px}}.action{margin-top:auto;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid var(--card-accent);border-radius:12px;color:var(--card-accent);font-size:16px;font-weight:700;line-height:1.4em;transition:background .3s;& svg.info-ic{width:20px;height:20px}}.is_preparing{cursor:default;.action{background:var(--card-soft);border-color:#a855f759;color:#b9a6dc}}@media (hover: hover){& a.card:hover{border-color:var(--card-accent);.image img{transform:scale(1.08)}.action{background:var(--card-soft)}}}@media (prefers-reduced-motion: reduce){.image img{transition:none}& a.card:hover .image img{transform:none}}}
