/* ---- Novinky.dc.html ---- */

@font-face{font-family:Newsreader;src:url("fonts/Newsreader-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Newsreader;src:url("fonts/Newsreader-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Newsreader;src:url("fonts/Newsreader-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Newsreader;src:url("fonts/Newsreader-Italic-500.woff2") format("woff2");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("fonts/PlusJakartaSans-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("fonts/PlusJakartaSans-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("fonts/PlusJakartaSans-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("fonts/PlusJakartaSans-700.woff2") format("woff2");font-weight:700;font-display:swap}

:root{
--surface:#fff8f4;--card:#fff;--on:#1f1b17;--onv:#54433e;--outline:#87736d;--ov:#dac1ba;--line:#f1e6df;
--c-low:#fcf2ea;--c:#f6ece5;--c-high:#f1e6df;
--primary:#944931;--primary-deep:#551905;--primary-fixed:#ffdbd0;--primary-soft:#ffece6;--primary-c:#d67d61;
--sec:#47664a;--sec-c:#c8ecc8;--sec-soft:#e7f6e7;--sec-ink:#395c3d;
--ter:#705c29;--ter-soft:#eee4d5;--gold-soft:#fef1d6;--gold-ink:#574413;
--ink:#352f2b;--ink-2:#413a35;--ink-3:#3a3430;--ink-line:#52453f;--ink-on:#f9efe8;--ink-onv:#d6c6be;--ink-mute:#a08c85;
--ink-primary:#ffb59e;--ink-onprimary:#551905;
--serif:Newsreader,Georgia,"Times New Roman",serif;--sans:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;
--gutter:clamp(16px,4.4vw,56px);--shadow-card:0 4px 15px rgba(214,125,97,.08)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--ink-on);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
p{margin:0}
.ic{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;display:inline-block;vertical-align:-.125em}
.ic.fill{fill:currentColor}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:66rem;margin:0 auto}
.wrap.mid{max-width:52rem}.wrap.narrow{max-width:46rem}.wrap.text{max-width:40rem}
.sec{padding:clamp(56px,8vw,96px) var(--gutter);scroll-margin-top:64px}
.light{background:var(--surface);color:var(--on)}
.tint{background:var(--c);color:var(--on)}
.eyebrow{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--ink-mute)}
.light .eyebrow,.tint .eyebrow{color:var(--outline)}
h1,h2,h3{font-family:var(--serif);font-weight:600;margin:0;text-wrap:balance}
.display{font-size:clamp(42px,6.6vw,70px);line-height:1.04;letter-spacing:-.025em}
.page-title{margin-top:18px;font-size:clamp(38px,5.4vw,54px);line-height:1.08;letter-spacing:-.025em}
.title{margin-top:14px;font-size:clamp(31px,4.2vw,44px);line-height:1.12;letter-spacing:-.02em}
.subtitle{font-size:clamp(25px,3vw,32px);line-height:1.2}
.lead{margin-top:18px;font-size:clamp(16.5px,1.7vw,18.5px);line-height:1.6;color:var(--ink-onv);text-wrap:pretty}
.light .lead,.tint .lead{color:var(--onv)}
.body{font-size:16px;line-height:1.65;color:var(--ink-onv)}
.light .body,.tint .body{color:var(--onv)}
.accent{font-style:italic;font-weight:500;color:var(--ink-primary)}
.light .accent{color:var(--primary)}
.link{color:var(--ink-primary);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.light .link,.tint .link{color:var(--primary)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 26px;border-radius:9999px;font-size:15.5px;font-weight:700;line-height:1.2;text-align:center;cursor:pointer}
.btn .ic{font-size:18px}
/* <button> nedědí písmo a má rámeček prohlížeče; .btn-primary pod tímto vrací spodní okraj. */
:where(button).btn{font-family:inherit;border:0}
.btn-primary{background:var(--ink-primary);color:var(--ink-onprimary);border-bottom:3px solid #3a0b00}
.light .btn-primary,.tint .btn-primary{background:var(--primary);color:#fff;border-bottom-color:var(--primary-deep)}
.btn-ghost{border:1.5px solid var(--ink-primary);color:var(--ink-primary);font-weight:600}
.light .btn-ghost,.tint .btn-ghost{border-color:var(--ov);color:var(--primary)}
.btn-soon{background:var(--ink-2);color:var(--ink-onv);border:1.5px dashed var(--ink-mute);cursor:default}
.light .btn-soon{background:var(--c);color:var(--onv);border-color:var(--outline)}
.btn-store{background:#000;color:#fff;border-radius:12px;min-height:52px;padding:8px 20px;gap:10px;border:1px solid #a6a6a6}
.btn-store small{display:block;font-size:11px;font-weight:500;opacity:.85}
.btn-store b{display:block;font-size:18px;font-weight:600;letter-spacing:-.01em}
.btn-store .ic{font-size:24px}
.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.note{font-size:13px;line-height:1.5;color:var(--ink-mute)}
.light .note,.tint .note{color:var(--outline)}

/* Stav vydání: bez JS platí „před vydáním" */
#site:not(.rel) .only-rel{display:none!important}
#site.rel .only-pre{display:none!important}

/* Hlavička */
.site-head{position:sticky;top:0;z-index:30;background:rgba(53,47,43,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--ink-line)}
.site-head .in{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:72rem;margin:0 auto;padding:14px var(--gutter)}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink-on)}
.brand img{border-radius:7px}
.brand span{font-family:var(--serif);font-style:italic;font-weight:500;font-size:21px}
.nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:500;color:var(--ink-onv)}
.nav a:hover,.nav a[aria-current]{color:var(--ink-on)}
.nav a[aria-current]{text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--ink-primary)}
.nav .btn{min-height:40px;padding:8px 18px;font-size:13.5px}
.menu{display:none;position:relative}
.menu summary{list-style:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:9999px;cursor:pointer;color:var(--ink-on)}
.menu summary::-webkit-details-marker{display:none}
.menu summary .ic{font-size:22px}
.menu .panel{position:absolute;right:0;top:52px;width:min(78vw,280px);padding:10px;background:var(--ink-2);border:1px solid var(--ink-line);border-radius:18px;box-shadow:0 18px 40px rgba(0,0,0,.4);display:flex;flex-direction:column}
.menu .panel a{padding:12px 14px;border-radius:12px;font-size:16px;font-weight:500;color:var(--ink-on)}
.menu .panel a:hover{background:var(--ink-3)}
@media (max-width:900px){.nav .navlink{display:none}.menu{display:block}.nav{gap:8px}}
@media (max-width:420px){.nav .btn{display:none}}

/* Patička */
.site-foot{padding:48px var(--gutter) 56px;border-top:1px solid var(--ink-line)}
.site-foot .cols{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
.site-foot .about{max-width:22rem}
.site-foot .about p{margin-top:12px;font-size:13.5px;line-height:1.6;color:var(--ink-mute)}
.site-foot .links{display:flex;gap:56px;flex-wrap:wrap;font-size:14px}
.site-foot .links div{display:flex;flex-direction:column;gap:11px}
.site-foot .links b{font-size:11.5px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--outline)}
.site-foot .links a{color:var(--ink-onv)}.site-foot .links a:hover{color:var(--ink-on)}
.site-foot .legal{margin-top:36px;padding-top:20px;border-top:1px solid var(--ink-2);font-size:12.5px;line-height:1.6;color:var(--outline)}
@media (max-width:640px){.site-foot .links{gap:32px}}

/* Karty, washi */
.card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-card);padding:clamp(22px,3vw,30px) clamp(20px,3vw,28px)}
.card h3{font-weight:500;font-size:24px;line-height:1.3}
.card p{margin-top:10px;font-size:15.5px;line-height:1.6;color:var(--onv)}
.washi{position:absolute;width:68px;height:24px;z-index:1;pointer-events:none}
.w-gold{background:rgba(223,196,134,.42)}.w-sage{background:rgba(173,207,173,.45)}.w-rose{background:rgba(255,196,210,.55)}
.paper{background:#fff;color:#1f1b17;border:1px solid var(--line);box-shadow:0 12px 30px rgba(0,0,0,.3);padding:20px 18px 13px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,28px)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,64px);align-items:center}
@media (max-width:900px){.grid3{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}}

/* Pilulky nálad a autora */
.tag{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:9999px;font-size:11.5px;font-weight:600;white-space:nowrap}
.m-funny{background:#eee4d5;color:#705c29}.m-cute{background:#ffece6;color:#944931}.m-wise{background:#e7f6e7;color:#395c3d}.m-shock{background:#fef1d6;color:#574413}
.author{display:inline-flex;align-items:center;gap:4px;padding:3px 9px 3px 7px;border-radius:9999px;background:var(--sec-c);color:var(--sec);font-size:11px;font-weight:600}
.author .ic{font-size:11px}

/* Seznam s čísly */
.steps{display:flex;flex-direction:column;gap:24px}
.step{display:flex;gap:16px}
.step .n{flex:none;width:38px;height:38px;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:18px}
.step .n .ic{font-size:18px}
.step b{display:block;font-size:16.5px;font-weight:600}
.step p{margin-top:6px;font-size:15px;line-height:1.6;color:var(--onv)}
.n1{background:var(--primary-soft);color:var(--primary)}.n2{background:var(--sec-soft);color:var(--sec-ink)}.n3{background:var(--ter-soft);color:var(--ter)}.n4{background:var(--gold-soft);color:var(--gold-ink)}

/* FAQ */
.faq{margin-top:32px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:17px;font-weight:600;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ic{font-size:20px;color:var(--primary);transition:transform .2s}
.faq details[open] summary .ic{transform:rotate(45deg)}
.faq details p{padding:0 0 22px;margin-top:-6px;font-size:15.5px;line-height:1.65;color:var(--onv);max-width:44rem}
.faq details p+p{margin-top:0}

/* Telefon */
.phone{position:relative;flex:none;width:300px;height:620px;border-radius:42px;border:9px solid #241f1c;background:var(--p-surface);color:var(--p-on);overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.42);text-align:left;font-family:var(--sans)}
.phone.sm{width:272px;height:560px;border-radius:38px}
.light .phone{box-shadow:0 22px 46px rgba(31,27,23,.22)}
.sb{display:flex;align-items:center;justify-content:space-between;padding:11px 20px 4px;font-size:11.5px;font-weight:600}
.sb i{width:62px;height:19px;border-radius:9999px;background:#1f1b17}
.phone.dark .sb i{background:#000}
.sb s{display:flex;align-items:flex-end;gap:2px;height:10px;text-decoration:none}
.sb s u{display:block;width:3px;background:currentColor;border-radius:1px}
.bar{display:flex;align-items:center;gap:8px;padding:8px 12px 0}
.bar .ib{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:19px;color:var(--p-on)}
.bar .t{font-family:var(--serif);font-weight:500;font-size:18px}
.bar .sp{flex:1}
.bar .done{font-size:13.5px;font-weight:700;color:var(--p-primary);padding:0 6px}
.scr{padding:6px 16px 0}
.lab{font-size:10.5px;font-weight:600;letter-spacing:.5px;color:var(--p-onv)}
.lab em{font-style:normal;font-weight:500;letter-spacing:0;text-transform:none;opacity:.8}
.chip{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:9999px;border:1px solid var(--p-ov);background:var(--p-surface);color:var(--p-on);font-size:11px;font-weight:600;white-space:nowrap}
.chip.on{background:var(--p-sel);color:var(--p-onsel);border-color:transparent}
.chip .ic{font-size:12px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.qpaper{position:relative;margin-top:14px;background:var(--p-card);border:1px solid var(--p-ov);border-radius:18px 16px 20px 15px;box-shadow:0 4px 15px rgba(0,0,0,.06);padding:16px 14px 14px;font-family:var(--serif);font-weight:500;font-size:18px;line-height:1.38}
.caret{display:inline-block;width:1.5px;height:19px;margin-left:1px;vertical-align:-3px;background:var(--p-primary)}
.tbtns{display:flex;gap:14px;margin-top:8px;font-size:11.5px;font-weight:700;color:var(--p-primary)}
.tbtns span{display:inline-flex;align-items:center;gap:5px;padding:4px 2px}
.moods{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}
.moods span{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 4px;border-radius:12px;border:1px solid var(--p-ov);font-size:10px;font-weight:600;color:var(--p-onv)}
.moods span b{font-size:15px;font-weight:400;line-height:1.1}
.moods span.on{background:var(--p-sel);border-color:transparent;color:var(--p-onsel)}
.save{position:absolute;left:16px;right:16px;bottom:22px;height:46px;border-radius:9999px;background:var(--p-primary);color:var(--p-onprimary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border-bottom:3px solid rgba(0,0,0,.28)}
.meta{margin-top:8px;font-size:11px;color:var(--p-onv)}
.home{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 0}
.home .lg{display:flex;align-items:center;gap:8px;font-family:var(--serif);font-style:italic;font-weight:500;font-size:17px}
.home .lg i{width:25px;height:25px;border-radius:9999px;background:var(--p-primary);color:var(--p-onprimary);display:flex;align-items:center;justify-content:center;font-size:11.5px;font-family:var(--serif)}
.home .act{display:flex;gap:14px;font-size:17px}
.home .mn{display:flex;align-items:center;gap:1px}
.home .mn .ic{font-size:13px;color:var(--p-onv)}
.ftitle{margin-top:8px;font-family:var(--serif);font-weight:600;font-size:27px;letter-spacing:-.5px;line-height:1.15}
.fsub{margin-top:2px;font-size:11.5px;color:var(--p-onv)}
.fchips{display:flex;gap:6px;margin-top:11px;overflow:hidden}
.fchips .chip{background:var(--p-c);border-color:var(--p-ov);font-weight:500}
.memory{margin-top:13px;padding:12px 13px;border:1px solid var(--p-primary);border-radius:15px;background:color-mix(in srgb,var(--p-primary) 7%,var(--p-surface))}
.memory .h{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;color:var(--p-primary)}
.memory .q{margin-top:7px;font-family:var(--serif);font-weight:500;font-size:16.5px;line-height:1.3}
.memory .m{margin-top:5px;font-size:10.5px;color:var(--p-onv)}
.qc{position:relative;margin-top:22px}
.qc .washi{top:-10px;left:24px;width:56px;height:20px}
.qc .wa{background:var(--p-washiA)}.qc .wb{background:var(--p-washiB)}
.qcard{background:var(--p-card);border:1px solid var(--p-ov);border-radius:22px 18px 24px 16px;box-shadow:0 4px 15px rgba(0,0,0,.05);padding:17px 14px 9px}
.qcard.r1{transform:rotate(.8deg)}.qcard.r2{transform:rotate(-.8deg)}
.who{display:flex;align-items:center;gap:9px}
.av{width:30px;height:30px;border-radius:9999px;background:var(--p-primary);color:var(--p-onprimary);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:13.5px;flex:none}
.who b{display:block;font-size:12px;font-weight:600}
.who small{display:block;font-size:10.5px;font-weight:600;color:var(--p-onv)}
.qtext{margin-top:9px;font-family:var(--serif);font-weight:500;font-size:19px;line-height:1.3}
.ctx{margin-top:9px;padding-top:9px;border-top:1px solid var(--p-onv);border-image:linear-gradient(to right,var(--p-onv) 28px,transparent 28px) 1;font-size:11.5px;line-height:1.45;font-style:italic;color:var(--p-onv)}
.qfoot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:11px;padding-top:7px;border-top:1px solid color-mix(in srgb,var(--p-ov) 60%,transparent)}
.qfoot .l{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:600;color:var(--p-onv)}
.qfoot .r{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--p-onv)}
.qfoot .r .fav{color:var(--p-primary)}
.bub{display:flex;flex-direction:column;gap:3px;margin-top:8px}
.bub .nm{font-size:9.5px;font-weight:600;padding:1px 7px;border-radius:9999px;align-self:flex-start;background:var(--sec-c);color:var(--sec)}
.bub p{max-width:84%;padding:7px 10px;border-radius:13px;font-family:var(--serif);font-weight:500;font-size:14.5px;line-height:1.3;border:1px solid var(--p-ov);background:var(--p-card)}
.bub.kid{align-items:flex-end}
.bub.kid .nm{align-self:flex-end;background:var(--p-sel);color:var(--p-onsel)}
.bub.kid p{background:var(--p-sel);color:var(--p-onsel);border-color:transparent}
.fab{position:absolute;right:16px;bottom:20px;width:50px;height:50px;border-radius:9999px;background:var(--p-primary);color:var(--p-onprimary);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 6px 14px rgba(0,0,0,.25);z-index:3}
.illu{position:absolute;left:0;right:0;bottom:0;height:260px;pointer-events:none;color:var(--p-primary);opacity:.13;-webkit-mask-image:linear-gradient(to top,#000 40%,transparent);mask-image:linear-gradient(to top,#000 40%,transparent)}
.phone.dark .illu{opacity:.17}
.illu svg{width:100%;height:100%}
.illu g{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.phone[data-set=boys] .illu g:not(.s-boys),.phone[data-set=universal] .illu g:not(.s-universal),.phone[data-set=girls] .illu g:not(.s-girls){display:none}
.feed{position:relative;z-index:1}
.fade{position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(transparent,var(--p-surface));z-index:2}

/* Motivy telefonu (FR-H5, lib/theme/color_themes.dart) */
.phone,.th-terakota{--p-surface:#fff8f4;--p-card:#fff;--p-on:#1f1b17;--p-onv:#54433e;--p-ov:#dac1ba;--p-primary:#944931;--p-onprimary:#fff;--p-sel:#ffdbd0;--p-onsel:#3a0b00;--p-washiA:rgba(223,196,134,.4);--p-washiB:rgba(173,207,173,.4);--p-c:#f1e6df}
.th-terakota.dark{--p-surface:#352f2b;--p-card:#413a35;--p-on:#f9efe8;--p-onv:#d6c6be;--p-ov:#52453f;--p-primary:#ffb59e;--p-onprimary:#551905;--p-sel:#76321c;--p-onsel:#ffdbd0;--p-washiA:rgba(223,196,134,.35);--p-washiB:rgba(173,207,173,.35);--p-c:#4c443f}
.th-salvej{--p-surface:#f6f8f1;--p-card:#fff;--p-on:#191d17;--p-onv:#43493f;--p-ov:#c3cbbe;--p-primary:#3f6b4a;--p-onprimary:#fff;--p-sel:#c8ecc8;--p-onsel:#03210b;--p-washiA:rgba(233,199,160,.5);--p-washiB:rgba(201,214,163,.5);--p-c:#e8ece2}
.th-salvej.dark{--p-surface:#2b302a;--p-card:#363c34;--p-on:#eef2e8;--p-onv:#c3cbbe;--p-ov:#4a5246;--p-primary:#a6d3ac;--p-onprimary:#0f3818;--p-sel:#2e5236;--p-onsel:#c8ecc8;--p-washiA:rgba(233,199,160,.35);--p-washiB:rgba(201,214,163,.35);--p-c:#40473e}
.th-boruvka{--p-surface:#f5f7fb;--p-card:#fff;--p-on:#181c22;--p-onv:#434852;--p-ov:#c1c7d2;--p-primary:#35588f;--p-onprimary:#fff;--p-sel:#d6e3ff;--p-onsel:#001b3e;--p-washiA:rgba(242,201,168,.5);--p-washiB:rgba(184,212,232,.55);--p-c:#e5e9f1}
.th-boruvka.dark{--p-surface:#262b33;--p-card:#30363f;--p-on:#e9eef6;--p-onv:#c1c7d2;--p-ov:#454c57;--p-primary:#aac7ff;--p-onprimary:#0a305f;--p-sel:#1f3f6e;--p-onsel:#d6e3ff;--p-washiA:rgba(242,201,168,.3);--p-washiB:rgba(184,212,232,.3);--p-c:#3a414b}
.th-levandule{--p-surface:#faf6fb;--p-card:#fff;--p-on:#1e1a20;--p-onv:#4b4450;--p-ov:#cec3d3;--p-primary:#6d4c86;--p-onprimary:#fff;--p-sel:#f0dbff;--p-onsel:#270740;--p-washiA:rgba(243,198,211,.55);--p-washiB:rgba(207,194,236,.55);--p-c:#eee7f0}
.th-levandule.dark{--p-surface:#2e2832;--p-card:#39323d;--p-on:#f1e9f3;--p-onv:#cec3d3;--p-ov:#4d4452;--p-primary:#dabaf3;--p-onprimary:#3d1d55;--p-sel:#54356c;--p-onsel:#f0dbff;--p-washiA:rgba(243,198,211,.3);--p-washiB:rgba(207,194,236,.3);--p-c:#433b47}
.th-med{--p-surface:#fff9ee;--p-card:#fff;--p-on:#1f1b13;--p-onv:#4e4639;--p-ov:#d3c5ae;--p-primary:#7a5900;--p-onprimary:#fff;--p-sel:#ffdea3;--p-onsel:#261900;--p-washiA:rgba(232,180,160,.45);--p-washiB:rgba(191,211,168,.5);--p-c:#f3ead8}
.th-med.dark{--p-surface:#322c22;--p-card:#3d362b;--p-on:#f8eedd;--p-onv:#d3c5ae;--p-ov:#50483a;--p-primary:#f1c048;--p-onprimary:#402d00;--p-sel:#5c4300;--p-onsel:#ffdea3;--p-washiA:rgba(232,180,160,.3);--p-washiB:rgba(191,211,168,.3);--p-c:#474034}
.th-ruzenka{--p-surface:#fff6f8;--p-card:#fff;--p-on:#22191c;--p-onv:#524347;--p-ov:#d8c1c6;--p-primary:#a23b66;--p-onprimary:#fff;--p-sel:#ffd9e4;--p-onsel:#3e0020;--p-washiA:rgba(255,196,210,.6);--p-washiB:rgba(245,214,160,.5);--p-c:#f5e6ea}
.th-ruzenka.dark{--p-surface:#33282c;--p-card:#3f3237;--p-on:#f8eaee;--p-onv:#d7c1c7;--p-ov:#54444a;--p-primary:#ffb0cb;--p-onprimary:#5e1136;--p-sel:#7f2450;--p-onsel:#ffd9e4;--p-washiA:rgba(255,196,210,.3);--p-washiB:rgba(245,214,160,.3);--p-c:#493b41}
.th-karmin{--p-surface:#fff7f6;--p-card:#fff;--p-on:#221a19;--p-onv:#534341;--p-ov:#d8c2bf;--p-primary:#9e1b32;--p-onprimary:#fff;--p-sel:#ffdad9;--p-onsel:#40000d;--p-washiA:rgba(245,190,190,.55);--p-washiB:rgba(240,214,170,.5);--p-c:#f5e7e5}
.th-karmin.dark{--p-surface:#33292a;--p-card:#3f3334;--p-on:#f9ebea;--p-onv:#d8c2c0;--p-ov:#554546;--p-primary:#ffb3b6;--p-onprimary:#680018;--p-sel:#7f1026;--p-onsel:#ffdad9;--p-washiA:rgba(245,190,190,.3);--p-washiB:rgba(240,214,170,.3);--p-c:#4a3d3e}
.phone.dark .m-funny{background:#4a4132;color:#e7cd8e}.phone.dark .m-cute{background:#5a3a30;color:#ffb59e}.phone.dark .m-wise{background:#304d34;color:#c8ecc8}.phone.dark .m-shock{background:#4d4227;color:#f1d48a}
.phone.dark .author{background:#304d34;color:#c8ecc8}
.phone.dark .bub .nm{background:#304d34;color:#c8ecc8}

/* Podstránky */
.page-head{padding:clamp(48px,7vw,80px) var(--gutter) 0}
.back{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--primary)}
.prose h2{margin-top:52px;font-size:clamp(26px,3vw,32px);line-height:1.2}
.prose h3{margin-top:30px;font-weight:500;font-size:23px;line-height:1.3}
.prose p{margin-top:12px;font-size:17px;line-height:1.7}
.prose p.small{font-size:14px;color:var(--outline)}
.prose ul{margin:12px 0 0;padding-left:20px;font-size:17px;line-height:1.7}
.callout{display:flex;gap:14px;margin-top:32px;padding:18px 20px;border-radius:16px;background:var(--gold-soft);color:#3b2b00;font-size:15px;line-height:1.6}
.callout .ic{font-size:20px;margin-top:2px;color:var(--gold-ink)}

.entries{display:flex;flex-direction:column;gap:20px;margin-top:44px}
.entry{position:relative;padding:clamp(22px,3vw,30px) clamp(20px,3vw,28px);background:#fff;border:1px solid var(--line);border-radius:24px}
.entry.big{box-shadow:var(--shadow-card)}
.entry.soon{background:var(--c);border-color:transparent}
.entry .hd{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.badge{padding:5px 12px;border-radius:9999px;font-size:11.5px;font-weight:700;letter-spacing:.6px;background:var(--c-high);color:var(--onv)}
.badge.v{background:var(--primary-soft);color:var(--primary)}
.badge.s{background:var(--sec-soft);color:var(--sec-ink)}
.entry .dt{font-size:13px;font-weight:600;color:var(--onv)}
.entry h2{margin-top:14px;font-weight:500;font-size:clamp(23px,2.6vw,27px);line-height:1.25}
.entry.big h2{font-weight:600;font-size:clamp(27px,3.2vw,32px)}
.entry p{margin-top:10px;font-size:16px;line-height:1.65;color:var(--onv)}
.entry ul{margin:14px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:15.5px;line-height:1.55}
.entry li{display:flex;gap:12px}
.entry li:before{content:"";flex:none;width:6px;height:6px;margin-top:9px;border-radius:9999px;background:var(--sec)}
.older{margin-top:8px;font-size:15px;line-height:1.6;color:var(--onv)}
.older div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
@media (max-width:560px){.older div{grid-template-columns:1fr;gap:2px}}
.older b{font-weight:600;color:var(--on)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px}
.stats div{padding:20px;background:var(--c);border-radius:16px}
.stats b{display:block;font-family:var(--serif);font-size:28px;font-weight:600;color:var(--primary)}
.stats span{display:block;margin-top:4px;font-size:13.5px;line-height:1.45;color:var(--onv)}
@media (max-width:560px){.stats{grid-template-columns:1fr}}
.dec{display:flex;flex-direction:column;gap:16px;margin-top:22px}
.dec .card h3{font-family:var(--sans);font-weight:600;font-size:17px}
.start{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
@media (max-width:820px){.start{grid-template-columns:1fr}}
.start .card .step{display:block}
.start .card b{display:block;margin-top:14px;font-size:16.5px;font-weight:600}
.start .card p{font-size:14.5px}
.help{margin-top:44px;padding:26px 28px;background:var(--c);border-radius:20px}
.help h2{margin:0;font-weight:500;font-size:24px}
.help p{margin-top:8px;font-size:15.5px;line-height:1.6;color:var(--onv)}
.faq-group{margin-top:44px;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--outline)}
.faq-group+.faq{margin-top:10px}

/* ---- Hlaskovnik.dc.html ---- */


:root{
--surface:#fff8f4;--card:#fff;--on:#1f1b17;--onv:#54433e;--outline:#87736d;--ov:#dac1ba;--line:#f1e6df;
--c-low:#fcf2ea;--c:#f6ece5;--c-high:#f1e6df;
--primary:#944931;--primary-deep:#551905;--primary-fixed:#ffdbd0;--primary-soft:#ffece6;--primary-c:#d67d61;
--sec:#47664a;--sec-c:#c8ecc8;--sec-soft:#e7f6e7;--sec-ink:#395c3d;
--ter:#705c29;--ter-soft:#eee4d5;--gold-soft:#fef1d6;--gold-ink:#574413;
--ink:#352f2b;--ink-2:#413a35;--ink-3:#3a3430;--ink-line:#52453f;--ink-on:#f9efe8;--ink-onv:#d6c6be;--ink-mute:#a08c85;
--ink-primary:#ffb59e;--ink-onprimary:#551905;
--serif:Newsreader,Georgia,"Times New Roman",serif;--sans:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;
--gutter:clamp(16px,4.4vw,56px);--shadow-card:0 4px 15px rgba(214,125,97,.08)}

/* Stav vydání: bez JS platí „před vydáním" */

/* Hlavička */

/* Patička */

/* Karty, washi */

/* Pilulky nálad a autora */

/* Seznam s čísly */

/* FAQ */

/* Telefon */

/* Motivy telefonu (FR-H5, lib/theme/color_themes.dart) */

/* Podstránky */

.pbtn{display:flex;align-items:center;justify-content:center;gap:7px;height:40px;border-radius:9999px;font-size:12.5px;font-weight:700}
.pbtn .ic{font-size:14px}
.gdot{width:16px;height:16px;border-radius:9999px;background:conic-gradient(#ea4335 0 25%,#fbbc05 0 50%,#34a853 0 75%,#4285f4 0);color:#fff;font-size:9px;display:flex;align-items:center;justify-content:center;font-weight:700}

.wl{max-width:30rem;margin:44px auto 0;padding:26px 24px 22px;background:var(--ink-2);border:1px solid var(--ink-line);border-radius:22px;text-align:left}
.wl h3{font-weight:500;font-size:24px;line-height:1.25}
.wl .intro{margin-top:6px;font-size:15px;line-height:1.55;color:var(--ink-onv)}
.wl fieldset{margin:18px 0 0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:8px}
.wl legend em{font-style:normal;text-transform:none;letter-spacing:0;font-weight:500}
.wl legend{padding:0;margin-bottom:8px;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-mute)}
.wl .opt{position:relative;display:inline-flex}
.wl .opt input{position:absolute;opacity:0;inset:0;cursor:pointer}
.wl .opt span{display:inline-flex;align-items:center;gap:9px;padding:9px 15px 9px 11px;border-radius:9999px;border:1.5px solid var(--ink-line);font-size:14px;font-weight:600;color:var(--ink-onv)}
.wl .bx{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;border:1.5px solid var(--ink-mute);font-size:13px}
.wl .bx .ic{opacity:0;stroke-width:3}
.wl .opt input:checked+span{border-color:var(--ink-primary);color:var(--ink-on)}
.wl .opt input:checked+span .bx{background:var(--ink-primary);border-color:var(--ink-primary);color:var(--ink-onprimary)}
.wl .opt input:checked+span .bx .ic{opacity:1}
.wl .opt input:focus-visible+span{outline:2px solid var(--ink-primary);outline-offset:2px}
.wl label.em{display:block;margin-top:16px;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-mute)}
.wl .row{display:flex;gap:8px;margin-top:8px}
.wl input[type=email]{flex:1;min-width:0;height:48px;padding:0 16px;border-radius:12px;border:1px solid var(--ink-line);background:var(--ink-3);color:var(--ink-on);font:16px var(--sans)}
.wl input[type=email]::placeholder{color:var(--ink-mute)}
.wl input[type=email]:focus{outline:none;border-color:var(--sec-c);box-shadow:0 0 0 2px rgba(200,236,200,.35)}
.wl .row .btn{min-height:48px;padding:10px 20px}
.wl .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.wl .fine{margin-top:14px;font-size:12.5px;line-height:1.55;color:var(--ink-mute)}
.wl .fine a{color:var(--ink-onv);text-decoration:underline;text-underline-offset:2px}
@media (max-width:460px){.wl .row{flex-direction:column}.wl input[type=email]{flex:none;width:100%}.wl .row .btn{width:100%}}

.hero{position:relative;overflow:hidden;padding-top:clamp(48px,7vw,72px)}
.hero .dots{position:absolute;inset:0;background-image:radial-gradient(rgba(214,198,190,.13) 1px,transparent 1px);background-size:22px 22px}
.stage{position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:center;max-width:72rem;margin:48px auto 0}
.side{display:flex;flex-direction:column;gap:24px}
.side.left{align-items:flex-end}.side.right{align-items:flex-start}
.float{position:relative}
.ft{font-family:var(--serif);font-weight:500;font-size:20px;line-height:1.3}
.fl{height:1px;background:rgba(235,225,218,.9);margin:13px 0 8px}
.fm{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11.5px;font-weight:600;color:#54433e}
.fmr{display:flex;align-items:center;gap:6px}
.notif{display:flex;gap:10px;align-items:center;width:270px;padding:11px 13px;border-radius:20px;background:rgba(249,239,232,.9);color:#1f1b17;box-shadow:0 12px 30px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.notif img{border-radius:7px}
.notif div{flex:1}
.nh{display:flex;justify-content:space-between;font-size:12px}
.nh span{color:#54433e}
.nb{font-size:12.5px;margin-top:1px}
@media (max-width:1080px){.side .float:nth-child(2){display:none}}
@media (max-width:900px){
 .stage{grid-template-columns:1fr;justify-items:center}
 .side{display:none}
}
.phone-col{position:relative;display:flex;justify-content:center}
.duo{display:flex;gap:20px;justify-content:center;align-items:flex-start}
.duo .phone:last-child{margin-top:56px}
@media (max-width:640px){.duo{overflow-x:auto;justify-content:flex-start;margin:0 calc(var(--gutter)*-1);padding:0 var(--gutter) 20px;scroll-snap-type:x mandatory}.duo .phone{scroll-snap-align:center}.duo .phone:last-child{margin-top:0}}
.dark-steps .step p{color:var(--ink-onv)}
.dark-steps .n{font-family:var(--serif)}
.swatches{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:28px}
.sw{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;border:1px solid var(--line);background:#fff;font:inherit;color:inherit;text-align:left;cursor:pointer}
.sw i{flex:none;width:34px;height:34px;border-radius:9999px;border:1px solid rgba(0,0,0,.08)}
.sw b{display:block;font-size:14.5px;font-weight:600}
.sw small{display:block;margin-top:1px;font-size:12px;line-height:1.35;color:var(--onv)}
.sw.on{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}
.mode{display:inline-flex;gap:2px;margin-top:16px;padding:3px;border-radius:9999px;background:var(--c-high)}
.mode button{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:0;border-radius:9999px;background:transparent;font:600 13px var(--sans);color:var(--onv);cursor:pointer}
.mode button.on{background:#fff;color:var(--on);box-shadow:0 1px 3px rgba(0,0,0,.1)}
@media (max-width:900px){#motivy .phone-col{order:2}}
@media (max-width:520px){.swatches{grid-template-columns:1fr}}
.two-ways .way{padding:26px 26px 22px;border-radius:24px;background:var(--ink-2);border:1px solid var(--ink-line)}
.way .wh{display:flex;align-items:center;gap:10px;font-size:18px;color:var(--ink-primary)}
.way .wh b{font-family:var(--serif);font-weight:500;font-size:24px;color:var(--ink-on)}
.way p{margin-top:12px;font-size:15.5px;line-height:1.6;color:var(--ink-onv)}
.way ul{margin:14px 0 0;padding-left:18px;font-size:14.5px;line-height:1.6;color:var(--ink-mute)}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}
.checks>div{display:flex;gap:14px;padding:18px 20px;border-radius:16px;background:var(--surface);color:var(--on)}
.checks .ic{font-size:19px;color:var(--sec);margin-top:2px}
.checks b{display:block;font-size:15.5px;font-weight:600}
.checks span{font-size:14px;line-height:1.55;color:var(--onv)}
@media (max-width:760px){.checks{grid-template-columns:1fr}}
.timeline{position:relative;margin-top:40px;padding-left:34px;display:flex;flex-direction:column;gap:32px}
.timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--primary),var(--ov))}
.tl{position:relative}
.tl .dot{position:absolute;left:-34px;top:3px;width:16px;height:16px;border-radius:9999px;background:var(--surface);border:3px solid var(--ov)}
.tl.now .dot{background:var(--primary);border-color:var(--primary-fixed)}
.tl .k{font-size:12px;font-weight:700;letter-spacing:1px;color:var(--outline)}
.tl.now .k{color:var(--primary)}
.tl h3{margin-top:6px;font-weight:500;font-size:26px}
.tl p{margin-top:8px;font-size:15.5px;line-height:1.6;color:var(--onv);max-width:36rem}

/* ---- 404.dc.html ---- */


:root{
--surface:#fff8f4;--card:#fff;--on:#1f1b17;--onv:#54433e;--outline:#87736d;--ov:#dac1ba;--line:#f1e6df;
--c-low:#fcf2ea;--c:#f6ece5;--c-high:#f1e6df;
--primary:#944931;--primary-deep:#551905;--primary-fixed:#ffdbd0;--primary-soft:#ffece6;--primary-c:#d67d61;
--sec:#47664a;--sec-c:#c8ecc8;--sec-soft:#e7f6e7;--sec-ink:#395c3d;
--ter:#705c29;--ter-soft:#eee4d5;--gold-soft:#fef1d6;--gold-ink:#574413;
--ink:#352f2b;--ink-2:#413a35;--ink-3:#3a3430;--ink-line:#52453f;--ink-on:#f9efe8;--ink-onv:#d6c6be;--ink-mute:#a08c85;
--ink-primary:#ffb59e;--ink-onprimary:#551905;
--serif:Newsreader,Georgia,"Times New Roman",serif;--sans:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;
--gutter:clamp(16px,4.4vw,56px);--shadow-card:0 4px 15px rgba(214,125,97,.08)}

/* Stav vydání: bez JS platí „před vydáním" */

/* Hlavička */

/* Patička */

/* Karty, washi */

/* Pilulky nálad a autora */

/* Seznam s čísly */

/* FAQ */

/* Telefon */

/* Motivy telefonu (FR-H5, lib/theme/color_themes.dart) */

/* Podstránky */

.rod{min-height:100vh;display:flex;flex-direction:column}
.rod main{flex:1;display:flex;align-items:center;justify-content:center;padding:56px var(--gutter);position:relative;overflow:hidden}
.rod .dots{position:absolute;inset:0;background-image:radial-gradient(rgba(214,198,190,.13) 1px,transparent 1px);background-size:22px 22px}
.rod .box{position:relative;max-width:30rem;text-align:center}
.rod .box img{margin:0 auto;border-radius:22px;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.rod .ticket{position:relative;margin-top:36px;padding:24px 22px;border-radius:22px 26px 18px 24px;background:#fff;color:#1f1b17;text-align:left;transform:rotate(-1deg);box-shadow:0 12px 30px rgba(0,0,0,.3)}
.rod .ticket p{font-size:15.5px;line-height:1.6;color:#54433e}
.rod .ticket b{font-family:var(--serif);font-weight:500;font-size:22px;line-height:1.3;color:#1f1b17;display:block;margin-bottom:8px}
.rod ul{margin:24px auto 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;text-align:left;max-width:24rem;font-size:15px;line-height:1.5;color:var(--ink-onv)}
.rod li{display:flex;gap:10px}.rod li .ic{color:var(--ink-primary);margin-top:3px}
.rod .foot{padding:20px var(--gutter) 28px;text-align:center;font-size:13px;color:var(--ink-mute)}
.rod .foot a{margin:0 10px;color:var(--ink-onv)}

/* ---- Upozorneni.dc.html ---- */


:root{
--surface:#fff8f4;--card:#fff;--on:#1f1b17;--onv:#54433e;--outline:#87736d;--ov:#dac1ba;--line:#f1e6df;
--c-low:#fcf2ea;--c:#f6ece5;--c-high:#f1e6df;
--primary:#944931;--primary-deep:#551905;--primary-fixed:#ffdbd0;--primary-soft:#ffece6;--primary-c:#d67d61;
--sec:#47664a;--sec-c:#c8ecc8;--sec-soft:#e7f6e7;--sec-ink:#395c3d;
--ter:#705c29;--ter-soft:#eee4d5;--gold-soft:#fef1d6;--gold-ink:#574413;
--ink:#352f2b;--ink-2:#413a35;--ink-3:#3a3430;--ink-line:#52453f;--ink-on:#f9efe8;--ink-onv:#d6c6be;--ink-mute:#a08c85;
--ink-primary:#ffb59e;--ink-onprimary:#551905;
--serif:Newsreader,Georgia,"Times New Roman",serif;--sans:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;
--gutter:clamp(16px,4.4vw,56px);--shadow-card:0 4px 15px rgba(214,125,97,.08)}

/* Stav vydání: bez JS platí „před vydáním" */

/* Hlavička */

/* Patička */

/* Karty, washi */

/* Pilulky nálad a autora */

/* Seznam s čísly */

/* FAQ */

/* Telefon */

/* Motivy telefonu (FR-H5, lib/theme/color_themes.dart) */

/* Podstránky */


.stav{display:none;margin-top:28px}
#site[data-stav=odeslano] .stav[data-stav=odeslano],#site[data-stav=potvrzeno] .stav[data-stav=potvrzeno],#site[data-stav=odhlaseno] .stav[data-stav=odhlaseno],#site[data-stav=neplatny] .stav[data-stav=neplatny],#site[data-stav=chyba] .stav[data-stav=chyba],#site[data-stav=potvrdit] .stav[data-stav=potvrdit],#site[data-stav=odhlasit] .stav[data-stav=odhlasit]{display:block}
#site:not([data-stav]) .stav[data-stav=odeslano]{display:block}
.si{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:9999px;background:var(--ink-2);color:var(--ink-primary);font-size:24px}


/* ---- /pozvanka (stránka pro odkaz pozvánky, když se neotevře aplikace) ---- */
.rod .ticket .plati{margin-top:12px;padding-top:12px;border-top:1px solid #f1e6df;font-size:14.5px;font-weight:600;color:#47664a}
.rod .ticket .plati.prosla{color:#944931}
.rod .kroky{margin:28px auto 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px;text-align:left;max-width:26rem;font-size:15px;line-height:1.55;color:var(--ink-onv)}
.rod .kroky li{display:flex;gap:12px}
.rod .kroky b{font-weight:600;color:var(--ink-on)}
.rod .kroky .n{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:9999px;background:var(--ink-2);border:1px solid var(--ink-line);font-family:var(--serif);font-weight:600;font-size:14px;color:var(--ink-primary)}
.rod .tip{margin:32px auto 0;max-width:26rem;padding-top:20px;border-top:1px solid var(--ink-line);text-align:left;display:flex;flex-direction:column;gap:10px;font-size:13.5px;line-height:1.55;color:var(--ink-mute)}
.rod .tip b{font-weight:600;color:var(--ink-onv)}
.rod .tip a{color:var(--ink-onv);text-decoration:underline;text-underline-offset:2px}