/* Flicko brand tokens (Studio D "Global pop", outputs/naming/flicko/studio-D/tokens.json v1.0.0).
   Loaded LAST by index.html (after glass.css) and by public-home.html / the /pricing/tokens page, so these
   unlayered rules win over the module palettes they map.
   Rule of the owner: this file brands the APP CHROME only. Customer posts, their previews, templates,
   colours and fonts come from the customer's Memory and are never restyled here (previews stay opaque).
   Contrast (WCAG 2.x, tokens.json "contrast"): text on bg 17.4:1, muted on bg 7.96:1, white on primary 4.71:1,
   ink on dark primary 5.46:1; text on glass is AA at worst over the azulejo blob (fill >= .60). */

/* ---------- Type: Bricolage Grotesque (display) + Figtree (text), self-hosted (CSP font-src 'self') ---------- */
@font-face{font-family:'Bricolage Grotesque';src:url('/assets/flicko/fonts/bricolage-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bricolage Grotesque';src:url('/assets/flicko/fonts/bricolage-latin-ext.woff2') format('woff2');font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Figtree;src:url('/assets/flicko/fonts/figtree-latin.woff2') format('woff2');font-style:normal;font-weight:300 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Figtree;src:url('/assets/flicko/fonts/figtree-latin-ext.woff2') format('woff2');font-style:normal;font-weight:300 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- Semantic tokens ---------- */
:root{
 --fk-font-display:'Bricolage Grotesque',Figtree,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
 --fk-font-text:Figtree,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
 --fk-bg:#FBF8F6;--fk-surface:#FFFFFF;--fk-surface-alt:#F2EDE9;
 --fk-text:#1A1024;--fk-text-soft:#3E3049;--fk-text-muted:#574765;--fk-text-brand:#A9280B;
 --fk-primary:#D8360F;--fk-on-primary:#FFFFFF;--fk-brand-mark:#FF4A1C;
 --fk-border:#E9E3EE;--fk-line:rgba(87,71,101,.16);--fk-focus:#2B4BE0;
 --fk-success:#1F7A4A;--fk-warning:#9A6200;--fk-danger:#B3261E;
 --fk-success-ink:#1B7046;
 --fk-caju:#FFB21E;--fk-ipe:#FF9BC8;--fk-azulejo:#2B4BE0;
 --fk-glass-fill:rgba(255,255,255,.64);--fk-glass-border:rgba(255,255,255,.80);
 --fk-glass-blur:blur(20px) saturate(160%);
 --fk-glass-highlight:inset 0 1px rgba(255,255,255,.95);
 --fk-glass-shadow:0 1px 2px rgba(26,16,36,.06),0 18px 40px -18px rgba(26,16,36,.30);
 --fk-elev-1:0 1px 2px rgba(26,16,36,.08);--fk-elev-2:0 6px 16px -6px rgba(26,16,36,.18);--fk-elev-3:0 18px 40px -18px rgba(26,16,36,.30);--fk-elev-flick:0 30px 60px -24px rgba(216,54,15,.45);
 --fk-radius-xs:6px;--fk-radius-sm:10px;--fk-radius-md:16px;--fk-radius-lg:22px;--fk-radius-xl:28px;
 --fk-ease-flick:cubic-bezier(.22,1.32,.36,1);--fk-ease-flick-exit:cubic-bezier(.55,0,.75,0);--fk-ease-settle:cubic-bezier(.2,.8,.2,1);--fk-ease-ginga:cubic-bezier(.45,0,.55,1);
 --fk-dur-tap:125ms;--fk-dur-flick:250ms;--fk-dur-settle:375ms;
 /* Scenery behind the glass: brand fruits on nuvem (max 4 blobs, 60-70%). */
 --fk-scene:
  radial-gradient(42% 30% at 94% 4%,rgba(255,139,102,.62),transparent 70%),
  radial-gradient(46% 34% at 0% 38%,rgba(255,211,230,.70),transparent 70%),
  radial-gradient(48% 32% at 100% 74%,rgba(255,210,122,.60),transparent 70%),
  radial-gradient(46% 30% at 6% 100%,rgba(201,211,255,.70),transparent 70%),
  #FBF8F6;
}
html[data-theme=dark],html.dark{
 --fk-bg:#150D1C;--fk-surface:#1F1528;--fk-surface-alt:#2C2036;
 --fk-text:#FBF8F6;--fk-text-soft:#E9E3EE;--fk-text-muted:#CFC5D8;--fk-text-brand:#FF8B66;
 --fk-primary:#FF4A1C;--fk-on-primary:#1A1024;
 --fk-border:#2C2036;--fk-line:rgba(255,255,255,.12);--fk-focus:#C9D3FF;
 --fk-success:#6FD49B;--fk-warning:#FFD27A;--fk-danger:#FF8A80;
 --fk-success-ink:#6FD49B;
 --fk-glass-fill:rgba(31,21,40,.72);--fk-glass-border:rgba(255,255,255,.12);
 --fk-glass-blur:blur(22px) saturate(150%);
 --fk-glass-highlight:inset 0 1px rgba(255,255,255,.10);
 --fk-glass-shadow:0 24px 48px -20px rgba(0,0,0,.7);
 --fk-scene:
  radial-gradient(42% 30% at 94% 4%,rgba(216,54,15,.50),transparent 70%),
  radial-gradient(46% 34% at 0% 38%,rgba(194,51,122,.36),transparent 70%),
  radial-gradient(48% 32% at 100% 74%,rgba(154,98,0,.42),transparent 70%),
  radial-gradient(46% 30% at 6% 100%,rgba(26,47,158,.55),transparent 70%),
  #150D1C;
 color-scheme:dark;
}

/* ---------- App palette (styles.css / glass.css variables) ---------- */
:root{
 --ink:var(--fk-text);--soft:var(--fk-text-soft);--muted:var(--fk-text-muted);--gold:var(--fk-caju);
 --paper:var(--fk-surface);--cream:var(--fk-bg);--line:var(--fk-line);--glass:var(--fk-glass-fill);--border:var(--fk-glass-border);
 --serif:var(--fk-font-display);--sans:var(--fk-font-text);
 --shadow:var(--fk-elev-1),var(--fk-elev-3);
}
html[data-theme=dark]{--ink:var(--fk-text);--soft:var(--fk-text-soft);--muted:var(--fk-text-muted);--paper:var(--fk-surface);--cream:var(--fk-bg);--line:var(--fk-line);--glass:var(--fk-glass-fill);--border:var(--fk-glass-border)}
/* Ambient scenery = ONE fixed full-viewport layer behind everything (owner 21/10/2026: "o background precisa ser infinito,
   sem essa linha de corte quando rolar a página"). A root/body background with background-attachment:fixed is ignored by
   iOS Safari and repeats every viewport height (the seam); page roots no longer paint their own copy (below). */
html{background-color:var(--fk-bg)}
body{font-family:var(--fk-font-text);background:transparent}
body::before{content:"";position:fixed;left:0;right:0;top:0;height:100vh;height:100lvh;z-index:-1;pointer-events:none;background:var(--fk-scene)}
body .flicko-frame,body .sx-root,body .tour-root,body .sb-root,body.pt-body,.review-page .pr-shell{background:transparent!important}
:focus-visible{outline-color:var(--fk-focus)}

/* Glass (glass.css): keep the three tiers, but fill >= .60 under text and fruit scenery instead of the beige gradient. */
:root,.review-page[data-theme=light]{
 --glass-bg:linear-gradient(135deg,rgba(255,255,255,.70),rgba(255,255,255,.62));
 --glass-bg-solid:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.86));
 --glass-border:var(--fk-glass-border);
 --glass-blur:var(--fk-glass-blur);
 --glass-shadow:var(--fk-glass-highlight),0 0 0 .5px rgba(26,16,36,.06),var(--fk-glass-shadow);
 --glass-control-bg:linear-gradient(150deg,rgba(255,255,255,.74),rgba(255,255,255,.64));
 --glass-control-bg-hover:linear-gradient(150deg,rgba(255,255,255,.88),rgba(255,255,255,.78));
 --glass-control-bg-solid:linear-gradient(150deg,rgba(255,255,255,.94),rgba(255,255,255,.88));
 --glass-control-color:rgba(255,255,255,.70);
 --glass-control-border:rgba(255,255,255,.80);
 --glass-control-shadow:inset 0 1px rgba(255,255,255,.7),0 0 0 .5px rgba(26,16,36,.06),0 6px 16px -8px rgba(26,16,36,.24);
 --glass-inset-bg:linear-gradient(150deg,rgba(255,255,255,.66),rgba(255,255,255,.60));
 --glass-inset-shadow:inset 0 1px rgba(255,255,255,.8),0 0 0 .5px rgba(26,16,36,.05),0 8px 20px -14px rgba(26,16,36,.26);
 --glass-float-bg:linear-gradient(150deg,rgba(255,255,255,.92),rgba(255,255,255,.86));
 --glass-float-shadow:inset 0 1px rgba(255,255,255,.9),0 0 0 .5px rgba(26,16,36,.08),0 2px 6px -2px rgba(26,16,36,.1),0 24px 48px -18px rgba(26,16,36,.34);
 --glass-scene:var(--fk-scene);
}
html[data-theme=dark] .workspace,.review-page[data-theme=dark]{
 --glass-bg:linear-gradient(135deg,rgba(31,21,40,.76),rgba(31,21,40,.70));
 --glass-bg-solid:linear-gradient(135deg,rgba(31,21,40,.95),rgba(31,21,40,.90));
 --glass-border:rgba(255,255,255,.12);
 --glass-blur:blur(22px) saturate(150%);
 --glass-shadow:inset 0 1px rgba(255,255,255,.10),0 0 0 .5px rgba(0,0,0,.35),0 24px 48px -20px rgba(0,0,0,.7);
 --glass-control-bg:linear-gradient(150deg,rgba(44,32,54,.78),rgba(31,21,40,.72));
 --glass-control-bg-hover:linear-gradient(150deg,rgba(62,48,73,.82),rgba(44,32,54,.76));
 --glass-control-bg-solid:linear-gradient(150deg,rgba(44,32,54,.95),rgba(31,21,40,.92));
 --glass-control-color:rgba(44,32,54,.78);
 --glass-control-border:rgba(255,255,255,.12);
 --glass-inset-bg:linear-gradient(150deg,rgba(44,32,54,.66),rgba(31,21,40,.62));
 --glass-float-bg:linear-gradient(150deg,rgba(31,21,40,.95),rgba(26,16,36,.92));
 --glass-scene:
  radial-gradient(42% 30% at 94% 4%,rgba(216,54,15,.50),transparent 70%),
  radial-gradient(46% 34% at 0% 38%,rgba(194,51,122,.36),transparent 70%),
  radial-gradient(48% 32% at 100% 74%,rgba(154,98,0,.42),transparent 70%),
  radial-gradient(46% 30% at 6% 100%,rgba(26,47,158,.55),transparent 70%),
  #150D1C;
}
body .pe-editor{background-color:var(--fk-bg);background-image:var(--fk-scene);background-attachment:scroll} /* overlay: opaque, its own box = the viewport */

/* Headline type: Bricolage wants weight >= 600 where Garamond sat at 400-500. */
:is(.flicko-frame,.workspace,.tour-root,.sb-root,.sx-root,.metrics-shell,.review-page,.auth-page,.guest-root,.flicko-start,.unlock-page,.onboarding) :is(h1,h2){font-family:var(--fk-font-display);letter-spacing:-.015em}
:is(.flicko-frame,.workspace,.tour-root,.sb-root,.sx-root,.metrics-shell,.review-page,.auth-page,.guest-root,.flicko-start,.unlock-page,.onboarding) h1{font-weight:700}
:is(.flicko-frame,.workspace,.tour-root,.sb-root,.sx-root,.metrics-shell,.review-page,.auth-page,.guest-root,.flicko-start,.unlock-page,.onboarding) h2{font-weight:650}

/* Primary actions: Urucum 600 (white text 4.71:1). Dark pills stay ink (they are the "pass"/neutral tone). */
:is(.ws-primary,.is-primary,.inbox-primary,.metrics-primary,.sb-primary,.tour-primary,.guest-primary,.auth-submit,.ns-primary,.bill-primary,.ntour-primary){background:var(--fk-primary)!important;color:var(--fk-on-primary)!important;border-color:transparent!important}
:is(.ws-primary,.is-primary,.inbox-primary,.metrics-primary,.sb-primary,.tour-primary,.guest-primary,.auth-submit,.ns-primary,.bill-primary,.ntour-primary):hover:not(:disabled){filter:brightness(1.06)}

/* Drawn wordmark / Pingo in the app chrome */
.flicko-wordmark{display:block;flex-shrink:0;color:var(--fk-text);overflow:visible}
.flicko-symbol{display:inline-block;flex-shrink:0;vertical-align:middle}
.flicko-logo{display:inline-flex;align-items:center;color:var(--fk-text);text-decoration:none;line-height:0}
/* Canonical lockup (src/flicko-logo.js, FLICKO_LOGO_CSS): drawn, never typeset. Dark wake = Urucum 600 (Studio D board). */
.flicko-lockup{display:block;flex-shrink:0;overflow:visible;font-style:normal}
.flicko-lockup--mark{display:inline-block;vertical-align:middle}
.flicko-lockup .fl-wake{fill:var(--flicko-wake,#FF8B66)}
html.dark,html[data-theme=dark],.review-page[data-theme=dark]{--flicko-wake:#D8360F}

/* ---------- Public site (flicko-public.css variables) ---------- */
:root{
 --font-eb-garamond:var(--fk-font-display);--font-inter:var(--fk-font-text);
 --font-sans:var(--fk-font-text);--font-serif:var(--fk-font-display);
 --color-ink:#1A1024;--color-ink-deep:#150D1C;--color-ink-soft:#3E3049;--color-muted:#574765;
 --color-cream:#FBF8F6;--color-cream-warm:#F2EDE9;--color-paper:#FFFFFF;
 --color-gold:#A9280B;--color-gold-ink:#A9280B;--color-gold-deep:#A9280B;--color-focus:#2B4BE0;
 --color-success:#1F7A4A;--color-danger:#B3261E;
 --glass-rgb:255 255 255;--ink-rgb:26 16 36;
}
html.dark{
 --color-ink:#FBF8F6;--color-ink-deep:#FFFFFF;--color-ink-soft:#E9E3EE;--color-muted:#CFC5D8;
 --color-cream:#150D1C;--color-cream-warm:#1F1528;--color-paper:#1F1528;
 --color-gold:#FF8B66;--color-gold-ink:#FF8B66;--color-gold-deep:#FF8B66;--color-focus:#C9D3FF;
 --color-success:#6FD49B;--color-danger:#FF8A80;
 --glass-rgb:31 21 40;--ink-rgb:251 248 246;
}
body:has(> main .vellum-field),.vellum-field{background:transparent!important}
.glass-chip{background:linear-gradient(150deg,rgba(255,255,255,.74),rgba(255,255,255,.64))!important;border-color:rgba(255,255,255,.8)!important}
html.dark .glass-chip{background:linear-gradient(150deg,rgba(44,32,54,.78),rgba(31,21,40,.72))!important;border-color:rgba(255,255,255,.12)!important}
.public-try-now,.public-hero-submit,.public-cookie-accept{background:var(--fk-primary)!important;color:var(--fk-on-primary)!important;box-shadow:0 10px 24px -12px rgba(216,54,15,.6),inset 0 1px rgba(255,255,255,.16)!important}
.public-hero-form{background:linear-gradient(180deg,rgba(255,255,255,.80),rgba(255,255,255,.68))}
html.dark .public-hero-form{background:linear-gradient(180deg,rgba(44,32,54,.82),rgba(31,21,40,.74))}
:root{--hero-caption-shadow:none}

/* Public home hero (Flicko): fruit scenery instead of the painting, typewriter kept, signature as the H1, mascot by the form. */
[data-flicko-sem-pagina]{display:none!important}
.fk-hero-scene{position:absolute;inset:0;background:var(--fk-scene)}
.fk-hero-scene::after{content:"";position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(to bottom,transparent,var(--fk-bg))}
.norn-launch-wash{display:none}
.fk-hero-typewriter [style*="font-family: var(--font-serif)"],.fk-hero-typewriter [style*="font-family:var(--font-serif)"]{font-weight:800!important;letter-spacing:-.035em!important}
.fk-hero-typewriter [style*="italic"]{font-style:normal!important}
.fk-hero-typewriter .tw-word{color:var(--fk-text-brand)!important}
.fk-hero-typewriter .tw-caret{color:var(--fk-brand-mark)!important}
.fk-hero-signature{margin:6px 0 0;font-family:var(--fk-font-display);font-size:clamp(1.5rem,2.6vw,2.125rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--fk-text);text-wrap:balance}
div:has(> .fk-hero-mascot){position:relative}
.fk-hero-mascot{display:flex;justify-content:center;order:-1;margin:-8px 0 -10px}
@media(min-width:1024px){.fk-hero-mascot{position:absolute;order:0;left:calc(100% + 20px);top:-22px;margin:0}}
.flicko-logo{color:var(--color-ink)}

/* ---------- The Flicko mascot in the app (flicko-ui.js) ---------- */
/* Tour: the mascot stands where the guide portrait and the team photo were. */
.tour-art{background:none!important;opacity:1!important;display:flex;align-items:center;justify-content:center;border-radius:0}
.tour-art-team{aspect-ratio:auto;min-height:230px;margin:20px auto 0}
.tour-art-meet{width:240px;height:auto;min-height:280px}
.tour-art-flicko{margin:20px auto 0;min-height:210px}
.fk-guide{display:flex;justify-content:center;line-height:0}
@media (max-width:860px){
 .tour-art-meet{display:flex!important;width:100%;min-height:0;margin:0 auto 8px;order:-1}
 .tour-art-meet .fk-guide,.tour-art-flicko .fk-guide,.tour-art-team .fk-guide{height:120px;transform:scale(.6);transform-origin:50% 0}
 .tour-art-flicko,.tour-art-team{min-height:130px}
}
/* Spots (empty, loading, success, error, Autopilot) */
.fk-spot{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex:none}
.fk-spot-center{display:flex;margin:0 auto 12px}
/* Fictional customer of the tutorial post: neutral initial, never a Flicko mark. */
.ntour-avatar-initial{display:grid;place-items:center;padding:0!important;font:700 13px/1 var(--fk-font-text);color:#3E3049;background:#F2EDE9!important}
.pr-monogram.fk-spot,.pr-monogram:has(.fk-spot){background:none!important;border:0!important}
.guest-flicko{float:right;margin:-6px 0 0 12px}
.flicko-home-flicko{align-self:center;margin-right:4px}
.pr-flicko{margin-right:2px}
.memory-chat-head .fk-spot{margin-bottom:8px}
/* Guest preview background: fruit scenery instead of the fjord sky/ridge/water. */
.guest-bg{background:transparent!important}
.guest-bg>span{display:none!important}
div:has(> div > .fk-hero-typewriter),div:has(> .fk-hero-typewriter){text-shadow:none!important}
.fk-hero-typewriter .tw-word,.fk-hero-typewriter .tw-caret{text-shadow:none!important}
/* Final CTA band: jabuticaba night with the brand fruits (white text 18:1) and the Flicko flicking a post. */
.fk-cta-scene{background:radial-gradient(42% 60% at 92% 10%,rgba(255,74,28,.55),transparent 70%),radial-gradient(40% 60% at 70% 110%,rgba(194,51,122,.45),transparent 70%),radial-gradient(36% 50% at 0% 0%,rgba(43,75,224,.35),transparent 70%),#1A1024}
.fk-cta-mascot{position:absolute;right:6%;top:50%;transform:translateY(-50%);z-index:5;line-height:0}
@media(max-width:767px){.fk-cta-mascot{display:none}}
.footer-cta-band img[aria-hidden="true"]{display:none}
/* Guest preview and auth card: Studio D palette over their module tokens (glass fill >= .60). */
.guest-page,.auth-page{
 --g-ink:#1A1024;--g-muted:#574765;--g-accent:#FF4A1C;--g-border:#E9E3EE;--g-error:#B3261E;
 --g-primary:#D8360F;--g-primary-label:#FFFFFF;--g-like:#D8360F;--g-pass:#1A1024;
 --g-glass:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.62));--g-glass-strong:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.82));
 --g-chip:linear-gradient(150deg,rgba(255,255,255,.76),rgba(255,255,255,.64));
 --color-ink:#1A1024;--color-muted:#574765;--color-accent:#FF4A1C;--color-border:#E9E3EE;--color-error:#B3261E;
 --color-primary:#D8360F;--color-primary-label:#FFFFFF;--color-page-bg:#FBF8F6;--color-card-bg:#FFFFFF;
 --glass-control-bg:linear-gradient(150deg,rgba(255,255,255,.76),rgba(255,255,255,.64));
}
.auth-page{background:transparent}
/* Auth card (auth.css keeps the live-capture literals; Studio D colours on top). */
.auth-bg{background:transparent!important}
.auth-bg>span{display:none!important}
:is(.auth-logo,.auth-page h1,.auth-field label,.auth-input,.auth-password input,.auth-password button,.auth-notice,.auth-switch a,.auth-terms strong,.auth-link-button){color:#1A1024!important}
:is(.auth-titles p,.auth-eyebrow,.auth-input::placeholder,.auth-help,.auth-divider,.auth-switch,.auth-terms,.auth-loading){color:#574765!important}
.auth-page h1{font-weight:700!important;letter-spacing:-.02em!important}
.auth-primary{background:#D8360F!important;color:#FFFFFF!important}
.auth-legacy input{accent-color:#D8360F}
:is(.auth-input,.auth-password input):focus,.auth-page :is(a,button):focus-visible{outline-color:#2B4BE0!important}

.ns-entry-scene{background:transparent!important}
.cr-hero{background:transparent!important}
.review-page::before,.review-page::after{background-image:none!important}
.flicko-frame[data-flicko-route=home]{background:transparent!important}
.flicko-home-hero{background:linear-gradient(to right,rgba(255,255,255,.80),rgba(255,255,255,.64))!important}
.ntour-finish-background{background:var(--fk-scene)!important}
.ntour-flicko{display:flex;align-items:center;justify-content:center}
.nart-rest-flicko{display:flex;justify-content:center}
.ns-tone-flicko{display:flex;align-items:center;justify-content:center}
/* Account onboarding (flicko-start): Studio D palette on its local tokens; primary actions in Urucum. */
.flicko-start{--ns-ink:#1A1024;--ns-muted:#574765;--ns-bg:#FBF8F6;--ns-panel:linear-gradient(125deg,rgba(255,255,255,.74),rgba(255,255,255,.64))}
html[data-theme=dark] .flicko-start{--ns-ink:#FBF8F6;--ns-muted:#CFC5D8;--ns-bg:#150D1C;--ns-panel:linear-gradient(125deg,rgba(44,32,54,.80),rgba(31,21,40,.72))}
.ns-entry-panel form button,.ns-channel-next{background:#D8360F!important;color:#fff!important;border-color:transparent!important}
.ns-entry-panel form button:hover,.ns-channel-next:hover{filter:brightness(1.06)}
/* Suggestions (review.css): Studio D palette and scenery; the post cards keep their own opaque surfaces. */
.review-page{--rv-bg:#FBF8F6;--rv-ink:#1A1024;--rv-muted:#574765;--rv-paper:#FFFFFF;--rv-line:#E9E3EE;--rv-control:rgba(255,255,255,.80);--rv-green:#1F7A4A;background:transparent!important}
.review-page[data-theme=dark]{--rv-bg:#150D1C;--rv-ink:#FBF8F6;--rv-muted:#CFC5D8;--rv-paper:#1F1528;--rv-control:rgba(44,32,54,.86);--rv-line:#3E3049;--rv-green:#6FD49B;background:transparent!important;color-scheme:dark}
.review-page .rv-primary{border-color:#D8360F!important;background:#D8360F!important;color:#fff!important}
.review-page .rv-primary:hover{background:#A9280B!important}
.review-page[data-theme=dark] .rv-primary{border-color:#FF4A1C!important;background:#FF4A1C!important;color:#1A1024!important}
.pr-panel h2{font-weight:700!important;letter-spacing:-.02em}
.flicko-frame[data-flicko-route=calendar]:before{background:var(--fk-scene)!important;filter:none!important}
.nc-day.is-today .nc-day-number,.nc-day-label>strong{color:#1A1024}
/* Public glass panels: fill >= .60 under text (light) and jabuticaba glass at night. */
.vellum-glass,.post-glass{background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.62))!important;border-color:rgba(255,255,255,.8)!important}
html.dark .vellum-glass,html.dark .post-glass{background:linear-gradient(135deg,rgba(31,21,40,.78),rgba(31,21,40,.70))!important;border-color:rgba(255,255,255,.12)!important}
html.dark .vellum-glass-amber{background:linear-gradient(135deg,rgba(77,19,6,.62),rgba(44,32,54,.62))!important;border-color:rgba(255,139,102,.3)!important}
.vellum-glass-amber{background:linear-gradient(135deg,rgba(255,241,236,.86),rgba(255,255,255,.72))!important;border-color:rgba(255,183,158,.6)!important}
@media (max-width:860px){.tour-stage:has(.tour-art-meet){flex-direction:column;align-items:stretch}.tour-stage:has(.tour-art-meet) .tour-copy{width:100%;max-width:none}}

/* QA Célia #7/#19: keyboard hints only where there is a keyboard; touch devices get a tap hint instead. */
.touch-hint{display:none}
@media (hover:none) and (pointer:coarse){.kbd-hint,.pr-press,[data-kbd-hint]{display:none!important}.touch-hint{display:inline!important}}

/* Brand sweep 20/10/2026: hard-coded gold of the reference product left in module CSS (colour only, no layout). */
.cr-star,.pe-rewrite svg,.pe-dock-star{color:var(--fk-brand-mark)}
.flicko-credit{border-radius:28%;flex-shrink:0}
.nart-chart-star{filter:none}.nart-chart-star svg{display:block;width:100%;height:100%}
.ntour-gift-flicko{display:flex;justify-content:center;align-items:flex-end;filter:none;animation:none}
/* Mobile pass 20/10/2026 (business_logic/qa/mobile/MAPA.md): text-style links and buttons get a finger-sized hit area on touch
   screens only (pointer:coarse), so the desktop look does not change. */
@media(pointer:coarse){
 .memory-back,.pr-link,.ns-entry-options>button{min-height:44px}
 .nc-view-toggle>button{min-height:32px}
 .ob-home-link,.metrics-link,.sw-page>a:first-child,.sx-wordmark{display:inline-flex;align-items:center;min-height:44px}
 .memory-guide>summary,.memory-item>summary{padding-block:11px}
 /* inline controls of the Suggestions card: bigger hit area, same layout (padding offset by negative margin) */
 .review-page .rv-question-trigger,.review-page .rv-more,.review-page .rv-connect,.review-page .rv-platform-preview{padding-block:12px;margin-block:-12px}
}