/* Uguns un Nakts — komponentu stili. Prefikss un-. Visas vērtības no tokens.css. */
.un-root{background:var(--nakts);color:var(--kauls);font-family:var(--font-nippo);-webkit-font-smoothing:antialiased}
.un-root *{box-sizing:border-box}
.un-nosk{clip-path:polygon(0 0,calc(100% - var(--nosk-md)) 0,100% var(--nosk-md),100% 100%,0 100%)}
.un-nosk-sm{clip-path:polygon(0 0,calc(100% - var(--nosk-sm)) 0,100% var(--nosk-sm),100% 100%,0 100%)}

/* Pogas */
.un-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);min-height:var(--skariens);padding:0 var(--space-16);border:var(--rams) solid transparent;border-radius:0;font-family:var(--font-nippo);font-size:14.4px;font-weight:500;line-height:1;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s}
.un-btn:focus-visible{outline:var(--fokuss-platums) solid var(--fokuss);outline-offset:2px}
.un-btn--uguns{background:var(--uguns);color:var(--kauls);padding:0 var(--space-24);font-size:16px}
.un-btn--uguns:hover,.un-btn--uguns.is-hover{background:var(--ogle)}
.un-btn--uguns:active,.un-btn--uguns.is-active{background:var(--asins)}
.un-btn--spoku{background:none;color:var(--kauls);border-color:var(--kauls-50)}
.un-btn--spoku:hover,.un-btn--spoku.is-hover{background:var(--asins);border-color:var(--kauls)}
.un-btn--kauls{background:var(--kauls);color:var(--tinte)}
.un-btn--kauls:hover,.un-btn--kauls.is-hover{background:var(--salmi)}
.un-btn--tinte{background:var(--tinte);color:var(--kauls)}
.un-btn--tinte:hover,.un-btn--tinte.is-hover{background:var(--asins)}
.un-btn--tinte:focus-visible{outline-color:var(--asins)}
.un-btn--neitrala{background:var(--nakts-3);color:var(--salmi);border-color:var(--grafits)}
.un-btn--neitrala:hover,.un-btn--neitrala.is-hover{border-color:var(--kvepi);color:var(--kauls)}
.un-btn--maza{min-height:36px;font-size:13px;line-height:1.2;padding:0 var(--space-12)}
.un-btn[disabled]{background:none;color:var(--kvepi);border-color:var(--kvepi);cursor:not-allowed}
.un-btn.is-focus{outline:var(--fokuss-platums) solid var(--fokuss);outline-offset:2px}

/* Proza — Kanit. Nekad pogās, logo, displejā vai lielo burtu etiķetēs. */
.un-proza{font-family:var(--font-kanit);font-size:18px;font-weight:400;line-height:1.62;color:var(--mals);max-width:var(--lasama-kolonna)}
.un-proza>*{margin:0}
.un-proza>*+*{margin-top:var(--space-16)}
.un-proza--liela{font-size:20px;line-height:1.6;color:var(--salmi)}
.un-proza--maza{font-size:16px;line-height:1.55;letter-spacing:.01em;color:var(--dumi)}
.un-proza b,.un-proza strong{font-weight:600;color:var(--salmi)}
/* Kursīvs tikai: tempa norādes, svešvalodu nosaukumi, sēriju nosaukumi. */
.un-termins{font-style:italic}
.un-proza i,.un-proza em,.un-proza cite{font-style:italic;font-weight:inherit}
.un-proza a{color:var(--kauls);text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px}
.un-proza a:hover{color:var(--dzirkstele)}
.un-proza a:focus-visible{outline:var(--fokuss-platums) solid var(--fokuss);outline-offset:2px}
/* Uz Nošu papīra proza maina krāsu, ne izmēru. */
.un-lapa .un-proza{color:var(--tinte)}
.un-lapa .un-proza--maza{color:var(--kvepi)}
.un-lapa .un-proza b,.un-lapa .un-proza strong{color:var(--tinte)}
.un-lapa .un-proza a{color:var(--tinte)}
.un-lapa .un-proza a:hover{color:var(--asins)}
.un-lapa .un-proza a:focus-visible{outline-color:var(--asins)}

/* Skaitļu kolonna. Nevienai saimei nav tnum, tāpēc malu notur labā līdzināšana + fiksēts ch platums. */
.un-sk{text-align:right;font-variant-numeric:tabular-nums}
.un-sk--cena{min-width:8ch}
.un-sk--laiks{min-width:6ch}
.un-sk--nr{min-width:6ch}

/* Žetons */
.un-zetons{display:inline-block;background:var(--grafits);color:var(--kauls);padding:var(--space-4) var(--space-8);font-size:12px;font-weight:500;line-height:1.8;letter-spacing:.08em;text-transform:uppercase}
.un-zetons--pirmizdevums{background:var(--okers);color:var(--tinte)}

/* Grūtība */
.un-grutiba{display:inline-flex;align-items:center;gap:var(--space-4)}
.un-grutiba i{display:block;width:14px;height:8px;border:var(--rams) solid var(--kvepi);clip-path:polygon(0 0,calc(100% - 3px) 0,100% 3px,100% 100%,0 100%)}
.un-grutiba i.on{background:var(--kauls);border-color:var(--kauls)}
.un-grutiba span{margin-left:var(--space-8);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--dumi)}

/* Nošu izdevuma kartīte */
.un-karte{background:var(--nakts-2);display:flex;flex-direction:column;border-bottom:var(--rams) solid var(--nakts-3)}
.un-karte__vaks{aspect-ratio:3/4;background:var(--asins);display:flex;align-items:flex-end;padding:var(--space-16)}
.un-karte__body{padding:var(--space-16);display:flex;flex-direction:column;gap:var(--space-8)}
.un-karte__komponists{font-size:14px;font-weight:500;line-height:1.4;letter-spacing:.02em;text-transform:uppercase;color:var(--salmi)}
.un-karte__nosaukums{font-size:24px;font-weight:400;line-height:1.25;color:var(--kauls);margin:0}
.un-karte__sastavs{font-size:12px;font-weight:500;line-height:1.8;letter-spacing:.08em;text-transform:uppercase;color:var(--dumi)}
.un-karte__anotacija{font-family:var(--font-kanit);font-size:16px;font-weight:400;line-height:1.55;color:var(--mals);margin:0}
.un-karte__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);margin-top:var(--space-8)}
.un-karte__cena{font-size:18px;font-weight:400;color:var(--kauls);font-variant-numeric:tabular-nums}

/* Audio priekšskatījums */
.un-audio{display:flex;align-items:center;gap:var(--space-16);background:var(--nakts-2);padding:var(--space-16)}
.un-play{flex:none;width:var(--skariens);height:var(--skariens);background:none;border:0;padding:0;cursor:pointer;color:var(--kauls)}
.un-play svg{display:block;width:100%;height:100%}
.un-play:hover .un-play__bg{fill:var(--asins)}
.un-play:focus-visible{outline:var(--fokuss-platums) solid var(--fokuss);outline-offset:2px}
.un-vilnis{flex:1;display:flex;align-items:center;gap:2px;height:40px}
.un-vilnis i{flex:1;background:var(--liesma);min-width:2px}
.un-vilnis i.played{background:var(--kauls)}
.un-laiks{flex:none;font-size:14px;color:var(--dumi);font-variant-numeric:tabular-nums;letter-spacing:.02em}

/* Lauki */
.un-lauks{display:flex;flex-direction:column;gap:var(--space-8)}
.un-lauks label{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--salmi)}
.un-lauks input{height:var(--skariens);background:var(--nakts-2);color:var(--kauls);border:var(--rams) solid var(--kvepi);border-radius:0;padding:0 var(--space-16);font-family:var(--font-nippo);font-size:16px;letter-spacing:.01em}
.un-lauks input::placeholder{color:var(--dumi)}
.un-lauks input:focus,.un-lauks input.is-focus{border-color:var(--kauls);outline:var(--fokuss-platums) solid var(--fokuss);outline-offset:2px}
.un-lauks.is-error input{border-color:var(--kluda)}
.un-lauks__zina{display:flex;align-items:center;gap:var(--space-8);font-size:14px;color:var(--dzirkstele)}
.un-lauks__zina svg{flex:none;width:16px;height:16px}

/* Slēdzis */
.un-sledzis{display:inline-flex;align-items:center;gap:var(--space-12);cursor:pointer;font-size:16px;color:var(--kauls)}
.un-sledzis input{position:absolute;opacity:0;width:1px;height:1px}
.un-sledzis__slieze{position:relative;width:44px;height:24px;border:var(--rams) solid var(--kvepi);background:var(--nakts-2)}
.un-sledzis__pirksts{position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--kvepi);clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,0 100%);transition:left .15s}
.un-sledzis input:checked+.un-sledzis__slieze{border-color:var(--kauls);background:var(--asins)}
.un-sledzis input:checked+.un-sledzis__slieze .un-sledzis__pirksts{left:23px;background:var(--kauls)}
.un-sledzis input:focus-visible+.un-sledzis__slieze{outline:var(--fokuss-platums) solid var(--fokuss);outline-offset:2px}

/* Navigācija */
.un-nav{position:sticky;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 var(--space-24);color:var(--kauls)}
.un-nav.is-scrolled{background:var(--nakts-85);-webkit-backdrop-filter:blur(var(--nav-blur));backdrop-filter:blur(var(--nav-blur))}
.un-nav__izvelne{justify-self:start;display:inline-flex;align-items:center;gap:var(--space-12);min-height:var(--skariens);background:none;border:0;color:var(--kauls);font-family:var(--font-nippo);font-size:14px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;padding:0}
.un-nav__logo{height:28px;display:block}
.un-nav__labais{justify-self:end;display:flex;gap:var(--space-8)}
.un-ikona-poga{width:var(--skariens);height:var(--skariens);display:grid;place-items:center;background:none;border:0;color:var(--kauls);cursor:pointer}
.un-ikona-poga:hover,.un-nav__izvelne:hover{color:var(--dzirkstele)}
.un-ikona-poga:focus-visible,.un-nav__izvelne:focus-visible{outline:var(--fokuss-platums) solid var(--fokuss);outline-offset:2px}

/* Paziņojums */
.un-zina{display:flex;gap:var(--space-12);align-items:flex-start;padding:var(--space-16);background:var(--nakts-2);border:var(--rams) solid var(--grafits);font-size:16px;line-height:1.55;color:var(--kauls)}
.un-zina svg{flex:none;width:24px;height:24px}
.un-zina--kluda{border-color:var(--kluda)}.un-zina--kluda svg{color:var(--dzirkstele)}
.un-zina--bridinajums{border-color:var(--bridinajums)}.un-zina--bridinajums svg{color:var(--okers)}
.un-zina--veiksme{border-color:var(--veiksme)}.un-zina--veiksme svg{color:var(--salmi)}
.un-zina b{font-weight:500}

/* Hero */
.un-hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-32);background:var(--nakts);text-align:center;overflow:clip}
.un-hero__attels{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.un-hero__virsraksts{position:relative;margin:0;font-size:120px;font-weight:200;line-height:1.04;text-transform:uppercase;color:var(--kauls)}
.un-hero__play{position:absolute;right:var(--space-32);bottom:var(--space-32)}
.un-hero__progress{position:absolute;left:0;bottom:0;height:var(--progress);background:var(--liesma)}

/* Kataloga tabula */
.un-tabula{width:100%;border-collapse:collapse;font-family:var(--font-kanit);font-size:16px;line-height:1.55;color:var(--salmi)}
.un-tabula thead td,.un-tabula th{font-family:var(--font-nippo);font-size:12px;font-weight:500;line-height:1.8;letter-spacing:.08em;text-transform:uppercase;color:var(--dumi);text-align:left;padding-bottom:var(--space-8);border-bottom:var(--rams) solid var(--grafits)}
.un-tabula th.un-sk,.un-tabula thead td.un-sk{text-align:right}
.un-tabula td{padding:var(--space-8) var(--space-16) var(--space-8) 0;border-bottom:var(--rams) solid var(--nakts-3)}
.un-tabula td:last-child{padding-right:0}
.un-tabula .un-nosaukums{color:var(--kauls)}

/* Nošu lapas priekšskatījums */
.un-lapa{background:var(--nosu-papirs);color:var(--tinte);padding:var(--space-24);display:flex;flex-direction:column;gap:var(--space-12)}
.un-lapa__meta{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--kvepi)}
.un-lapa__nosaukums{margin:0;font-size:24px;font-weight:400;line-height:1.25}
.un-lapa__sistema{display:block;width:100%;height:auto;color:var(--tinte)}

@media (prefers-reduced-motion:reduce){.un-root *{transition:none!important}}