@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Lora:ital,wght@0,400;0,500;1,400;1,500&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--color-primary:#05c;--color-primary-light:#e8f2ff;--color-primary-dark:#003d99;--color-primary-dim:#e8f2ff;--color-primary-text:#003d99;--color-bg:#f5f5f5;--color-surface:#fff;--color-text:#1a1a1a;--color-text-secondary:#65676b;--color-text-tertiary:#8a8d91;--color-success:#00a550;--color-warning:#ff9500;--color-accent:#ff9500;--color-accent-dim:#fff8ec;--color-accent-text:#92400e;--color-danger:#ff3b30;--color-danger-dim:#fff2f0;--color-info:#05c;--color-blue:#05c;--color-blue-dim:#e8f2ff;--color-border:#e4e6eb;--color-border-light:#f0f2f5;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--font-sans:"Be Vietnam Pro", -apple-system, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";--font-mono:"DM Mono", monospace;--shadow-sm:0 1px 2px #0000000f;--shadow-card:0 2px 8px #00000014;--shadow-elevated:0 4px 16px #0000001f;--shadow-blue:0 4px 12px #006af540;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--bottom-nav-height:80px}img.emoji{vertical-align:-.15em;width:1.1em;height:1.1em;margin:0 .05em 0 .1em;display:inline-block}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;max-width:430px;min-height:100vh;margin:0 auto;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes count-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes live-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:.18s both fade-up}@keyframes card-reveal{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes score-pop{0%{transform:scale(1)}40%{transform:scale(1.32)}70%{transform:scale(.93)}to{transform:scale(1)}}@keyframes streak-burn{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.35);transform:scale(1.15)}}@keyframes result-reveal{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes rank-glow{0%{box-shadow:0 0 #1a7a3c73}70%{box-shadow:0 0 0 10px #1a7a3c00}to{box-shadow:0 0 #1a7a3c00}}@keyframes pulse-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%) 0 0/200% 100%;animation:1.5s ease-in-out infinite skeleton-pulse}.screen-page,.home-screen,.match-live-screen,.score-input-screen{animation:.22s ease-out slide-in-right}.pull-refresh-bar{height:36px;color:var(--color-primary);justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}@keyframes ptr-spin{to{transform:rotate(360deg)}}.pull-refresh-spinner{border:2px solid var(--color-primary);border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite ptr-spin}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:44px 24px;display:flex}.empty-icon{margin-bottom:8px;font-size:48px}.empty-title{color:var(--color-text);font-size:14px;font-weight:700}.empty-sub{color:var(--color-text-secondary);max-width:220px;font-size:12px;line-height:1.6}.empty-cta{margin-top:14px;padding:0 24px!important}.lb-row-anim{animation:.3s ease-out both slide-in-right}@supports (padding-bottom:env(safe-area-inset-bottom)){.screen-scroll{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 8px)}}.scroll-hide{scrollbar-width:none;-ms-overflow-style:none}.scroll-hide::-webkit-scrollbar{display:none}button,a,[role=button]{cursor:pointer;-webkit-tap-highlight-color:transparent}button{font-family:var(--font-sans);background:0 0;border:none}a{color:inherit;text-decoration:none}.btn{border-radius:var(--radius-md);height:44px;font-size:14px;font-weight:700;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:0 16px;transition:all .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:active{background:var(--color-primary-text)}.btn-outline{color:var(--color-primary);border:1.5px solid var(--color-primary);background:0 0}.btn-full{width:100%}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card);overflow:hidden}.hd-overlay{z-index:200;background:#00000073;align-items:flex-end;animation:.15s fadeInOverlay;display:flex;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.hd-action-sheet{background:var(--color-surface);width:100%;padding:0 0 env(safe-area-inset-bottom,16px);border-radius:16px 16px 0 0;animation:.2s slideUpSheet}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.hd-action-sheet--tall{flex-direction:column;max-height:90vh;display:flex}.hd-form-scroll{flex:1;padding:0 16px 24px;overflow-y:auto}.hd-sheet-handle{background:var(--color-border);border-radius:2px;width:36px;height:4px;margin:10px auto 0}.hd-sheet-title{color:var(--color-text);padding:14px 16px 6px;font-size:16px;font-weight:700}.hd-sheet-name{align-items:center;gap:10px;padding:12px 16px 8px;font-size:14px;font-weight:700;display:flex}.hd-sheet-section-lbl{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:8px 16px 4px;font-size:11px;font-weight:700}.hd-sheet-divider{background:var(--color-bg);height:6px;margin:4px 0}.hd-sheet-kick-confirm{color:var(--color-danger);padding:10px 16px 6px;font-size:13px;font-weight:600;line-height:1.5}.hd-sheet-btn{text-align:left;cursor:pointer;width:100%;font-size:14px;font-weight:600;font-family:var(--font-sans);color:var(--color-text);border:none;border-bottom:1px solid var(--color-border-light);background:0 0;min-height:48px;padding:14px 16px;transition:background .1s;display:block}.hd-sheet-btn:hover{background:var(--color-bg)}.hd-sheet-btn--primary{background:var(--color-primary);color:#fff;text-align:center;border-bottom:none;border-radius:12px;width:calc(100% - 32px);margin:8px 16px 0;font-weight:700}.hd-sheet-btn--primary:hover{opacity:.92;background:var(--color-primary)}.hd-sheet-btn--primary:disabled{opacity:.6;cursor:default}.hd-sheet-btn--danger{color:var(--color-danger)}.hd-sheet-btn--cancel{color:var(--color-text-secondary);border:none;margin-top:4px;font-weight:500}.hd-form-group{margin-bottom:14px}.hd-form-lbl{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.hd-form-input{box-sizing:border-box;border:1.5px solid var(--color-border);width:100%;font-size:14px;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);border-radius:10px;outline:none;padding:10px 12px;transition:border-color .15s;display:block}.hd-form-input:focus{border-color:var(--color-primary)}.hd-form-textarea{resize:vertical;min-height:80px}.hd-form-hint{color:var(--color-text-secondary);margin-top:4px;font-size:11px}.hd-form-error{background:var(--color-danger-dim);color:var(--color-danger);border-radius:8px;margin-bottom:8px;padding:8px 12px;font-size:12px;font-weight:600}.hd-form-row2{gap:10px;display:flex}.hd-pill-row{flex-wrap:wrap;gap:6px;display:flex}.hd-pill{border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-sans);padding:6px 12px;transition:all .15s}.hd-pill.active{border-color:var(--color-primary);background:var(--color-primary-dim);color:var(--color-primary);font-weight:700}:root{--ink-950:#0e0f0c;--ink-800:#1b1c18;--ink-700:#2e2f2a;--ink-600:#4a4c45;--ink-500:#6b6d64;--ink-400:#8e9088;--ink-300:#bec0b7;--ink-200:#dcddd4;--ink-150:#e7e8df;--ink-100:#efefe7;--ink-50:#f6f5ee;--ivory:#faf8f1;--paper:#fff;--accent-900:#4b1f14;--accent-800:#6b2c1c;--accent-700:#8a3a24;--accent-600:#a94829;--accent-500:#c6552f;--accent-400:#db7553;--accent-300:#e89d82;--accent-200:#f2c3b1;--accent-100:#f8ded1;--accent-50:#fbeee5;--ember-700:#8a5a12;--ember-600:#b07118;--ember-500:#d28a22;--ember-400:#e4a44a;--ember-200:#f4d9a3;--ember-100:#faeacb;--ember-50:#fcf4e3;--moss-700:#234a2b;--moss-600:#2e5e38;--moss-500:#3e7a4a;--moss-400:#6e9a76;--moss-200:#bfd4c3;--moss-100:#d9e5dc;--moss-50:#ecf2ee;--clay-700:#641a13;--clay-600:#842015;--clay-500:#a3291a;--clay-400:#c25444;--clay-200:#e6b4aa;--clay-100:#f0cfc8;--clay-50:#f8e4df;--slate-700:#2a3540;--slate-600:#3b4856;--slate-500:#546373;--slate-200:#c3cad2;--slate-100:#dee3e9;--slate-50:#edf0f3;--bg:var(--ink-50);--bg-sunken:var(--ink-100);--bg-subtle:var(--ivory);--surface:var(--paper);--surface-2:var(--ivory);--surface-inverse:var(--ink-950);--fg:var(--ink-950);--fg-secondary:var(--ink-600);--fg-tertiary:var(--ink-500);--fg-quaternary:var(--ink-400);--fg-inverse:var(--ivory);--fg-on-accent:var(--ivory);--border:var(--ink-150);--border-strong:var(--ink-200);--border-subtle:var(--ink-100);--brand:var(--accent-600);--brand-hover:var(--accent-700);--brand-press:var(--accent-800);--brand-tint:var(--accent-50);--success:var(--moss-500);--success-tint:var(--moss-50);--success-border:var(--moss-200);--warning:var(--ember-500);--warning-tint:var(--ember-50);--warning-border:var(--ember-200);--danger:var(--clay-500);--danger-tint:var(--clay-50);--danger-border:var(--clay-200);--info:var(--slate-500);--info-tint:var(--slate-50);--info-border:var(--slate-200);--font-sans:"Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif:"Be Vietnam Pro", "Lora", Georgia, serif;--font-mono:"JetBrains Mono", "SF Mono", Menlo, monospace;--fs-11:.6875rem;--fs-12:.75rem;--fs-13:.8125rem;--fs-14:.875rem;--fs-15:.9375rem;--fs-16:1rem;--fs-18:1.125rem;--fs-20:1.25rem;--fs-24:1.5rem;--fs-30:1.875rem;--fs-38:2.375rem;--fs-48:3rem;--fs-64:4rem;--lh-tight:1.1;--lh-snug:1.25;--lh-normal:1.5;--lh-relaxed:1.6;--ls-tight:-.02em;--ls-snug:-.01em;--ls-normal:0;--ls-wide:.02em;--ls-wider:.08em;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:40px;--sp-9:48px;--sp-10:64px;--sp-11:80px;--sp-12:96px;--r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-2xl:28px;--r-full:9999px;--shadow-xs:0 1px 2px #1e190f0a;--shadow-sm:0 1px 2px #1e190f0a, 0 2px 4px #1e190f08;--shadow-md:0 2px 4px #1e190f0a, 0 4px 12px #1e190f0d;--shadow-lg:0 4px 8px #1e190f0d, 0 12px 32px #1e190f14;--shadow-xl:0 8px 16px #1e190f0f, 0 24px 48px #1e190f1f;--shadow-inset:inset 0 1px 0 #fffc, inset 0 -1px 0 #1e190f0a;--ring-brand:0 0 0 3px #a9482929;--ring-focus:0 0 0 3px #1e1e191f;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s}[data-theme=dark]{--bg:#0f0e0a;--bg-sunken:#080702;--bg-subtle:#15130d;--surface:#1b1916;--surface-2:#22201b;--fg:#f5f2e8;--fg-secondary:#b5b2a6;--fg-tertiary:#8a8778;--fg-quaternary:#5f5d51;--fg-inverse:var(--ink-950);--border:#2c2a24;--border-strong:#3d3a32;--border-subtle:#23211c;--brand:var(--accent-500);--brand-hover:var(--accent-400);--brand-tint:#c6552f1f}.pk-ds{font-family:var(--font-sans);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"kern", "liga", "calt";min-height:100vh}.pk-ds,.pk-ds *,.pk-ds :before,.pk-ds :after{box-sizing:border-box}.pk-ds .h-display{font-family:var(--font-serif);font-size:var(--fs-64);letter-spacing:-.03em;color:var(--fg);font-weight:400;line-height:.95}.pk-ds .h-display em{font-style:italic}.pk-ds .h1{font-family:var(--font-serif);font-size:var(--fs-48);letter-spacing:-.025em;color:var(--fg);font-weight:400;line-height:1.02}.pk-ds .h1 em{font-style:italic}.pk-ds .h2{font-family:var(--font-sans);font-size:var(--fs-30);letter-spacing:-.02em;color:var(--fg);font-weight:600;line-height:1.1}.pk-ds .h3{font-family:var(--font-sans);font-size:var(--fs-24);letter-spacing:-.015em;color:var(--fg);font-weight:600;line-height:1.2}.pk-ds .h4{font-family:var(--font-sans);font-size:var(--fs-20);letter-spacing:-.01em;color:var(--fg);font-weight:600;line-height:1.25}.pk-ds .h5{font-family:var(--font-sans);font-size:var(--fs-18);letter-spacing:-.005em;color:var(--fg);font-weight:600;line-height:1.3}.pk-ds .overline{font-family:var(--font-sans);font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.1em;color:var(--fg-tertiary);font-weight:600}.pk-ds .body-lg{font-family:var(--font-sans);font-size:var(--fs-16);color:var(--fg-secondary);line-height:1.55}.pk-ds .body{font-family:var(--font-sans);font-size:var(--fs-15);color:var(--fg-secondary);line-height:1.5}.pk-ds .body-sm{font-family:var(--font-sans);font-size:var(--fs-13);color:var(--fg-tertiary);line-height:1.45}.pk-ds .caption{font-family:var(--font-sans);font-size:var(--fs-12);color:var(--fg-tertiary);line-height:1.4}.pk-ds .num{font-family:var(--font-mono);font-feature-settings:"tnum";letter-spacing:-.01em}.pk-ds .num-display{font-family:var(--font-sans);font-feature-settings:"tnum";letter-spacing:-.02em;font-weight:500}.pk-ds .app{background:var(--bg);grid-template-columns:240px 1fr;min-height:100vh;display:grid}.pk-ds .sidebar{background:var(--ivory);border-right:1px solid var(--border);flex-direction:column;gap:24px;height:100vh;padding:22px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.pk-ds .main{min-width:0;padding:28px 36px 48px}.pk-ds .brand{align-items:center;gap:10px;padding:0 2px;display:flex}.pk-ds .brand .mk{background:var(--ink-950);border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:relative}.pk-ds .brand .mk:before{content:"P";color:var(--ivory);font-family:var(--font-serif);font-size:20px;line-height:1}.pk-ds .brand .mk:after{content:"";background:var(--accent-500);border-radius:50%;width:5px;height:5px;position:absolute;bottom:7px;right:7px}.pk-ds .brand .name{font-family:var(--font-serif);letter-spacing:-.02em;font-size:26px;line-height:1}.pk-ds .brand .dot{color:var(--accent-600)}.pk-ds .prop{background:var(--paper);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.pk-ds .prop .ad{background:var(--accent-50);width:28px;height:28px;color:var(--accent-700);font-family:var(--font-serif);border-radius:7px;justify-content:center;align-items:center;font-size:14px;display:flex}.pk-ds .prop .pn{flex:1;font-size:13px;font-weight:500;line-height:1.2}.pk-ds .prop .pa,.pk-ds .prop .ca{color:var(--fg-tertiary);font-size:11px}.pk-ds .navcol{flex-direction:column;gap:2px;display:flex}.pk-ds .navcol .lbl{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-quaternary);margin-bottom:6px;padding:0 10px;font-size:10px;font-weight:600}.pk-ds .nav-i{color:var(--fg-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.pk-ds .nav-i:hover{background:var(--ink-100)}.pk-ds .nav-i.act{background:var(--ink-950);color:var(--ivory)}.pk-ds .nav-i svg{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:16px;height:16px}.pk-ds .nav-i .cnt{font-family:var(--font-mono);opacity:.6;margin-left:auto;font-size:11px}.pk-ds .nav-i.act .cnt{opacity:.8}.pk-ds .me{border:1px solid var(--border);background:var(--paper);border-radius:10px;align-items:center;gap:10px;margin-top:auto;padding:8px;display:flex}.pk-ds .me .av{background:var(--moss-100);width:30px;height:30px;color:var(--moss-700);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.pk-ds .me .nm{font-size:13px;font-weight:500;line-height:1.1}.pk-ds .me .rl{color:var(--fg-tertiary);font-size:11px}.pk-ds .pagehead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.pk-ds .pagehead>.th{flex:360px;min-width:0}.pk-ds .pagehead .crumb{color:var(--fg-tertiary);align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.pk-ds .pagehead .crumb .sep{opacity:.5}.pk-ds .pagehead .crumb .cur{color:var(--fg);font-weight:500}.pk-ds .pagehead h1{font-family:var(--font-serif);letter-spacing:-.025em;margin:0;font-size:34px;font-weight:400;line-height:1.05}.pk-ds .pagehead h1 em{color:var(--accent-600);font-style:italic}.pk-ds .pagehead .sub{color:var(--fg-secondary);margin-top:8px;font-size:13px}.pk-ds .pagehead .actions{flex-wrap:wrap;flex-shrink:0;gap:8px;display:flex}.pk-ds .btn{cursor:pointer;transition:all var(--dur-fast) var(--ease-out);white-space:nowrap;border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.pk-ds .btn svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.pk-ds .btn-ink{background:var(--ink-950);color:var(--ivory)}.pk-ds .btn-ink:hover{background:var(--ink-800)}.pk-ds .btn-accent{background:var(--accent-600);color:var(--ivory)}.pk-ds .btn-accent:hover{background:var(--accent-700)}.pk-ds .btn-ghost{background:var(--paper);color:var(--fg);border-color:var(--border-strong)}.pk-ds .btn-ghost:hover{background:var(--ink-50)}.pk-ds .btn-danger{background:var(--paper);color:var(--clay-600);border-color:var(--clay-200)}.pk-ds .btn-sm{padding:6px 12px;font-size:12px}.pk-ds .btn:disabled{opacity:.55;cursor:not-allowed}.pk-ds .tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:18px;display:flex}.pk-ds .tabs .t{color:var(--fg-tertiary);cursor:pointer;margin-right:24px;padding:12px 2px;font-size:13px;font-weight:500;position:relative}.pk-ds .tabs .t.act{color:var(--fg)}.pk-ds .tabs .t.act:after{content:"";background:var(--accent-600);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.pk-ds .tabs .t .n{font-family:var(--font-mono);opacity:.5;margin-left:4px;font-size:12px}.pk-ds .chiprow{background:var(--paper);border:1px solid var(--border);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.pk-ds .chiprow .c{color:var(--fg-secondary);cursor:pointer;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:500}.pk-ds .chiprow .c.act{background:var(--ink-950);color:var(--ivory)}.pk-ds .panel{background:var(--paper);border:1px solid var(--border);border-radius:16px}.pk-ds .panel-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.pk-ds .panel-head h3{font-family:var(--font-serif);letter-spacing:-.015em;margin:0;font-size:20px;font-weight:400}.pk-ds .panel-head .more{color:var(--fg-tertiary);cursor:pointer;font-size:12px}.pk-ds .panel-body{padding:16px 20px}.pk-ds .ba{letter-spacing:.01em;border:1px solid #0000;border-radius:9999px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.pk-ds .ba.moss{background:var(--moss-50);color:var(--moss-700);border-color:var(--moss-200)}.pk-ds .ba.clay{background:var(--clay-50);color:var(--clay-700);border-color:var(--clay-200)}.pk-ds .ba.ember{background:var(--ember-50);color:var(--ember-700);border-color:var(--ember-200)}.pk-ds .ba.slate{background:var(--slate-50);color:var(--slate-700);border-color:var(--slate-200)}.pk-ds .ba.accent{background:var(--accent-50);color:var(--accent-700);border-color:var(--accent-200)}.pk-ds .ba.ink{background:var(--ink-100);color:var(--ink-700)}.pk-ds .tbl{border-collapse:collapse;width:100%;font-size:13px}.pk-ds .tbl th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-tertiary);border-bottom:1px solid var(--border);background:var(--ivory);padding:12px 16px;font-size:11px;font-weight:600}.pk-ds .tbl td{border-bottom:1px solid var(--border-subtle);color:var(--fg);vertical-align:middle;padding:14px 16px}.pk-ds .tbl tr:hover td{background:var(--ink-50)}.pk-ds .tbl .num{font-family:var(--font-mono);font-feature-settings:"tnum"}.pk-ds .tbl .mono{font-family:var(--font-mono);color:var(--fg-secondary);font-size:12px}.pk-ds .lbl-f{color:var(--fg-secondary);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.pk-ds .inp{border:1px solid var(--border-strong);width:100%;color:var(--fg);background:var(--paper);box-sizing:border-box;transition:all var(--dur-fast) var(--ease-out);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:14px}.pk-ds .inp:focus{border-color:var(--accent-600);box-shadow:var(--ring-brand);outline:none}.pk-ds .hint{color:var(--fg-tertiary);margin-top:4px;font-size:11px}.pk-ds .field{margin-bottom:14px}.pk-ds .av{background:var(--ink-100);width:30px;height:30px;color:var(--ink-700);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.pk-ds .av.c1{background:var(--accent-100);color:var(--accent-700)}.pk-ds .av.c2{background:var(--moss-100);color:var(--moss-700)}.pk-ds .av.c3{background:var(--ember-100);color:var(--ember-700)}.pk-ds .av.c4{background:var(--slate-100);color:var(--slate-700)}.pk-ds .av.c5{background:var(--clay-100);color:var(--clay-700)}.pk-ds .filters{background:var(--paper);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;display:flex}.pk-ds .filters .search{background:var(--ivory);border:1px solid var(--border);border-radius:8px;flex:1;align-items:center;gap:8px;min-width:240px;padding:6px 12px;display:flex}.pk-ds .filters .search input{color:var(--fg);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.pk-ds .filters .search svg{width:14px;height:14px;stroke:var(--fg-tertiary);fill:none;stroke-width:1.8px}.pk-ds .ic{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.pk-ds .ic-sm{width:12px;height:12px}.pk-ds .ic-lg{width:20px;height:20px}.pk-ds input[type=checkbox].chk,.pk-ds .chk{appearance:none;border:1.5px solid var(--border-strong);background:var(--paper);cursor:pointer;width:16px;height:16px;transition:all var(--dur-fast) var(--ease-out);vertical-align:middle;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pk-ds input[type=checkbox].chk:hover,.pk-ds .chk:hover{border-color:var(--accent-600)}.pk-ds input[type=checkbox].chk:checked,.pk-ds .chk:checked{background:var(--accent-600);border-color:var(--accent-600)}.pk-ds input[type=checkbox].chk:checked:after,.pk-ds .chk:checked:after{content:"";border:solid var(--ivory);border-width:0 2px 2px 0;width:4px;height:8px;transform:rotate(45deg)translate(-1px,-1px)}.pk-ds input[type=checkbox].chk:focus-visible,.pk-ds .chk:focus-visible{box-shadow:var(--ring-brand);outline:none}.pk-ds input[type=checkbox].chk:disabled,.pk-ds .chk:disabled{opacity:.5;cursor:not-allowed}.pk-ds input[type=radio].rad,.pk-ds .rad{appearance:none;border:1.5px solid var(--border-strong);background:var(--paper);cursor:pointer;width:16px;height:16px;transition:all var(--dur-fast) var(--ease-out);vertical-align:middle;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pk-ds input[type=radio].rad:hover,.pk-ds .rad:hover{border-color:var(--accent-600)}.pk-ds input[type=radio].rad:checked,.pk-ds .rad:checked{border-color:var(--accent-600);border-width:5px}.pk-ds input[type=radio].rad:focus-visible,.pk-ds .rad:focus-visible{box-shadow:var(--ring-brand);outline:none}.pk-ds .tog{appearance:none;background:var(--ink-200);cursor:pointer;width:36px;height:20px;transition:background var(--dur-fast) var(--ease-out);vertical-align:middle;border:none;border-radius:9999px;flex-shrink:0;position:relative}.pk-ds .tog:after{content:"";background:var(--paper);width:16px;height:16px;transition:transform var(--dur-fast) var(--ease-out);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000026}.pk-ds .tog:checked,.pk-ds .tog.on{background:var(--accent-600)}.pk-ds .tog:checked:after,.pk-ds .tog.on:after{transform:translate(16px)}.pk-ds .tog:focus-visible{box-shadow:var(--ring-brand);outline:none}.pk-ds .tog:disabled{opacity:.5;cursor:not-allowed}.pk-ds .modal-overlay,body>.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:pk-modal-fade var(--dur-base) var(--ease-out);background:#0e0f0c73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pk-ds .modal,body>.modal-overlay>.modal{background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow-xl);width:100%;max-width:560px;max-height:90vh;animation:pk-modal-in var(--dur-base) var(--ease-out);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.pk-ds .modal-head,body>.modal-overlay>.modal>.modal-head{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:20px 24px 16px;display:flex}.pk-ds .modal-head h3,body>.modal-overlay>.modal>.modal-head h3{font-family:var(--font-serif);letter-spacing:-.015em;flex:1;margin:0;font-size:22px;font-weight:400}.pk-ds .modal-body,body>.modal-overlay>.modal>.modal-body{color:var(--fg-secondary);flex:1;padding:20px 24px;font-size:14px;line-height:1.5;overflow-y:auto}.pk-ds .modal-foot,body>.modal-overlay>.modal>.modal-foot{border-top:1px solid var(--border-subtle);background:var(--ivory);justify-content:flex-end;gap:8px;padding:14px 24px;display:flex}@keyframes pk-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes pk-modal-in{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.pk-ds .spin,.spin.pk-spin{border:2px solid var(--border);border-top-color:var(--accent-600);vertical-align:middle;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite pk-spin;display:inline-block}.pk-ds .spin.sm,.spin.pk-spin.sm{border-width:1.5px;width:14px;height:14px}.pk-ds .spin.lg,.spin.pk-spin.lg{border-width:3px;width:32px;height:32px}@keyframes pk-spin{to{transform:rotate(360deg)}}body.pk-desktop-mode{max-width:none}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:6px;width:100%;max-width:430px;padding:8px 12px 0;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius-md);font-size:13px;font-weight:600;font-family:var(--font-sans);pointer-events:auto;cursor:pointer;align-items:center;gap:8px;min-height:44px;padding:11px 14px;animation:.25s ease-out toast-slide-in;display:flex;box-shadow:0 4px 16px #0000002e}.toast-icon{flex-shrink:0;font-size:15px}.toast-msg{flex:1;line-height:1.4}.toast-error{color:#fff;background:#dc2626}.toast-success{color:#fff;background:#00a550}.toast-info{color:#fff;background:#1a1a2e}.toast-result{color:#fff;background:linear-gradient(135deg,#92400e,#d97706)}.toast-action-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#fff3;border:1px solid #ffffff59;border-radius:6px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:700}.toast-dismiss-btn{color:#fff;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:14px;line-height:1}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-110%)}to{opacity:1;transform:translateY(0)}}