@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,700&family=Hanken+Grotesk:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Space+Mono:wght@400;700&display=swap");:root{--font-serif:"Spectral",Georgia,serif;--font-display:"Archivo",system-ui,sans-serif;--font-body:"Hanken Grotesk",system-ui,sans-serif;--font-mono:"Space Mono",ui-monospace,monospace;--t-display-xl:76px;--t-display-l:58px;--t-display-m:44px;--t-h1:36px;--t-h2:28px;--t-h3:22px;--t-h4:18px;--t-body-lg:18px;--t-body:16px;--t-body-sm:14px;--t-caption:13px;--t-overline:11px;--lh-tight:1.04;--lh-snug:1.18;--lh-normal:1.5;--lh-relaxed:1.62;--tracking-tight:-0.02em;--tracking-wide:0.02em;--tracking-caps:0.16em;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--s-24:96px;--s-32:128px;--r-xs:6px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:28px;--r-3xl:36px;--r-pill:999px;--container:1200px;--container-wide:1360px;--tap:44px;--gutter:24px;--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-in-out:cubic-bezier(0.77,0,0.175,1);--ease-emphasized:cubic-bezier(.16,1,.3,1);--ease-drawer:cubic-bezier(0.32,0.72,0,1);--dur-press:100ms;--dur-fast:140ms;--dur:220ms;--dur-slow:300ms;--z-nav:100;--z-sticky:200;--z-overlay:800;--z-modal:900;--z-toast:1000;--ok:#3F8F5B;--warn:#B07A12;--err:#C0392B;--info:#5B6CC2}.karibu{--clay-50:#FBEEE7;--clay-100:#F4D8C9;--clay-200:#E8B49C;--clay-300:#D88A66;--clay-400:#C56A41;--clay-500:#A8472A;--clay-600:#8F3B22;--clay-700:#73301C;--clay-800:#572517;--clay-900:#3A1810;--ochre-50:#FCF3E2;--ochre-100:#F8E3BC;--ochre-200:#F0C97F;--ochre-300:#E8B45C;--ochre-400:#E0A14B;--ochre-500:#C0832E;--ochre-600:#9A6722;--ochre-700:#754D18;--ochre-800:#523510;--sage-50:#EEF0E9;--sage-100:#DCE1D2;--sage-200:#BCC6A9;--sage-300:#9BA882;--sage-400:#7E8A6B;--sage-500:#647052;--sage-600:#4D5740;--sage-700:#3A4230;--roast-50:#F4F0EC;--roast-300:#8C8076;--roast-500:#5A4D43;--roast-700:#3A2E26;--roast-900:#2B211C;--bg:#F4EDE3;--surface:#FFFFFF;--surface-2:#FBF6EF;--sunk:#EDE4D7;--border:#E4D8C7;--border-strong:#D5C5AF;--text:#2B211C;--text-muted:#6A5C4F;--text-subtle:#94897C;--text-inverse:#FBF6EF;--primary:#A8472A;--primary-hover:#8F3B22;--primary-press:#73301C;--on-primary:#FFFFFF;--primary-soft:#F4D8C9;--primary-soft-text:#73301C;--accent:#E0A14B;--accent-strong:#C0832E;--accent-text:#855111;--on-accent:#2B211C;--accent-soft:#F8E3BC;--accent-soft-text:#754D18;--support:#647052;--support-soft:#DCE1D2;--support-soft-text:#3A4230;--ok:#3F8F5B;--ok-bg:#E2F0E6;--ok-text:#235937;--warn:#B07A12;--warn-bg:#F8E9C8;--warn-text:#6B4905;--err:#C0392B;--err-bg:#F7E0DC;--err-text:#822016;--info:#5B6CC2;--info-bg:#E4E7F6;--info-text:#33408A;--ring:#A8472A;--ring-offset:#FFFFFF;--shadow-sm:0 1px 2px rgba(43,33,28,.07),0 1px 3px rgba(43,33,28,.06);--shadow-md:0 4px 12px -4px rgba(43,33,28,.12),0 12px 28px -12px rgba(43,33,28,.16);--shadow-lg:0 16px 40px -12px rgba(43,33,28,.18),0 32px 72px -28px rgba(43,33,28,.24);--brand-display:var(--font-serif);--brand-display-style:normal;color-scheme:light;background:var(--bg);color:var(--text);font-family:var(--font-body)}.karibu[data-theme=dark]{--bg:#1C1611;--surface:#2B211C;--surface-2:#352A23;--sunk:#150F0B;--border:#3E3128;--border-strong:#4F4034;--text:#F4E9DC;--text-muted:#C2B2A0;--text-subtle:#8E8073;--text-inverse:#2B211C;--primary:#E08A5F;--primary-hover:#E9A079;--primary-press:#C56A41;--on-primary:#2B1109;--primary-soft:#3E241A;--primary-soft-text:#F0BBA0;--accent:#EFB95F;--accent-strong:#E0A14B;--accent-text:#EFB95F;--on-accent:#2B211C;--accent-soft:#3A2C12;--accent-soft-text:#F0C97F;--support:#A8B48C;--support-soft:#2F3826;--support-soft-text:#C7D0AE;--ok:#5FB07C;--ok-bg:#1C2E22;--ok-text:#A8D9B8;--warn:#E0A93B;--warn-bg:#33260E;--warn-text:#F0CE8A;--err:#E87A6B;--err-bg:#36201C;--err-text:#F2B3A8;--info:#94A0E0;--info-bg:#1F2440;--info-text:#C2C9F0;--ring:#E08A5F;--ring-offset:#1C1611;--shadow-sm:0 1px 2px rgba(0,0,0,.5);--shadow-md:0 6px 18px -4px rgba(0,0,0,.55);--shadow-lg:0 20px 52px -12px rgba(0,0,0,.65);color-scheme:dark}.usiku{--ink-50:#E9E8EC;--ink-100:#C7C6CE;--ink-200:#92909D;--ink-300:#5C5A66;--ink-400:#34323C;--ink-500:#222129;--ink-600:#1B1A21;--ink-700:#16151A;--ink-800:#100F13;--ink-900:#0A0A0D;--coral-50:#FFEDE8;--coral-100:#FFCFC3;--coral-200:#FFA38E;--coral-300:#FF7A5E;--coral-400:#FF5436;--coral-500:#E23B1F;--coral-600:#BC2E16;--coral-700:#8E2210;--lime-50:#F6FCDF;--lime-100:#ECF8B8;--lime-200:#E0F291;--lime-300:#D6F25B;--lime-400:#BBD93F;--lime-500:#94AF28;--lime-600:#6E841C;--lime-700:#4F6014;--concrete-50:#F0EFEC;--concrete-100:#DEDCD6;--concrete-200:#B8B6AE;--concrete-300:#8E8C84;--concrete-400:#6B6960;--concrete-500:#4D4B44;--bg:#16151A;--surface:#1F1E25;--surface-2:#27262F;--sunk:#100F13;--border:#312F39;--border-strong:#44424E;--text:#F0EEE9;--text-muted:#B8B6AE;--text-subtle:#94929B;--text-inverse:#16151A;--primary:#FF5436;--primary-hover:#FF7A5E;--primary-press:#E23B1F;--on-primary:#16151A;--primary-soft:#3A1B14;--primary-soft-text:#FFA38E;--accent:#D6F25B;--accent-strong:#BBD93F;--accent-text:#D6F25B;--on-accent:#16151A;--accent-soft:#2A300F;--accent-soft-text:#E0F291;--support:#B8B6AE;--support-soft:#27262F;--support-soft-text:#DEDCD6;--ok:#7BD66A;--ok-bg:#19260F;--ok-text:#B7E8A8;--warn:#F0BD49;--warn-bg:#2E2410;--warn-text:#F6D88A;--err:#FF7A5E;--err-bg:#33150F;--err-text:#FFB3A0;--info:#9AA6FF;--info-bg:#191B33;--info-text:#C4CCFF;--ring:#D6F25B;--ring-offset:#16151A;--shadow-sm:0 1px 2px rgba(0,0,0,.6);--shadow-md:0 6px 20px -4px rgba(0,0,0,.7);--shadow-lg:0 22px 60px -12px rgba(0,0,0,.85),0 0 0 1px rgba(255,84,54,.04);--brand-display:var(--font-display);--brand-display-style:normal;color-scheme:dark;background:var(--bg);color:var(--text);font-family:var(--font-body)}.usiku[data-theme=light]{--bg:#F0EEE9;--surface:#FFFFFF;--surface-2:#F6F5F1;--sunk:#E5E3DD;--border:#DEDCD6;--border-strong:#C7C5BD;--text:#16151A;--text-muted:#4D4B44;--text-subtle:#807E86;--text-inverse:#F0EEE9;--primary:#E23B1F;--primary-hover:#BC2E16;--primary-press:#8E2210;--on-primary:#FFFFFF;--primary-soft:#FFCFC3;--primary-soft-text:#8E2210;--accent:#94AF28;--accent-strong:#6E841C;--accent-text:#4F6014;--on-accent:#16151A;--accent-soft:#ECF8B8;--accent-soft-text:#4F6014;--support:#4D4B44;--support-soft:#DEDCD6;--support-soft-text:#27262F;--ok:#3F8F5B;--ok-bg:#E2F0E6;--ok-text:#235937;--warn:#B07A12;--warn-bg:#F8E9C8;--warn-text:#6B4905;--err:#C0392B;--err-bg:#F7E0DC;--err-text:#822016;--info:#5B6CC2;--info-bg:#E4E7F6;--info-text:#33408A;--ring:#E23B1F;--ring-offset:#FFFFFF;--shadow-sm:0 1px 2px rgba(22,21,26,.08);--shadow-md:0 4px 14px -4px rgba(22,21,26,.14);--shadow-lg:0 18px 46px -12px rgba(22,21,26,.2);color-scheme:light}*{box-sizing:border-box}.btn:focus-visible,.field:focus-visible,.kn-focus:focus-visible,.tag:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--ring);outline-offset:2px;border-radius:var(--r-sm)}.btn{font-family:var(--font-body);font-weight:600;font-size:var(--t-body);border:none;border-radius:var(--r-pill);cursor:pointer;min-height:var(--tap);padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:9px;line-height:1;text-decoration:none;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast)}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.btn:disabled:hover,.btn[aria-disabled=true]:hover{background:inherit}.btn[aria-busy=true]{opacity:.75;cursor:progress}.btn--primary{background:var(--primary);color:var(--on-primary)}.btn--primary:hover{background:var(--primary-hover)}.btn--primary:active{background:var(--primary-press)}.btn--accent{background:var(--accent);color:var(--on-accent)}.btn--ghost{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1.5px var(--border-strong)}.btn--ghost:hover{background:var(--sunk)}.btn--soft{background:var(--primary-soft);color:var(--primary-soft-text)}.btn--lg{min-height:54px;font-size:var(--t-body-lg);padding:0 30px}.btn--sm{min-height:var(--tap);font-size:var(--t-body-sm);padding:0 16px}.usiku .btn{font-weight:700}.tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-weight:600;font-size:var(--t-caption);padding:5px 11px;border-radius:var(--r-pill);background:var(--sunk);color:var(--text-muted);line-height:1}.tag--primary{background:var(--primary-soft);color:var(--primary-soft-text)}.tag--accent{background:var(--accent-soft);color:var(--accent-soft-text)}.tag--ok{background:var(--ok-bg);color:var(--ok-text)}.tag--warn{background:var(--warn-bg);color:var(--warn-text)}.tag--err{background:var(--err-bg);color:var(--err-text)}.usiku .tag{font-family:var(--font-mono);font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:var(--r-xs);font-size:11px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm)}.usiku .card{border-radius:var(--r-lg)}.field{font-family:var(--font-body);font-size:var(--t-body);color:var(--text);background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--r-md);min-height:var(--tap);padding:0 14px;width:100%;box-sizing:border-box;max-width:100%;min-width:0;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}input.field[type=date],input.field[type=datetime-local],input.field[type=time]{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;max-width:100%;width:100%;text-align:left;overflow:hidden}input.field[type=date]::-webkit-date-and-time-value,input.field[type=datetime-local]::-webkit-date-and-time-value,input.field[type=time]::-webkit-date-and-time-value{text-align:left;min-width:0;width:100%;margin:0}input.field[type=date]::-webkit-datetime-edit,input.field[type=datetime-local]::-webkit-datetime-edit,input.field[type=time]::-webkit-datetime-edit{padding:0;min-width:0}.kn-field-group{min-width:0}.field::placeholder{color:var(--text-placeholder,var(--text-muted));opacity:1}.field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-property:opacity,color,background-color,border-color,box-shadow,fill,stroke!important}.kn-skel{background-position:0 0}.kn-skel,.kn-spinner{animation:none!important}.kn-spinner{border-top-color:var(--border)}}@media (prefers-reduced-transparency:reduce){.kn-card__fav,.kn-nav,.kn-tabbar{background:var(--surface)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.kn-nav{background:var(--bg)!important}}@media (prefers-contrast:more){.kn-card__fav,.kn-nav,.kn-tabbar{background:var(--surface)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid var(--text)!important}.field,.kn-card,.kn-chip{border-color:var(--text)}}.kn-nav{display:flex;align-items:center;gap:var(--s-6);height:68px;padding:0 var(--s-8);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-nav)}.kn-nav:after{content:"";position:absolute;left:0;right:0;top:100%;height:20px;background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 70%,transparent),transparent);pointer-events:none}@media (prefers-contrast:more){.kn-nav:after{display:none}}.kn-nav__brand{min-height:var(--tap);gap:11px;text-decoration:none;flex:none}.kn-nav__brand,.kn-nav__links{display:flex;align-items:center}.kn-nav__links{gap:2px}.kn-nav__links a{font-size:var(--t-body-sm);font-weight:600;color:var(--text-muted);display:inline-flex;align-items:center;min-height:var(--tap);text-decoration:none;padding:9px 14px;border-radius:var(--r-pill);white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}@media (hover:hover){.kn-nav__links a:hover{background:var(--sunk);color:var(--text)}}.kn-nav__links a:active{background:var(--sunk);color:var(--text)}.kn-nav__links a[aria-current=page]{color:var(--primary);background:var(--primary-soft)}.kn-nav__spacer{flex:1 1}.kn-nav__actions{display:flex;align-items:center;gap:var(--s-3)}.kn-logo-karibu{display:flex;align-items:center;gap:10px}.kn-logo-karibu .wm{display:flex;flex-direction:column;line-height:.9}.kn-logo-karibu .wm b{font-family:var(--font-serif);font-weight:600;font-size:21px;color:var(--text);letter-spacing:-.01em}.kn-logo-karibu .wm s{font-family:var(--font-body);font-weight:600;font-size:8.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent-text);text-decoration:none}.kn-logo-usiku{font-family:var(--font-display);font-weight:900;font-size:24px;letter-spacing:-.03em;text-transform:uppercase;color:var(--text);line-height:.85}.kn-logo-usiku em{color:var(--primary);font-style:normal}.kn-tabbar{display:flex;align-items:stretch;background:var(--surface);border-top:1px solid var(--border);padding:6px 6px calc(6px + env(safe-area-inset-bottom))}.kn-tabbar a{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px;text-decoration:none;color:var(--text-subtle);border-radius:var(--r-md);min-height:var(--tap)}.kn-tabbar a svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.kn-tabbar a span{font-size:10px;font-weight:600;letter-spacing:.01em}.kn-tabbar a[aria-current=page]{color:var(--primary)}.kn-tabbar a{transition:color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.kn-tabbar a:active{color:var(--primary);transform:scale(.92)}.usiku .kn-tabbar a svg{stroke-width:2}.usiku .kn-tabbar a span{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.kn-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur);display:flex;flex-direction:column}.usiku .kn-card{border-radius:var(--r-lg)}@media (hover:hover){.kn-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}}.kn-card:active{transform:translateY(0) scale(.995)}.kn-card__media{position:relative;aspect-ratio:16/10;overflow:hidden}.kn-card__fav{position:absolute;top:11px;right:11px;width:36px;height:36px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--surface) 84%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text);z-index:2;transition:transform var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.kn-card__fav:active{transform:scale(.9)}.kn-card__fav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.kn-card__fav[aria-pressed=true]{color:var(--primary)}.kn-card__fav[aria-pressed=true] svg{fill:currentColor}.kn-card__pin{position:absolute;left:11px;bottom:11px;z-index:2}.kn-card__body{padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-2);flex:1 1;min-width:0}.kn-card__title{font-family:var(--brand-display);font-style:var(--brand-display-style);font-weight:700;font-size:var(--t-h4);color:var(--text);letter-spacing:-.01em;line-height:1.15}.usiku .kn-card__title{text-transform:uppercase;font-size:17px}.kn-card__title a{display:inline-flex;align-items:center;min-height:24px}.kn-card__meta{display:flex;align-items:center;gap:8px;font-size:var(--t-caption);color:var(--text-muted);flex-wrap:wrap;overflow-wrap:anywhere}.kn-card__meta .dot{width:3px;height:3px;border-radius:50%;background:var(--text-subtle)}.kn-card__row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);flex-wrap:wrap;margin-top:auto;padding-top:var(--s-2)}.kn-card__row .btn{flex:1 1 128px;white-space:normal}.kn-rating{display:inline-flex;align-items:center;gap:5px;font-weight:700;font-size:var(--t-body-sm);color:var(--text)}.kn-rating svg{width:15px;height:15px;fill:var(--accent);stroke:none}.kn-filterbar{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.kn-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:7px;font-family:var(--font-body);font-weight:600;font-size:var(--t-body-sm);color:var(--text);background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--r-pill);padding:9px 15px;cursor:pointer;min-height:var(--tap);white-space:nowrap;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}@media (hover:hover){.kn-chip:hover{border-color:var(--primary);background:var(--surface-2)}}.kn-chip:active{border-color:var(--primary);background:var(--surface-2);transform:scale(.97)}.kn-chip svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}.kn-chip.is-active,.kn-chip[aria-pressed=true]{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.kn-chip .count{font-size:11px;opacity:.7}.usiku .kn-chip{font-family:var(--font-mono);text-transform:uppercase;font-size:12px;letter-spacing:.04em;border-radius:var(--r-xs)}.kn-seg{display:inline-flex;background:var(--sunk);border-radius:var(--r-pill);padding:4px;gap:2px}.usiku .kn-seg{border-radius:var(--r-sm)}.kn-seg button{border:none;background:transparent;cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:var(--t-body-sm);color:var(--text-muted);padding:8px 16px;border-radius:var(--r-pill);display:inline-flex;align-items:center;gap:7px;min-height:var(--tap);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.kn-seg button:active{background:var(--surface-2);color:var(--text)}.usiku .kn-seg button{border-radius:var(--r-xs);font-family:var(--font-mono);text-transform:uppercase;font-size:12px}.kn-seg button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.kn-seg button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.kn-moodgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:var(--s-3);gap:var(--s-3)}.kn-mood{position:relative;border:none;cursor:pointer;border-radius:var(--r-lg);padding:var(--s-5);min-height:120px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;overflow:hidden;transition:transform var(--dur) var(--ease-emphasized),box-shadow var(--dur);background:var(--surface);border:1.5px solid var(--border);color:var(--text)}.kn-mood:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-md)}.kn-mood:active{transform:scale(.98)}.kn-mood .emoji{font-size:26px;line-height:1}.kn-mood .label{font-family:var(--brand-display);font-style:var(--brand-display-style);font-weight:700;font-size:var(--t-h4);letter-spacing:-.01em;line-height:1.1}.usiku .kn-mood{background:var(--surface);border-color:var(--border);border-radius:var(--r-md)}.usiku .kn-mood .label{text-transform:uppercase}.kn-mood[aria-pressed=true]{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 30%,transparent)}.kn-mood .glow{position:absolute;inset:0;opacity:0;transition:opacity var(--dur);z-index:0;pointer-events:none}.kn-mood:hover .glow{opacity:.16}.kn-mood>*{position:relative;z-index:1}.kn-cta{border-radius:var(--r-2xl);padding:var(--s-12);position:relative;overflow:hidden}.usiku .kn-cta{border-radius:var(--r-lg)}.kn-cta--primary{background:var(--primary);color:var(--on-primary)}.kn-cta--ink{background:var(--ink-700,#16151A);color:var(--text)}.kn-cta h3{font-family:var(--brand-display);font-style:var(--brand-display-style);font-weight:700;font-size:var(--t-h1);letter-spacing:-.02em;line-height:1.05}.kn-cta p{margin-top:var(--s-3);font-size:var(--t-body-lg);opacity:.9;max-width:48ch}.kn-field-group{display:flex;flex-direction:column;gap:7px}.kn-field-group>label,.kn-field-group>span:not([class]){font-size:var(--t-body-sm);font-weight:600;color:var(--text)}.kn-field-group .hint{font-size:var(--t-caption);color:var(--text-subtle)}.kn-field-group .err{font-size:var(--t-caption);color:var(--err-text);display:flex;align-items:center;gap:5px}.kn-field-group .field[aria-invalid=true]{border-color:var(--err)}.kn-select{position:relative}.kn-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}.kn-select:after{content:"";position:absolute;right:14px;top:50%;width:9px;height:9px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:translateY(-65%) rotate(45deg);pointer-events:none}.kn-state{flex-direction:column;text-align:center;gap:var(--s-4);padding:var(--s-16) var(--s-6)}.kn-state,.kn-state__art{display:flex;align-items:center}.kn-state__art{width:96px;height:96px;border-radius:var(--r-2xl);justify-content:center;background:var(--sunk);color:var(--text-muted)}.kn-state__art svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.kn-state h3{font-family:var(--brand-display);font-style:var(--brand-display-style);font-weight:700;font-size:var(--t-h3);color:var(--text)}.kn-state p{color:var(--text-muted);max-width:42ch;font-size:var(--t-body)}.kn-skel{background:linear-gradient(100deg,var(--sunk) 30%,color-mix(in srgb,var(--sunk) 50%,var(--surface)) 50%,var(--sunk) 70%);background-size:200% 100%;animation:kn-shimmer 1.3s linear infinite;border-radius:var(--r-sm)}@keyframes kn-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.kn-skel-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden}.kn-skel-card .m{aspect-ratio:16/10}.kn-skel-card .b{padding:var(--s-5);display:flex;flex-direction:column;gap:10px}.kn-spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--sunk);border-top-color:var(--primary);animation:kn-spin .8s linear infinite}@keyframes kn-spin{to{transform:rotate(1turn)}}.kn-toast{display:inline-flex;align-items:center;gap:10px;background:var(--text);color:var(--bg);padding:13px 18px;border-radius:var(--r-pill);font-size:var(--t-body-sm);font-weight:600;box-shadow:var(--shadow-lg)}.usiku .kn-toast{border-radius:var(--r-sm)}.kn-progress{height:7px;background:var(--sunk);border-radius:var(--r-pill);overflow:hidden}.kn-progress i{display:block;height:100%;background:var(--primary);border-radius:var(--r-pill);transform-origin:left center;transition:transform var(--dur-slow) var(--ease-out)}.usiku .kn-progress i{background:var(--accent)}.kn-pin{display:inline-flex;align-items:center;gap:5px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);padding:5px 11px;font-size:var(--t-caption);font-weight:700;color:var(--text);box-shadow:var(--shadow-sm)}.kn-mappin{width:32px;height:40px;display:flex;align-items:flex-start;justify-content:center}.kn-mappin svg{width:32px;height:40px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.3))}.kn-overline{font-family:var(--font-mono);font-size:var(--t-overline);letter-spacing:.2em;text-transform:uppercase;color:var(--text-subtle)}.kn-sectionhead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-5)}.kn-sectionhead h2{flex:1 1 auto;min-width:min(100%,16ch);font-family:var(--brand-display);font-style:var(--brand-display-style);font-weight:700;font-size:var(--t-h2);color:var(--text);letter-spacing:-.02em;line-height:1.05}.usiku .kn-sectionhead h2{text-transform:uppercase}