.pk{gap:12px;margin-top:28px;display:grid}.pk-step{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:16px;padding:16px 18px;transition:border-color .2s}.pk-step[data-open=true]{border-color:hsl(var(--primary) / .45);box-shadow:0 18px 40px -28px hsl(var(--primary) / .6)}.pk-step-head{align-items:center;gap:12px;display:flex}.pk-step-num{background:hsl(var(--primary) / .12);width:30px;height:30px;color:hsl(var(--primary));border-radius:999px;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.pk-step-num[data-done=true]{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.pk-step-title{letter-spacing:.09em;text-transform:uppercase;color:hsl(var(--muted-foreground));font-size:12px;font-weight:800}.pk-step-summary{margin-top:2px;font-size:15.5px;font-weight:700}.pk-change{min-height:44px;color:hsl(var(--primary));border-radius:10px;padding:0 12px;font-size:13.5px;font-weight:700}.pk-change:hover{background:hsl(var(--primary) / .08)}.pk-step-body{margin-top:14px}.pk-grid{gap:10px;display:grid}@media (min-width:640px){.pk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.pk-choice{border:1.5px solid hsl(var(--border));background:hsl(var(--background));text-align:left;border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-height:64px;padding:12px 16px;transition:border-color .15s,transform .15s;display:flex}.pk-choice:hover{border-color:hsl(var(--primary) / .6);transform:translateY(-1px)}.pk-choice[aria-pressed=true]{border-color:hsl(var(--primary));background:hsl(var(--primary) / .07)}.pk-choice-title{font-size:16px;font-weight:800}.pk-choice-text{color:hsl(var(--muted-foreground));font-size:13px}.pk-filters{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.pk-filter{border:1px solid hsl(var(--border));min-height:40px;color:hsl(var(--muted-foreground));border-radius:999px;padding:0 14px;font-size:13.5px;font-weight:700}.pk-filter[aria-pressed=true]{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:#0000}.pk-list{gap:6px;max-height:440px;padding:2px;display:grid;overflow-y:auto}@media (min-width:768px){.pk-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.pk-row{border:1px solid hsl(var(--border));background:hsl(var(--background));text-align:left;border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:0 12px;font-size:14.5px;transition:border-color .15s,background-color .15s;display:flex}.pk-row:hover:not(:disabled){border-color:hsl(var(--primary) / .5)}.pk-row[aria-pressed=true]{border-color:hsl(var(--primary));background:hsl(var(--primary) / .07)}.pk-row:disabled{cursor:not-allowed;opacity:.5}.pk-row-whole{grid-column:1/-1}.pk-box{border:1.5px solid hsl(var(--border));width:20px;height:20px;color:hsl(var(--primary-foreground));border-radius:6px;flex:none;place-items:center;display:grid}.pk-row[aria-pressed=true] .pk-box{border-color:hsl(var(--primary));background:hsl(var(--primary))}.pk-count{background:hsl(var(--muted));color:hsl(var(--muted-foreground));border-radius:999px;flex:none;padding:1px 8px;font-size:12px;font-weight:700}.pk-empty{color:hsl(var(--muted-foreground));margin-bottom:10px;font-size:14px}.pk-bar{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;display:flex}.pk-btn{border:1px solid hsl(var(--border));background:hsl(var(--background));border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex}.pk-btn:hover:not(:disabled){border-color:hsl(var(--primary) / .5)}.pk-btn:disabled{cursor:not-allowed;opacity:.55}.pk-btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:0 12px 26px -14px hsl(var(--primary) / .9);border-color:#0000}.pk-btn-primary:hover:not(:disabled){filter:brightness(1.07)}.pk-step button:focus-visible,.pk-btn:focus-visible,.pk-dot:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.pk-error{background:#e11d4812;border:1px solid #e11d4866;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:600}.pk-progress{background:hsl(var(--muted));border-radius:999px;height:6px;overflow:hidden}.pk-progress>i{height:100%;width:var(--w,0%);border-radius:inherit;background:hsl(var(--primary));transition:width .4s;display:block}.pk-dots{flex-wrap:wrap;gap:6px;display:flex}.pk-dot{border:1px solid hsl(var(--border));background:hsl(var(--background));min-width:44px;height:44px;color:hsl(var(--muted-foreground));border-radius:10px;place-items:center;font-size:13px;font-weight:700;display:grid}.pk-dot[aria-current=true]{border-color:hsl(var(--primary));color:hsl(var(--primary));box-shadow:inset 0 0 0 1px hsl(var(--primary))}.pk-dot[data-state=right],.pk-dot[data-state=answered]{color:#fff;background:#059669;border-color:#0000}.pk-dot[data-state=wrong]{color:#fff;background:#e11d48;border-color:#0000}.pk-dot[data-state=review]{color:#fff;background:#7c3aed;border-color:#0000}.pk-dot[data-state=seen]{background:hsl(var(--muted))}.pk-clock{border:1px solid hsl(var(--border));min-height:40px;font-family:var(--font-geist-mono), monospace;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:15px;font-weight:700;display:inline-flex}.pk-clock[data-low=true]{color:#e11d48;border-color:#e11d4880}.pk-score{gap:12px;display:grid}@media (min-width:640px){.pk-score{grid-template-columns:repeat(4,minmax(0,1fr))}}.pk-score>div{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:14px;padding:14px 16px}.pk-score b{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800;display:block}.pk-score span{letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--muted-foreground));font-size:12.5px;font-weight:700}.pk-res{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:20px;flex-wrap:wrap;align-items:center;gap:16px 18px;padding:18px;display:flex}.pk-res-score{min-width:130px;line-height:1.15;display:grid}.pk-res-score small{letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--muted-foreground));font-size:12px;font-weight:700}.pk-res-score b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:800}.pk-res-stats{flex:420px;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;display:grid}.pk-rst{border:1px solid hsl(var(--border));background:hsl(var(--muted) / .35);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.pk-rst>span:last-child{min-width:0;line-height:1.15;display:grid}.pk-rst b{font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.pk-rst small{color:hsl(var(--muted-foreground));font-size:11.5px;font-weight:600}@media (max-width:639px){.pk-res{padding:14px}.pk-res-stats{flex-basis:100%;grid-template-columns:repeat(2,minmax(0,1fr))}}.pk-stitle{letter-spacing:.09em;text-transform:uppercase;color:hsl(var(--muted-foreground));margin-top:4px;font-size:10.5px;font-weight:800}.pk-rvlist{gap:8px;margin-top:12px;display:grid}.pk-rvq{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:14px}.pk-rvq[open]{border-color:hsl(var(--primary) / .4)}.pk-rvh{cursor:pointer;grid-template-columns:36px minmax(0,1fr) auto 18px;align-items:center;gap:10px;min-height:56px;padding:8px 14px;list-style:none;display:grid}.pk-rvh::-webkit-details-marker{display:none}.pk-rvh:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px;border-radius:14px}.pk-pn{border:1px solid hsl(var(--border));background:hsl(var(--muted));height:32px;color:hsl(var(--muted-foreground));border-radius:10px;place-items:center;font-size:13px;font-weight:800;display:grid}.pk-pn[data-result=right]{color:#047857;background:#0596691f;border-color:#059669}.pk-pn[data-result=wrong]{color:#be123c;background:#e11d481a;border-color:#e11d48}.dark .pk-pn[data-result=right]{color:#4ade9b}.dark .pk-pn[data-result=wrong]{color:#ff8a8a}.pk-rvt{gap:2px;min-width:0;font-size:14px;display:grid}.pk-rvstem{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pk-rvt small{color:hsl(var(--muted-foreground));font-size:12px}.pk-mk{white-space:nowrap;color:hsl(var(--muted-foreground));font-size:13px;font-weight:800}.pk-mk[data-result=right]{color:#047857}.pk-mk[data-result=wrong]{color:#be123c}.dark .pk-mk[data-result=right]{color:#4ade9b}.dark .pk-mk[data-result=wrong]{color:#ff8a8a}.pk-rvchev{width:16px;height:16px;color:hsl(var(--muted-foreground));transition:transform .2s}.pk-rvq[open] .pk-rvchev{transform:rotate(180deg)}.pk-rvb{border-top:1px solid hsl(var(--border));padding:12px 14px 14px}@media (max-width:639px){.pk-rvh{grid-template-columns:32px minmax(0,1fr) 18px}.pk-mk{grid-area:2/2}}@media (prefers-reduced-motion:reduce){.pk-rvchev{transition:none}}.pk-table{border-collapse:collapse;width:100%;font-size:14px}.pk-table th,.pk-table td{border-bottom:1px solid hsl(var(--border));text-align:right;font-variant-numeric:tabular-nums;padding:10px 8px}.pk-table th:first-child,.pk-table td:first-child{text-align:left}.pk-table th{letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--muted-foreground));font-size:12px;font-weight:800}@media (prefers-reduced-motion:reduce){.pk-choice,.pk-choice:hover{transition:none;transform:none}.pk-progress>i{transition:none}}.pk-palette-btn{display:none}@media (max-width:1279px){.pk-palette-btn{display:inline-flex}.pk-handin{margin-left:0}.pk-palette:not([data-open]){display:none}.pk-palette[data-open]{order:-1}}@media (min-width:1280px){.pk-handin{margin-left:auto}}@keyframes pk-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pk-pop{0%{transform:scale(.7)}60%{transform:scale(1.12)}to{transform:scale(1)}}.pk>.pk-step{animation:.4s cubic-bezier(.22,1,.36,1) both pk-rise;position:relative;overflow:hidden}.pk>.pk-step:nth-child(2){animation-delay:60ms}.pk>.pk-step:nth-child(3){animation-delay:.12s}.pk>.pk-step:nth-child(4){animation-delay:.18s}.pk-step[data-open=true]{background:linear-gradient(180deg, hsl(var(--primary) / .05), transparent 140px), hsl(var(--card))}.pk-step[data-open=true]:before{content:"";background:hsl(var(--primary));width:3px;position:absolute;inset:0 auto 0 0}.pk-step-num{transition:background-color .2s,color .2s}.pk-step-num[data-done=true]{box-shadow:0 6px 14px -6px hsl(var(--primary) / .8);animation:.35s ease-out both pk-pop}.pk-choice{transition:border-color .15s,transform .15s,box-shadow .15s,background-color .15s;position:relative}.pk-choice:hover{box-shadow:0 12px 26px -18px hsl(var(--primary) / .7)}.pk-choice[aria-pressed=true]{box-shadow:0 0 0 3px hsl(var(--primary) / .15)}.pk-choice[aria-pressed=true]:after{content:"";background:hsl(var(--primary));width:10px;height:10px;box-shadow:0 0 0 3px hsl(var(--primary) / .2);border-radius:999px;position:absolute;top:12px;right:12px}.pk-filter{transition:background-color .15s,border-color .15s,color .15s}.pk-filter:hover:not([aria-pressed=true]){border-color:hsl(var(--primary) / .45);color:hsl(var(--foreground))}.pk-row[aria-pressed=true] .pk-box{animation:.25s ease-out both pk-pop}.pk-bar{box-shadow:0 14px 30px -26px hsl(var(--foreground) / .5)}@media (max-width:419.98px){.pk-step{padding:14px}.pk-bar{padding:12px}.pk-bar .pk-btn{flex:auto}}@media (prefers-reduced-motion:reduce){.pk>.pk-step,.pk-step-num[data-done=true],.pk-row[aria-pressed=true] .pk-box{animation:none}.pk-choice,.pk-filter,.pk-step-num{transition:none}}
