/*! Naptarak.com © 2026 — All rights reserved.
    Unauthorized use prohibited. https://naptarak.com */
.kr-page{max-width:880px;margin:0 auto}.page-hero{margin-bottom:var(--space-lg)}.page-hero__row{display:flex;align-items:center;gap:var(--space-md)}.page-hero__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--border-radius);color:#fff;box-shadow:0 4px 15px #45dfb04d}.page-hero__title{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:0;color:var(--color-text)}.page-hero__intro{color:var(--color-text-light);font-size:var(--font-size-base);margin-bottom:0}.kr-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--space-sm);margin-bottom:var(--space-lg)}.kr-type{position:relative;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-card);border:2px solid var(--color-border-light);border-left:5px solid var(--t-color);border-radius:var(--border-radius-lg);overflow:hidden;transition:all .2s ease}.kr-type:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--t-color),var(--t-color2));opacity:.07;transition:opacity .2s ease}.kr-type>*{position:relative;z-index:1}.kr-type:hover{border-color:var(--t-color);transform:translateY(-3px);box-shadow:0 8px 20px color-mix(in srgb,var(--t-color) 25%,transparent)}.kr-type:hover:before{opacity:.15}.kr-type__icon{font-size:40px;flex-shrink:0}.kr-type strong{display:block;font-size:var(--font-size-lg);color:var(--t-color);font-weight:800}.kr-type small{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:3px;line-height:1.35}.kr-quiz-wrap{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.kr-progress{width:100%;height:8px;background:var(--color-border-light);border-radius:4px;overflow:hidden;margin-bottom:4px}.kr-progress__bar{width:0%;height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:4px;transition:width .3s ease}.kr-progress__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md);text-align:right;font-weight:600}.kr-question{padding:var(--space-sm) 0;animation:kr-fade .35s ease}.kr-question[hidden]{display:none}@keyframes kr-fade{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.kr-q-text{font-size:var(--font-size-xl);font-weight:800;color:var(--color-text);margin-bottom:var(--space-md);line-height:1.3}.kr-options{display:grid;gap:10px}.kr-option{display:flex;align-items:center;gap:12px;padding:14px 18px;border:2px solid var(--color-border-light);border-radius:var(--border-radius);cursor:pointer;transition:all .15s ease}.kr-option:hover{border-color:var(--color-primary);background:#45dfb00f;transform:translate(3px)}.kr-option input{accent-color:var(--color-primary);flex-shrink:0;width:18px;height:18px}.kr-option input:checked+.kr-option__text{color:var(--color-primary-dark);font-weight:700}.kr-option:has(input:checked){border-color:var(--color-primary);background:#45dfb01a}.kr-option__text{color:var(--color-text);font-size:var(--font-size-base)}.kr-nav{display:flex;gap:10px;align-items:center;margin-top:var(--space-lg);padding-top:var(--space-md);border-top:2px solid var(--color-border-light)}.kr-nav-btn{padding:12px 22px;background:var(--color-primary);color:#fff;border:0;border-radius:var(--border-radius);cursor:pointer;font-weight:700;font-size:var(--font-size-base);transition:all .15s ease}.kr-nav-btn:hover{background:var(--color-secondary);transform:translateY(-1px)}.kr-nav-btn--ghost{background:transparent;color:var(--color-text-secondary);border:1.5px solid var(--color-border-light);margin-right:auto}.kr-nav-btn--ghost:hover{background:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}.kr-nav-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.kr-nav-btn:disabled:hover{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border-light)}.kr-eval-btn{padding:12px 28px;background:var(--color-primary);color:#fff;border:0;border-radius:var(--border-radius);cursor:pointer;font-weight:800;font-size:var(--font-size-base);transition:all .15s ease}.kr-eval-btn:hover{background:var(--color-secondary);transform:translateY(-1px);box-shadow:0 6px 16px #3baadd4d}.kr-loading{padding:var(--space-2xl) var(--space-xl);background:linear-gradient(135deg,var(--color-bg-card),var(--color-bg));border:2px solid var(--color-secondary);border-radius:var(--border-radius-lg);margin-bottom:var(--space-lg);text-align:center;box-shadow:0 12px 32px #3baadd26}.kr-loading__spinner{font-size:48px;animation:kr-spin 2s linear infinite;display:inline-block}@keyframes kr-spin{to{transform:rotate(360deg)}}.kr-loading__text{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);margin:var(--space-md) 0;line-height:1.5}.kr-loading__bar{width:100%;height:16px;background:var(--color-border-light);border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.kr-loading__fill{width:0%;height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:999px;box-shadow:0 0 12px #45dfb080}.kr-loading__pct{font-size:var(--font-size-2xl);font-weight:800;font-family:var(--font-mono);color:var(--color-secondary);margin-top:var(--space-sm)}.kr-result{padding:var(--space-xl);background:linear-gradient(135deg,var(--color-bg-card),var(--color-bg));border:2px solid var(--color-primary);border-radius:var(--border-radius-lg);margin-bottom:var(--space-lg);box-shadow:0 12px 32px #45dfb026}.kr-result__head{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--color-border-light)}.kr-result__icon{font-size:64px;flex-shrink:0}.kr-result__title{font-size:28px;font-weight:800;color:var(--color-text);margin:0}.kr-result__sub{color:var(--color-text-secondary);margin:4px 0 0;font-size:var(--font-size-sm)}.kr-result__desc{color:var(--color-text);line-height:1.7;margin-bottom:var(--space-lg)}.kr-result__desc p{margin:0 0 var(--space-sm) 0}.kr-result__desc p:last-child{margin-bottom:0}.kr-result__desc strong{color:var(--color-primary-dark)}:global([data-theme=dark]) .kr-result__desc strong{color:var(--color-primary)}.kr-schedule-title{font-size:var(--font-size-lg);font-weight:800;color:var(--color-text);margin-bottom:var(--space-md)}.kr-schedule{display:flex;flex-direction:column;gap:8px}.kr-schedule-row{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 14px;background:var(--color-bg);border-radius:var(--border-radius);border-left:3px solid var(--color-primary)}.kr-schedule-time{font-family:var(--font-mono);font-weight:800;color:var(--color-primary-dark)}.kr-schedule-task{color:var(--color-text)}.kr-result__scores{display:flex;flex-direction:column;gap:10px;margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px dashed var(--color-border-light)}.kr-scores-title{font-size:var(--font-size-base);font-weight:800;color:var(--color-text);margin-bottom:4px}.kr-score-row{display:grid;grid-template-columns:130px 1fr 44px;gap:10px;align-items:center}.kr-score-row__name{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--color-text);font-size:var(--font-size-sm)}.kr-score-row__bar{height:14px;background:var(--color-border-light);border-radius:999px;overflow:hidden}.kr-score-row__fill{height:100%;border-radius:999px;transition:width .8s cubic-bezier(.22,1,.36,1)}.kr-score-row__pct{text-align:right;font-family:var(--font-mono);font-weight:700;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.kr-score-row--win .kr-score-row__name{color:var(--color-primary-dark)}.kr-result__note{margin-top:var(--space-lg);padding:var(--space-md);background:#3baadd14;border-left:4px solid var(--color-secondary);border-radius:6px;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}:global([data-theme=dark]) .kr-result__note{background:#3baadd24;color:#cbd5e1}.seo-content{margin-top:var(--space-lg)}.seo-card{background:var(--color-bg-card);border-radius:var(--border-radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light)}.seo-card h2{font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--space-md)}.seo-card h3{font-size:var(--font-size-lg);margin-top:var(--space-lg);color:var(--color-primary-dark)}:global([data-theme=dark]) .seo-card h3{color:var(--color-primary)}.seo-card p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-sm)}.seo-card ul{color:var(--color-text-secondary);line-height:1.8;padding-left:1.25rem}.seo-card li{margin-bottom:var(--space-xs)}.seo-card a{color:var(--color-primary-dark);text-decoration:underline}.faq-section{margin-top:var(--space-lg)}.faq-section__title{font-size:var(--font-size-xl);margin-bottom:var(--space-lg)}.faq-list{display:flex;flex-direction:column;gap:.5rem}.faq-item{background:var(--color-bg-card);border-radius:var(--border-radius);border:1px solid var(--color-border-light);overflow:hidden;transition:all var(--transition-normal)}.faq-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;list-style:none;font-weight:600;color:var(--color-text);font-size:var(--font-size-base)}.faq-item summary::-webkit-details-marker{display:none}.faq-item__icon{flex-shrink:0;color:var(--color-text-muted);transition:transform var(--transition-fast)}.faq-item[open] .faq-item__icon{transform:rotate(180deg)}.faq-item__answer{padding:0 1.25rem 1rem}.faq-item__answer p{color:var(--color-text-secondary);line-height:1.6}:global([data-theme=dark]) .kr-type,:global([data-theme=dark]) .kr-quiz-wrap,:global([data-theme=dark]) .kr-result,:global([data-theme=dark]) .kr-loading{background:var(--color-bg-card);border-color:#ffffff14}:global([data-theme=dark]) .kr-type{border-left-color:var(--t-color)}:global([data-theme=dark]) .kr-loading{border-color:var(--color-secondary)}:global([data-theme=dark]) .kr-option{background:#ffffff05;border-color:#ffffff14}:global([data-theme=dark]) .kr-option:hover,:global([data-theme=dark]) .kr-option:has(input:checked){background:#45dfb01f}:global([data-theme=dark]) .kr-option__text{color:#f1f5f9}:global([data-theme=dark]) .kr-q-text,:global([data-theme=dark]) .kr-loading__text{color:#f1f5f9}:global([data-theme=dark]) .kr-nav-btn--ghost{color:#cbd5e1;border-color:#ffffff1f}:global([data-theme=dark]) .kr-schedule-row{background:#ffffff08}:global([data-theme=dark]) .kr-loading__bar,:global([data-theme=dark]) .kr-score-row__bar{background:#ffffff14}@media(max-width:600px){.kr-types{grid-template-columns:1fr 1fr}.kr-type__icon{font-size:32px}.kr-type strong{font-size:var(--font-size-base)}.kr-type small{font-size:var(--font-size-xs)}.kr-result__head{flex-direction:column;align-items:flex-start}.kr-result__icon{font-size:48px}.kr-result__title{font-size:22px}.kr-schedule-row{grid-template-columns:80px 1fr}.kr-score-row{grid-template-columns:100px 1fr 40px}.kr-q-text{font-size:var(--font-size-lg)}.kr-quiz-wrap{padding:var(--space-md)}.kr-nav-btn,.kr-eval-btn{padding:11px 16px;font-size:var(--font-size-sm)}}
