.kds.kpp{--brand-primary:#2E86AB;--brand-soft:#E4F2F9;--brand-dark:#0B1726;--action:#17BEBB;--action-muted:rgba(23,190,187,.15);--accent-gold:#F2C14F;--status-success:#22C55E;--danger:#EF4444;--surface-bg:#F7F9FB;--surface-card:#FFFFFF;--text-primary:#111827;--text-muted:#6B7280;--border:#E5E7EB;--r:.625rem;--r-lg:1rem;--r-xl:1.25rem;--font-head:var(--font-display);--pf-max:640px;.ct-bar{position:sticky;top:0;z-index:50;height:60px;background:rgba(247,249,251,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.ct-bar,.ct-inner{display:flex;align-items:center}.ct-inner{width:100%;max-width:var(--pf-max);margin:0 auto;padding:0 1.5rem;gap:1rem}.ct-back{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem .45rem .6rem;border-radius:9999px;border:1px solid var(--border);background:var(--surface-card);color:var(--text-primary);font-family:var(--font-head);font-size:.875rem;font-weight:600;transition:border-color .2s,background .2s,color .2s,transform .15s}.ct-back:hover{border-color:rgba(46,134,171,.45);background:var(--brand-soft);color:var(--brand-primary);transform:translateX(-2px)}.ct-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}@media (max-width:560px){.ct-inner{padding:0 1rem;gap:.5rem}.ct-back span{display:none}.ct-back{padding:.5rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;font-weight:600;font-family:var(--font-head);border:2px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s,border-color .2s,box-shadow .2s,transform .18s}.btn-sm{padding:.4375rem 1rem}.btn-md,.btn-sm{font-size:.875rem}.btn-md{padding:.625rem 1.375rem}.btn-lg{padding:.875rem 2rem;font-size:1rem}.btn-primary{background:var(--brand-primary);color:#fff;box-shadow:0 4px 16px rgba(46,134,171,.28)}.btn-primary:hover{background:#256f92;color:#fff;box-shadow:0 6px 22px rgba(46,134,171,.38);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-action{background:var(--action);color:#fff;box-shadow:0 4px 16px rgba(23,190,187,.28)}.btn-action:hover{background:#12a09e;color:#fff;box-shadow:0 6px 22px rgba(23,190,187,.38);transform:translateY(-2px)}.btn-outline{background:var(--surface-card);color:var(--text-primary);border-color:var(--border)}.btn-outline:hover{border-color:rgba(46,134,171,.5);background:var(--brand-soft);color:var(--brand-primary);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text-primary);border-color:transparent}.btn-ghost:hover{background:var(--brand-soft);color:var(--brand-primary)}.btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.pf-container{max-width:var(--pf-max);margin:0 auto;padding:0 1.5rem}.pf-hero{margin-top:1.5rem;position:relative}.pf-cover{position:relative;height:clamp(150px,20vw,220px);border-radius:var(--r-xl);overflow:hidden;background:var(--brand-dark)}.pf-cover-img{position:absolute;inset:0;background:linear-gradient(118deg,#2E86AB,#0B1726 58%,#17BEBB 132%);background-size:cover;background-position:50%}.pf-cover-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,23,38,0) 45%,rgba(11,23,38,.24))}.pf-head{display:flex;align-items:flex-end;gap:1.5rem;margin-top:-32px;padding:0 .35rem;flex-wrap:wrap}.pf-avatar{width:116px;height:116px;flex-shrink:0;box-shadow:0 0 0 5px var(--surface-bg),0 12px 30px rgba(11,23,38,.16)}.pf-avatar,.pf-avatar-inner{position:relative;border-radius:50%}.pf-avatar-inner{width:100%;height:100%;background:var(--brand-soft);overflow:hidden;display:grid;place-items:center}.pf-avatar-inner img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pf-avatar-fallback{font-size:2.4rem;font-weight:800;font-family:var(--font-head);color:var(--brand-primary)}.pf-avatar-status{position:absolute;bottom:4px;right:4px;width:18px;height:18px;border-radius:50%;border:3px solid var(--surface-bg)}.pf-id{flex:1;min-width:0;padding-bottom:.35rem}.pf-name-row{display:flex;align-items:center;gap:.5rem;min-width:0}.pf-name{font-size:clamp(1.3rem,5vw,1.9rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-verified{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--brand-primary);color:#fff;flex-shrink:0;position:relative;top:1px}.pf-handle{font-size:.9375rem;color:var(--text-muted);font-weight:600;margin-top:.2rem}.pf-handle .at{color:var(--brand-primary)}.pf-actions{display:flex;align-items:center;gap:.6rem;padding-bottom:.5rem;flex-shrink:0;flex-wrap:wrap}.icon-btn-o{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:9999px;border:2px solid var(--border);background:var(--surface-card);color:var(--text-primary);transition:border-color .2s,background .2s,color .2s,transform .18s}.icon-btn-o:hover{border-color:rgba(46,134,171,.5);background:var(--brand-soft);color:var(--brand-primary);transform:translateY(-2px)}.pf-more-trigger{position:absolute;top:14px;right:14px;z-index:5;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:9999px;border:1px solid rgba(255,255,255,.3);background:rgba(11,23,38,.42);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;transition:background .2s,border-color .2s,transform .18s}.pf-more-trigger:hover{background:rgba(11,23,38,.62);border-color:rgba(255,255,255,.45);transform:translateY(-1px)}.pf-more-trigger:focus-visible{outline:2px solid #fff;outline-offset:2px}.pf-menu{min-width:15rem;padding:.4rem;border-radius:var(--r-xl);border:1px solid var(--border);background:var(--surface-card);box-shadow:0 18px 44px rgba(11,23,38,.18)}.pf-menu .pf-menu-item{display:flex;align-items:center;gap:.65rem;padding:.65rem .7rem;border-radius:.7rem;font-size:.9rem;font-weight:600;color:var(--text-primary);cursor:pointer}.pf-menu .pf-menu-item svg{flex-shrink:0;opacity:.8}.pf-menu .pf-menu-item[data-highlighted]{background:var(--brand-soft);color:var(--brand-primary)}.pf-menu .pf-menu-item.danger[data-highlighted]{background:rgba(239,68,68,.08);color:var(--danger)}.pf-menu .pf-menu-sep{height:1px;margin:.35rem .3rem;background:var(--border)}.pf-follow.loading{pointer-events:none;opacity:.85}.pf-follow[aria-pressed=true]{background:var(--surface-card);color:var(--text-primary);border-color:var(--border);box-shadow:none}.pf-follow[aria-pressed=true]:hover{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.4);color:var(--danger);transform:none}@media (max-width:560px){.pf-container{padding:0 1rem}.pf-head{margin-top:-28px}.pf-avatar{width:96px;height:96px}.pf-actions{width:100%;padding-bottom:0}.pf-more-trigger{top:10px;right:10px;width:36px;height:36px}}.pf-body{margin-top:1.4rem;padding:0 .35rem}.pf-bio{font-size:1.0625rem;line-height:1.65;color:var(--text-primary);max-width:64ch;text-wrap:pretty;white-space:pre-wrap}.pf-meta{display:flex;align-items:center;gap:1.4rem;margin-top:1.15rem;flex-wrap:wrap}.pf-metric{display:flex;align-items:baseline;gap:.4rem}.pf-metric b{font-size:1.0625rem;font-weight:800;font-family:var(--font-head);letter-spacing:-.01em}.pf-metric span{font-size:.875rem;color:var(--text-muted)}.pf-metric-div{width:1px;height:18px;background:var(--border)}.pf-since{display:inline-flex;align-items:center;gap:.4rem;font-size:.875rem;color:var(--text-muted)}.pf-since svg{flex-shrink:0;opacity:.75}.pf-socials{display:flex;align-items:center;gap:.55rem;margin-top:1.15rem;flex-wrap:wrap}.pf-soc{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9999px;background:var(--surface-card);border:1px solid var(--border);transition:background .18s,border-color .18s,transform .15s}.pf-soc:hover{background:color-mix(in srgb,currentColor 12%,var(--surface-card));border-color:color-mix(in srgb,currentColor 45%,var(--border));transform:translateY(-1px)}.pf-soc svg{flex-shrink:0}.pf-products{padding:2.75rem 0 4rem}.pf-products-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.pf-sec-title{font-family:var(--font-head);font-size:1.375rem;font-weight:800;letter-spacing:-.015em}.pf-sec-sub{font-size:.9375rem;color:var(--text-muted);margin-top:.2rem}.type-tabs{display:inline-flex;gap:.25rem;padding:.3rem;background:var(--surface-card);border:1.5px solid var(--border);border-radius:9999px;overflow-x:auto;max-width:100%}.ttab{border:none;background:transparent;padding:.4rem 1.15rem;border-radius:9999px;font-family:var(--font-head);font-size:.875rem;font-weight:600;color:var(--text-muted);transition:background .2s,color .2s,box-shadow .2s;cursor:pointer;white-space:nowrap}.ttab:hover:not([data-state=active]){color:var(--brand-primary)}.ttab[data-state=active]{background:var(--brand-primary);color:#fff;box-shadow:0 4px 14px rgba(46,134,171,.28)}.course-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.course-card{background:var(--surface-card);border-radius:var(--r-xl);border:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s}.course-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(0,0,0,.1);border-color:rgba(46,134,171,.22)}.thumb{aspect-ratio:16/9;position:relative;overflow:hidden}.thumb-ph{width:100%;height:100%;background-color:#0d2233;background-image:repeating-linear-gradient(-45deg,transparent,transparent 11px,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 22px)}.thumb-badge{position:absolute;top:10px;right:10px;padding:.25rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:700;background:var(--brand-primary);color:#fff;box-shadow:0 2px 10px rgba(11,23,38,.18)}.thumb-badge.free{background:var(--action)}.cat-tag{position:absolute;bottom:10px;left:10px;padding:.2rem .6rem;border-radius:9999px;font-size:.6875rem;font-weight:600;letter-spacing:.02em;background:rgba(255,255,255,.92);color:var(--brand-dark);backdrop-filter:blur(4px)}.pdf-cover{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 130% at 50% -20%,rgba(46,134,171,.28),transparent 62%),linear-gradient(158deg,#cfe0ec,#aec8db);overflow:hidden}.pdf-badge{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .55rem .25rem .45rem;border-radius:9999px;font-size:.6875rem;font-weight:800;letter-spacing:.04em;background:var(--brand-dark);color:#fff;box-shadow:0 2px 10px rgba(11,23,38,.22)}.card-body{padding:1rem;display:flex;gap:.75rem;flex:1}.avatar{width:40px;height:40px;border-radius:8px;flex-shrink:0;background:var(--brand-soft);display:flex;align-items:center;justify-content:center;font-size:.9375rem;font-weight:700;color:var(--brand-primary);overflow:hidden}.card-info{flex:1;min-width:0;display:flex;flex-direction:column}.card-title{font-family:var(--font-head);font-size:.9375rem;font-weight:700;color:var(--text-primary);line-height:1.35;margin-bottom:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}.course-card:hover .card-title{color:var(--brand-primary)}.card-creator{font-size:.8125rem;color:var(--text-muted);margin-bottom:.5rem}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto}.card-kind{display:inline-flex;align-items:center;gap:.35rem;font-size:.8125rem;color:var(--text-muted);font-weight:500}.card-view{font-family:var(--font-head);font-size:.8125rem;font-weight:600;color:var(--brand-primary);opacity:0;transform:translateX(-4px);transition:opacity .2s,transform .2s}.course-card:hover .card-view{opacity:1;transform:translateX(0)}.pf-note{display:none;flex-direction:column;align-items:center;text-align:center;padding:3.5rem 1.5rem 3rem;border:1px dashed var(--border);border-radius:var(--r-xl);background:var(--surface-card)}.np-icon{width:64px;height:64px;border-radius:50%;background:var(--brand-soft);display:grid;place-items:center;color:var(--brand-primary);margin-bottom:1.25rem}.np-title{font-size:1.125rem;font-weight:800;margin-bottom:.4rem}.np-sub{font-size:.9375rem;color:var(--text-muted);max-width:440px;line-height:1.6;text-wrap:pretty}.pf-state{min-height:56vh;padding:4rem 1.5rem 5rem}.state-card{max-width:460px;text-align:center;display:flex;flex-direction:column;align-items:center;margin:0 auto}.state-icon{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;margin-bottom:1.6rem;background:var(--brand-soft);color:var(--brand-primary)}.state-icon.danger{background:rgba(239,68,68,.1);color:var(--danger)}.state-title{font-size:1.5rem;font-weight:800;letter-spacing:-.015em;margin-bottom:.6rem}.state-sub{font-size:1rem;color:var(--text-muted);line-height:1.65;margin-bottom:2rem;text-wrap:pretty}.state-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.pf-skeleton{display:block}.sk{background:#eceff3;background-image:linear-gradient(90deg,#eceff3,#f5f7f9 240px,#eceff3 480px);background-size:1360px 100%;animation:kpp-shimmer 1.5s linear infinite;border-radius:8px}.sk-hero{margin-top:1.5rem}.sk-cover{height:clamp(150px,20vw,220px);border-radius:var(--r-xl)}.sk-head{display:flex;align-items:flex-end;gap:1.5rem;margin-top:-32px;padding:0 .35rem}.sk-avatar{width:116px;height:116px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 5px var(--surface-bg)}.sk-id{flex:1;padding-bottom:.6rem}.sk-body{margin-top:1.5rem;padding:0 .35rem}.sk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2.75rem}.sk-card{border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;background:var(--surface-card)}.sk-thumb{aspect-ratio:16/9;border-radius:0}.sk-cardbody{padding:1rem}.ov-scrim{position:fixed;inset:0;z-index:100;background:rgba(11,23,38,.5);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .25s}.ov-scrim.show{opacity:1;pointer-events:auto}.sheet{position:fixed;z-index:105;left:50%;top:50%;transform:translate(-50%,-46%) scale(.97);width:min(440px,calc(100vw - 2rem));background:var(--surface-card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:0 24px 60px rgba(11,23,38,.28);padding:1.5rem;opacity:0;pointer-events:none;transition:opacity .22s,transform .22s}.sheet.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.sheet-title{font-size:1.125rem;font-weight:800;letter-spacing:-.01em}.sheet-desc{font-size:.8438rem;color:var(--text-muted);margin-top:.25rem}.sheet-close{flex-shrink:0;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:none;background:var(--surface-bg);color:var(--text-muted);transition:background .2s,color .2s}.sheet-close:hover{background:var(--brand-soft);color:var(--brand-primary)}.share-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-bottom:1.25rem}.share-opt{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.9rem .3rem;border-radius:var(--r);border:1px solid var(--border);background:var(--surface-card);color:var(--text-primary);font-size:.75rem;font-weight:600;transition:border-color .2s,background .2s,transform .15s;cursor:pointer}.share-opt:hover{border-color:rgba(46,134,171,.35);background:var(--brand-soft);transform:translateY(-2px)}.share-opt-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#fff}.sig-wa{background:#25D366}.sig-fb{background:#1877F2}.sig-x{background:#0B1726}.sig-ig{background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF)}.share-linkrow{display:flex;align-items:stretch;gap:.5rem}.share-linkfield{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;border:1px solid var(--border);border-radius:var(--r);background:var(--surface-bg);font-size:.8438rem;color:var(--text-muted);overflow:hidden}.share-linkfield span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:var(--text-primary)}.gate-ico{width:56px;height:56px;border-radius:50%;background:var(--brand-soft);display:grid;place-items:center;color:var(--brand-primary);margin-bottom:1.1rem}.gate-actions{display:flex;flex-direction:column;gap:.6rem;margin-top:1.4rem}.gate-actions .btn{width:100%}.review-card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--r-xl);padding:1.25rem 1.5rem}.review-card+.review-card{margin-top:1rem}.review-stars{color:var(--accent-gold)}.review-meta{font-size:.8125rem;color:var(--text-muted);display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.review-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.review-who{display:flex;gap:.85rem;min-width:0}.review-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;overflow:hidden;background:var(--brand-soft);display:flex;align-items:center;justify-content:center;font-size:.9375rem;font-weight:700;color:var(--brand-primary)}.review-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.review-name-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.review-name{font-family:var(--font-head);font-weight:700;font-size:.9375rem;color:var(--text-primary)}.review-tag{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:9999px;font-size:.6875rem;font-weight:700;background:var(--brand-soft);color:var(--brand-primary);white-space:nowrap}.review-tag.warn{background:rgba(239,68,68,.1);color:var(--danger)}.review-body{margin-top:.85rem;padding-left:calc(40px + .85rem);font-size:.9375rem;color:var(--text-primary);line-height:1.6}.review-body-title{font-weight:700;margin-bottom:.25rem}.review-reply{margin-top:1rem;margin-left:calc(40px + .85rem);background:var(--surface-bg);border:1px solid var(--border);border-radius:var(--r);padding:.85rem 1rem}.review-reply-head{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.875rem;margin-bottom:.25rem}.review-reply-time{font-weight:500;color:var(--text-muted);font-size:.75rem}.review-reply p{font-size:.875rem;color:var(--text-muted)}.review-reply-form{margin-top:1rem;margin-left:calc(40px + .85rem);display:flex;gap:.5rem;flex-wrap:wrap}.review-reply-form .pf-input{flex:1;min-width:160px}.icon-btn-ghost{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9999px;border:none;background:transparent;color:var(--text-muted);flex-shrink:0;transition:background .2s,color .2s}.icon-btn-ghost:hover{background:var(--surface-bg);color:var(--text-primary)}.pf-field{display:flex;flex-direction:column;gap:.4rem}.pf-field label{font-size:.8125rem;font-weight:700;color:var(--text-primary)}.pf-input,.pf-textarea{width:100%;border:1px solid var(--border);border-radius:var(--r);padding:.6rem .85rem;font-size:.875rem;font-family:inherit;color:var(--text-primary);background:var(--surface-bg);transition:border-color .2s,background .2s}.pf-input:focus,.pf-textarea:focus{outline:none;border-color:var(--brand-primary);background:var(--surface-card)}.pf-textarea{resize:none;min-height:100px}.chip-toggle{font-size:.8125rem;padding:.4rem .9rem;border-radius:9999px;border:1.5px solid var(--border);background:var(--surface-card);color:var(--text-muted);font-weight:600;transition:background .2s,color .2s,border-color .2s;cursor:pointer}.chip-toggle[aria-pressed=true]{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.star-picker{display:flex;gap:.4rem;justify-content:center}.star-picker button{background:none;border:none;cursor:pointer;padding:.15rem;color:var(--border);line-height:0;transition:transform .15s,color .15s}.star-picker button.active{color:var(--accent-gold)}.star-picker button:hover{transform:scale(1.12)}.btn-block{width:100%}@media (max-width:900px){.course-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.course-grid{grid-template-columns:1fr}.pf-products-head{align-items:flex-start;flex-direction:column}.type-tabs{width:100%}.share-grid{grid-template-columns:repeat(4,1fr);gap:.4rem}}}@keyframes kpp-shimmer{0%{background-position:-680px 0}to{background-position:680px 0}}@media (prefers-reduced-motion:reduce){.kds.kpp .sk{animation:none}}