:root {
  --ink: #0b0d0c;
  --muted: #6c716d;
  --soft: #eef0ec;
  --line: rgba(11,13,12,.09);
  --paper: #f6f7f3;
  --white: #ffffff;
  --accent: #c9ff45;
  --accent-soft: #efffc7;
  --shadow: 0 24px 70px rgba(19, 25, 20, .10);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--paper);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-height: 100vh; overflow-x: hidden; background: var(--paper); }
button, input { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }

.ambient {
  position: fixed; border-radius: 999px; filter: blur(90px); opacity: .42;
  pointer-events: none; z-index: -1;
}
.ambient-one { width: 460px; height: 460px; background: #ddff8b; top: -230px; right: -100px; }
.ambient-two { width: 320px; height: 320px; background: #d8e5ff; top: 520px; left: -220px; opacity: .28; }

.shell-wide { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.shell { width: min(980px, calc(100% - 48px)); margin: 0 auto; }

.nav { height: 82px; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 3px; font-weight: 900; letter-spacing: .14em; font-size: 13px; }
.brand-mark { display: grid; place-items: center; width: 30px; height: 30px; background: var(--ink); color: var(--accent); border-radius: 10px; letter-spacing: 0; font-size: 15px; }
.brand-word { transform: translateY(1px); }
.nav-action { border: 1px solid var(--line); background: rgba(255,255,255,.66); backdrop-filter: blur(14px); border-radius: 999px; padding: 10px 14px 10px 16px; display: flex; gap: 12px; align-items: center; font-weight: 700; color: var(--ink); }
.nav-icon { display: grid; place-items: center; width: 25px; height: 25px; background: var(--ink); color: white; border-radius: 50%; font-size: 12px; }

.hero { padding: 92px 0 58px; text-align: center; }
.eyebrow { display: inline-flex; gap: 9px; align-items: center; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #4e554f; margin-bottom: 22px; }
.pulse { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 5px rgba(201,255,69,.22); }
h1 { margin: 0; font-size: clamp(54px, 9vw, 100px); line-height: .92; letter-spacing: -.065em; font-weight: 870; }
h1 span { color: #929991; }
.hero-copy { max-width: 610px; margin: 28px auto 0; font-size: clamp(17px, 2.4vw, 21px); line-height: 1.55; color: var(--muted); letter-spacing: -.015em; }

.composer-wrap { margin: 48px auto 0; max-width: 820px; }
.composer { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 10px; border-radius: 24px; background: rgba(255,255,255,.90); border: 1px solid rgba(255,255,255,.85); box-shadow: var(--shadow); backdrop-filter: blur(18px); }
.url-icon { width: 42px; height: 42px; display: grid; place-items: center; background: var(--soft); border-radius: 14px; font-size: 22px; color: #545b55; }
.composer input { width: 100%; min-width: 0; border: 0; outline: none; background: transparent; padding: 15px 4px; font-size: 16px; color: var(--ink); }
.composer input::placeholder { color: #a1a6a1; }
#zqueezBtn { border: 0; background: var(--ink); color: white; border-radius: 17px; padding: 16px 19px; min-width: 132px; font-size: 13px; font-weight: 900; letter-spacing: .06em; display: flex; justify-content: center; gap: 12px; align-items: center; transition: transform .18s ease, opacity .18s ease; }
#zqueezBtn:hover { transform: translateY(-1px); }
#zqueezBtn:disabled { opacity: .52; cursor: wait; transform: none; }
.button-arrow { color: var(--accent); font-size: 17px; }
.composer-meta { display: flex; align-items: center; justify-content: center; gap: 9px; margin-top: 13px; color: #929891; font-size: 11px; font-weight: 650; }
.dot { opacity: .55; }

.status { max-width: 820px; margin: 6px auto 22px; border-radius: 16px; padding: 13px 16px; display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 13px; font-weight: 700; }
.status.loading { color: #4a514b; }
.status.error { background: #fff0ea; color: #9d3d22; border: 1px solid #ffd9cb; }
.status.success { background: var(--accent-soft); color: #375000; border: 1px solid #dbff82; }
.spinner { width: 15px; height: 15px; border-radius: 50%; border: 2px solid #c6cbc6; border-top-color: var(--ink); animation: spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.hidden { display: none !important; }
.result { scroll-margin-top: 24px; }

.knowledge-card { background: rgba(255,255,255,.94); border: 1px solid rgba(15,18,16,.07); border-radius: 30px; padding: 30px; box-shadow: 0 18px 60px rgba(24,29,25,.07); margin: 12px 0 38px; overflow: hidden; position: relative; }
.knowledge-card::before { content: ""; position: absolute; inset: 0 auto auto 0; width: 100%; height: 4px; background: linear-gradient(90deg, var(--accent), transparent 55%); }
.card-topline { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.signal { display: inline-flex; align-items: center; gap: 7px; font-size: 10px; letter-spacing: .09em; font-weight: 900; color: #555b56; }
.signal-dot { width: 7px; height: 7px; border-radius: 50%; background: #aeb3ae; }
.signal.high .signal-dot { background: var(--accent); box-shadow: 0 0 0 5px rgba(201,255,69,.22); }
.signal.mid .signal-dot { background: #ffd36d; }
.signal.low .signal-dot { background: #c5cac6; }
.source { color: #9a9f9b; font-size: 12px; max-width: 44%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.knowledge-card h3 { font-size: clamp(28px, 4.4vw, 46px); line-height: 1.04; letter-spacing: -.045em; margin: 22px 0 26px; max-width: 840px; }
.quick-take { background: var(--ink); color: white; border-radius: 22px; padding: 22px 24px; display: grid; grid-template-columns: 100px 1fr; gap: 18px; align-items: start; }
.quick-label { color: var(--accent); font-size: 10px; letter-spacing: .12em; font-weight: 900; padding-top: 4px; }
.quick-take p { margin: 0; font-size: clamp(18px, 2.6vw, 23px); line-height: 1.42; font-weight: 720; letter-spacing: -.02em; }
.insight-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-bottom: 1px solid var(--line); }
.insight { padding: 25px 24px 25px 0; }
.insight + .insight { border-left: 1px solid var(--line); padding-left: 24px; }
.kicker { font-size: 10px; letter-spacing: .12em; font-weight: 900; color: #929892; margin-bottom: 8px; }
.insight p, .relevance-copy p { margin: 0; color: #454b46; font-size: 15px; line-height: 1.55; }
.relevance-row { display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: center; padding: 22px 0; border-bottom: 1px solid var(--line); }
.score-ring { width: 66px; height: 66px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: var(--accent-soft); border-radius: 50%; }
.score-ring strong { font-size: 21px; line-height: 1; letter-spacing: -.04em; }
.score-ring span { font-size: 8px; color: #64705e; margin-top: 2px; }
.action-chip { white-space: nowrap; background: var(--soft); border-radius: 999px; padding: 9px 12px; font-size: 11px; font-weight: 800; color: #59605a; }
.action-chip-link { text-decoration: none; cursor: pointer; transition: transform .16s ease, background .16s ease, box-shadow .16s ease; }
.action-chip-link:hover { transform: translateY(-1px); background: #e8eee9; box-shadow: 0 5px 14px rgba(18,24,20,.08); }
.action-chip-link:focus-visible { outline: 2px solid var(--lime); outline-offset: 3px; }
.card-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 20px; }
.tags { display: flex; flex-wrap: wrap; gap: 6px; }
.tag { padding: 6px 9px; border: 1px solid var(--line); border-radius: 999px; color: #747a75; font-size: 10px; font-weight: 700; }
.card-actions { display: flex; align-items: center; gap: 14px; }
.save-btn { border: 0; background: var(--accent); color: var(--ink); border-radius: 999px; padding: 11px 14px; font-weight: 900; font-size: 12px; }
.save-btn span { margin-left: 6px; font-size: 16px; }
.text-link { color: #676d68; font-size: 11px; font-weight: 800; white-space: nowrap; }
.cache-note { color: #8b918c; font-size: 10px; white-space: nowrap; }
.icon-btn { width: 30px; height: 30px; border: 1px solid var(--line); background: transparent; border-radius: 50%; color: #858b86; }
.icon-btn.danger:hover { color: #b6452e; border-color: #eac3ba; }

.library { padding: 64px 0 20px; scroll-margin-top: 22px; }
.library-head { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 24px; }
.section-label { color: #919791; font-size: 10px; font-weight: 900; letter-spacing: .14em; margin-bottom: 7px; }
.library h2 { margin: 0; font-size: 42px; letter-spacing: -.045em; }
.search-wrap { width: min(340px, 100%); display: flex; align-items: center; gap: 9px; background: white; border: 1px solid var(--line); border-radius: 15px; padding: 0 13px; }
.search-wrap span { color: #929892; font-size: 18px; }
.search-wrap input { border: 0; outline: 0; width: 100%; background: transparent; padding: 13px 0; }
.grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.grid .knowledge-card { margin: 0; padding: 22px; border-radius: 24px; }
.grid .knowledge-card h3 { font-size: 25px; margin: 18px 0 20px; }
.grid .quick-take { grid-template-columns: 1fr; gap: 8px; padding: 18px; border-radius: 18px; }
.grid .quick-take p { font-size: 17px; }
.grid .insight-grid { grid-template-columns: 1fr; }
.grid .insight { padding: 18px 0; }
.grid .insight + .insight { border-left: 0; border-top: 1px solid var(--line); padding-left: 0; }
.grid .relevance-row { grid-template-columns: auto 1fr; }
.grid .action-chip { grid-column: 1 / -1; justify-self: start; }
.grid .card-footer { align-items: flex-start; flex-direction: column; }
.empty { grid-column: 1 / -1; text-align: center; padding: 70px 20px; color: #8a908b; }
.empty-mark { display: grid; place-items: center; margin: 0 auto 16px; width: 44px; height: 44px; border-radius: 14px; background: var(--ink); color: var(--accent); font-weight: 900; }
.empty h3 { margin: 0; color: var(--ink); }
.empty p { margin: 6px 0 0; font-size: 13px; }

.footer { display: flex; justify-content: space-between; padding: 42px 0 60px; color: #a0a5a0; font-size: 10px; font-weight: 800; letter-spacing: .06em; }

@media (max-width: 720px) {
  .shell-wide, .shell { width: min(100% - 28px, 980px); }
  .nav { height: 68px; }
  .hero { padding: 66px 0 40px; }
  h1 { font-size: clamp(52px, 16vw, 76px); }
  .hero-copy { font-size: 17px; margin-top: 22px; }
  .composer-wrap { margin-top: 34px; }
  .composer { grid-template-columns: auto 1fr; border-radius: 20px; }
  #zqueezBtn { grid-column: 1 / -1; width: 100%; border-radius: 15px; }
  .composer-meta { flex-wrap: wrap; line-height: 1.4; }
  .knowledge-card { padding: 20px; border-radius: 24px; }
  .quick-take { grid-template-columns: 1fr; gap: 8px; padding: 19px; }
  .insight-grid { grid-template-columns: 1fr; }
  .insight { padding: 20px 0; }
  .insight + .insight { border-left: 0; border-top: 1px solid var(--line); padding-left: 0; }
  .relevance-row { grid-template-columns: auto 1fr; }
  .action-chip { grid-column: 1 / -1; justify-self: start; }
  .card-footer { align-items: flex-start; flex-direction: column; }
  .card-actions { width: 100%; justify-content: space-between; }
  .library-head { align-items: flex-start; flex-direction: column; }
  .search-wrap { width: 100%; }
  .grid { grid-template-columns: 1fr; }
}

/* v4 polish */
.nav-right { display:flex; align-items:center; gap:12px; }
.nav-status { display:flex; align-items:center; gap:7px; color:#7d847e; font-size:10px; font-weight:800; letter-spacing:.04em; }
.nav-status > span { width:7px; height:7px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 4px rgba(201,255,69,.18); }
.library-count { min-width:22px; height:22px; padding:0 6px; display:grid; place-items:center; border-radius:999px; background:var(--soft); font-size:10px; color:#656c66; }

.hero { position:relative; }
.hero::after { content:""; position:absolute; width:460px; height:90px; border-radius:50%; left:50%; bottom:115px; transform:translateX(-50%); background:rgba(201,255,69,.12); filter:blur(36px); z-index:-1; }
.eyebrow { background:rgba(255,255,255,.55); border:1px solid rgba(11,13,12,.05); padding:8px 11px; border-radius:999px; backdrop-filter:blur(12px); }
.composer { transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.composer:focus-within { transform:translateY(-2px); border-color:rgba(201,255,69,.9); box-shadow:0 28px 80px rgba(19,25,20,.13), 0 0 0 4px rgba(201,255,69,.12); }
#zqueezBtn { position:relative; overflow:hidden; }
#zqueezBtn::before { content:""; position:absolute; inset:0; background:linear-gradient(110deg, transparent 25%, rgba(255,255,255,.12) 45%, transparent 65%); transform:translateX(-120%); transition:transform .45s ease; }
#zqueezBtn:hover::before { transform:translateX(120%); }

.micro-flow { margin:28px auto 0; display:flex; align-items:center; justify-content:center; gap:12px; color:#929892; }
.micro-step { display:flex; align-items:center; gap:7px; font-size:11px; font-weight:750; }
.micro-step strong { color:#7c837d; font-size:9px; border:1px solid var(--line); background:rgba(255,255,255,.55); border-radius:999px; padding:5px 7px; }
.micro-line { width:28px; height:1px; background:var(--line); }

.result:not(:empty) { animation:resultIn .48s cubic-bezier(.2,.8,.2,1) both; }
@keyframes resultIn { from { opacity:0; transform:translateY(14px) scale(.992); } to { opacity:1; transform:none; } }

.knowledge-card { isolation:isolate; }
.knowledge-card::after { content:"Z"; position:absolute; right:-14px; top:-42px; z-index:-1; font-size:190px; line-height:1; font-weight:950; letter-spacing:-.09em; color:rgba(11,13,12,.025); pointer-events:none; }
.quick-take { position:relative; overflow:hidden; }
.quick-take::after { content:""; width:170px; height:170px; border-radius:50%; position:absolute; right:-70px; top:-95px; background:rgba(201,255,69,.10); }
.quick-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.copy-btn { border:1px solid rgba(255,255,255,.13); background:rgba(255,255,255,.06); color:#dfe4df; border-radius:999px; padding:7px 10px; font-size:9px; font-weight:850; letter-spacing:.06em; transition:background .18s ease; }
.copy-btn:hover { background:rgba(255,255,255,.11); }
.quick-content { position:relative; z-index:1; }

.card-metrics { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin-top:16px; }
.metric-pill { display:inline-flex; align-items:center; gap:6px; padding:7px 9px; border:1px solid var(--line); background:#fafbf8; border-radius:999px; color:#777e78; font-size:9px; font-weight:800; letter-spacing:.035em; }
.metric-pill b { width:5px; height:5px; background:#b6bcb6; border-radius:50%; }
.metric-pill.ai b { background:var(--accent); box-shadow:0 0 0 3px rgba(201,255,69,.18); }

.relevance-row { position:relative; }
.relevance-track { height:5px; background:#ecefeb; border-radius:999px; overflow:hidden; margin-top:9px; max-width:360px; }
.relevance-fill { height:100%; border-radius:inherit; background:linear-gradient(90deg, #bbc3ba, var(--accent)); }
.score-ring { box-shadow:inset 0 0 0 1px rgba(201,255,69,.75), 0 10px 30px rgba(83,99,50,.08); }
.save-btn { transition:transform .18s ease, box-shadow .18s ease; }
.save-btn:hover { transform:translateY(-1px); box-shadow:0 8px 22px rgba(145,183,47,.18); }
.library-sub { margin:8px 0 0; color:#929892; font-size:13px; }
.grid .knowledge-card { transition:transform .2s ease, box-shadow .2s ease; }
.grid .knowledge-card:hover { transform:translateY(-3px); box-shadow:0 24px 60px rgba(24,29,25,.10); }

.toast { position:fixed; left:50%; bottom:28px; transform:translate(-50%,16px); background:var(--ink); color:white; border:1px solid rgba(255,255,255,.08); padding:10px 14px; border-radius:999px; font-size:11px; font-weight:800; opacity:0; pointer-events:none; z-index:30; transition:opacity .2s ease, transform .2s ease; box-shadow:0 18px 45px rgba(0,0,0,.15); }
.toast.show { opacity:1; transform:translate(-50%,0); }

@media (max-width:720px) {
  .nav-status { display:none; }
  .micro-flow { gap:8px; }
  .micro-line { width:16px; }
  .micro-step span { font-size:10px; }
  .knowledge-card::after { font-size:130px; }
  .quick-head { align-items:flex-start; }
  .card-metrics { margin-top:12px; }
}
.quick-take { display:block; }
.quick-content { width:100%; }

/* =========================================================
   ZQUEEZ Landing Page — off-white / charcoal / acid lime
   ========================================================= */
.back-home { color:#737a74; text-decoration:none; font-size:10px; font-weight:850; letter-spacing:.05em; }
.back-home:hover { color:var(--ink); }

.landing-page {
  --landing-bg:#f4f5ef;
  --landing-ink:#0b0d0c;
  --landing-muted:#8f9690;
  --landing-accent:#c9ff45;
  --landing-line:rgba(11,13,12,.09);
  margin:0; background:var(--landing-bg); color:var(--landing-ink); overflow-x:hidden;
}
.landing-page a { color:inherit; text-decoration:none; }
.landing-shell { width:min(1400px, calc(100% - 72px)); margin-inline:auto; }
.landing-glow { position:fixed; border-radius:50%; filter:blur(90px); pointer-events:none; z-index:-2; }
.glow-a { width:560px; height:560px; background:rgba(201,255,69,.12); top:80px; right:-180px; }
.glow-b { width:480px; height:480px; background:rgba(255,255,255,.82); left:-180px; top:360px; }

.landing-nav { height:112px; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.landing-brand { display:flex; flex-wrap:wrap; align-items:center; width:300px; }
.landing-logo { font-size:30px; font-weight:950; letter-spacing:-.055em; line-height:1; }
.landing-dot { width:13px; height:13px; border-radius:50%; margin-left:6px; background:var(--landing-accent); box-shadow:0 0 0 6px rgba(201,255,69,.25); }
.landing-brand small { width:100%; margin-top:7px; font-size:9px; letter-spacing:.22em; font-weight:850; color:#798079; }
.landing-links { display:flex; align-items:center; gap:38px; font-size:13px; color:#474d48; }
.landing-links > a:not(.landing-open):hover { color:#0b0d0c; }
.landing-open { display:inline-flex; align-items:center; gap:28px; background:var(--landing-ink); color:white!important; padding:17px 22px 17px 26px; border-radius:999px; font-weight:850; box-shadow:0 14px 40px rgba(11,13,12,.10); }
.landing-open span { color:var(--landing-accent); font-size:20px; line-height:0; }

.landing-hero { min-height:690px; display:grid; grid-template-columns:.95fr 1.05fr; align-items:center; gap:54px; padding:52px 0 78px; }
.landing-copy { padding-left:2px; }
.landing-eyebrow { display:flex; align-items:center; gap:10px; font-size:11px; font-weight:900; letter-spacing:.23em; color:#7f8780; }
.landing-eyebrow > span { width:9px; height:9px; border-radius:50%; background:var(--landing-accent); box-shadow:0 0 0 5px rgba(201,255,69,.22); }
.landing-copy h1 { margin:22px 0 22px; font-size:clamp(62px,6.4vw,104px); line-height:.86; letter-spacing:-.072em; font-weight:950; }
.landing-copy h1 em { color:#9ca39d; font-style:normal; }
.landing-copy > p { max-width:630px; margin:0; color:#646b65; font-size:22px; line-height:1.5; letter-spacing:-.025em; }
.landing-cta-row { display:flex; align-items:center; gap:14px; margin-top:34px; }
.landing-primary { display:inline-flex; align-items:center; justify-content:center; gap:32px; min-height:60px; padding:0 26px 0 30px; border-radius:999px; background:var(--landing-ink); color:white!important; font-size:14px; font-weight:900; box-shadow:0 18px 44px rgba(11,13,12,.11); transition:transform .18s ease, box-shadow .18s ease; }
.landing-primary:hover { transform:translateY(-2px); box-shadow:0 24px 54px rgba(11,13,12,.15); }
.landing-primary span { color:var(--landing-accent); font-size:21px; }
.landing-secondary { display:inline-flex; align-items:center; gap:10px; min-height:58px; padding:0 22px; border:1px solid var(--landing-line); border-radius:999px; color:#4f5650!important; font-size:14px; font-weight:750; background:rgba(255,255,255,.35); }
.play { width:22px; height:22px; display:grid; place-items:center; border-radius:50%; background:var(--landing-ink); color:white; font-size:8px; }
.landing-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:48px; max-width:650px; }
.landing-benefits > div { display:flex; align-items:center; gap:10px; color:#575e58; font-size:12px; line-height:1.35; }
.landing-benefits b { width:29px; height:29px; display:grid; place-items:center; font-size:18px; color:var(--landing-ink); }
.landing-benefits strong { display:block; color:var(--landing-ink); font-size:12px; }

.product-stage { position:relative; min-height:590px; display:grid; place-items:center; }
.stage-orbit { position:absolute; border-radius:50%; border:1px solid rgba(11,13,12,.045); }
.orbit-one { width:610px; height:610px; }
.orbit-two { width:470px; height:470px; border-color:rgba(201,255,69,.16); }
.product-window { position:relative; z-index:2; width:min(680px,100%); padding:22px; border:1px solid rgba(255,255,255,.74); border-radius:28px; background:rgba(250,251,247,.72); backdrop-filter:blur(18px); box-shadow:0 40px 100px rgba(33,40,34,.10); }
.product-topbar { display:flex; align-items:center; justify-content:space-between; margin-bottom:28px; }
.mini-logo { font-size:20px; font-weight:950; letter-spacing:-.05em; }
.mini-logo span { display:inline-block; width:8px; height:8px; margin-left:5px; border-radius:50%; background:var(--landing-accent); box-shadow:0 0 0 4px rgba(201,255,69,.22); }
.mini-user { width:33px; height:33px; display:grid; place-items:center; background:#e7eae4; border-radius:50%; font-size:11px; font-weight:900; }
.mini-flow { display:flex; align-items:center; gap:9px; margin-bottom:18px; }
.mini-flow > div { display:flex; align-items:center; gap:7px; flex:0 0 auto; color:#8a918b; font-size:9px; }
.mini-flow b { width:28px; height:28px; display:grid; place-items:center; border-radius:50%; background:#e9ece7; color:#6c746d; }
.mini-flow .active { color:#262a27; font-weight:800; }
.mini-flow .active b { background:var(--landing-accent); color:#0b0d0c; }
.mini-flow i { height:1px; flex:1; background:#d9ddd7; }
.mini-composer { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:11px; background:white; border:1px solid rgba(201,255,69,.62); border-radius:999px; padding:6px 7px 6px 18px; box-shadow:0 8px 24px rgba(201,255,69,.12); }
.mini-composer > span { font-size:17px; }
.mini-composer > div { color:#979e98; font-size:12px; }
.mini-composer a { display:flex; align-items:center; gap:22px; padding:14px 17px 14px 20px; border-radius:999px; background:var(--landing-ink); color:white; font-size:10px; font-weight:900; }
.mini-composer a b { color:var(--landing-accent); font-size:15px; }
.mini-card { margin-top:22px; background:rgba(255,255,255,.9); border:1px solid rgba(11,13,12,.055); border-radius:21px; padding:20px; box-shadow:0 12px 32px rgba(31,38,32,.05); }
.mini-source-row { display:flex; justify-content:space-between; gap:12px; color:#8d948e; font-size:9px; text-transform:uppercase; letter-spacing:.03em; }
.mini-card h3 { margin:10px 0 10px; max-width:520px; font-size:18px; line-height:1.22; letter-spacing:-.025em; }
.mini-tags { display:flex; gap:5px; margin-bottom:15px; }
.mini-tags span { padding:5px 7px; border-radius:6px; background:#eef0ec; color:#666d67; font-size:8px; font-weight:750; }
.mini-zqueez { display:grid; grid-template-columns:1fr 105px; gap:22px; align-items:center; border-radius:16px; background:linear-gradient(110deg, rgba(201,255,69,.27), rgba(201,255,69,.11)); padding:18px; }
.mini-zqueez small { font-size:9px; font-weight:950; letter-spacing:.15em; }
.mini-zqueez p { margin:8px 0 0; font-size:12px; line-height:1.55; color:#333834; }
.mini-score { display:grid; grid-template-columns:auto auto; align-items:end; justify-content:end; }
.mini-score strong { font-size:34px; line-height:1; letter-spacing:-.05em; }
.mini-score span { font-size:11px; margin-bottom:3px; }
.mini-score i { grid-column:1/-1; width:90px; height:5px; overflow:hidden; border-radius:999px; margin-top:9px; background:rgba(11,13,12,.09); }
.mini-score i b { display:block; width:92%; height:100%; background:#6ca600; border-radius:999px; }
.mini-actions { display:flex; gap:20px; margin-top:14px; color:#656c66; font-size:9px; font-weight:800; }
.stage-note { position:absolute; z-index:3; font-size:13px; font-weight:800; font-style:italic; transform:rotate(-4deg); }
.note-a { top:120px; right:-50px; }
.note-b { right:-70px; bottom:95px; }

.landing-strip { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--landing-line); border-bottom:1px solid var(--landing-line); }
.landing-strip article { display:flex; gap:16px; padding:34px 26px; border-right:1px solid var(--landing-line); }
.landing-strip article:first-child { padding-left:0; }
.landing-strip article:last-child { border-right:0; }
.landing-strip article > span { flex:0 0 auto; width:43px; height:43px; display:grid; place-items:center; border-radius:50%; background:rgba(201,255,69,.53); font-size:18px; }
.landing-strip h3 { margin:2px 0 6px; font-size:14px; }
.landing-strip p { margin:0; color:#737a74; font-size:12px; line-height:1.5; }

.how-section { padding:110px 0 120px; }
.section-intro { display:grid; grid-template-columns:1fr 1.3fr; gap:60px; align-items:end; margin-bottom:48px; }
.section-intro .landing-eyebrow { align-self:start; }
.section-intro h2 { grid-column:2; margin:-15px 0 0; font-size:clamp(42px,4vw,66px); line-height:.95; letter-spacing:-.055em; }
.section-intro p { grid-column:2; margin:0; max-width:620px; color:#737a74; font-size:16px; line-height:1.55; }
.how-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.how-grid article { min-height:235px; padding:28px; border:1px solid var(--landing-line); border-radius:24px; background:rgba(255,255,255,.33); transition:transform .2s ease, background .2s ease; }
.how-grid article:hover { transform:translateY(-3px); background:rgba(255,255,255,.6); }
.how-grid b { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:var(--landing-accent); font-size:11px; }
.how-grid h3 { margin:55px 0 8px; font-size:24px; letter-spacing:-.035em; }
.how-grid p { margin:0; color:#737a74; line-height:1.55; font-size:13px; max-width:310px; }

.landing-final { min-height:340px; margin-bottom:60px; padding:54px 58px; display:flex; align-items:center; justify-content:space-between; gap:40px; border-radius:34px; background:var(--landing-ink); color:white; overflow:hidden; position:relative; }
.landing-final::after { content:""; position:absolute; width:350px; height:350px; border-radius:50%; background:rgba(201,255,69,.19); filter:blur(80px); right:-80px; top:-130px; }
.landing-final small { color:#9da49e; font-weight:850; letter-spacing:.18em; font-size:9px; }
.landing-final h2 { position:relative; z-index:1; margin:14px 0 0; font-size:clamp(52px,5vw,78px); line-height:.9; letter-spacing:-.06em; }
.landing-final .landing-primary { position:relative; z-index:2; background:white; color:var(--landing-ink)!important; }
.landing-final .landing-primary span { color:#6a9200; }
.landing-footer { display:flex; justify-content:space-between; gap:20px; padding:0 0 44px; color:#979e98; font-size:10px; font-weight:750; letter-spacing:.04em; }

@media (max-width:1050px) {
  .landing-hero { grid-template-columns:1fr; padding-top:50px; }
  .landing-copy { max-width:800px; }
  .product-stage { min-height:560px; }
  .landing-strip { grid-template-columns:repeat(2,1fr); }
  .landing-strip article:nth-child(2) { border-right:0; }
  .landing-strip article:nth-child(-n+2) { border-bottom:1px solid var(--landing-line); }
  .note-a,.note-b { display:none; }
}
@media (max-width:720px) {
  .landing-shell { width:min(100% - 28px,1400px); }
  .landing-nav { height:82px; }
  .landing-brand { width:auto; }
  .landing-logo { font-size:24px; }
  .landing-brand small { font-size:7px; }
  .landing-links > a:not(.landing-open) { display:none; }
  .landing-open { padding:13px 16px; gap:13px; font-size:11px; }
  .landing-hero { min-height:auto; gap:24px; padding:54px 0 58px; }
  .landing-copy h1 { font-size:clamp(56px,17vw,78px); margin-top:18px; }
  .landing-copy > p { font-size:17px; }
  .landing-cta-row { align-items:stretch; flex-direction:column; }
  .landing-primary,.landing-secondary { width:100%; box-sizing:border-box; }
  .landing-benefits { grid-template-columns:1fr; gap:12px; margin-top:34px; }
  .product-stage { min-height:500px; margin-top:12px; }
  .product-window { padding:14px; border-radius:22px; }
  .mini-flow span { display:none; }
  .mini-composer { grid-template-columns:auto 1fr; border-radius:19px; padding:9px 12px; }
  .mini-composer a { grid-column:1/-1; justify-content:center; border-radius:13px; }
  .mini-zqueez { grid-template-columns:1fr; }
  .mini-score { justify-content:start; }
  .mini-actions { flex-wrap:wrap; }
  .landing-strip { grid-template-columns:1fr; }
  .landing-strip article { padding:24px 0; border-right:0; border-bottom:1px solid var(--landing-line); }
  .landing-strip article:last-child { border-bottom:0; }
  .section-intro { grid-template-columns:1fr; gap:18px; }
  .section-intro h2,.section-intro p { grid-column:1; margin:0; }
  .how-section { padding:80px 0; }
  .how-grid { grid-template-columns:1fr; }
  .how-grid article { min-height:190px; }
  .how-grid h3 { margin-top:42px; }
  .landing-final { min-height:360px; padding:36px 28px; flex-direction:column; align-items:flex-start; justify-content:center; }
  .landing-final .landing-primary { width:100%; }
  .landing-footer { flex-direction:column; }
}

/* =========================================================
   Landing v6 — single-screen, minimal, editorial
   ========================================================= */
.landing-v6 { height:100svh; min-height:620px; overflow:hidden; background:#f4f5ef; }
.landing-v6 .landing-shell { width:min(1240px, calc(100% - 64px)); }
.landing-v6 .landing-nav { height:92px; }
.landing-v6 .landing-brand { width:auto; display:grid; grid-template-columns:auto auto; column-gap:6px; align-items:center; }
.landing-v6 .landing-logo { font-family:Arial, Helvetica, sans-serif; font-size:25px; font-weight:900; letter-spacing:-1.7px; }
.landing-v6 .landing-brand small { grid-column:1 / -1; margin-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:8px; letter-spacing:2.15px; font-weight:700; color:#747b75; }
.landing-v6 .landing-dot { width:10px; height:10px; margin-left:0; position:relative; box-shadow:none; animation:zqueez-heartbeat 2.8s ease-in-out infinite; }
.landing-v6 .landing-dot::after { content:""; position:absolute; inset:-5px; border:1px solid rgba(201,255,69,.65); border-radius:50%; animation:zqueez-ring 2.8s ease-out infinite; }
@keyframes zqueez-heartbeat { 0%,68%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(201,255,69,0)} 72%{transform:scale(1.18);box-shadow:0 0 0 4px rgba(201,255,69,.16)} 76%{transform:scale(1)} 81%{transform:scale(1.11)} 86%{transform:scale(1)} }
@keyframes zqueez-ring { 0%,67%{opacity:0;transform:scale(.7)} 72%{opacity:.55} 88%,100%{opacity:0;transform:scale(1.45)} }
.landing-v6 .landing-open { min-height:48px; padding:0 21px 0 24px; gap:22px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:700; box-shadow:none; }

.landing-main-v6 { height:calc(100svh - 92px); min-height:528px; display:flex; align-items:center; }
.landing-hero-v6 { width:100%; display:grid; grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr); align-items:center; gap:72px; padding-bottom:5vh; }
.landing-copy-v6 { align-self:center; }
.landing-v6 .landing-eyebrow { margin:0 0 24px; font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:2.5px; color:#727973; }
.landing-v6 .landing-eyebrow > span { width:7px; height:7px; box-shadow:0 0 0 4px rgba(201,255,69,.18); }
.landing-copy-v6 h1 { margin:0; font-family:Arial, Helvetica, sans-serif; font-size:clamp(58px,5.7vw,86px); line-height:.91; letter-spacing:-5.2px; font-weight:800; }
.landing-copy-v6 h1 em { color:#9ba19c; font-style:normal; font-weight:700; }
.landing-copy-v6 > p { max-width:480px; margin:27px 0 31px; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:1.48; letter-spacing:-.25px; color:#646b65; }
.landing-v6 .landing-primary { min-height:54px; padding:0 24px 0 27px; gap:28px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:700; box-shadow:0 12px 32px rgba(11,13,12,.08); }

.product-stage-v6 { position:relative; display:flex; align-items:center; justify-content:center; }
.product-stage-v6::before { content:""; position:absolute; width:560px; height:560px; border-radius:50%; background:radial-gradient(circle,rgba(201,255,69,.12),rgba(201,255,69,0) 66%); pointer-events:none; }
.product-window-v6 { position:relative; z-index:1; width:100%; max-width:650px; padding:24px; border:1px solid rgba(11,13,12,.055); border-radius:27px; background:rgba(250,251,247,.83); box-shadow:0 30px 80px rgba(33,40,34,.09); backdrop-filter:blur(16px); }
.product-topbar-v6 { display:flex; align-items:center; justify-content:space-between; margin-bottom:26px; }
.landing-v6 .mini-logo { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:900; letter-spacing:-1.1px; }
.landing-v6 .mini-logo span { animation:zqueez-heartbeat 2.8s ease-in-out infinite; }
.landing-v6 .mini-user { width:31px; height:31px; font-family:Arial, Helvetica, sans-serif; }
.landing-v6 .mini-composer { height:58px; grid-template-columns:22px 1fr auto; padding:5px 6px 5px 17px; box-shadow:none; border-color:rgba(201,255,69,.72); }
.landing-v6 .mini-composer > div { font-family:Arial, Helvetica, sans-serif; font-size:11px; }
.landing-v6 .mini-composer a { height:46px; padding:0 17px 0 20px; font-family:Arial, Helvetica, sans-serif; }
.mini-card-v6 { margin-top:18px; padding:19px; border-radius:18px; background:#fff; border:1px solid rgba(11,13,12,.055); }
.landing-v6 .mini-source-row { font-family:Arial, Helvetica, sans-serif; font-size:8px; }
.mini-card-v6 h3 { max-width:500px; margin:9px 0 17px; font-family:Arial, Helvetica, sans-serif; font-size:17px; line-height:1.28; letter-spacing:-.35px; }
.mini-zqueez-v6 { display:grid; grid-template-columns:1fr 92px; gap:20px; align-items:center; padding:17px; border-radius:14px; background:#efffc7; }
.mini-zqueez-v6 small { font-family:Arial, Helvetica, sans-serif; font-size:8px; font-weight:800; letter-spacing:1.5px; }
.mini-zqueez-v6 p { margin:7px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:1.5; color:#343934; }
.landing-v6 .mini-score strong { font-family:Arial, Helvetica, sans-serif; font-size:30px; }
.landing-v6 .mini-actions { margin-top:13px; font-family:Arial, Helvetica, sans-serif; font-size:9px; }

@media (max-width:900px) {
  .landing-v6 { height:auto; min-height:100svh; overflow:auto; }
  .landing-v6 .landing-shell { width:min(100% - 36px, 680px); }
  .landing-v6 .landing-nav { height:76px; }
  .landing-main-v6 { height:auto; min-height:calc(100svh - 76px); padding:38px 0 54px; }
  .landing-hero-v6 { grid-template-columns:1fr; gap:46px; padding:0; }
  .landing-copy-v6 { text-align:center; }
  .landing-v6 .landing-eyebrow { justify-content:center; }
  .landing-copy-v6 h1 { font-size:clamp(52px,13vw,76px); letter-spacing:-4px; }
  .landing-copy-v6 > p { margin-inline:auto; }
  .product-stage-v6 { display:none; }
}
@media (max-width:520px) {
  .landing-v6 .landing-brand small { display:none; }
  .landing-v6 .landing-open { min-height:42px; padding:0 16px; }
  .landing-copy-v6 h1 { font-size:51px; letter-spacing:-3.4px; }
  .landing-copy-v6 > p { font-size:16px; }
}
@media (prefers-reduced-motion:reduce) {
  .landing-v6 .landing-dot,.landing-v6 .landing-dot::after,.landing-v6 .mini-logo span { animation:none; }
}

/* ===== ZQUEEZ v7 — single-page minimal workspace ===== */
.single-page-v7 {
  min-height: 100vh;
  background: #f6f7f2;
}
.single-page-v7 .ambient,
.single-page-v7 .back-home,
.single-page-v7 .nav-status,
.single-page-v7 .micro-flow,
.single-page-v7 .footer { display:none !important; }
.single-page-v7 .nav {
  padding-top: 28px;
  padding-bottom: 8px;
}
.single-page-v7 .brand-simple {
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#0b0d0c;
  text-decoration:none;
  font-family:Arial, Helvetica, sans-serif;
  font-size:28px;
  line-height:1;
  font-weight:900;
  letter-spacing:-1.8px;
}
.brand-heartbeat-dot {
  position:relative;
  width:10px;
  height:10px;
  flex:0 0 10px;
  border-radius:999px;
  background:#c9ff45;
  box-shadow:0 0 0 5px rgba(201,255,69,.18);
  animation:zqueez-heartbeat 2.8s ease-in-out infinite;
}
.brand-heartbeat-dot::after {
  content:"";
  position:absolute;
  inset:-5px;
  border:1px solid rgba(201,255,69,.55);
  border-radius:999px;
  opacity:0;
  animation:zqueez-heartbeat-ring 2.8s ease-out infinite;
}
@keyframes zqueez-heartbeat {
  0%, 64%, 100% { transform:scale(1); }
  69% { transform:scale(1.26); }
  74% { transform:scale(.98); }
  79% { transform:scale(1.14); }
  85% { transform:scale(1); }
}
@keyframes zqueez-heartbeat-ring {
  0%, 64%, 100% { transform:scale(.75); opacity:0; }
  69% { opacity:.55; }
  84% { transform:scale(1.45); opacity:0; }
}
.single-page-v7 .nav-action {
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
}
.single-main {
  padding-top: clamp(42px, 8vh, 94px);
  padding-bottom: 48px;
}
.single-hero {
  max-width: 920px;
  margin:0 auto;
  text-align:center;
}
.single-page-v7 .eyebrow {
  justify-content:center;
  margin-bottom:20px;
}
.single-page-v7 .hero h1 {
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:clamp(62px, 7.7vw, 116px);
  line-height:.82;
  letter-spacing:-.07em;
  font-weight:900;
}
.single-page-v7 .hero h1 span { color:#a2a8a2; }
.single-page-v7 .hero-copy {
  max-width:680px;
  margin:30px auto 34px;
  font-size:clamp(18px, 1.7vw, 23px);
  line-height:1.45;
  color:#646b67;
}
.single-composer-wrap {
  max-width:820px;
  margin:0 auto;
}
.single-page-v7 .composer {
  background:#fff;
  border:1px solid rgba(11,13,12,.06);
  box-shadow:0 22px 60px rgba(23,29,25,.10);
}
.single-page-v7 .composer:focus-within {
  border-color:rgba(201,255,69,.95);
  box-shadow:0 22px 60px rgba(23,29,25,.10), 0 0 0 3px rgba(201,255,69,.18);
}
.single-meta {
  justify-content:center;
  opacity:.72;
  margin-top:14px;
}
.single-page-v7 .result,
.single-page-v7 .status,
.single-page-v7 .library {
  max-width:920px;
  margin-left:auto;
  margin-right:auto;
}
.single-page-v7 .library { margin-top:56px; }
@media (max-width: 720px) {
  .single-page-v7 .nav { padding-top:18px; }
  .single-page-v7 .brand-simple { font-size:23px; letter-spacing:-1.3px; }
  .single-main { padding-top:54px; }
  .single-page-v7 .hero h1 { font-size:clamp(50px, 15vw, 72px); }
  .single-page-v7 .hero-copy { margin:24px auto 28px; font-size:17px; }
  .single-page-v7 .composer { padding:7px; }
  .single-page-v7 .composer input { min-width:0; }
  .single-page-v7 .composer button { padding-left:16px; padding-right:16px; }
  .single-meta { font-size:11px; }
}
@media (prefers-reduced-motion: reduce) {
  .brand-heartbeat-dot, .brand-heartbeat-dot::after { animation:none; }
}

/* ===== ZQUEEZ v12.1 brand lockup =====
   Render-safe: the navigation logo is HTML/CSS instead of a referenced SVG,
   so it cannot disappear because of a static asset path or SVG rendering issue. */
.brand-lockup {
  position:relative;
  display:grid;
  grid-template-columns:auto 14px;
  grid-template-rows:auto auto;
  column-gap:5px;
  align-items:center;
  width:max-content;
  min-width:178px;
  line-height:1;
  text-decoration:none;
  letter-spacing:normal;
}
.brand-wordmark {
  font-family:Arial Black, Arial, Helvetica, sans-serif;
  font-size:25px;
  line-height:.92;
  font-weight:900;
  letter-spacing:-1.8px;
  color:var(--ink);
}
.brand-signal {
  position:relative;
  display:block;
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 0 5px rgba(201,255,69,.18);
  animation:zqueez-heartbeat 2.8s ease-in-out infinite;
}
.brand-signal::after {
  content:"";
  position:absolute;
  inset:-5px;
  border:1px solid rgba(201,255,69,.58);
  border-radius:50%;
  opacity:0;
  animation:zqueez-heartbeat-ring 2.8s ease-out infinite;
}
.brand-tagline {
  grid-column:1 / -1;
  margin-top:5px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:7px;
  line-height:1;
  font-weight:700;
  letter-spacing:2.15px;
  color:#747b75;
  white-space:nowrap;
}
.single-page-v7 .single-hero { padding-top:8px; }
@media (max-width:640px) {
  .brand-lockup { min-width:142px; grid-template-columns:auto 12px; column-gap:4px; }
  .brand-wordmark { font-size:21px; letter-spacing:-1.4px; }
  .brand-tagline { font-size:6px; letter-spacing:1.75px; }
  .brand-signal { width:9px; height:9px; }
}

/* v12 — focused app navigation + compact Library */
.app-nav { display:flex; align-items:center; justify-content:space-between; gap:28px; }
.nav-right { display:flex; align-items:center; gap:8px; }
.nav-tab { color:var(--ink, #161714); text-decoration:none; font-size:13px; font-weight:700; letter-spacing:.01em; padding:10px 12px; border-radius:999px; opacity:.58; transition:.18s ease; }
.nav-tab:hover { opacity:1; background:rgba(20,22,18,.045); }
.nav-tab.active { opacity:1; background:#fff; box-shadow:0 1px 0 rgba(10,10,10,.05), 0 5px 18px rgba(20,20,20,.05); }
.library-count { display:inline-flex; min-width:20px; height:20px; padding:0 6px; align-items:center; justify-content:center; border-radius:999px; margin-left:4px; background:#c9ff45; color:#151713; font-size:11px; font-weight:850; }
.user-slot { margin-left:8px; }
.user-chip { display:flex; align-items:center; gap:8px; min-height:38px; padding:4px 7px 4px 4px; border:1px solid rgba(25,25,20,.09); background:rgba(255,255,255,.58); border-radius:999px; }
.user-avatar { width:30px; height:30px; border-radius:50%; overflow:hidden; display:grid; place-items:center; background:#171915; color:#f6f7f2; font-size:12px; font-weight:800; }
.user-avatar img { width:100%; height:100%; object-fit:cover; }
.user-copy { display:flex; flex-direction:column; line-height:1.05; max-width:110px; }
.user-copy strong { font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.user-copy small { margin-top:3px; font-size:9px; opacity:.48; }
.signout-mini { border:0; background:transparent; cursor:pointer; opacity:.45; padding:5px; }
.google-login { border:1px solid rgba(20,20,20,.12); background:#fff; color:#171915; border-radius:999px; padding:9px 13px; font-weight:750; font-size:12px; cursor:pointer; }

.library-page { padding-top:42px; padding-bottom:72px; }
.library-page-head { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; padding-bottom:26px; border-bottom:1px solid rgba(20,20,20,.10); }
.library-page-head h1 { margin:4px 0 4px; font-size:clamp(38px,5vw,64px); letter-spacing:-.055em; line-height:.95; }
.library-page-head p { margin:0; font-size:14px; opacity:.52; }
.library-search { width:min(360px, 42vw); margin:0; }
.library-list { display:flex; flex-direction:column; }
.library-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:28px; align-items:center; text-decoration:none; color:inherit; padding:24px 4px; border-bottom:1px solid rgba(20,20,20,.09); transition:background .18s ease, padding .18s ease; }
.library-row:hover { background:rgba(255,255,255,.42); padding-left:14px; padding-right:14px; }
.library-row-meta { display:flex; gap:7px; align-items:center; font-size:10px; font-weight:750; text-transform:uppercase; letter-spacing:.08em; opacity:.42; }
.library-row h2 { margin:7px 0 7px; font-size:clamp(18px,2vw,25px); letter-spacing:-.025em; line-height:1.12; }
.library-row p { margin:0; max-width:760px; color:rgba(20,22,18,.62); font-size:13px; line-height:1.45; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.library-row-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:11px; }
.library-row-tags span { padding:4px 8px; border-radius:999px; background:rgba(20,20,20,.045); font-size:9px; font-weight:700; opacity:.65; }
.library-row-side { display:flex; align-items:center; gap:18px; }
.mini-score { display:flex; align-items:baseline; min-width:62px; }
.mini-score strong { font-size:22px; letter-spacing:-.04em; }
.mini-score span { font-size:9px; opacity:.45; margin-left:2px; }
.row-arrow { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; border:1px solid rgba(20,20,20,.10); font-size:15px; transition:.18s ease; }
.library-row:hover .row-arrow { transform:translateX(3px); background:#c9ff45; border-color:#c9ff45; }
.library-empty { text-align:center; padding:110px 20px; }
.library-empty h2 { margin:14px 0 5px; }
.library-empty p { margin:0 0 22px; opacity:.48; }
.library-empty .save-btn { display:inline-flex; width:auto; text-decoration:none; }

.detail-page { padding-top:34px; padding-bottom:72px; }
.back-link { display:inline-flex; color:inherit; text-decoration:none; opacity:.52; font-size:12px; font-weight:750; margin-bottom:22px; }
.back-link:hover { opacity:1; }
.detail-card h1 { font-size:clamp(30px,4vw,48px); letter-spacing:-.045em; line-height:1.03; margin:18px 0 22px; max-width:900px; }
.delete-link { color:#9c3f38; border:0; background:transparent; cursor:pointer; }

@media (max-width: 760px) {
  .app-nav { gap:12px; }
  .nav-right { gap:2px; }
  .nav-tab { font-size:11px; padding:8px 8px; }
  .user-copy { display:none; }
  .user-slot { margin-left:2px; }
  .library-page { padding-top:24px; }
  .library-page-head { align-items:stretch; flex-direction:column; gap:18px; }
  .library-search { width:100%; }
  .library-row { gap:14px; padding:20px 2px; }
  .library-row p { white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
  .library-row-tags { display:none; }
  .mini-score { min-width:auto; }
  .row-arrow { display:none; }
}


/* ===== ZQUEEZ v1.0.4 image logo =====
   Use the approved raster logo directly so the wordmark renders identically
   across browsers and Render deployments. */
.brand-image-lockup {
  display: grid;
  grid-template-columns: auto;
  align-items: start;
  justify-items: start;
  gap: 4px;
  min-width: 193px;
  letter-spacing: 0;
}
.brand-logo-image {
  display: block;
  width: 193px;
  height: 44px;
  object-fit: contain;
  object-position: left center;
}
.brand-image-lockup .brand-tagline {
  display: block;
  width: 100%;
  padding-left: 3px;
  font-size: 7px;
  line-height: 1;
  letter-spacing: 2.25px;
  font-weight: 800;
  color: #747b75;
}
@media (max-width: 720px) {
  .brand-image-lockup { min-width: 150px; gap: 3px; }
  .brand-logo-image { width: 150px; height: auto; }
  .brand-image-lockup .brand-tagline { font-size: 5.8px; letter-spacing: 1.75px; padding-left: 2px; }
}

/* v1.0.5 CTA polish */
#zqueezBtn { min-width: 150px; padding: 15px 21px; border-radius: 18px; letter-spacing: .075em; box-shadow: 0 10px 24px rgba(8,12,9,.16); }
#zqueezBtn span:first-child { position: relative; z-index: 1; }
#zqueezBtn .button-arrow { position: relative; z-index: 1; display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:999px; background:var(--accent); color:var(--ink); font-size:15px; line-height:1; transition:transform .18s ease, box-shadow .18s ease; }
#zqueezBtn:hover { transform:translateY(-2px) scale(1.015); box-shadow:0 14px 30px rgba(8,12,9,.20); }
#zqueezBtn:hover .button-arrow { transform:translateX(3px); box-shadow:0 0 0 5px rgba(199,255,57,.12); }
#zqueezBtn:active { transform:translateY(0) scale(.99); }

/* v1.0.7 — transparent relevance profile */
.relevance-basis { margin-top: 7px; display: flex; flex-wrap: wrap; gap: 5px 8px; align-items: baseline; font-size: 10px; line-height: 1.35; color: #929991; }
.relevance-basis > span:first-child { font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #737a73; }
.relevance-basis-list { max-width: 620px; }
@media (max-width: 720px) { .relevance-basis { display: block; } .relevance-basis-list { display: block; margin-top: 3px; } }

/* ===== ZQUEEZ v1.1.0 — My Focus / relevance settings ===== */
.focus-nav { position:relative; }
.focus-nav::after { content:""; width:6px; height:6px; border-radius:50%; background:var(--accent); margin-left:6px; display:inline-block; vertical-align:1px; }
.profile-page { padding-top:44px; padding-bottom:80px; max-width:1040px; }
.profile-head { display:flex; justify-content:space-between; align-items:flex-end; gap:36px; padding-bottom:30px; border-bottom:1px solid rgba(20,20,20,.10); }
.profile-head h1 { margin:7px 0 12px; font-size:clamp(40px,5.3vw,66px); line-height:.96; letter-spacing:-.055em; }
.profile-head p { max-width:700px; margin:0; font-size:14px; line-height:1.65; color:rgba(20,22,18,.58); }
.profile-status { flex:0 0 auto; padding:9px 12px; border-radius:999px; background:rgba(20,20,20,.05); font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:rgba(20,22,18,.48); }
.profile-status.ready { background:rgba(201,255,69,.28); color:#3d4b1a; }
.profile-status.error { background:rgba(178,69,59,.10); color:#93443c; }
.profile-panel { margin-top:30px; padding:30px; border:1px solid rgba(20,20,20,.08); border-radius:28px; background:rgba(255,255,255,.52); box-shadow:0 20px 70px rgba(20,24,18,.05); }
.profile-field-grid { display:grid; grid-template-columns:1fr 1.35fr; gap:20px; }
.profile-field { display:flex; flex-direction:column; gap:9px; }
.profile-field-wide { margin-top:24px; }
.profile-label { font-size:10px; font-weight:850; letter-spacing:.09em; color:rgba(20,22,18,.58); }
.profile-label b { margin-left:5px; color:#657a24; font-size:8px; letter-spacing:.04em; }
.profile-field input, .profile-field textarea { width:100%; box-sizing:border-box; border:1px solid rgba(20,20,20,.10); outline:0; border-radius:16px; background:rgba(246,247,242,.86); color:var(--ink); font:inherit; font-size:14px; line-height:1.5; transition:border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.profile-field input { min-height:50px; padding:0 15px; }
.profile-field textarea { resize:vertical; min-height:122px; padding:14px 15px; }
.profile-field input:focus, .profile-field textarea:focus { background:#fff; border-color:rgba(166,211,48,.9); box-shadow:0 0 0 3px rgba(201,255,69,.18); }
.profile-field small { font-size:10px; line-height:1.45; color:rgba(20,22,18,.42); }
.profile-preview-wrap { display:grid; grid-template-columns:minmax(220px,.75fr) 1.25fr; gap:24px; margin-top:28px; padding:22px; border-radius:20px; background:rgba(20,22,18,.035); }
.profile-preview-copy { margin:7px 0 0; font-size:11px; line-height:1.55; color:rgba(20,22,18,.50); }
.focus-preview { display:flex; align-content:flex-start; align-items:flex-start; justify-content:flex-end; flex-wrap:wrap; gap:7px; }
.focus-chip { display:inline-flex; align-items:center; min-height:28px; padding:0 10px; border-radius:999px; font-size:10px; font-weight:750; }
.focus-chip.primary { background:#171915; color:#f6f7f2; }
.focus-chip.goal { background:var(--accent); color:#1b2014; }
.focus-empty { font-size:11px; color:rgba(20,22,18,.40); }
.profile-actions { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-top:28px; padding-top:24px; border-top:1px solid rgba(20,20,20,.08); }
.profile-save-note { max-width:570px; font-size:10px; line-height:1.55; color:rgba(20,22,18,.46); }
.profile-save-btn { display:inline-flex; align-items:center; gap:12px; border:0; border-radius:17px; padding:13px 16px 13px 19px; background:#171915; color:#f8f9f4; font-size:11px; font-weight:850; letter-spacing:.06em; text-transform:uppercase; cursor:pointer; box-shadow:0 10px 24px rgba(8,12,9,.14); transition:.18s ease; }
.profile-save-btn .button-arrow { width:24px; height:24px; display:grid; place-items:center; border-radius:50%; background:var(--accent); color:#171915; font-size:15px; }
.profile-save-btn:hover { transform:translateY(-2px); box-shadow:0 14px 30px rgba(8,12,9,.19); }
.profile-save-btn:disabled { opacity:.52; cursor:wait; transform:none; }
@media (max-width:760px) {
  .profile-page { padding-top:26px; }
  .profile-head { align-items:flex-start; flex-direction:column; gap:18px; }
  .profile-panel { padding:20px; border-radius:22px; }
  .profile-field-grid, .profile-preview-wrap { grid-template-columns:1fr; }
  .focus-preview { justify-content:flex-start; }
  .profile-actions { align-items:stretch; flex-direction:column; }
  .profile-save-btn { justify-content:center; width:100%; }
  .focus-nav { display:none; }
}

/* ===== ZQUEEZ v1.1.1 — navigation refinement ===== */
.app-nav {
  min-height: 86px;
}
.nav-right {
  gap: 10px;
}
.nav-right::before {
  content: "";
  position: absolute;
}
.nav-tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 15px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: rgba(11,13,12,.58);
  font-size: 12px;
  font-weight: 760;
  letter-spacing: -.01em;
  opacity: 1;
  background: transparent;
  transition: color .18s ease, background .18s ease, border-color .18s ease,
              box-shadow .18s ease, transform .18s ease;
}
.nav-tab:hover {
  color: var(--ink);
  background: rgba(255,255,255,.58);
  border-color: rgba(11,13,12,.06);
  transform: translateY(-1px);
}
.nav-tab.active {
  color: #f8f9f4;
  background: #171915;
  border-color: #171915;
  box-shadow: 0 8px 22px rgba(11,13,12,.12);
}
.nav-tab.active:hover {
  color: #fff;
  background: #171915;
  border-color: #171915;
}
.library-count {
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  margin-left: 7px;
  border: 1px solid rgba(11,13,12,.08);
  background: rgba(11,13,12,.055);
  color: rgba(11,13,12,.62);
  font-size: 9px;
  font-weight: 850;
}
.nav-tab.active .library-count {
  border-color: rgba(255,255,255,.18);
  background: rgba(255,255,255,.13);
  color: #fff;
}
/* My Focus no longer carries a status dot; the page itself communicates profile state. */
.focus-nav::after { content: none !important; display: none !important; }
.user-slot {
  margin-left: 4px;
  padding-left: 12px;
  border-left: 1px solid rgba(11,13,12,.08);
}
.user-chip {
  min-height: 40px;
  padding: 4px 10px 4px 4px;
  background: rgba(255,255,255,.40);
  border-color: rgba(11,13,12,.07);
  box-shadow: none;
}
.user-chip:hover {
  background: rgba(255,255,255,.72);
}
@media (max-width: 760px) {
  .nav-tab { min-height: 34px; padding: 0 10px; font-size: 10.5px; }
  .library-count { margin-left: 5px; }
  .user-slot { padding-left: 7px; }
  .focus-nav { display:inline-flex; }
}
@media (max-width: 560px) {
  .brand-image-lockup { min-width: 126px; }
  .brand-logo-image { width:126px; }
  .brand-image-lockup .brand-tagline { display:none; }
  .nav-right { gap:2px; }
  .nav-tab { padding:0 8px; }
  .user-slot { margin-left:2px; padding-left:5px; }
}

/* ===== ZQUEEZ v1.2.0 — Email sharing ===== */
.share-btn{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;border:1px solid rgba(11,13,12,.10);border-radius:12px;background:rgba(255,255,255,.55);color:var(--ink);font:inherit;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:.16s ease}.share-btn:hover{transform:translateY(-1px);background:#fff}.share-btn span{font-size:13px}.modal-open{overflow:hidden}.share-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:22px;background:rgba(12,14,12,.34);backdrop-filter:blur(9px)}.share-overlay.hidden{display:none}.share-modal{position:relative;width:min(540px,100%);box-sizing:border-box;padding:30px;border:1px solid rgba(20,20,20,.08);border-radius:26px;background:#f8f9f5;box-shadow:0 30px 90px rgba(8,12,9,.20)}.share-close{position:absolute;top:18px;right:18px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(20,20,20,.055);font-size:22px;cursor:pointer}.share-modal h2{margin:8px 0 7px;font-size:32px;letter-spacing:-.045em;line-height:1}.share-sub{margin:0 0 20px;color:rgba(20,22,18,.52);font-size:12px}.share-preview{display:flex;flex-direction:column;gap:6px;margin-bottom:20px;padding:14px 15px;border-radius:15px;background:rgba(20,22,18,.045)}.share-preview strong{font-size:12px;line-height:1.35}.share-preview span{font-size:9px;color:rgba(20,22,18,.48)}.share-field{display:flex;flex-direction:column;gap:8px;margin-top:17px}.share-field>span{font-size:9px;font-weight:850;letter-spacing:.10em;color:rgba(20,22,18,.58)}.share-field b{font-size:8px;color:rgba(20,22,18,.36)}.share-field input,.share-field textarea{box-sizing:border-box;width:100%;border:1px solid rgba(20,20,20,.10);border-radius:14px;outline:0;background:#fff;color:var(--ink);font:inherit;font-size:13px;line-height:1.5;padding:12px 13px}.share-field input:focus,.share-field textarea:focus{border-color:rgba(166,211,48,.9);box-shadow:0 0 0 3px rgba(201,255,69,.18)}.share-field textarea{resize:vertical;min-height:84px}.share-help{margin-top:6px;font-size:9px;color:rgba(20,22,18,.40)}.share-error{margin-top:14px;padding:10px 12px;border-radius:11px;background:rgba(178,69,59,.09);color:#93443c;font-size:10px}.share-error.hidden{display:none}.share-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px;margin-top:22px;padding-top:19px;border-top:1px solid rgba(20,20,20,.08)}.share-cancel{min-height:42px;padding:0 14px;border:0;background:transparent;color:rgba(20,22,18,.55);font:inherit;font-size:10px;font-weight:750;cursor:pointer}.share-send{display:inline-flex;align-items:center;gap:11px;min-height:44px;padding:0 12px 0 17px;border:0;border-radius:15px;background:#171915;color:#fff;font:inherit;font-size:10px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.share-send .button-arrow{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#171915;font-size:14px}.share-send:disabled{opacity:.55;cursor:wait}@media(max-width:560px){.share-overlay{padding:12px;align-items:end}.share-modal{border-radius:24px 24px 16px 16px;padding:24px 20px}.share-actions{justify-content:stretch}.share-send{flex:1;justify-content:center}}


/* v1.3.0 — account menu, quota and admin */
.user-menu-wrap{position:relative}.user-chip-button{border:0;background:transparent;text-align:left}.user-chevron{font-size:14px;color:#8a908b;margin-left:3px}.user-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:80;width:255px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 70px rgba(19,25,20,.14);display:none}.user-menu.open{display:block}.user-menu-head{padding:10px 10px 12px;border-bottom:1px solid var(--line)}.user-menu-head strong,.user-menu-head span{display:block}.user-menu-head strong{font-size:13px}.user-menu-head span{margin-top:3px;color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis}.quota-mini{margin:10px 5px;padding:11px 12px;border-radius:12px;background:#f3f5ef;display:flex;align-items:center;justify-content:space-between;gap:12px}.quota-mini span{font-size:9px;font-weight:900;letter-spacing:.08em;color:#727973}.quota-mini strong{font-size:10px}.user-menu>a,.user-menu-signout{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px;border:0;border-radius:10px;background:transparent;color:#333934;font-size:11px;font-weight:750}.user-menu>a:hover,.user-menu-signout:hover{background:#f5f6f1}.user-menu-signout{border-top:1px solid var(--line);border-radius:0;margin-top:5px;padding-top:12px;color:#747b75}
.admin-page{padding:54px 0 90px}.admin-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:26px}.admin-head h1{margin:7px 0 7px;font-size:48px;letter-spacing:-.055em}.admin-head p{margin:0;color:var(--muted);max-width:620px}.admin-refresh,.table-save,.plan-row button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px 14px;font-weight:800;font-size:11px}.admin-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:22px 0}.admin-stats article{padding:17px 18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.7)}.admin-stats span,.admin-stats strong{display:block}.admin-stats span{font-size:10px;color:var(--muted);font-weight:800}.admin-stats strong{font-size:27px;margin-top:7px;letter-spacing:-.04em}.admin-grid{display:grid;gap:14px}.admin-panel{background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:22px;padding:22px}.admin-panel-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px}.admin-panel-head h2{font-size:22px;margin:3px 0 0;letter-spacing:-.03em}.admin-muted{font-size:10px;color:var(--muted)}.plan-row{display:grid;grid-template-columns:1fr 170px 70px;align-items:end;gap:14px;padding:13px 0;border-top:1px solid var(--line)}.plan-row:first-child{border-top:0}.plan-row>div strong,.plan-row>div span{display:block}.plan-row>div span{font-size:10px;color:var(--muted);margin-top:2px}.plan-row label{font-size:9px;font-weight:850;color:var(--muted)}.plan-row input,.admin-table input,.admin-table select{width:100%;margin-top:5px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 9px;font-size:11px}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:850px}.admin-table th{padding:10px;text-align:left;color:#858c86;font-size:9px;letter-spacing:.07em}.admin-table td{padding:11px 10px;border-top:1px solid var(--line);font-size:11px;vertical-align:middle}.admin-table td:first-child strong,.admin-table td:first-child small{display:block}.admin-table td:first-child small{color:var(--muted);margin-top:3px;max-width:190px;overflow:hidden;text-overflow:ellipsis}.admin-badge{display:inline-block;margin-top:5px;padding:3px 6px;border-radius:6px;background:#e9ffc0;font-size:8px;letter-spacing:.08em}.quota-input{max-width:95px}.table-save{padding:8px 10px!important}
@media(max-width:800px){.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-head{align-items:flex-start;flex-direction:column}.admin-head h1{font-size:40px}.plan-row{grid-template-columns:1fr 130px 65px}.user-menu{right:-6px}}