/* AbraQuiz: the shared profile questionnaire + its fab (round 03/11/2026). Academy tokens with fallbacks, so any page can host it.
   Day by default, night with :root[data-theme="dark"]. Pink only for the one main action (start, save, finish). Gold for emphasis. */
@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;600;800;900&family=Syne:wght@600;700&family=Playpen+Sans+Hebrew:wght@400;500&family=Frank+Ruhl+Libre:wght@500;700;900&display=swap");

.aq,.aq-fab,.aq-toast{
  --aq-bg:var(--card,#FFFDF9); --aq-bg2:var(--bg2,#EEE7DC); --aq-ink:var(--ink,#17110F); --aq-dim:var(--dim,#6B605C); --aq-line:var(--line,rgba(23,17,15,.12));
  --aq-pink:#D10A75; --aq-pink-l:#FF3E9D; --aq-pink-bg:var(--pink-bg,#FCE7F1); --aq-g2:#D9A63A; --aq-g3:#F7DF97; --aq-g4:#FFF4CC; --aq-gtext:var(--g-text,#6E4A08);
  --aq-focus:var(--focus,#6E4A08); --aq-field:var(--field,#FFFFFF); --aq-fline:var(--field-line,rgba(23,17,15,.28)); --aq-err:var(--err,#A61B1B); --aq-ok:var(--ok,#2F6B3A);
  --aq-blur:var(--blur,rgba(255,62,157,.34));
  --aq-gold:linear-gradient(105deg,#6E4A08 0%,#A87A1E 30%,#D4AF37 46%,#A87A1E 62%,#6E4A08 100%);
  --aq-head:"Heebo","Arial Hebrew",Arial,sans-serif; --aq-hand:"Playpen Sans Hebrew","Heebo",sans-serif; --aq-latin:"Syne","Heebo",sans-serif; --aq-serif:"Frank Ruhl Libre","David Libre",Georgia,serif;
  --aq-ease:cubic-bezier(.16,1,.3,1);
  font-family:var(--aq-head);
}
:root[data-theme="dark"] .aq,:root[data-theme="dark"] .aq-fab,:root[data-theme="dark"] .aq-toast{
  --aq-bg:var(--card,#1B1517); --aq-bg2:var(--bg2,#171214); --aq-ink:var(--ink,#F6EFE7); --aq-dim:var(--dim,#B5A9A6); --aq-line:var(--line,rgba(255,255,255,.12));
  --aq-pink-bg:var(--pink-bg,#2B1320); --aq-gtext:var(--g-text,#F0CE6B); --aq-focus:var(--focus,#F7DF97); --aq-field:var(--field,#120E0F); --aq-fline:var(--field-line,rgba(255,255,255,.3));
  --aq-err:var(--err,#FF9C8F); --aq-ok:var(--ok,#9FD7A8); --aq-blur:var(--blur,rgba(255,79,166,.40));
  --aq-gold:linear-gradient(105deg,#B8862B 0%,#F7DF97 22%,#D9A63A 40%,#FFF4CC 52%,#D9A63A 66%,#B8862B 100%);
}
.aq *,.aq *::before,.aq *::after,.aq-fab *{box-sizing:border-box}
.aq-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.aq-plus{font-family:var(--aq-latin);font-weight:700;letter-spacing:-.01em}
.aq-num{font-family:var(--aq-head);font-weight:800;font-variant-numeric:tabular-nums}
.aq-plus{white-space:nowrap}

/* ---------- the dialog ---------- */
dialog.aq{border:0;padding:0;background:transparent;color:var(--aq-ink);width:min(660px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow:visible;font-weight:300;font-size:16px;line-height:1.6}
dialog.aq::backdrop{background:rgba(14,11,12,.58);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.aq-sheet{position:relative;isolation:isolate;display:flex;flex-direction:column;max-height:calc(100dvh - 32px);background:var(--aq-bg);border-radius:32px;overflow:hidden;overflow:clip;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--aq-g2) 55%,transparent),inset 0 0 0 1px rgba(247,223,151,.25),0 50px 100px -40px rgba(60,10,30,.7)}
:root[data-theme="dark"] .aq-sheet{box-shadow:0 0 0 1px rgba(217,166,58,.4),0 50px 100px -40px #000}
.aq-glow{position:absolute;z-index:-1;width:360px;height:360px;top:-180px;left:-120px;border-radius:50%;background:radial-gradient(closest-side,var(--aq-blur),transparent);filter:blur(30px);pointer-events:none}
.aq-glow::after{content:"";position:absolute;width:260px;height:260px;left:440px;top:440px;border-radius:50%;background:radial-gradient(closest-side,rgba(247,223,151,.35),transparent);filter:blur(30px)}
.aq-top{display:flex;align-items:center;gap:14px;padding:16px 18px 6px 16px;min-height:62px}
.aq-prog{flex:1;display:flex;align-items:center;gap:12px;min-width:0}
.aq-prog[hidden]{display:flex;visibility:hidden}
.aq-bar{position:relative;flex:1;height:6px;border-radius:99px;background:color-mix(in srgb,var(--aq-ink) 10%,transparent);overflow:hidden}
.aq-bar i{position:absolute;inset-block:0;inset-inline-start:0;width:calc(var(--p,0) * 100%);border-radius:inherit;background:linear-gradient(270deg,#B8862B,#F7DF97 55%,#D9A63A);box-shadow:0 0 12px rgba(217,166,58,.6);transition:width .6s var(--aq-ease)}
.aq-count{display:none}
.aq-close{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--aq-line);background:var(--aq-bg);color:var(--aq-ink);display:grid;place-items:center;cursor:pointer;transition:background-color .2s ease,transform .15s ease-out}
.aq-close svg{width:20px;height:20px}
.aq-close:active{transform:scale(.94)}
@media (hover:hover){.aq-close:hover{background:var(--aq-bg2)}}
.aq-body{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:8px clamp(18px,4vw,36px) 18px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--aq-g2) 55%,transparent) transparent}
.aq-step{display:flex;flex-direction:column;gap:16px}
.aq-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px clamp(18px,4vw,36px) calc(18px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--aq-line);background:color-mix(in srgb,var(--aq-bg) 92%,transparent)}
.aq-foot[hidden]{display:none}
.aq-foot-end{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;justify-content:flex-end;margin-inline-start:auto}

/* type */
.aq-h{margin:0;font-weight:900;font-size:clamp(28px,4.4vw,40px);line-height:1.08;letter-spacing:-.025em;text-wrap:balance;color:var(--aq-ink)}
.aq-h.big{font-size:clamp(32px,5.4vw,48px)}
.aq-h:focus{outline:none}
.aq-gold{display:block;font-family:var(--aq-hand);font-weight:500;font-size:.78em;letter-spacing:0;line-height:1.3;margin-top:.12em;background:var(--aq-gold);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(70,45,4,.18))}
.aq-gold .aq-plus{font-family:var(--aq-latin);font-weight:700}
.aq-n{display:block;font-size:13.5px;font-weight:800;letter-spacing:.01em;color:var(--aq-gtext);margin-bottom:10px}
.aq-n .aq-num{font-size:14px}
.aq-kick{display:inline-flex;align-items:center;gap:4px;margin-inline-start:10px;padding:2px 10px;border-radius:99px;font-size:12.5px;font-weight:700;color:var(--aq-ink);background:color-mix(in srgb,var(--aq-g3) 42%,transparent);vertical-align:1px}
.aq-kick .aq-num{font-size:12.5px}
.aq-hint{margin:-4px 0 0;color:var(--aq-dim);font-size:16px;max-width:52ch}
.aq-lead{margin:0;font-size:clamp(17px,1.6vw,19px);line-height:1.6;max-width:46ch;font-weight:300}
.aq-lead b{font-weight:800}
.aq-small{margin:0;font-size:14px;color:var(--aq-dim)}
.aq-opt{font-weight:400;color:var(--aq-dim);font-size:13.5px}

/* buttons */
.aq-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;border:1.5px solid var(--aq-ink);background:transparent;color:var(--aq-ink);border-radius:999px;padding:12px 24px;font:800 15.5px/1.2 var(--aq-head);cursor:pointer;white-space:nowrap;text-decoration:none;transition:transform .15s ease-out,box-shadow .3s ease,background-color .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent}
.aq-btn svg{width:18px;height:18px;flex:none}
.aq-btn:active{transform:scale(.96)}
.aq-btn.ink{background:var(--aq-ink);border-color:var(--aq-ink);color:var(--aq-bg)}
.aq-btn.pink{background:var(--aq-pink);border-color:var(--aq-pink);color:#fff;box-shadow:0 12px 30px -14px var(--aq-pink)}
.aq-btn.ghost{border-color:color-mix(in srgb,var(--aq-ink) 30%,transparent);color:var(--aq-dim);font-weight:700}
.aq-btn.sm{min-height:46px;padding:9px 16px;font-size:14.5px}
.aq-btn[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
@media (hover:hover) and (pointer:fine){.aq-btn:hover{box-shadow:0 14px 30px -18px rgba(0,0,0,.45)}.aq-btn.pink:hover{box-shadow:0 16px 34px -12px var(--aq-pink)}.aq-btn.ghost:hover{color:var(--aq-ink);border-color:var(--aq-ink)}}
.aq-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 6px;background:none;border:0;cursor:pointer;font:700 15px/1.2 var(--aq-head);color:var(--aq-ink);text-decoration:underline;text-underline-offset:5px;text-decoration-color:color-mix(in srgb,var(--aq-g2) 80%,transparent);text-decoration-thickness:1.5px}
.aq-link.back{text-decoration:none;color:var(--aq-dim)}
.aq-link.back svg{width:17px;height:17px}
@media (hover:hover){.aq-link.back:hover{color:var(--aq-ink)}}
.aq button:focus-visible,.aq a:focus-visible,.aq input:focus-visible+label,.aq-fab:focus-visible{outline:3px solid var(--aq-focus);outline-offset:3px}

/* intro and done */
.aq-intro,.aq-done{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-block:6px 4px}
.aq-orb{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#6E4A08;background:radial-gradient(circle at 35% 30%,#FFF4CC,#F7DF97 40%,#D9A63A 75%,#9A6A12);box-shadow:0 0 0 1px #D9A63A,0 0 34px -4px rgba(247,223,151,.85),0 18px 30px -18px rgba(120,80,0,.7)}
.aq-orb svg{width:26px;height:26px}
.aq-orb.ok{color:#17110F}
.aq-gets{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:10px;width:100%}
.aq-gets li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:start;font-size:16px;line-height:1.5}
.aq-gets li>svg{width:22px;height:22px;padding:3px;border-radius:50%;background:color-mix(in srgb,var(--aq-g3) 55%,transparent);color:#6E4A08;margin-top:1px}
:root[data-theme="dark"] .aq-gets li>svg{background:rgba(247,223,151,.18);color:#F7DF97}
.aq-gets b{font-weight:800}
.aq-why{margin:0;padding:12px 16px;border-radius:18px;background:var(--aq-pink-bg);font-size:15.5px;line-height:1.5;width:100%}
.aq-why b{color:var(--aq-pink);font-weight:900}
:root[data-theme="dark"] .aq-why b{color:#FF86BF}
.aq-intro-act{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin-top:6px}
.aq-intro-act .aq-btn.pink{min-height:54px;padding-inline:28px;font-size:16.5px}
.aq-done-pal{display:flex;gap:0}
.aq-done-pal i{width:46px;height:46px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px var(--aq-bg),0 10px 18px -10px rgba(0,0,0,.4);margin-inline-start:-10px}
.aq-done-pal i:first-child{margin-inline-start:0}
.is-intro .aq-top{padding-bottom:0}

/* fields */
.aq-fields{display:flex;flex-direction:column;gap:16px}
.aq-f{display:flex;flex-direction:column;gap:7px}
.aq-f>label{font-weight:800;font-size:17px}
.aq input[type="text"],.aq textarea{width:100%;min-height:52px;border:1.5px solid var(--aq-fline);border-radius:16px;background:var(--aq-field);padding:0 16px;font:600 17px/1.4 var(--aq-head);color:var(--aq-ink);outline:none;caret-color:#D9A63A;transition:border-color .2s ease,box-shadow .2s ease}
.aq textarea{padding:13px 16px;min-height:100px;resize:vertical;line-height:1.55}
.aq input[type="text"]::placeholder,.aq textarea::placeholder{color:color-mix(in srgb,var(--aq-dim) 85%,transparent);font-weight:400}
.aq input[type="text"]:focus,.aq textarea:focus{border-color:var(--aq-ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--aq-g2) 35%,transparent)}
.aq input[aria-invalid="true"]{border-color:var(--aq-err);box-shadow:0 0 0 3px color-mix(in srgb,var(--aq-err) 18%,transparent)}
.aq-cnt{margin:-2px 0 0;font-size:13px;color:var(--aq-dim);text-align:left}
.aq-sugg{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.aq-err{margin:0;color:var(--aq-err);font-size:14.5px;font-weight:600;line-height:1.45}
.aq-err:empty{display:none}
.aq-note{margin:0;display:flex;align-items:center;gap:8px;font-size:15px;color:var(--aq-ok);font-weight:600}
.aq-note svg{width:18px;height:18px;flex:none}
.aq-note.soft{color:var(--aq-dim);font-weight:400;font-size:14.5px}

/* chips */
.aq-q{border:0;margin:0;padding:0;min-width:0}
.aq-chips{display:flex;flex-wrap:wrap;gap:10px}
.aq-chip{display:inline-flex;align-items:center;gap:7px;min-height:46px;padding:9px 18px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--aq-g2) 60%,transparent);background:color-mix(in srgb,var(--aq-g3) 12%,var(--aq-bg));color:var(--aq-ink);font:700 15.5px/1.2 var(--aq-head);cursor:pointer;user-select:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .15s ease-out}
.aq-chip.sm{min-height:44px;padding:7px 14px;font-size:14.5px;font-weight:600}
.aq-chip.sm svg{width:14px;height:14px;color:var(--aq-gtext)}
.aq-chip:active{transform:scale(.97)}
@media (hover:hover){.aq-chip:hover{background:color-mix(in srgb,var(--aq-g3) 36%,var(--aq-bg))}}
.aq-chips input:checked+.aq-chip{background:var(--aq-ink);border-color:var(--aq-ink);color:var(--aq-bg)}
.aq-tick{width:19px;height:19px;border-radius:6px;border:1.5px solid currentColor;display:inline-grid;place-items:center;flex:none;opacity:.7}
.aq-tick svg{width:13px;height:13px;opacity:0}
.aq-chips input:checked+.aq-chip .aq-tick{opacity:1;background:#D9A63A;border-color:#D9A63A;color:#17110F}
.aq-chips input:checked+.aq-chip .aq-tick svg{opacity:1}

/* tone cards */
.aq-tones{display:grid;gap:10px}
.aq-tone{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:2px 14px;align-items:center;padding:14px 18px;border-radius:20px;border:1.5px solid var(--aq-line);background:var(--aq-bg);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .3s ease}
.aq-tone b{font-weight:800;font-size:17px;grid-column:1}
.aq-say{grid-column:1;font-family:var(--aq-hand);font-weight:400;font-size:15.5px;color:var(--aq-dim)}
.aq-radio{grid-column:2;grid-row:1/span 2;width:24px;height:24px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--aq-ink) 40%,transparent);transition:box-shadow .2s ease,border-color .2s ease}
@media (hover:hover){.aq-tone:hover{border-color:color-mix(in srgb,var(--aq-g2) 70%,transparent)}}
.aq-tones input:checked+.aq-tone{border-color:#D9A63A;background:color-mix(in srgb,var(--aq-g3) 16%,var(--aq-bg));box-shadow:0 16px 30px -22px rgba(120,80,0,.6)}
.aq-tones input:checked+.aq-tone .aq-radio{border-color:#D9A63A;box-shadow:inset 0 0 0 5px var(--aq-bg),inset 0 0 0 12px #D9A63A}
.aq-tones input:checked+.aq-tone .aq-say{color:var(--aq-ink)}

/* colours */
.aq-swatches{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.aq-sw{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px}
.aq-chipc{display:block;width:100%;aspect-ratio:1;max-width:84px;border-radius:22px;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),0 14px 24px -16px rgba(0,0,0,.5)}
.aq-sw.empty .aq-chipc{background:repeating-linear-gradient(135deg,transparent 0 7px,color-mix(in srgb,var(--aq-ink) 6%,transparent) 7px 8px);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--aq-ink) 18%,transparent)}
.aq-hex{font-family:var(--aq-head);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:600;color:var(--aq-dim);letter-spacing:.02em}
.aq-x{position:absolute;top:-8px;inset-inline-end:-6px;width:44px;height:44px;border:0;background:none;padding:10px;cursor:pointer;display:grid;place-items:center}
.aq-x svg{width:24px;height:24px;padding:5px;border-radius:50%;background:var(--aq-ink);color:var(--aq-bg);box-shadow:0 4px 10px -4px rgba(0,0,0,.5)}
.aq-add{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px 18px;align-items:end;padding:16px;border-radius:22px;background:var(--aq-bg2)}
.aq-add.full{opacity:.55}
.aq-pick{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;font-weight:800;font-size:14px;min-width:84px}
.aq-pick input{position:absolute;inset:0 0 auto;width:60px;height:60px;margin:0 auto;opacity:0;cursor:pointer}
.aq-pick input:disabled{cursor:not-allowed}
.aq-pick-ring{width:60px;height:60px;border-radius:50%;background:conic-gradient(from 90deg,#D10A75,#FF8A3D,#F7DF97,#7A8B6F,#3A7BD5,#8E7CC3,#D10A75);box-shadow:0 0 0 4px var(--aq-bg),0 0 0 5px color-mix(in srgb,var(--aq-g2) 60%,transparent),0 14px 24px -14px rgba(0,0,0,.6);transition:transform .2s var(--aq-ease)}
.aq-pick:hover .aq-pick-ring{transform:rotate(30deg)}
.aq-pick input:focus-visible~.aq-pick-ring{outline:3px solid var(--aq-focus);outline-offset:5px}
.aq-hexin{display:flex;flex-direction:column;gap:6px;min-width:0}
.aq-hexin>label{font-weight:800;font-size:14px}
.aq-hexrow{display:flex;gap:8px}
.aq-hexrow input{flex:1;min-width:0;letter-spacing:.06em;text-transform:uppercase;font-variant-numeric:tabular-nums}
.aq-pals{display:flex;flex-direction:column;gap:10px}
.aq-pals-h{margin:0;font-weight:800;font-size:15px}
.aq-pals-row{display:flex;flex-wrap:wrap;gap:8px}
.aq-pal{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:6px 16px 6px 8px;border-radius:999px;border:1.5px solid var(--aq-line);background:var(--aq-bg);color:var(--aq-ink);font:700 14.5px/1 var(--aq-head);cursor:pointer;transition:border-color .2s ease,transform .15s ease-out}
.aq-pal:active{transform:scale(.97)}
@media (hover:hover){.aq-pal:hover{border-color:#D9A63A}}
.aq-pal-dots{display:flex}
.aq-pal-dots i{width:22px;height:22px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px var(--aq-bg);margin-inline-start:-6px}
.aq-pal-dots i:first-child{margin-inline-start:0}

/* fonts */
.aq-fonts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.aq-font{position:relative;display:flex;flex-direction:column;gap:2px;padding:16px 16px 14px;border-radius:22px;border:1.5px solid var(--aq-line);background:var(--aq-bg);cursor:pointer;min-height:132px;transition:border-color .2s ease,box-shadow .3s ease,background-color .2s ease}
.aq-font-s{font-size:26px;line-height:1.15;margin-bottom:8px;padding-inline-end:26px;color:var(--aq-ink);overflow-wrap:anywhere}
.aq-font b{font-weight:800;font-size:15.5px}
.aq-font>span:not(.aq-font-s):not(.aq-tick){font-size:13.5px;color:var(--aq-dim);line-height:1.4}
.aq-font .aq-tick{position:absolute;top:14px;inset-inline-end:14px}
.f-classic .aq-font-s{font-family:var(--aq-serif);font-weight:700}
.f-modern .aq-font-s{font-family:var(--aq-head);font-weight:400;letter-spacing:-.01em}
.f-hand .aq-font-s{font-family:var(--aq-hand);font-weight:500}
.f-bold .aq-font-s{font-family:var(--aq-head);font-weight:900;letter-spacing:-.04em;font-size:29px}
@media (hover:hover){.aq-font:hover{border-color:color-mix(in srgb,var(--aq-g2) 70%,transparent)}}
.aq-fonts input:checked+.aq-font{border-color:#D9A63A;background:color-mix(in srgb,var(--aq-g3) 16%,var(--aq-bg));box-shadow:0 16px 30px -22px rgba(120,80,0,.6)}
.aq-fonts input:checked+.aq-font .aq-tick{opacity:1;background:#D9A63A;border-color:#D9A63A;color:#17110F}
.aq-fonts input:checked+.aq-font .aq-tick svg{opacity:1}
.aq-fonts input[aria-disabled="true"]+.aq-font{opacity:.5}

/* style picks: two at a time, drawn in her colours */
.aq-styles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.aq-style{position:relative;display:flex;flex-direction:column;gap:10px;padding:10px 10px 12px;border-radius:26px;border:1.5px solid var(--aq-line);background:var(--aq-bg);color:var(--aq-ink);cursor:pointer;text-align:right;font:inherit;transition:border-color .25s ease,box-shadow .35s ease,transform .2s var(--aq-ease)}
@media (hover:hover){.aq-style:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--aq-g2) 70%,transparent)}}
.aq-style[aria-pressed="true"]{border-color:var(--aq-pink);box-shadow:0 0 0 3px color-mix(in srgb,var(--aq-pink) 22%,transparent),0 24px 40px -26px var(--aq-pink)}
.aq-style-t{display:flex;flex-direction:column;gap:2px;padding-inline:6px}
.aq-style-t b{font-weight:900;font-size:17px;line-height:1.2}
.aq-style-t span{font-size:13.5px;color:var(--aq-dim);line-height:1.4}
.aq-like{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;min-height:40px;padding:0 14px;margin-inline-start:4px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--aq-ink) 22%,transparent);font-weight:800;font-size:14px;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.aq-like svg{width:18px;height:18px}
.aq-style[aria-pressed="true"] .aq-like{background:var(--aq-ink);border-color:var(--aq-ink);color:var(--aq-bg)}
.aq-style[aria-pressed="true"] .aq-like svg{fill:#FF3E9D;stroke:#FF3E9D}
.aq-mock{position:relative;display:block;aspect-ratio:4/5;border-radius:18px;overflow:hidden;isolation:isolate}
.aq-mock>span{position:absolute;display:block}
.mk-title{font-weight:900;line-height:1;letter-spacing:-.02em}
.mk-kick{font-size:11px;font-weight:700;letter-spacing:.02em}
.m-editorial{background:#F7F2E8}
.m-editorial .mk-frame{inset:9px;border:1px solid #C9A04A;border-radius:10px}
.m-editorial .mk-arch{left:18%;right:18%;top:16%;height:42%;border-radius:999px 999px 8px 8px;background:linear-gradient(180deg,color-mix(in srgb,var(--m1) 70%,#fff),var(--m1))}
.m-editorial .mk-title{left:12%;right:12%;bottom:15%;text-align:center;font-family:var(--aq-serif);font-weight:900;font-size:clamp(18px,3.6vw,26px);color:var(--m3)}
.m-editorial .mk-kick{top:8%;left:0;right:0;text-align:center;color:#8C6A22;font-family:var(--aq-serif)}
.m-editorial .mk-line{left:38%;right:38%;bottom:10%;height:1px;background:#C9A04A}
.m-bold{background:var(--m1)}
.m-bold .mk-band{left:-20%;right:-20%;top:56%;height:20%;background:var(--m2);transform:rotate(-9deg)}
.m-bold .mk-title{right:9%;top:12%;font-size:clamp(30px,6vw,44px);color:var(--m2);text-shadow:0 2px 0 rgba(0,0,0,.12)}
.m-bold .mk-kick{right:9%;bottom:7%;padding:5px 10px;border-radius:99px;background:var(--m3);color:#fff}
.m-minimal{background:#FBFAF7}
.m-minimal .mk-dot{left:14%;top:14%;width:16px;height:16px;border-radius:50%;background:var(--m1)}
.m-minimal .mk-title{right:12%;bottom:30%;font-weight:300;font-size:clamp(17px,3.2vw,22px);color:#17110F;letter-spacing:-.01em}
.m-minimal .mk-line{right:12%;left:12%;bottom:24%;height:1px;background:rgba(23,17,15,.25)}
.m-minimal .mk-kick{right:12%;bottom:12%;color:#6B605C;font-weight:400}
.m-soft{background:color-mix(in srgb,var(--m1) 14%,#FFF8F4)}
.m-soft .mk-blob{width:70%;aspect-ratio:1;left:-12%;top:-10%;border-radius:46% 54% 58% 42%/50% 44% 56% 50%;background:color-mix(in srgb,var(--m1) 40%,#fff)}
.m-soft .mk-blob.b2{width:44%;left:auto;right:-8%;top:auto;bottom:-6%;background:color-mix(in srgb,var(--m2) 55%,#fff)}
.m-soft .mk-title{right:11%;top:40%;font-family:var(--aq-hand);font-weight:500;font-size:clamp(18px,3.4vw,24px);line-height:1.25;color:color-mix(in srgb,var(--m3) 85%,#000)}
.m-soft .mk-kick{right:11%;bottom:10%;color:color-mix(in srgb,var(--m3) 70%,#666)}
/* round 3 + 4 (03/11): ערב יוקרתי, קולאז' יצירתי, גאומטרי חד, וינטג' חם. Drawn in her colours like the first four */
.m-noir{background:radial-gradient(120% 75% at 50% 0%,color-mix(in srgb,var(--m1) 34%,#140E10) 0%,#0E0A0B 72%)}
.m-noir .mk-frame{inset:10px;border:1px solid rgba(212,175,55,.6);border-radius:3px}
.m-noir .mk-frame.f2{inset:15px;border-color:rgba(212,175,55,.24)}
.m-noir .mk-star{left:50%;top:22%;width:20px;height:20px;transform:translateX(-50%);color:#E9C866;filter:drop-shadow(0 0 8px rgba(233,200,102,.55))}
.m-noir .mk-star svg{width:100%;height:100%}
.m-noir .mk-title{left:9%;right:9%;top:38%;text-align:center;font-family:var(--aq-serif);font-weight:700;font-size:clamp(21px,3.9vw,29px);line-height:1.08;background:linear-gradient(105deg,#A87A1E 0%,#F7DF97 42%,#D4AF37 58%,#8C6A22 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.m-noir .mk-line{left:32%;right:32%;bottom:25%;height:1px;background:linear-gradient(90deg,transparent,#D4AF37,transparent)}
.m-noir .mk-kick{left:0;right:0;bottom:13%;text-align:center;color:#E9C866;font-family:var(--aq-serif);font-weight:500}
.m-collage{background:#EFE9DF}
.m-collage .mk-sun{width:48%;aspect-ratio:1;left:-10%;top:6%;border-radius:50%;background:var(--m1)}
.m-collage .mk-paper{left:14%;right:9%;top:22%;bottom:27%;background:#FFFDF8;transform:rotate(-4deg);box-shadow:0 12px 20px -14px rgba(23,17,15,.45);clip-path:polygon(0 3%,9% 0,23% 2%,41% 0,58% 3%,76% 0,91% 2%,100% 0,100% 97%,88% 100%,71% 98%,53% 100%,34% 97%,17% 100%,0 98%)}
.m-collage .mk-paper.p2{left:auto;right:-5%;top:auto;bottom:7%;width:52%;height:19%;background:color-mix(in srgb,var(--m2) 72%,#fff);transform:rotate(5deg)}
.m-collage .mk-tape{right:18%;top:17%;width:32%;height:8%;background:rgba(233,209,138,.8);transform:rotate(9deg);box-shadow:0 1px 0 rgba(140,106,34,.2)}
.m-collage .mk-title{right:22%;left:18%;top:35%;font-family:var(--aq-hand);font-weight:500;font-size:clamp(17px,3.2vw,22px);line-height:1.28;color:var(--m3);transform:rotate(-4deg)}
.m-collage .mk-scrib{right:25%;width:36%;top:62%;height:10px;border-bottom:2.5px solid var(--m1);border-radius:0 0 50% 50%;transform:rotate(-5deg)}
.m-collage .mk-kick{right:8%;bottom:12%;color:#17110F;transform:rotate(5deg)}
.m-geometric{background:#F6F4EF}
.m-geometric .mk-grid{inset:0;background-image:linear-gradient(rgba(23,17,15,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(23,17,15,.07) 1px,transparent 1px);background-size:20% 16.666%}
.m-geometric .mk-c{width:54%;aspect-ratio:1;left:-8%;top:-7%;border-radius:50%;background:var(--m1)}
.m-geometric .mk-sq{width:32%;aspect-ratio:1;right:10%;top:15%;background:var(--m2)}
.m-geometric .mk-half{width:24%;aspect-ratio:2/1;left:9%;bottom:11%;border-radius:999px 999px 0 0;background:var(--m3)}
.m-geometric .mk-title{right:10%;top:51%;font-weight:900;font-size:clamp(21px,4vw,31px);line-height:.98;color:#17110F}
.m-geometric .mk-kick{right:10%;bottom:11%;max-width:52%;line-height:1.25;color:#17110F;font-weight:800;border-top:2px solid #17110F;padding-top:4px}
.m-vintage{background:color-mix(in srgb,var(--m2) 30%,#FFF4E6)}
.m-vintage .mk-title{left:8%;right:8%;top:12%;text-align:center;font-family:var(--aq-serif);font-weight:900;font-size:clamp(21px,3.9vw,29px);line-height:1.02;color:var(--m3)}
.m-vintage .mk-kick{left:50%;top:42%;transform:translateX(-50%);padding:3px 11px;border:1.5px solid var(--m3);border-radius:99px;color:var(--m3);white-space:nowrap;max-width:84%;overflow:hidden;text-overflow:ellipsis}
.m-vintage .mk-ring{left:5%;right:5%;bottom:0;aspect-ratio:2/1;border-radius:999px 999px 0 0;border:2px solid color-mix(in srgb,var(--m3) 60%,transparent);border-bottom:0}
.m-vintage .mk-sunset{left:13%;right:13%;bottom:0;aspect-ratio:2/1;border-radius:999px 999px 0 0;background:repeating-linear-gradient(180deg,var(--m1) 0 10%,transparent 10% 14%)}

/* motion + sheet */
@media (prefers-reduced-motion:no-preference){dialog.aq[open] .aq-sheet{animation:aqUp .5s var(--aq-ease)}}
@keyframes aqUp{from{transform:translateY(28px) scale(.985);opacity:0}}
@media (max-width:640px){
  dialog.aq{width:100vw;max-height:94dvh;margin:auto 0 0}
  .aq-sheet{max-height:94dvh;border-radius:30px 30px 0 0}
  .aq-swatches{gap:8px}
  .aq-chipc{border-radius:16px}
  .aq-add{grid-template-columns:1fr;justify-items:start}
  .aq-pick{flex-direction:row;gap:12px;min-width:0}
  .aq-pick input{inset:0 auto auto 0;margin:0}
  .aq-styles{gap:10px}
  .aq-style{padding:8px 8px 10px;border-radius:22px}
  .aq-like{padding:0 10px}
  .aq-like-t{font-size:13px}
  .aq-foot .aq-btn{padding-inline:18px}
}
@media (max-width:380px){.aq-fonts{grid-template-columns:1fr}.aq-font{min-height:0}}
@media (prefers-reduced-motion:no-preference) and (max-width:640px){@keyframes aqUp{from{transform:translateY(60px);opacity:.4}}}

/* ---------- the fab: bottom right, blinking gold and pink dot ---------- */
.aq-fab{position:fixed;z-index:70;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;gap:10px;flex-direction:row;
  min-height:56px;padding:6px 6px 6px 18px;border-radius:999px;border:1px solid #B8862B;cursor:pointer;color:#17110F;font:800 14.5px/1 var(--aq-head);-webkit-tap-highlight-color:transparent;
  background:linear-gradient(105deg,#D9A63A 0%,#F7DF97 45%,#FFF4CC 55%,#D9A63A 100%);
  box-shadow:0 0 0 3px rgba(247,223,151,.35),0 0 26px 2px rgba(217,166,58,.45),0 16px 30px -14px rgba(110,74,8,.7);transition:transform .2s var(--aq-ease),box-shadow .3s ease,opacity .2s ease}
.aq-fab[hidden]{display:none}
.aq-fab:active{transform:scale(.96)}
@media (hover:hover){.aq-fab:hover{transform:translateY(-2px);box-shadow:0 0 0 4px rgba(247,223,151,.5),0 0 34px 6px rgba(217,166,58,.55),0 18px 34px -14px rgba(110,74,8,.7)}}
.aq-fab-i{position:relative;order:-1;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#17110F;color:#F7DF97}
.aq-fab-i svg{width:20px;height:20px}
.aq-dot{position:absolute;top:-2px;left:-2px;width:14px;height:14px;border-radius:50%;background:#FF3E9D;box-shadow:0 0 0 2.5px #FFF4CC,0 0 12px 2px rgba(255,62,157,.7)}
@media (prefers-reduced-motion:no-preference){.aq-fab:not(.done) .aq-dot{animation:aqBlink 2.4s ease-in-out infinite}}
@keyframes aqBlink{0%,100%{background:#FF3E9D;box-shadow:0 0 0 2.5px #FFF4CC,0 0 14px 3px rgba(255,62,157,.75);transform:scale(1)}50%{background:#F7DF97;box-shadow:0 0 0 2.5px #D10A75,0 0 14px 3px rgba(247,223,151,.9);transform:scale(.82)}}
.aq-fab.done{padding:6px;background:var(--aq-bg);border-color:var(--aq-line);color:var(--aq-ink);box-shadow:0 12px 26px -16px rgba(0,0,0,.45)}
.aq-fab.done .aq-dot{display:none}
.aq-fab.done .aq-fab-i{background:transparent;color:var(--aq-gtext);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,#D9A63A 70%,transparent)}
.aq-fab.done .aq-fab-t{max-width:0;overflow:hidden;opacity:0;white-space:nowrap;transition:max-width .35s var(--aq-ease),opacity .2s ease,margin .35s var(--aq-ease)}
.aq-fab.done{gap:0}
@media (hover:hover){.aq-fab.done:hover,.aq-fab.done:focus-visible{gap:10px;padding-left:16px}.aq-fab.done:hover .aq-fab-t,.aq-fab.done:focus-visible .aq-fab-t{max-width:180px;opacity:1}}
.aq-fab.done:focus-visible{gap:10px;padding-left:16px}.aq-fab.done:focus-visible .aq-fab-t{max-width:180px;opacity:1}
@media (max-width:420px){.aq-fab{min-height:52px;font-size:13.5px;padding-left:14px}.aq-fab-i{width:40px;height:40px}}
@media print{.aq-fab,dialog.aq,.aq-toast{display:none!important}}

.aq-toast{position:fixed;z-index:2147483001;inset-inline:0;bottom:calc(88px + env(safe-area-inset-bottom,0px));margin:0 auto;width:max-content;max-width:calc(100% - 32px);background:var(--aq-ink);color:var(--aq-bg);border-radius:999px;padding:12px 20px;font:700 14.5px/1.4 var(--aq-head);box-shadow:0 18px 40px -16px rgba(0,0,0,.5);opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .4s var(--aq-ease);pointer-events:none}
.aq-toast.on{opacity:1;transform:none}