:root{--bg: #0f1114;--surface: #14171b;--line: rgba(232, 234, 237, .08);--line-strong: rgba(232, 234, 237, .14);--text: #e8eaed;--text-2: #9aa0a8;--text-3: #7d838c;--accent: #ff6a1f;--accent-hi: #ff8a4d;--accent-pressed: #d4530f;--on-accent: #0f1114;--cat-spin: #29e0e8;--cat-spin-text: #7fe0e4;--cat-shake: #d9e021;--ok: #3ddc84;--ok-text: #7fe8ab;--warn: #ffb020;--warn-text: #ffce7a;--err: #ff4d5e;--err-text: #ff8a95;--idle-dot: #565b62;--gesture-toss: #ff8a4d;--gesture-spin: #29e0e8;--gesture-shake: #d9e021;--gesture-tilt: #ff8a4d;--gesture-flick: #29e0e8;--r-pill: 999px;--r-card: 20px;--r-card-sm: 16px;--r-btn: 14px;--r-sheet: 24px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--dur-tap: .18s;--dur-in: .3s;--dur-pulse: 1.2s;--spring: cubic-bezier(.34, 1.56, .64, 1);--font-display: "Space Grotesk", sans-serif;--font-body: "Instrument Sans", sans-serif;--font-mono: ui-monospace, Menlo, Consolas, monospace;--rim-metal: conic-gradient( from 200deg, #6c7178, #dfe3e8, #51565d, #c8ccd2, #6c7178 );--rim-gold: conic-gradient( from 200deg, #8a6a1c, #f7d97e, #7a5c14, #e8c661, #8a6a1c );--rim-silver: conic-gradient( from 200deg, #71767d, #e2e6eb, #565b62, #cdd2d8, #71767d );--rim-bronze: conic-gradient( from 200deg, #7a4a22, #d99a5e, #6a3c16, #c98a4e, #7a4a22 );--cap-crimp: repeating-conic-gradient(#31353b 0deg 5deg, #1a1d21 5deg 10deg);--cap-face: radial-gradient(circle at 34% 26%, #2b2f35, #131519 70%);--glow-accent: 0 0 24px rgba(255, 106, 31, .5);--glow-accent-strong: 0 0 38px rgba(255, 106, 31, .55);--glow-tile: 0 0 24px rgba(255, 106, 31, .45);--scrim: rgba(5, 6, 8, .55);--skeleton: rgba(232, 234, 237, .08)}:root[data-theme=light]{--bg: #f3f4f6;--surface: #ffffff;--line: rgba(22, 24, 28, .08);--line-strong: rgba(22, 24, 28, .25);--text: #16181c;--text-2: #5b626c;--text-3: #8a919c;--accent-hi: #e85a12;--cat-spin-text: #0d8f96;--cat-shake: #7d820f;--ok-text: #14915a;--skeleton: rgba(22, 24, 28, .08);--gesture-toss: #e85a12;--gesture-spin: #0d8f96;--gesture-shake: #7d820f;--gesture-tilt: #e85a12;--gesture-flick: #0d8f96}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:clip}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}.kh-display{font-family:var(--font-display);font-weight:700;font-size:clamp(56px,6vw,66px);line-height:1;letter-spacing:-1.2px;text-transform:uppercase}.kh-h1{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,4vw,38px);line-height:1.05;text-transform:uppercase;margin:0}.kh-h2{font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:.8px;text-transform:uppercase;margin:0}.kh-body{font-size:15px;line-height:1.55;color:var(--text-2)}.kh-caption{font-size:12px;color:var(--text-3)}.kh-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--text-3)}.kh-eyebrow--accent{color:var(--accent-hi);letter-spacing:2.5px}.kh-eyebrow--cyan{color:var(--cat-spin-text);letter-spacing:2.5px}.kh-mono{font-family:var(--font-mono);font-size:10.5px;color:var(--text-3)}.kh-logo{font-family:var(--font-display);font-weight:700;font-size:17px;text-transform:uppercase;letter-spacing:-.2px;color:var(--text)}.kh-logo em{font-style:normal;color:var(--accent)}@keyframes khPulse{0%,to{box-shadow:0 0 #ffb0208c}70%{box-shadow:0 0 0 7px #ffb02000}}@keyframes khSpin{to{transform:rotate(360deg)}}@keyframes khShimmer{0%,to{opacity:.45}50%{opacity:1}}@keyframes khFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sh-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px 10px;max-width:1280px;margin:0 auto}.sh-logo{display:flex;align-items:center;gap:9px;text-decoration:none}.sh-logo-cap{width:26px;height:26px;border-radius:50%;background:var(--cap-crimp);padding:3px;flex:none}.sh-logo-cap>div{width:100%;height:100%;border-radius:50%;background:var(--accent)}.sh-nav-links{display:none;gap:26px}.sh-nav-links a{color:var(--text-2);text-decoration:none;font-size:14px;font-weight:500;transition:color var(--dur-tap) ease-out}.sh-nav-links a:hover{color:var(--text)}.sh-nav-links a.active{color:var(--accent-hi)}.sh-nav-right{display:flex;align-items:center;gap:12px}.sh-avatar{display:none;width:34px;height:34px;border-radius:50%;background:var(--rim-metal);padding:2.5px;text-decoration:none;flex:none}.sh-avatar>div{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#ff6a1f,#8f2500);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:11px;color:#0f1114e0}@media (min-width: 768px){.sh-nav{padding:16px 32px}.sh-nav-links{display:flex}.sh-avatar{display:block}}.sh-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;background:#0f1114eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}:root[data-theme=light] .sh-tabbar{background:#ffffffeb}.sh-tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 8px;min-height:44px;text-decoration:none;color:var(--text-3);font-size:10.5px;font-weight:500}.sh-tabbar a.active{color:var(--accent-hi)}@media (min-width: 768px){.sh-tabbar{display:none}}.sh-content{max-width:1280px;margin:0 auto;padding-bottom:84px}@media (min-width: 768px){.sh-content{padding-bottom:40px}}.sh-footer{display:none;padding:26px 32px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--text-3)}@media (min-width: 768px){.sh-footer{display:block}}.sh-modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--scrim);display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--dur-in) ease-out}.sh-modal-bg.open{opacity:1;pointer-events:auto}.sh-modal{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sheet) var(--r-sheet) 0 0;padding:12px 24px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;transform:translateY(24px);transition:transform var(--dur-in) var(--spring)}.sh-modal-bg.open .sh-modal{transform:translateY(0)}@media (min-width: 768px){.sh-modal-bg{align-items:center}.sh-modal{border-radius:var(--r-sheet)}}.sh-modal .drag{width:40px;height:4px;border-radius:2px;background:var(--line-strong);margin-bottom:14px}.sh-modal .step-tag{font-family:var(--font-mono);font-size:10.5px;letter-spacing:1.8px;text-transform:uppercase;color:var(--text-3);background:#e8eaed0f;padding:5px 12px;border-radius:var(--r-pill);margin-bottom:18px}.sh-modal .m-stage{position:relative;width:130px;height:130px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.sh-modal .m-cap{width:96px;height:96px;border-radius:50%;background:var(--cap-crimp);padding:7px}.sh-modal .m-cap>div{width:100%;height:100%;border-radius:50%;background:var(--cap-face);display:flex;align-items:center;justify-content:center}.sh-modal .m-title{font-family:var(--font-display);font-weight:700;font-size:22px;text-transform:uppercase;margin-bottom:8px}.sh-modal .m-copy{margin:0 0 16px;font-size:14px;line-height:1.55;color:var(--text-2);max-width:300px}.sh-modal .dots{display:flex;gap:7px;margin-bottom:18px}.sh-modal .dots span{width:7px;height:7px;border-radius:50%;background:var(--line-strong)}.sh-modal .actions{display:flex;flex-direction:column;gap:8px;width:100%}.kh-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:46px;padding:0 22px;border-radius:var(--r-btn);border:none;cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.6px;text-transform:uppercase;transition:background var(--dur-tap) ease-out,box-shadow var(--dur-tap) ease-out,transform var(--dur-tap) var(--spring),opacity var(--dur-tap) ease-out}.kh-btn--lg{height:52px;padding:0 28px;font-size:15px}.kh-btn--primary{background:var(--accent);color:var(--on-accent)}.kh-btn--primary:hover:not(:disabled){background:var(--accent-hi);box-shadow:var(--glow-accent)}.kh-btn--primary:active:not(:disabled){background:var(--accent-pressed);transform:scale(.94)}.kh-btn--outline{background:transparent;color:var(--text);border:1.5px solid var(--line-strong)}.kh-btn--outline:hover:not(:disabled){border-color:var(--text-2)}.kh-btn--outline:active:not(:disabled){transform:scale(.94)}.kh-btn--outline-cyan{background:transparent;color:var(--cat-spin-text);border:1.5px solid var(--cat-spin)}.kh-btn--outline-cyan:active:not(:disabled){transform:scale(.94)}.kh-btn:disabled{opacity:.35;cursor:not-allowed}.kh-btn__spinner{width:16px;height:16px;border-radius:50%;border:2.5px solid rgba(15,17,20,.25);border-top-color:var(--on-accent);animation:khSpin .8s linear infinite}.kh-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:var(--r-pill);font-size:12px;font-weight:500;white-space:nowrap;min-height:30px}.kh-pill__dot{width:9px;height:9px;border-radius:50%;flex:none}.kh-pill--disconnected{background:var(--surface);border:1px solid var(--line-strong);color:var(--text-2)}.kh-pill--disconnected .kh-pill__dot{background:var(--idle-dot)}.kh-pill--searching{background:#ffb0201a;border:1px solid rgba(255,176,32,.4);color:var(--warn-text)}.kh-pill--searching .kh-pill__dot{background:var(--warn);animation:khPulse var(--dur-pulse) ease-out infinite}.kh-pill--connected{background:#3ddc841a;border:1px solid rgba(61,220,132,.35);color:var(--ok-text)}.kh-pill--connected .kh-pill__dot{background:transparent;border:2.5px solid var(--ok)}.kh-pill--lowBattery,.kh-pill--error{background:#ff4d5e1a;border:1px solid rgba(255,77,94,.4);color:var(--err-text)}.kh-pill--lowBattery .kh-pill__dot{background:transparent;border:2.5px solid var(--err)}.kh-pill--error .kh-pill__dot{background:var(--err)}button.kh-pill{cursor:pointer;font-family:var(--font-body)}.kh-gesture{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#e8eaed0f;flex:none}:root[data-theme=light] .kh-gesture{background:#16181c0d}.kh-cap{border-radius:50%;background:var(--rim-metal);flex:none}.kh-cap--gold{background:var(--rim-gold)}.kh-cap--silver{background:var(--rim-silver)}.kh-cap--bronze{background:var(--rim-bronze)}.kh-cap--crimp{background:var(--cap-crimp)}.kh-cap__face{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;color:#0f1114e0;overflow:hidden}.kh-tile{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;transition:transform var(--dur-tap) var(--spring),box-shadow var(--dur-tap) ease-out}.kh-tile:hover{transform:translateY(-4px);box-shadow:var(--glow-tile)}.kh-tile:active{transform:scale(.93)}.kh-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line-strong);color:var(--text);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background var(--dur-tap) ease-out,border-color var(--dur-tap) ease-out,color var(--dur-tap) ease-out,transform var(--dur-tap) var(--spring)}.kh-chip:active{transform:scale(.94)}.kh-chip--selected{background:#ff6a1f24;border-color:var(--accent);color:var(--accent-hi)}.kh-skeleton{background:var(--skeleton);animation:khShimmer 1.4s ease-in-out infinite}.kh-skeleton--circle{border-radius:50%}.kh-skeleton--bar{border-radius:5px;height:9px}.v-page{padding:12px 20px 24px}@media (min-width: 768px){.v-page{padding:20px 32px 40px}}.v-page--narrow{width:100%;margin:0 auto}.ld-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 24px 30px}.ld-hero-copy{margin:0 0 22px;max-width:420px}.ld-hero-ctas{display:flex;flex-direction:column;gap:10px;width:100%;max-width:420px}@media (min-width: 768px){.ld-hero{flex-direction:row-reverse;justify-content:space-between;text-align:left;align-items:center;padding:40px 32px 56px;gap:40px}.ld-hero-text{max-width:520px}.ld-hero-copy{max-width:440px}.ld-hero-ctas{flex-direction:row;max-width:none}}.ld-shelf-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 0 14px}.ld-shelf-more{font-size:12.5px;color:var(--accent-hi);font-weight:500;text-decoration:none}.ld-shelf{display:flex;gap:18px;overflow-x:auto;padding:2px 0 18px;scrollbar-width:none}.ld-shelf::-webkit-scrollbar{display:none}.ld-tile{display:flex;flex-direction:column;align-items:center;gap:8px;width:104px;flex:none;text-decoration:none;color:var(--text)}.ld-tile-name{font-size:13px;font-weight:600;text-align:center}.ld-tile-gestures{display:flex;gap:5px;justify-content:center}.ld-row{display:flex;align-items:center;gap:14px;padding:10px 0;text-decoration:none;color:var(--text);border-bottom:1px solid var(--line)}.ld-row-rank{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--text-3);width:22px;text-align:center;flex:none}.ld-row-meta{flex:1;min-width:0}.ld-row-name{font-size:14.5px;font-weight:600}.ld-row-sub{font-size:12px;color:var(--text-3)}.ld-banner{display:flex;align-items:center;gap:18px;border-radius:var(--r-card);border:1px solid rgba(255,106,31,.35);background:linear-gradient(120deg,#ff6a1f24,#ff6a1f08 65%),var(--surface);padding:18px;text-decoration:none;color:var(--text)}.ld-steps{display:flex;flex-direction:column;gap:18px}@media (min-width: 768px){.ld-steps{flex-direction:row;gap:32px}}.ld-step{display:flex;gap:14px;align-items:flex-start;flex:1}.ld-step-num{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:15px;flex:none}.hero-stage{position:relative;width:260px;height:260px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}@media (min-width: 768px){.hero-stage{width:330px;height:330px;margin-bottom:0;flex:none}}.hero-ring{position:absolute;border-radius:50%;transition:transform .25s ease-out}.hero-ring--outer{top:0;right:0;bottom:0;left:0;background:repeating-conic-gradient(rgba(255,106,31,.85) 0deg 2deg,transparent 2deg 12deg);-webkit-mask:radial-gradient(circle closest-side,transparent 88%,#000 89%,#000 97%,transparent 98%);mask:radial-gradient(circle closest-side,transparent 88%,#000 89%,#000 97%,transparent 98%);filter:drop-shadow(0 0 8px rgba(255,106,31,.6));animation:heroRotA 42s linear infinite}.hero-ring--inner{top:11%;right:11%;bottom:11%;left:11%;background:repeating-conic-gradient(rgba(41,224,232,.75) 0deg 1.6deg,transparent 1.6deg 14deg);-webkit-mask:radial-gradient(circle closest-side,transparent 86%,#000 87%,#000 95%,transparent 96%);mask:radial-gradient(circle closest-side,transparent 86%,#000 87%,#000 95%,transparent 96%);filter:drop-shadow(0 0 6px rgba(41,224,232,.5));animation:heroRotB 60s linear infinite reverse}@keyframes heroRotA{to{transform:rotate(360deg)}}@keyframes heroRotB{to{transform:rotate(360deg)}}.hero-cap-bob{animation:khFloat 5.5s ease-in-out infinite}.hero-cap{transition:transform .18s ease-out;will-change:transform}.hero-spec{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.16),transparent 42%);pointer-events:none;transition:transform .25s ease-out}.cat-search{display:flex;align-items:center;gap:10px;height:46px;border-radius:var(--r-btn);background:var(--surface);border:1px solid var(--line-strong);padding:0 14px;margin:14px 0}.cat-search input{flex:1;background:none;border:none;outline:none;color:var(--text);font-family:var(--font-body);font-size:14.5px}.cat-search input::placeholder{color:var(--text-3)}.cat-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.cat-chips::-webkit-scrollbar{display:none}.cat-sort{display:flex;align-items:center;justify-content:space-between;margin:12px 0 6px}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 12px;padding-top:12px}@media (min-width: 1024px){.cat-grid{grid-template-columns:repeat(4,1fr);gap:26px 18px}}.cat-layout{display:block}.cat-sidebar{display:none}@media (min-width: 1024px){.cat-layout{display:grid;grid-template-columns:264px 1fr;gap:32px}.cat-sidebar{display:block}}.cat-side-group{margin-bottom:24px}.cat-side-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:10px;border:none;background:none;color:var(--text-2);font-family:var(--font-body);font-size:13.5px;cursor:pointer;text-align:left}.cat-side-row:hover{background:#e8eaed0a}.cat-side-row.on{background:#ff6a1f1a;color:var(--text)}.cat-side-count{margin-left:auto;font-family:var(--font-mono);font-size:10.5px;color:var(--text-3)}.seg{display:flex;border:1px solid var(--line-strong);border-radius:10px;overflow:hidden}.seg button{flex:1;padding:8px 4px;background:none;border:none;color:var(--text-2);font-family:var(--font-body);font-size:12.5px;font-weight:500;cursor:pointer}.seg button+button{border-left:1px solid var(--line-strong)}.seg button.on{background:#ff6a1f24;color:var(--accent-hi)}.sort-tabs{display:inline-flex;border:1px solid var(--line-strong);border-radius:var(--r-pill);overflow:hidden}.sort-tabs button{padding:7px 14px;background:none;border:none;color:var(--text-2);font-family:var(--font-body);font-size:12.5px;font-weight:500;cursor:pointer;white-space:nowrap}.sort-tabs button.on{background:#ff6a1f24;color:var(--accent-hi)}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:var(--scrim);display:flex;align-items:flex-end;opacity:0;pointer-events:none;transition:opacity var(--dur-in) ease-out}.sheet-bg.open{opacity:1;pointer-events:auto}.sheet{width:100%;background:var(--surface);border-radius:var(--r-sheet) var(--r-sheet) 0 0;border-top:1px solid var(--line);padding:12px 20px calc(20px + env(safe-area-inset-bottom));max-height:82vh;overflow-y:auto;transform:translateY(30px);transition:transform var(--dur-in) var(--spring)}.sheet-bg.open .sheet{transform:translateY(0)}.sheet .drag{width:40px;height:4px;border-radius:2px;background:var(--line-strong);margin:0 auto 16px}.sheet-group{margin-bottom:20px}.gesture-chip{display:inline-flex;flex-direction:column;align-items:center;gap:6px;padding:10px 12px 8px;border-radius:14px;border:1px solid var(--line-strong);background:none;color:var(--text-2);font-family:var(--font-body);font-size:11px;cursor:pointer}.gesture-chip.on{background:#ff6a1f1f;border-color:var(--accent);color:var(--accent-hi)}.gp-head{display:flex;align-items:center;justify-content:space-between;padding:6px 0 14px}.gp-back{display:inline-flex;align-items:center;gap:7px;color:var(--text-2);text-decoration:none;font-size:13.5px;font-weight:500}.gp-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding-bottom:18px}@media (min-width: 768px){.gp-hero{flex-direction:row;text-align:left;gap:28px}}.gp-cover-stage{position:relative;width:168px;height:168px;display:flex;align-items:center;justify-content:center;flex:none}.gp-meta-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center;font-size:13px;color:var(--text-2)}@media (min-width: 768px){.gp-meta-row{justify-content:flex-start}}.gp-author{display:inline-flex;align-items:center;gap:8px}.gp-follow{background:none;border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--text);font-family:var(--font-body);font-size:12px;font-weight:500;padding:5px 12px;cursor:pointer}.gp-follow.on{border-color:var(--accent);color:var(--accent-hi);background:#ff6a1f1a}.gp-shots{display:flex;gap:12px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none}.gp-shots::-webkit-scrollbar{display:none}.gp-shot{flex:none;width:260px;aspect-ratio:16/9;border-radius:var(--r-card-sm);border:1px solid var(--line);background:radial-gradient(circle at 30% 30%,rgba(255,106,31,.12),transparent 60%),var(--surface);display:flex;align-items:center;justify-content:center;color:var(--text-3);font-family:var(--font-mono);font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase}.gp-dots{display:flex;gap:6px;justify-content:center;padding-bottom:8px}.gp-dots span{width:6px;height:6px;border-radius:50%;background:var(--line-strong)}.gp-dots span.on{background:var(--accent)}.gp-rank-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px}.gp-rank-row.me{background:#ff6a1f1a;border:1px solid rgba(255,106,31,.4);border-radius:12px;padding:9px 12px;margin-top:8px}.gp-review{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.gp-sticky{position:fixed;left:0;right:0;bottom:64px;z-index:30;padding:12px 20px;background:linear-gradient(transparent,var(--bg) 40%);display:flex;flex-direction:column;align-items:center;gap:8px}@media (min-width: 768px){.gp-sticky{bottom:0}}.gp-sticky .kh-btn{width:100%;max-width:420px}.gp-touch-link{background:none;border:none;color:var(--cat-spin-text);font-family:var(--font-body);font-size:12.5px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.rk-pager{display:inline-flex;align-items:center;gap:14px;border:1px solid var(--line-strong);border-radius:var(--r-pill);padding:7px 10px}.rk-pager button{background:none;border:none;color:var(--text-2);cursor:pointer;font-size:14px;padding:0 6px}.rk-header{display:grid;grid-template-columns:44px 1fr 92px 84px;gap:10px;padding:12px 12px 8px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-3)}.rk-row{display:grid;grid-template-columns:44px 1fr 92px 84px;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}.rk-row .nick{display:flex;align-items:center;gap:10px;min-width:0;font-size:14px;font-weight:600}.rk-row .cons{color:var(--cat-spin-text);font-size:13px;text-align:right}.rk-row .score{font-family:var(--font-display);font-weight:700;font-size:15px;text-align:right}.rk-me{position:sticky;bottom:76px;background:#ff6a1f1f;border:1px solid rgba(255,106,31,.45);border-radius:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-top:10px}@media (min-width: 768px){.rk-me{bottom:12px}}.rk-rank-num{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--text-3);text-align:center}.pf-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:18px 0 24px}.pf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.pf-stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card-sm);padding:16px 12px;text-align:center}.pf-stat .num{font-family:var(--font-display);font-weight:700;font-size:24px}.pf-caps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 12px}@media (min-width: 768px){.pf-caps{grid-template-columns:repeat(8,1fr)}}.pf-cap{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}.pf-cap .locked{width:64px;height:64px;border-radius:50%;border:2px dashed var(--line-strong);display:flex;align-items:center;justify-content:center;color:var(--text-3)}.pf-cap .check{position:absolute;right:-2px;bottom:-2px;width:20px;height:20px;border-radius:50%;background:var(--ok);display:flex;align-items:center;justify-content:center}.sb-form{width:100%}.sb-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:1.8px;text-transform:uppercase;color:var(--text-3);display:block;margin:22px 0 8px}.sb-input,.sb-textarea{width:100%;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-btn);color:var(--text);font-family:var(--font-body);font-size:14.5px;padding:0 14px;height:48px;outline:none}.sb-textarea{height:auto;min-height:110px;padding:12px 14px;resize:vertical}.sb-input:focus,.sb-textarea:focus{border-color:var(--accent)}.sb-drop{border:1.5px dashed var(--line-strong);border-radius:var(--r-card-sm);padding:26px 18px;text-align:center;color:var(--text-2);font-size:13.5px;cursor:pointer}.sb-drop:hover{border-color:var(--accent)}.sb-cover-row{display:flex;align-items:center;gap:16px}