#krn-apps-v4 { color-scheme: dark; }
#krn-apps-v4 * { box-sizing: border-box; }
#krn-apps-v4 [hidden] { display: none !important; }
#krn-apps-v4 .ka-page {
  --ka-bg:#05070d; --ka-surface:#0c1019; --ka-raised:#12151f; --ka-text:#f6f8fb;
  --ka-muted:#a7b0bd; --ka-pink:#ff2b98; --ka-pink-soft:#ff6fba; --ka-violet:#c31fe8;
  --ka-line:#ffffff16; --ka-glass:#10131dcc; --ka-bokeh:.75; --ka-blur:24px;
  position:relative; isolation:isolate; overflow:clip; color:var(--ka-text); background:var(--ka-bg);
  font:400 14px/1.5 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  border:1px solid #ffffff14; border-radius:20px;
}
#krn-apps-v4 .ka-page.ka-light {
  color-scheme:light; --ka-bg:#f8f7fb; --ka-surface:#fff; --ka-raised:#f0edf4; --ka-text:#191521;
  --ka-muted:#625e6f; --ka-line:#17122416; --ka-glass:#ffffffc7;
}
#krn-apps-v4 button,#krn-apps-v4 input { font:inherit; color:inherit; }
#krn-apps-v4 button { -webkit-tap-highlight-color:transparent; }
#krn-apps-v4 h1,#krn-apps-v4 h2,#krn-apps-v4 h3,#krn-apps-v4 p { margin:0; }
#krn-apps-v4 .ka-ambient { position:absolute; inset:300px 0 0; z-index:-1; pointer-events:none; overflow:hidden; opacity:var(--ka-bokeh); }
#krn-apps-v4 .ka-ambient::before { content:''; position:absolute; width:390px; height:390px; right:-160px; top:130px; border-radius:50%; background:#ff2b9813; filter:blur(85px); }
#krn-apps-v4 .ka-ambient::after { content:''; position:absolute; width:320px; height:320px; left:-180px; top:440px; border-radius:50%; background:#c31fe814; filter:blur(90px); }
#krn-apps-v4 .ka-topbar {
  display:grid; grid-template-columns:auto minmax(130px,1fr) auto; align-items:center; gap:22px;
  min-height:78px; padding:15px 112px 15px 30px; border-bottom:1px solid var(--ka-line);
  background:var(--ka-glass); backdrop-filter:blur(var(--ka-blur)); -webkit-backdrop-filter:blur(var(--ka-blur)); position:relative; z-index:2;
}
#krn-apps-v4 .ka-brand { display:flex; align-items:center; gap:18px; min-width:0; }
#krn-apps-v4 .ka-logo { width:65px; height:38px; overflow:hidden; flex-shrink:0; }
#krn-apps-v4 .ka-logo img { display:block; width:120px; height:36px; max-width:none; }
#krn-apps-v4 .ka-brand-line { height:23px; width:1px; background:var(--ka-line); }
#krn-apps-v4 .ka-brand-name { font-size:13px; font-weight:550; letter-spacing:-.2px; }
#krn-apps-v4 .ka-search { min-width:0; display:flex; align-items:center; gap:9px; padding:10px 12px; border:1px solid var(--ka-line); border-radius:11px; background:var(--ka-surface); color:var(--ka-muted); }
#krn-apps-v4 .ka-search svg { width:15px; height:15px; flex-shrink:0; }
#krn-apps-v4 .ka-search input { width:100%; min-width:0; background:transparent; border:0; padding:0; font-size:12px; color:var(--ka-text); }
#krn-apps-v4 .ka-search input::placeholder { color:var(--ka-muted); opacity:1; }
#krn-apps-v4 .ka-search:focus-within { outline:2px solid var(--ka-pink); outline-offset:2px; }
#krn-apps-v4 .ka-tools { display:flex; align-items:center; gap:14px; }
#krn-apps-v4 .ka-library-button { border:0; padding:8px 0; background:transparent; display:flex; align-items:center; gap:7px; white-space:nowrap; color:var(--ka-muted); font-size:12px; }
#krn-apps-v4 .ka-library-button[aria-pressed="true"] { color:var(--ka-pink-soft); }
#krn-apps-v4 .ka-library-button svg { height:15px; width:15px; }
#krn-apps-v4 .ka-theme { display:grid; place-items:center; height:32px; width:32px; border:0; background:transparent; color:var(--ka-muted); border-radius:9px; }
#krn-apps-v4 .ka-theme svg { height:17px; width:17px; }
#krn-apps-v4 .ka-hero { position:relative; min-height:355px; display:flex; align-items:center; padding:43px 38px 54px; isolation:isolate; overflow:hidden; background:#05070d; color:#f6f8fb; }
#krn-apps-v4 .ka-hero-art { position:absolute; inset:0 0 0 auto; width:58%; height:100%; z-index:-2; object-fit:cover; object-position:center 46%; }
#krn-apps-v4 .ka-hero::before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#05070d 0%,#05070df7 33%,#05070d93 51%,#05070d00 78%),linear-gradient(0deg,#05070d 0%,#05070d00 35%); }
#krn-apps-v4 .ka-hero-copy { max-width:550px; }
#krn-apps-v4 .ka-eyebrow { display:flex; align-items:center; gap:8px; color:var(--ka-pink-soft); font-size:10px; font-weight:550; letter-spacing:2px; text-transform:uppercase; }
#krn-apps-v4 .ka-eyebrow::before { content:''; width:17px; height:2px; background:var(--ka-pink); }
#krn-apps-v4 .ka-hero h1 { font-size:clamp(37px,6.2vw,61px); line-height:1.03; letter-spacing:-2.8px; font-weight:650; margin-top:18px; }
#krn-apps-v4 .ka-hero h1 span { color:var(--ka-pink); }
#krn-apps-v4 .ka-hero-description { color:#b9b6c3; font-size:13px; margin-top:17px; max-width:350px; }
#krn-apps-v4 .ka-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:19px; margin-top:23px; }
#krn-apps-v4 .ka-primary { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:11px 17px; font-size:12px; font-weight:600; border:0; border-radius:10px; background:var(--ka-pink); color:#fff; }
#krn-apps-v4 .ka-primary svg { width:15px; height:15px; }
#krn-apps-v4 .ka-free { display:flex; align-items:center; gap:7px; color:#d1c5d1; font-size:11px; }
#krn-apps-v4 .ka-free::before { content:''; height:5px; width:5px; background:var(--ka-pink-soft); border-radius:50%; }
#krn-apps-v4 .ka-content { padding:0 30px 26px; }
#krn-apps-v4 .ka-featured { display:grid; grid-template-columns:1.22fr 1fr; gap:15px; position:relative; margin-top:-14px; }
#krn-apps-v4 .ka-feature {
  position:relative; min-width:0; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between;
  min-height:241px; padding:24px; overflow:hidden; text-align:left; border:1px solid #ffffff18; border-radius:17px;
  background:#111019; color:#f6f8fb; isolation:isolate; transition:border-color .2s ease,transform .2s ease;
}
#krn-apps-v4 .ka-feature:hover { border-color:#ff6fba6b; transform:translateY(-2px); }
#krn-apps-v4 .ka-feature-fotos::before { content:''; position:absolute; inset:0; z-index:-2; background:radial-gradient(ellipse at 90% 20%,#a2346740,transparent 70%),linear-gradient(130deg,#111019,#24121d); }
#krn-apps-v4 .ka-feature-fotos::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#111019 5%,#111019e5 35%,#11101900 77%); }
#krn-apps-v4 .ka-feature-type { color:#c6aabb; font-size:9px; letter-spacing:1.8px; font-weight:500; text-transform:uppercase; }
#krn-apps-v4 .ka-feature h2 { position:relative; font-size:29px; font-weight:600; line-height:1.08; letter-spacing:-1.1px; margin-top:15px; }
#krn-apps-v4 .ka-feature-summary { color:#b5a9b5; font-size:11px; margin-top:9px; max-width:175px; }
#krn-apps-v4 .ka-feature-end { position:relative; display:flex; align-items:center; justify-content:space-between; width:100%; margin-top:22px; gap:12px; }
#krn-apps-v4 .ka-feature-name { display:flex; align-items:center; gap:9px; font-size:12px; font-weight:550; }
#krn-apps-v4 .ka-feature-name img { height:28px; width:28px; border-radius:7px; }
#krn-apps-v4 .ka-feature-arrow { display:grid; place-items:center; width:30px; height:30px; background:#ffffff0c; border:1px solid #ffffff1c; border-radius:50%; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); }
#krn-apps-v4 .ka-feature-arrow svg { width:15px; height:15px; }
#krn-apps-v4 .ka-photo-stack { position:absolute; inset:16px -16px 18px 45%; z-index:-2; }
#krn-apps-v4 .ka-photo-stack img { position:absolute; display:block; width:130px; height:168px; object-fit:cover; border-radius:10px; border:4px solid #f8e9f0; box-shadow:0 10px 25px #00000060; }
#krn-apps-v4 .ka-photo-stack img:nth-child(1) { top:-7px; right:30px; transform:rotate(15deg); }
#krn-apps-v4 .ka-photo-stack img:nth-child(2) { top:24px; right:-28px; transform:rotate(23deg); }
#krn-apps-v4 .ka-photo-stack img:nth-child(3) { top:51px; right:65px; transform:rotate(-9deg); }
#krn-apps-v4 .ka-feature-prompt { background:linear-gradient(130deg,#17111f,#1c1126 55%,#3a103447); }
#krn-apps-v4 .ka-feature-prompt::before { content:''; position:absolute; height:150px; width:150px; border-radius:50%; right:-32px; top:20px; background:#c31fe821; filter:blur(38px); z-index:-1; }
#krn-apps-v4 .ka-prompt-art { position:absolute; right:17px; top:16px; font-size:81px; font-weight:650; letter-spacing:-9px; color:#c31fe81a; transform:rotate(-12deg); }
#krn-apps-v4 .ka-feature-prompt h2 span { color:#ff6fba; }
#krn-apps-v4 .ka-catalog { margin-top:34px; }
#krn-apps-v4 .ka-catalog-heading { display:flex; justify-content:space-between; align-items:baseline; gap:16px; }
#krn-apps-v4 .ka-catalog-heading h2 { font-size:23px; font-weight:600; letter-spacing:-.8px; }
#krn-apps-v4 .ka-result-count { font-size:11px; color:var(--ka-muted); }
#krn-apps-v4 .ka-filters { display:flex; flex-wrap:wrap; align-items:center; gap:23px; margin-top:17px; border-bottom:1px solid var(--ka-line); }
#krn-apps-v4 .ka-filter { display:inline-flex; align-items:center; gap:6px; border:0; background:transparent; color:var(--ka-muted); padding:0 0 11px; font-size:11px; border-bottom:2px solid transparent; margin-bottom:-1px; }
#krn-apps-v4 .ka-filter[aria-pressed="true"] { color:var(--ka-text); border-bottom-color:var(--ka-pink); }
#krn-apps-v4 .ka-results { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:30px; }
#krn-apps-v4 .ka-app { display:flex; align-items:center; gap:13px; padding:17px 0; border-bottom:1px solid var(--ka-line); min-width:0; }
#krn-apps-v4 .ka-app-icon { display:grid; place-items:center; width:47px; height:47px; flex-shrink:0; border-radius:12px; overflow:hidden; background:var(--ka-raised); border:1px solid var(--ka-line); color:var(--ka-pink-soft); }
#krn-apps-v4 .ka-app-icon img { display:block; width:100%; height:100%; object-fit:cover; }
#krn-apps-v4 .ka-app-icon svg { width:22px; height:22px; }
#krn-apps-v4 .ka-app-copy { flex:1; min-width:0; }
#krn-apps-v4 .ka-app h3 { font-size:12px; font-weight:550; letter-spacing:-.1px; }
#krn-apps-v4 .ka-app p { color:var(--ka-muted); font-size:11px; margin-top:3px; }
#krn-apps-v4 .ka-app-actions { display:flex; align-items:center; gap:4px; }
#krn-apps-v4 .ka-save,#krn-apps-v4 .ka-open { width:29px; height:31px; display:grid; place-items:center; padding:0; border:0; border-radius:8px; background:transparent; color:var(--ka-muted); }
#krn-apps-v4 .ka-save svg,#krn-apps-v4 .ka-open svg { width:14px; height:14px; }
#krn-apps-v4 .ka-save[aria-pressed="true"] { color:var(--ka-pink); }
#krn-apps-v4 .ka-save[aria-pressed="true"] svg { fill:currentColor; }
#krn-apps-v4 .ka-open:hover { background:var(--ka-raised); color:var(--ka-text); }
#krn-apps-v4 .ka-empty { grid-column:1/-1; padding:48px 10px; text-align:center; color:var(--ka-muted); }
#krn-apps-v4 .ka-empty button { display:block; margin:17px auto 0; border:0; background:transparent; color:var(--ka-pink-soft); font-size:12px; }
#krn-apps-v4 .ka-feedback { min-height:17px; color:var(--ka-muted); font-size:11px; margin-top:12px; }
#krn-apps-v4 .ka-footer { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; padding-top:20px; margin-top:10px; border-top:1px solid var(--ka-line); font-size:10px; color:var(--ka-muted); }
#krn-apps-v4 .ka-footer-brand { font-size:11px; font-weight:600; letter-spacing:1px; color:var(--ka-text); }
#krn-apps-v4 .ka-footer-brand b { color:var(--ka-pink); font-weight:500; margin:0 8px; }
#krn-apps-v4 .ka-detail { padding:31px 0 14px; }
#krn-apps-v4 .ka-detail-back { display:inline-flex; align-items:center; gap:7px; padding:0; border:0; background:transparent; color:var(--ka-muted); font-size:12px; }
#krn-apps-v4 .ka-detail-back svg { width:15px; height:15px; }
#krn-apps-v4 .ka-detail-top { display:flex; align-items:center; gap:17px; margin-top:30px; }
#krn-apps-v4 .ka-detail-top .ka-app-icon { width:69px; height:69px; border-radius:17px; }
#krn-apps-v4 .ka-detail h1 { font-size:35px; line-height:1.1; letter-spacing:-1.2px; font-weight:600; }
#krn-apps-v4 .ka-detail-type { font-size:11px; color:var(--ka-pink-soft); margin-bottom:6px; }
#krn-apps-v4 .ka-detail-description { max-width:580px; color:var(--ka-muted); font-size:15px; margin-top:24px; }
#krn-apps-v4 .ka-detail-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-top:25px; }
#krn-apps-v4 .ka-detail-free { font-size:11px; color:var(--ka-muted); }
#krn-apps-v4 .ka-detail-visual { display:flex; align-items:center; gap:13px; justify-content:center; min-height:240px; padding:30px 20px; margin-top:30px; border:1px solid var(--ka-line); border-radius:16px; background:radial-gradient(ellipse at 80% 20%,#ff2b9814,transparent 65%),var(--ka-surface); overflow:hidden; }
#krn-apps-v4 .ka-detail-photo { width:29%; height:210px; border-radius:10px; object-fit:cover; }
#krn-apps-v4 .ka-detail-phrase { font-size:clamp(26px,5vw,47px); letter-spacing:-1.6px; line-height:1.1; color:var(--ka-text); max-width:450px; text-align:center; font-weight:550; }
@media(max-width:800px) {
  #krn-apps-v4 .ka-topbar { gap:15px; padding-left:24px; }
  #krn-apps-v4 .ka-brand { gap:12px; }
  #krn-apps-v4 .ka-library-button span { display:none; }
  #krn-apps-v4 .ka-tools { gap:8px; }
  #krn-apps-v4 .ka-hero { padding:40px 30px 48px; min-height:335px; }
  #krn-apps-v4 .ka-hero h1 { font-size:49px; }
  #krn-apps-v4 .ka-content { padding:0 24px 25px; }
  #krn-apps-v4 .ka-feature { padding:20px; min-height:242px; }
  #krn-apps-v4 .ka-feature h2 { font-size:25px; }
  #krn-apps-v4 .ka-photo-stack { left:44%; opacity:.9; }
  #krn-apps-v4 .ka-photo-stack img { width:115px; height:158px; }
  #krn-apps-v4 .ka-photo-stack img:nth-child(3) { right:35px; }
  #krn-apps-v4 .ka-results { column-gap:23px; }
  #krn-apps-v4 .ka-app { gap:10px; }
  #krn-apps-v4 .ka-app-actions { gap:0; }
}
@media(max-width:600px) {
  #krn-apps-v4 .ka-page { border-radius:15px; }
  #krn-apps-v4 .ka-topbar { grid-template-columns:minmax(0,1fr) auto; gap:14px 8px; padding:15px 18px; }
  #krn-apps-v4 .ka-brand { grid-column:1/-1; padding-right:90px; }
  #krn-apps-v4 .ka-search { grid-row:2; grid-column:1; }
  #krn-apps-v4 .ka-tools { grid-row:2; grid-column:2; }
  #krn-apps-v4 .ka-library-button { width:31px; justify-content:center; }
  #krn-apps-v4 .ka-hero { min-height:343px; padding:34px 22px 46px; }
  #krn-apps-v4 .ka-hero-art { width:85%; object-position:45% 45%; opacity:.7; }
  #krn-apps-v4 .ka-hero::before { background:linear-gradient(90deg,#05070df7 0%,#05070dbd 45%,#05070d35 100%),linear-gradient(0deg,#05070d,#05070d00 45%); }
  #krn-apps-v4 .ka-hero h1 { font-size:43px; letter-spacing:-2px; }
  #krn-apps-v4 .ka-eyebrow { font-size:9px; letter-spacing:1.7px; }
  #krn-apps-v4 .ka-hero-description { font-size:12px; max-width:270px; }
  #krn-apps-v4 .ka-hero-actions { gap:15px; }
  #krn-apps-v4 .ka-primary { font-size:11px; padding:11px 14px; }
  #krn-apps-v4 .ka-content { padding:0 18px 23px; }
  #krn-apps-v4 .ka-featured { grid-template-columns:1fr; gap:12px; margin-top:-10px; }
  #krn-apps-v4 .ka-feature { min-height:220px; padding:22px; }
  #krn-apps-v4 .ka-feature h2 { font-size:29px; }
  #krn-apps-v4 .ka-feature-summary { max-width:190px; }
  #krn-apps-v4 .ka-photo-stack { inset:9px -14px 5px 40%; }
  #krn-apps-v4 .ka-feature-end { margin-top:17px; }
  #krn-apps-v4 .ka-feature-prompt { min-height:205px; }
  #krn-apps-v4 .ka-feature-prompt h2 { font-size:30px; }
  #krn-apps-v4 .ka-prompt-art { font-size:100px; top:0; right:28px; }
  #krn-apps-v4 .ka-catalog { margin-top:29px; }
  #krn-apps-v4 .ka-catalog-heading { gap:9px; }
  #krn-apps-v4 .ka-catalog-heading h2 { font-size:22px; }
  #krn-apps-v4 .ka-filters { column-gap:19px; row-gap:5px; }
  #krn-apps-v4 .ka-results { grid-template-columns:1fr; }
  #krn-apps-v4 .ka-app { padding:16px 0; gap:12px; }
  #krn-apps-v4 .ka-app h3 { font-size:13px; }
  #krn-apps-v4 .ka-app p { font-size:11px; }
  #krn-apps-v4 .ka-app-icon { width:46px; height:46px; }
  #krn-apps-v4 .ka-footer { font-size:10px; }
  #krn-apps-v4 .ka-detail h1 { font-size:28px; }
  #krn-apps-v4 .ka-detail-top { gap:12px; }
  #krn-apps-v4 .ka-detail-description { font-size:14px; }
  #krn-apps-v4 .ka-detail-visual { gap:9px; padding:22px 12px; min-height:190px; }
  #krn-apps-v4 .ka-detail-photo { height:155px; }
}
@media(max-width:360px) {
  #krn-apps-v4 .ka-hero h1 { font-size:38px; }
  #krn-apps-v4 .ka-hero-actions { gap:12px; }
  #krn-apps-v4 .ka-free { font-size:10px; }
  #krn-apps-v4 .ka-feature h2 { font-size:27px; }
  #krn-apps-v4 .ka-feature-summary { max-width:160px; }
  #krn-apps-v4 .ka-app { gap:9px; }
  #krn-apps-v4 .ka-app-icon { width:41px; height:41px; border-radius:11px; }
  #krn-apps-v4 .ka-app-actions { flex-direction:column; }
}
@media(pointer:coarse) {
  #krn-apps-v4 .ka-search input { font-size:16px; }
  #krn-apps-v4 .ka-search { min-height:44px; }
  #krn-apps-v4 .ka-library-button,#krn-apps-v4 .ka-theme { min-height:44px; min-width:44px; }
  #krn-apps-v4 .ka-save,#krn-apps-v4 .ka-open { width:44px; height:44px; }
  #krn-apps-v4 .ka-app-actions { gap:0; }
  #krn-apps-v4 .ka-filter { min-height:44px; padding-bottom:9px; }
  #krn-apps-v4 .ka-primary { min-height:44px; }
}
@media(prefers-reduced-motion:reduce) { #krn-apps-v4 .ka-feature { transition:none; } #krn-apps-v4 .ka-feature:hover { transform:none; } }
/* App-first refinement */
#krn-apps-v4 .ka-spotlight { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.3fr); gap:30px; align-items:center; padding:36px 30px 29px; position:relative; isolation:isolate; }
#krn-apps-v4 .ka-spotlight::before { content:''; position:absolute; right:3%; top:12%; width:43%; height:75%; border-radius:50%; background:radial-gradient(ellipse,#ff2b9821,transparent 72%); filter:blur(35px); z-index:-1; opacity:var(--ka-bokeh); }
#krn-apps-v4 .ka-spotlight-copy { min-width:0; }
#krn-apps-v4 .ka-spotlight .ka-eyebrow { color:var(--ka-pink-soft); font-size:9px; letter-spacing:1.8px; }
#krn-apps-v4 .ka-spotlight-app { display:flex; align-items:center; gap:9px; margin-top:19px; color:var(--ka-text); font-size:13px; font-weight:550; }
#krn-apps-v4 .ka-spotlight-app img { width:29px; height:29px; border-radius:8px; }
#krn-apps-v4 .ka-spotlight h1 { font-size:clamp(34px,4.8vw,48px); line-height:1.05; letter-spacing:-1.8px; font-weight:600; margin-top:16px; }
#krn-apps-v4 .ka-spotlight h1 span { color:var(--ka-pink); }
#krn-apps-v4 .ka-spotlight-description { color:var(--ka-muted); margin-top:15px; font-size:13px; max-width:300px; }
#krn-apps-v4 .ka-spotlight-meta { display:flex; align-items:center; gap:11px; margin-top:15px; color:var(--ka-muted); font-size:11px; }
#krn-apps-v4 .ka-spotlight-meta span { display:flex; align-items:center; gap:6px; }
#krn-apps-v4 .ka-spotlight-meta svg { height:13px; width:13px; }
#krn-apps-v4 .ka-meta-separator { width:2px; height:2px; background:var(--ka-muted); border-radius:50%; }
#krn-apps-v4 .ka-spotlight-meta .ka-meta-free { color:var(--ka-pink-soft); }
#krn-apps-v4 .ka-spotlight-actions { display:flex; align-items:center; flex-wrap:wrap; gap:17px; margin-top:21px; }
#krn-apps-v4 .ka-spotlight .ka-primary { font-size:11px; padding:11px 14px; }
#krn-apps-v4 .ka-text-action { display:inline-flex; align-items:center; gap:6px; border:0; background:transparent; color:var(--ka-muted); font-size:11px; padding:5px 0; }
#krn-apps-v4 .ka-text-action svg { width:13px; height:13px; }
#krn-apps-v4 .ka-requirement { font-size:10px; color:var(--ka-muted); margin-top:11px; }
#krn-apps-v4 .ka-screenshot { min-width:0; margin:0; }
#krn-apps-v4 .ka-screenshot img { display:block; width:100%; height:auto; border-radius:11px; border:1px solid #ffffff2a; box-shadow:0 20px 55px #00000050; }
#krn-apps-v4 .ka-screenshot figcaption { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:11px; color:var(--ka-muted); font-size:10px; }
#krn-apps-v4 .ka-screenshot button { border:0; background:transparent; color:var(--ka-muted); font-size:10px; display:inline-flex; align-items:center; gap:5px; padding:2px 0; }
#krn-apps-v4 .ka-screenshot button svg { width:12px; height:12px; }
#krn-apps-v4 .ka-spotlight.ka-expanded { grid-template-columns:1fr; }
#krn-apps-v4 .ka-spotlight.ka-expanded .ka-spotlight-copy { display:grid; grid-template-columns:1fr auto; column-gap:30px; }
#krn-apps-v4 .ka-spotlight.ka-expanded .ka-spotlight-copy>* { grid-column:1; }
#krn-apps-v4 .ka-spotlight.ka-expanded .ka-spotlight-actions { grid-column:2; grid-row:3/6; align-self:center; }
#krn-apps-v4 .ka-spotlight.ka-expanded h1 { font-size:36px; }
#krn-apps-v4 .ka-spotlight.ka-expanded .ka-spotlight-description { max-width:520px; }
#krn-apps-v4 .ka-catalog { margin-top:10px; padding-top:22px; border-top:1px solid var(--ka-line); }
#krn-apps-v4 .ka-catalog-heading { align-items:center; }
#krn-apps-v4 .ka-catalog-heading h2 { font-size:23px; }
#krn-apps-v4 .ka-catalog-note { display:flex; align-items:center; gap:7px; font-size:10px; color:var(--ka-muted); }
#krn-apps-v4 .ka-catalog-note svg { width:12px; height:12px; color:var(--ka-pink-soft); }
#krn-apps-v4 .ka-result-count { font-size:10px; }
#krn-apps-v4 .ka-results { column-gap:25px; }
#krn-apps-v4 .ka-app { gap:11px; padding:17px 0; }
#krn-apps-v4 .ka-app-copy { min-width:0; }
#krn-apps-v4 .ka-app p { font-size:11px; }
#krn-apps-v4 .ka-app-platforms { display:flex; align-items:center; flex-wrap:wrap; gap:5px; font-size:10px; margin-top:5px; color:var(--ka-muted); }
#krn-apps-v4 .ka-app-platforms svg { height:10px; width:10px; }
#krn-apps-v4 .ka-app-platforms span+span::before { content:'·'; margin-right:5px; }
#krn-apps-v4 .ka-app-actions { gap:5px; }
#krn-apps-v4 .ka-app-access { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:29px; padding:6px 10px; border:1px solid var(--ka-line); border-radius:8px; color:var(--ka-text); background:var(--ka-raised); text-decoration:none; font-size:10px; white-space:nowrap; }
#krn-apps-v4 .ka-app-access:hover { border-color:#ff2b9855; }
#krn-apps-v4 .ka-app-access svg { height:11px; width:11px; }
#krn-apps-v4 .ka-app-title { display:block; text-align:left; background:transparent; padding:0; border:0; font-size:12px; color:var(--ka-text); font-weight:550; }
#krn-apps-v4 .ka-results .ka-save { width:26px; }
#krn-apps-v4 .ka-outline-action { display:inline-flex; align-items:center; gap:7px; padding:10px 13px; border:1px solid var(--ka-line); border-radius:9px; background:transparent; color:var(--ka-muted); font-size:11px; }
#krn-apps-v4 .ka-outline-action svg { width:13px; height:13px; }
#krn-apps-v4 .ka-detail-visual.ka-real-shot { padding:0; background:transparent; border:0; }
#krn-apps-v4 .ka-real-shot img { display:block; width:100%; border-radius:12px; }
#krn-apps-v4 .ka-access-message { display:none; color:var(--ka-muted); border-top:1px solid var(--ka-line); padding:10px 30px; font-size:11px; }
#krn-apps-v4 .ka-access-message:not(:empty) { display:block; }
#krn-apps-v4 .ka-detail .ka-app-platforms { margin-top:11px; font-size:11px; }
@media(max-width:800px) {
  #krn-apps-v4 .ka-spotlight { padding:30px 24px 25px; gap:20px; grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr); }
  #krn-apps-v4 .ka-spotlight h1 { font-size:37px; }
  #krn-apps-v4 .ka-spotlight-actions { gap:13px; }
  #krn-apps-v4 .ka-spotlight .ka-primary { font-size:10px; padding:10px 12px; }
  #krn-apps-v4 .ka-spotlight-description { font-size:12px; }
  #krn-apps-v4 .ka-app-icon { height:41px; width:41px; border-radius:10px; }
  #krn-apps-v4 .ka-app-access { padding:5px 8px; font-size:9px; }
  #krn-apps-v4 .ka-results { column-gap:21px; }
  #krn-apps-v4 .ka-app-actions { gap:2px; }
}
@media(max-width:600px) {
  #krn-apps-v4 .ka-spotlight { grid-template-columns:1fr; gap:20px; padding:25px 20px 18px; }
  #krn-apps-v4 .ka-spotlight-copy { position:relative; }
  #krn-apps-v4 .ka-spotlight .ka-eyebrow { font-size:8px; letter-spacing:1.5px; }
  #krn-apps-v4 .ka-spotlight-app { font-size:12px; margin-top:13px; }
  #krn-apps-v4 .ka-spotlight-app img { height:24px; width:24px; border-radius:6px; }
  #krn-apps-v4 .ka-spotlight h1 { font-size:35px; margin-top:11px; letter-spacing:-1.5px; }
  #krn-apps-v4 .ka-spotlight h1 br { display:none; }
  #krn-apps-v4 .ka-spotlight-description { margin-top:11px; max-width:350px; font-size:12px; }
  #krn-apps-v4 .ka-spotlight-meta { position:absolute; top:28px; right:0; margin-top:0; font-size:10px; }
  #krn-apps-v4 .ka-spotlight-meta .ka-meta-platform,#krn-apps-v4 .ka-spotlight-meta .ka-meta-separator { display:none; }
  #krn-apps-v4 .ka-spotlight-actions { margin-top:16px; gap:20px; }
  #krn-apps-v4 .ka-spotlight .ka-primary { font-size:11px; padding:11px 14px; }
  #krn-apps-v4 .ka-requirement { font-size:9px; margin-top:8px; }
  #krn-apps-v4 .ka-screenshot img { max-height:155px; object-fit:cover; object-position:center top; border-radius:8px; }
  #krn-apps-v4 .ka-screenshot figcaption { font-size:9px; margin-top:7px; }
  #krn-apps-v4 .ka-screenshot button { font-size:9px; }
  #krn-apps-v4 .ka-spotlight.ka-expanded .ka-spotlight-copy { display:block; }
  #krn-apps-v4 .ka-spotlight.ka-expanded h1 { font-size:35px; }
  #krn-apps-v4 .ka-spotlight.ka-expanded .ka-screenshot img { max-height:none; }
  #krn-apps-v4 .ka-catalog { margin-top:4px; padding-top:19px; }
  #krn-apps-v4 .ka-catalog-heading h2 { font-size:21px; }
  #krn-apps-v4 .ka-catalog-note { font-size:9px; }
  #krn-apps-v4 .ka-catalog-note svg { display:none; }
  #krn-apps-v4 .ka-catalog-note .ka-result-count { display:none; }
  #krn-apps-v4 .ka-filters { margin-top:13px; gap:17px; }
  #krn-apps-v4 .ka-app { padding:14px 0; gap:11px; }
  #krn-apps-v4 .ka-app-icon { height:43px; width:43px; }
  #krn-apps-v4 .ka-app-copy { flex:1; }
  #krn-apps-v4 .ka-app p { font-size:10px; }
  #krn-apps-v4 .ka-app-actions { flex-direction:row; gap:4px; }
  #krn-apps-v4 .ka-app-access { min-width:65px; font-size:10px; padding:7px 8px; }
  #krn-apps-v4 .ka-app-title { font-size:12px; }
  #krn-apps-v4 .ka-results .ka-save { width:25px; }
  #krn-apps-v4 .ka-access-message { padding:11px 20px; }
}
@media(max-width:360px) {
  #krn-apps-v4 .ka-spotlight h1 { font-size:32px; }
  #krn-apps-v4 .ka-spotlight-meta { font-size:9px; }
  #krn-apps-v4 .ka-app { gap:9px; }
  #krn-apps-v4 .ka-app-icon { width:37px; height:37px; }
  #krn-apps-v4 .ka-app-access { min-width:59px; font-size:9px; padding:6px; }
  #krn-apps-v4 .ka-app-actions { gap:0; }
  #krn-apps-v4 .ka-app-platforms { font-size:9px; }
}
@media(pointer:coarse) {
  #krn-apps-v4 .ka-app-access,#krn-apps-v4 .ka-text-action { min-height:44px; }
  #krn-apps-v4 .ka-results .ka-save { min-width:34px; height:44px; }
  #krn-apps-v4 .ka-screenshot button { min-height:35px; }
}

html { background:#05070d; scroll-behavior:smooth; }
body { margin:0; background:#05070d; }
body:has(.ka-light), html:has(.ka-light) { background:#f8f7fb; }
#krn-apps-v4 { max-width:1240px; margin:0 auto; }
#krn-apps-v4 .ka-page { min-height:100vh; border:0; border-radius:0; }
#krn-apps-v4 .ka-topbar { padding-right:30px; }
#krn-apps-v4 .ka-home { color:var(--ka-text); text-decoration:none; }
#krn-apps-v4 .ka-footer a { color:var(--ka-muted); text-decoration:none; }
#krn-apps-v4 button:not(:disabled), #krn-apps-v4 a { cursor:pointer; }
#krn-apps-v4 a:focus-visible, #krn-apps-v4 button:focus-visible { outline:2px solid var(--ka-pink); outline-offset:4px; }
#krn-apps-v4 .ka-app-access { text-decoration:none; }
#krn-apps-v4 .ka-primary { text-decoration:none; }
#krn-apps-v4 .ka-pending { font-size:10px; color:var(--ka-muted); padding:7px 8px; }
#krn-apps-v4 .ka-release-note { color:var(--ka-muted); max-width:650px; font-size:12px; margin-top:15px; }
#krn-apps-v4 .ka-library-note { font-size:11px; color:var(--ka-muted); margin-top:10px; }
#krn-apps-v4 .ka-copy-link { font-size:11px; color:var(--ka-muted); background:transparent; border:1px solid var(--ka-line); border-radius:9px; padding:10px 13px; }
#krn-apps-v4 .ka-app-access:disabled { cursor:default; opacity:.7; }
@media(max-width:600px) { #krn-apps-v4 .ka-topbar { padding-right:18px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }