/* portal.css - the contributors' portal's ONE stylesheet (UI/UX lane, cut 2026-10-20 by src/cut_css.py from
   specimen s9, the state the founder reviewed). It loads nothing else. Theme: data-theme="light"|"dark" on the
   root element (the faces' root carries class="h8 p8"). Screens up to 719.98 px wide take the phone layout. */
/* ═════ [0] chazut.css (launch/1 b97edb57 page/chazut.css, b27499b3…) ═════ */
:root,[data-theme="light"]{ color-scheme: light; --paper: #F7F6F2; --surface: #FFFFFF; --ink: #16181D; --muted: #5A6068; --mark-shade: var(--paper); --mark-body: var(--paper); --mark-edge: 2.2; --hairline: #E3E1DA; --rule: #16181D; --primary: #175E63; --process: #3D5A80; --anch: #1F3A60; --anch-bg: #E8EEF6; --anch-bd: #1F3A60; --tri: #145358; --tri-bg: #E4EFEE; --tri-bd: #145358; --mod: #625194; --mod-bg: #ECE8F4; --mod-bd: #625194; --asm: #726A5F; --asm-bg: #F1EEE8; --asm-bd: #726A5F; --crit: #A3271C; --crit-bg: #F7E9E7; --crit-bd: #A3271C; --ok: #1E6B34; --ok-bg: #E6F1E9; --ok-bd: #1E6B34; --warn: #8A5300; --warn-bg: #F7EFE2; --warn-bd: #8A5300; --hatch-ground: #FFFFFF; --line: #8F8F84; --ruling-ink: rgba(27,26,23,.13); --tooth-a: rgba(90,80,60,.022); --tooth-b: rgba(90,80,60,.016); --meter-a: #EDEBE4; --meter-b: #E0DED6; --hatch-a: #FFFFFF; --hatch-b: #EFEFEF; --sel-box: #16181D; --sel-text: #F7F6F2; --sel-sub: #C9C6BD; --focus: #0F474B; --z-ground: 0; --z-ink: 1; --z-chrome: 10; --z-fixed: 20; --z-overlay: 30; --z-gate: 40; --bw-rule: 1px; --bw-mark: 2px; --bw-class: 3px; --bw-accent: 4px; --ctl: 44px; --sp-1: 2px; --sp-2: 4px; --sp-3: 6px; --sp-4: 8px; --sp-5: 12px; --sp-6: 16px; --sp-7: 20px; --sp-8: 24px; --sp-9: 32px; --sp-10: 48px; --serif: "Source Serif 4",Georgia,"Times New Roman",serif; --sans: -apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; --mono: "JetBrains Mono","Cascadia Mono",Consolas,monospace; }
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){ color-scheme: dark; --paper: #1B1A17; --surface: #24231F; --ink: #EDEAE1; --muted: #A29C90; --mark-body: currentColor; --mark-edge: 0; --hairline: #36332C; --rule: #EDEAE1; --primary: #4FA9AE; --process: #8AA9D4; --anch: #DBE7F7; --anch-bg: #273649; --anch-bd: #6293D6; --tri: #97D3D7; --tri-bg: #20393B; --tri-bd: #429EA5; --mod: #B4A8DB; --mod-bg: #383051; --mod-bd: #9887CC; --asm: #A99C8A; --asm-bg: #39342D; --asm-bd: #9A8F85; --crit: #EFA79D; --crit-bg: #3A2622; --crit-bd: #C4695C; --ok: #8CCFA0; --ok-bg: #23342A; --ok-bd: #57996D; --warn: #E2AE68; --warn-bg: #3A3024; --warn-bd: #B4853F; --hatch-ground: #24231F; --line: #726C61; --ruling-ink: rgba(237,234,225,.085); --tooth-a: rgba(255,250,235,.030); --tooth-b: rgba(255,250,235,.020); --meter-a: #34302A; --meter-b: #443E35; --hatch-a: #24231F; --hatch-b: #34332F; --sel-box: #EDEAE1; --sel-text: #1B1A17; --sel-sub: #57534A; --focus: #79C7CC; --sp-1: 2px; --sp-2: 4px; --sp-3: 6px; --sp-4: 8px; --sp-5: 12px; --sp-6: 16px; --sp-7: 20px; --sp-8: 24px; --sp-9: 32px; --sp-10: 48px; }}
[data-theme="dark"]{ color-scheme: dark; --paper: #1B1A17; --surface: #24231F; --ink: #EDEAE1; --muted: #A29C90; --mark-body: currentColor; --mark-edge: 0; --hairline: #36332C; --rule: #EDEAE1; --primary: #4FA9AE; --process: #8AA9D4; --anch: #DBE7F7; --anch-bg: #273649; --anch-bd: #6293D6; --tri: #97D3D7; --tri-bg: #20393B; --tri-bd: #429EA5; --mod: #B4A8DB; --mod-bg: #383051; --mod-bd: #9887CC; --asm: #A99C8A; --asm-bg: #39342D; --asm-bd: #9A8F85; --crit: #EFA79D; --crit-bg: #3A2622; --crit-bd: #C4695C; --ok: #8CCFA0; --ok-bg: #23342A; --ok-bd: #57996D; --warn: #E2AE68; --warn-bg: #3A3024; --warn-bd: #B4853F; --hatch-ground: #24231F; --line: #726C61; --ruling-ink: rgba(237,234,225,.085); --tooth-a: rgba(255,250,235,.030); --tooth-b: rgba(255,250,235,.020); --meter-a: #34302A; --meter-b: #443E35; --hatch-a: #24231F; --hatch-b: #34332F; --sel-box: #EDEAE1; --sel-text: #1B1A17; --sel-sub: #57534A; --focus: #79C7CC; --sp-1: 2px; --sp-2: 4px; --sp-3: 6px; --sp-4: 8px; --sp-5: 12px; --sp-6: 16px; --sp-7: 20px; --sp-8: 24px; --sp-9: 32px; --sp-10: 48px; }
@media print{:root,[data-theme="dark"],[data-theme="light"]{ --paper: #FFFFFF; --surface: #FFFFFF; --ink: #000000; --muted: #3A3A3A; --mark-body: var(--paper); --mark-edge: 2.2; --hairline: #B8B8B8; --rule: #000000; --primary: #0F474B; --process: #2A3F5C; --anch: #1F3A60; --anch-bg: #FFFFFF; --anch-bd: #1F3A60; --tri: #145358; --tri-bg: #FFFFFF; --tri-bd: #145358; --mod: #625194; --mod-bg: #FFFFFF; --mod-bd: #625194; --asm: #726A5F; --asm-bg: #FFFFFF; --asm-bd: #726A5F; --crit: #A3271C; --crit-bg: #FFFFFF; --crit-bd: #A3271C; --ok: #1E6B34; --ok-bg: #FFFFFF; --ok-bd: #1E6B34; --warn: #8A5300; --warn-bg: #FFFFFF; --warn-bd: #8A5300; --hatch-ground: #FFFFFF; --line: #5A5A5A; --ruling-ink: transparent; --tooth-a: transparent; --tooth-b: transparent; --meter-a: #EEEEEE; --meter-b: #DDDDDD; --sel-box: #000000; --sel-text: #FFFFFF; --sel-sub: #CCCCCC; --focus: #000000; color-scheme: light !important; }}
@media print{body{ padding: 0px; }}
*{ box-sizing: border-box; margin: 0px; padding: 0px; }
:focus-visible{ outline: 2px solid var(--focus); outline-offset: 2px; }
body{ background: var(--paper); color: var(--ink); font-family: var(--sans); font-size: var(--t-callout); line-height: 1.55; -webkit-font-smoothing: antialiased; }
*{ scrollbar-width: none; }
::-webkit-scrollbar{ width: 0px; height: 0px; }
button{ transition: none; }
button:hover:not([data-inert]){ border-color: var(--ink); }
button:active:not([data-inert]){ box-shadow: inset 0 0 0 1px var(--ink); }
a:hover{ color: var(--ink); }
h1{ font-family: var(--serif); font-size: var(--t-title); font-weight: 600; margin: var(--sp-7) 0 var(--sp-2); }
h2{ font-family: var(--serif); font-size: var(--t-callout); font-weight: 600; margin: var(--sp-8) 0 var(--sp-4); }
.ic{ transform-box: fill-box; transform-origin: center center; }
button:focus-visible,input:focus-visible,textarea:focus-visible{ outline: 2px solid var(--focus); outline-offset: 2px; }
button[aria-disabled="true"]{ cursor: default; background-color: transparent; color: var(--ink); border-color: var(--line); background-image: repeating-linear-gradient(45deg,var(--hatch-a),var(--hatch-a) 3px,
              var(--hatch-b) 3px,var(--hatch-b) 6px); box-shadow: none; transform: none; }
:root{ --dur-1: 140ms; --dur-2: 240ms; --dur-3: 450ms; --ease-out: cubic-bezier(.2,.7,.3,1); --ease-both: ease-in-out; --ease-flat: linear; --lift: 0 1px 2px rgba(0,0,0,.10),0 0 0 1px rgba(0,0,0,.055); --ring: 0 0 0 3px var(--focus); }
:root{ --t-body: 17px; --t-micro: calc(var(--t-body) * 0.68); --t-caption: calc(var(--t-body) * 0.75); --t-small: calc(var(--t-body) * 0.82); --t-callout: calc(var(--t-body) * 0.94); --t-lead: calc(var(--t-body) * 1.12); --t-title: calc(var(--t-body) * 1.29); --t-head: calc(var(--t-body) * 1.41); --t-display: calc(var(--t-body) * 1.59); --t-jumbo: calc(var(--t-body) * 1.85); }
:root{ --ruling: calc(var(--t-body) * 1.75); --ruling-base: calc(var(--ruling) - 2px); --ruling-lines: linear-gradient(transparent var(--ruling-base),
              var(--ruling-ink) var(--ruling-base),
              var(--ruling-ink) calc(var(--ruling-base) + 1px),
              transparent calc(var(--ruling-base) + 1px)); }
@media (prefers-reduced-motion: reduce){*,::before,::after{ animation: auto ease 0s 1 normal none running none !important; transition: none !important; }}
@media print{*,::before,::after{ animation: auto ease 0s 1 normal none running none !important; transition: none !important; }}

/* ═════ [1] the r8 round's component rules, the portal's own from here on ═════ */
@font-face { font-family: "Source Serif 4"; src: url("../site/fonts/source-serif-4/ChazutSerif-Roman.90c54d7b.woff2") format("woff2"); font-style: normal; font-weight: 400 600; font-display: swap; }
@font-face { font-family: "Source Serif 4"; src: url("../site/fonts/source-serif-4/ChazutSerif-Italic.cc22a432.woff2") format("woff2"); font-style: italic; font-weight: 400; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("../site/fonts/jetbrains-mono/JetBrainsMono-Roman.40d30b5b.woff2") format("woff2"); font-style: normal; font-weight: 400 600; font-display: swap; }
.h8{ --grid-ink: rgba(22,24,29,.055); --grid-step: 34px; --lit: #C9573F; --lit-bg: #F8E7E1; --card-ground: #14130F; --card-bone: #EDEAE1; --card-2nd: #A8A49A; --card-lit: #8FB3A9; }
.h8[data-theme="dark"]{ --grid-ink: rgba(237,234,225,.05); --lit: #F0907A; --lit-bg: #3A2622; --card-ground: #0E0D0B; }
.h8{ background: var(--paper); color: var(--ink); font-family: var(--sans); font-size: 15px; line-height: 1.5; position: relative; }
.h8 *{ box-sizing: border-box; }
.h8 h1,.h8 h2,.h8 h3,.h8 p,.h8 ul,.h8 ol{ margin: 0px; }
.h8 ul,.h8 ol{ padding: 0px; list-style: none; }
.h8 a{ color: var(--primary); }
.h8 .sr{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.h8 svg.ic{ width: 20px; height: 20px; flex: 0 0 auto; fill: none; stroke: currentcolor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.h8 .paper{ background-color: var(--paper); background-image: linear-gradient(var(--grid-ink) 1px,transparent 1px),linear-gradient(90deg,var(--grid-ink) 1px,transparent 1px); background-size: var(--grid-step) var(--grid-step); background-position: -1px -1px; }
.h8 .kk{ font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
.h8 .meta{ font-family: var(--mono); font-size: 12px; color: var(--muted); }
.h8 h1{ font-family: var(--serif); font-weight: 500; font-size: 28px; line-height: 1.2; }
.h8 h2{ font-family: var(--serif); font-weight: 500; font-size: 20px; line-height: 1.25; }
.h8 h3{ font-family: var(--serif); font-weight: 500; font-size: 17px; line-height: 1.3; }
.h8 .av{ width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 13px; font-weight: 600; background: var(--ink); color: var(--paper); flex: 0 0 auto; }
.h8 .cvs{ flex: 1 1 0%; padding: 28px 28px 40px; }
@media (max-width:719.98px){.h8:not(.p8-z) .cvs{ padding: 16px 14px 28px; }}
.h8 .card{ background: var(--surface); border: 1px solid var(--hairline); padding: 16px 18px; display: grid; gap: 10px; }
.h8 .rw{ display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.h8 .between{ justify-content: space-between; }
.h8 .bnr{ background: var(--surface); border: 1px dashed var(--line); padding: 10px 14px; font-size: 13px; color: var(--muted); }
.h8 .btn{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0px 16px; border: 1px solid var(--rule); background: var(--surface); color: var(--ink); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; cursor: pointer; white-space: nowrap; }
.h8 .btn.pri{ background: var(--primary); border-color: var(--primary); color: var(--paper); }
.h8[data-theme="dark"] .btn.pri{ color: rgb(20, 19, 15); }
.h8 .btn.qq{ border-color: var(--hairline); }
.h8 label.f{ display: grid; gap: 6px; }
.h8 .in{ min-height: 44px; border: 1px solid var(--line); background: var(--surface); color: var(--ink); padding: 10px 12px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 15px; width: 100%; }
.h8 textarea.in{ min-height: 76px; resize: vertical; }
.h8 .hnt{ font-size: 13px; color: var(--muted); }
.h8 .chip{ display: inline-flex; align-items: center; gap: 6px; min-height: 24px; padding: 0px 8px; font-family: var(--mono); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; border: 1px solid var(--rule); color: var(--ink); background: var(--surface); white-space: nowrap; }
.h8 .chip.wait{ border-style: dashed; color: var(--muted); border-color: var(--line); }
.h8 main.cvs{ width: auto; max-width: none; margin: 0px; }
.h8 .card{ align-content: start; }
.h8 *,.h8 ::before,.h8 ::after{ box-sizing: border-box; }
.h8 .rw > *,.h8 .card > *{ min-width: 0px; }
.h8 .rw{ gap: 10px; }
.h8 .meta,.h8 .kk,.h8 p,.h8 h1,.h8 h2,.h8 h3{ overflow-wrap: anywhere; }
.h8 .btn{ max-width: 100%; white-space: normal; text-align: center; }
.h8 .conv{ display: flex; flex-direction: column; min-width: 0px; }
.h8 .m7{ display: grid; justify-items: start; gap: 2px; max-width: 72%; }
@media (max-width:719.98px){.h8:not(.p8-z) .m7{ max-width: 86%; }}
.h8 .m7.me{ justify-self: end; justify-items: end; }
.h8 .bub7{ background: color-mix(in srgb,var(--ink) 9%,var(--surface)); color: var(--ink); padding: 9px 12px; border-radius: 16px; font-size: 15px; line-height: 1.4; max-width: 100%; overflow-wrap: anywhere; }
.h8 .m7.me .bub7{ background: var(--primary); color: var(--paper); }
.h8[data-theme="dark"] .m7.me .bub7{ color: rgb(20, 19, 15); }
.h8 main.cvs.flush{ padding: 0px; }
.h8 .m7{ grid-template-columns: minmax(0px, 1fr); min-width: 0px; align-self: flex-start; }
.h8 .m7.me{ align-self: flex-end; }
.h8 .m7 .bub7{ min-width: 0px; }
.h8{ --st-ok-bg: #E5EFE6; --st-ok-fg: #2D5636; --st-ok-bd: #B8D0BC; --st-info-bg: #E4ECF6; --st-info-fg: #1F3A60; --st-info-bd: #B8CAE2; --st-wait-bg: #F5ECD8; --st-wait-fg: #674A12; --st-wait-bd: #E0CC9F; --st-act-bg: #FBE5DE; --st-act-fg: #8A3220; --st-act-bd: #EDBDAE; --st-err-bg: #F9E2E6; --st-err-fg: #951B2D; --st-err-bd: #E6B1BA; --st-nt-bg: color-mix(in srgb,var(--ink) 6%,var(--surface)); --st-nt-fg: var(--ink); --st-nt-bd: var(--hairline); --r-tile: 8px; --r-ctl: 10px; --r-card: 12px; --r-panel: 14px; --r-bub: 16px; --r-dlg: 18px; --r-field: 22px; --r-pill: 999px; --sh-card: 0 1px 2px color-mix(in srgb,var(--ink) 6%,transparent); --sh-pop: 0 8px 24px color-mix(in srgb,var(--ink) 14%,transparent); --sh-dlg: 0 10px 30px color-mix(in srgb,var(--ink) 16%,transparent); }
.h8[data-theme="dark"]{ --st-ok-bg: #22302A; --st-ok-fg: #B4D4BC; --st-ok-bd: #3D5746; --st-info-bg: #212D3C; --st-info-fg: #B6CCEA; --st-info-bd: #3A4F68; --st-wait-bg: #342D20; --st-wait-fg: #E4CD9C; --st-wait-bd: #574A30; --st-act-bg: #3A2622; --st-act-fg: #F2B4A4; --st-act-bd: #5F3B31; --st-err-bg: #3A2229; --st-err-fg: #F4AAB5; --st-err-bd: #623843; }
.h8 .chip{ --c-bg: var(--st-nt-bg); --c-fg: var(--st-nt-fg); --c-bd: var(--st-nt-bd); min-height: 24px; padding: 0px 10px 0px 8px; border-radius: var(--r-pill); border: 1px solid var(--c-bd); background: var(--c-bg); color: var(--c-fg); font-family: inherit; font-size: 12px; font-weight: 600; letter-spacing: 0px; text-transform: none; gap: 5px; }
.h8 .chip::before{ content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentcolor; opacity: 0.55; flex: 0 0 auto; }
.h8 .chip.ok{ --c-bg: var(--st-ok-bg); --c-fg: var(--st-ok-fg); --c-bd: var(--st-ok-bd); }
.h8 .chip.wait{ --c-bg: var(--st-wait-bg); --c-fg: var(--st-wait-fg); --c-bd: var(--st-wait-bd); border-style: solid; }
.h8 .chip.need{ --c-bg: var(--st-act-bg); --c-fg: var(--st-act-fg); --c-bd: var(--st-act-bd); }
.h8 .chip.ok::before{ content: "✓"; width: auto; height: auto; background: none; opacity: 1; font-size: 11px; }
.h8 .chip.wait::before{ content: ""; width: 6px; height: 6px; border-radius: 50%; background: transparent; border: 1.5px solid; opacity: 1; }
.h8 .chip.need::before{ content: "!"; width: auto; height: auto; background: none; opacity: 1; font-size: 12px; font-weight: 800; }
.h8 .card{ border-radius: var(--r-card); box-shadow: var(--sh-card); }
.h8 .btn{ border-radius: var(--r-ctl); }
.h8 .in,.h8 textarea.in{ border-radius: var(--r-ctl); }
.h8 .bnr{ border-radius: var(--r-ctl); }
.h8 .si8{ max-width: 440px; margin: 0px auto; padding: 48px 0px 32px; display: grid; gap: 20px; }
@media (max-width:719.98px){.h8:not(.p8-z) .si8{ padding: 20px 0px 24px; gap: 16px; }}
.h8 .si8-top{ display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.h8 .si8-lk{ display: flex; align-items: center; gap: 10px; color: var(--ink); }
.h8 .si8-wm{ font-family: var(--serif); font-weight: 600; letter-spacing: 0.14em; font-size: 16px; line-height: 1; }
.h8 .si8-wm small{ display: block; font-family: var(--mono); font-weight: 400; font-size: 11px; letter-spacing: 0.14em; color: var(--muted); margin-top: 4px; }
.h8 .lang8{ display: flex; gap: 4px; }
.h8 .lang8 a{ display: inline-grid; place-items: center; min-width: 44px; min-height: 44px; font-family: var(--mono); font-size: 13px; letter-spacing: 0.08em; color: var(--ink); text-decoration: none; border: 1px solid transparent; border-radius: var(--r-ctl); }
.h8 .lang8 a[aria-current="true"]{ border-color: var(--ink); font-weight: 600; }
.h8 .si8-card{ gap: 14px; padding: 24px; border-radius: var(--r-card); box-shadow: var(--sh-card); border: 1px solid var(--hairline); }
@media (max-width:719.98px){.h8:not(.p8-z) .si8-card{ padding: 18px; }}
.h8 .si8-card h1{ margin: 0px; }
.h8 .si8-lede{ margin: 0px; color: var(--ink); }
.h8 .si8-card .in{ border-radius: var(--r-ctl); min-height: 44px; }
.h8 .si8-card .btn.pri{ width: 100%; min-height: 44px; border-radius: var(--r-ctl); }
.h8 .si8-foot{ text-align: center; margin: 0px; }
.h8 .si8-card .in.si8-code{ font-family: var(--mono); font-size: 18px; letter-spacing: 0.12em; text-transform: uppercase; }
.h8 .si8-alt{ margin: 0px; font-size: 14px; }
.h8 .si8-alt a{ display: inline-flex; align-items: center; min-height: 44px; color: var(--primary); font-weight: 600; }

/* ═════ [2] portal8.css (the portal's rules; the live Hub's deltas; the founder's fixes of 2026-10-20) ═════ */
.h8{ --tg-on: #C9573F; --tg-on-fg: #B44A33; --tg-glow: rgba(201,87,63,.30); --tg-off-bd: #16181D; --tg-off-fg: #16181D; }
.h8[data-theme="dark"]{ --tg-on: #F0907A; --tg-on-fg: #F0907A; --tg-glow: rgba(240,144,122,.32); --tg-off-bd: #EDEAE1; --tg-off-fg: #EDEAE1; }
.h8 .si8.p8-wide{ max-width: 640px; }
.h8 .p8-acts{ display: grid; gap: 10px; }
.h8 .p8-acts .btn{ width: 100%; }
.h8 .p8-linkbtn{ display: inline-flex; align-items: center; min-height: 44px; padding: 0px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; font-weight: 600; color: var(--primary); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.h8 .p8-to{ font-family: var(--mono); font-size: 15px; overflow-wrap: anywhere; }
.h8 .si8-card .in.p8-otp{ font-family: var(--mono); font-size: 24px; letter-spacing: 0.42em; text-align: center; padding-left: calc(0.42em + 12px); }
.h8 .p8-ck{ display: flex; gap: 12px; align-items: flex-start; min-height: 44px; padding: 10px 12px; border: 1px solid var(--hairline); border-radius: var(--r-ctl); cursor: pointer; font-size: 15px; line-height: 1.4; }
.h8 .p8-ck input{ appearance: none; flex: 0 0 auto; width: 22px; height: 22px; margin: 0px; border: 1px solid var(--tg-off-bd); border-radius: 6px; background: transparent; display: grid; place-items: center; cursor: pointer; }
.h8 .p8-ck input::after{ content: ""; width: 6px; height: 11px; border-top-color: ; border-top-style: ; border-right-color: ; border-right-style: ; border-bottom-color: ; border-bottom-style: ; border-left-color: ; border-left-style: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-width: 0px 2px 2px 0px; transform: translateY(-1px) rotate(45deg); opacity: 0; }
.h8 .p8-ck input:checked{ border: 1.5px solid var(--tg-on); box-shadow: 0 0 0 1px var(--tg-glow),0 0 10px 1px var(--tg-glow); }
.h8 .p8-ck input:checked::after{ opacity: 1; }
.h8 .p8-ck:has(input:checked){ border-color: var(--tg-on); color: var(--ink); }
.h8 .p8-ck:has(input:checked) b{ color: var(--tg-on-fg); }
.h8 .p8-ck input:focus-visible{ outline: 2px solid var(--focus); outline-offset: 2px; }
.h8 .p8-sec{ display: grid; gap: 10px; padding-top: 14px; border-top: 1px solid var(--hairline); }
.h8 .p8-sec h3{ font-size: 17px; }
.h8 .p8-two{ display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; }
@media (max-width:719.98px){.h8:not(.p8-z) .p8-two{ grid-template-columns: minmax(0px, 1fr); }}
.h8 .p8-prev{ border: 1px dashed var(--line); border-radius: var(--r-ctl); padding: 12px 14px; display: grid; gap: 2px; background: var(--paper); }
.h8 .p8-prev b{ font-family: var(--serif); font-size: 17px; font-weight: 600; }
.h8 .p8-app{ display: flex; flex-direction: column; min-height: 860px; }
@media (max-width:719.98px){.h8:not(.p8-z) .p8-app{ min-height: 780px; }}
.h8 .p8-bar{ display: flex; align-items: center; gap: 12px; min-height: 60px; padding: 0px 24px; background: var(--surface); border-bottom: 1px solid var(--hairline); }
@media (max-width:719.98px){.h8:not(.p8-z) .p8-bar{ padding: 0px 10px 0px 14px; min-height: 56px; }}
.h8 .p8-lk{ display: flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; min-height: 44px; }
.h8 .p8-bar .sp{ flex: 1 1 0%; }
.h8 .p8-acct{ display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0px 8px 0px 4px; border: 1px solid transparent; border-radius: var(--r-pill); background: transparent; color: var(--ink); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; cursor: pointer; }
.h8 .p8-acct .av{ width: 32px; height: 32px; font-size: 13px; background: var(--primary); color: var(--paper); }
.h8[data-theme="dark"] .p8-acct .av{ color: rgb(20, 19, 15); }
@media (max-width:719.98px){.h8:not(.p8-z) .p8-acct .p8-nm{ display: none; }}
.h8 .p8-acct svg.ic{ width: 16px; height: 16px; }
.h8 .p8-app main.cvs{ flex: 1 1 0%; }
.h8 .p8-col{ max-width: 920px; margin: 0px auto; display: grid; gap: 18px; align-content: start; width: 100%; }
.h8 .p8-hello h1{ font-size: 30px; }
@media (max-width:719.98px){.h8:not(.p8-z) .p8-hello h1{ font-size: 26px; }}
.h8 .p8-hello p{ color: var(--ink); max-width: 62ch; margin-top: 4px; }
.h8 .p8-grid{ display: grid; grid-template-columns: minmax(0px, 1.45fr) minmax(0px, 1fr); gap: 16px; align-items: start; }
.h8 .p8-stack{ display: grid; gap: 16px; align-content: start; }
.h8 .p8-card{ gap: 12px; }
.h8 .p8-card h2{ font-size: 21px; }
.h8 .p8-card .btn{ justify-self: start; }
.h8 a.btn.p8-b{ text-decoration: none; }
.h8 .p8-how.p8-v{ grid-template-columns: minmax(0px, 1fr); }
.h8 .p8-how.p8-v li{ border-right: 0px; border-bottom: 1px solid var(--hairline); }
.h8 .p8-how.p8-v li:last-child{ border-bottom: 0px; }
@media (max-width:719.98px){.h8:not(.p8-z) .p8-card .btn{ justify-self: stretch; }}
.h8 .p8-now{ display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; font-size: 15px; }
.h8 .p8-big{ font-family: var(--serif); font-size: 28px; font-weight: 500; line-height: 1.1; }
.h8 .p8-big small{ font-family: var(--sans); font-size: 15px; font-weight: 400; color: var(--muted); margin-left: 6px; }
.h8 .p8-days{ display: grid; grid-template-columns: repeat(30, minmax(0px, 1fr)); gap: 2px; }
.h8 .p8-days i{ display: block; height: 6px; background: var(--hairline); }
.h8 .p8-days i.on{ background: var(--primary); }
.h8 .p8-how{ display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 0px; background: var(--surface); border: 1px solid var(--hairline); border-radius: var(--r-card); box-shadow: var(--sh-card); overflow: hidden; }
@media (max-width:719.98px){.h8:not(.p8-z) .p8-how{ grid-template-columns: minmax(0px, 1fr); }}
.h8 .p8-how li{ display: grid; grid-template-columns: auto minmax(0px, 1fr); gap: 4px 12px; padding: 14px 16px; border-right: 1px solid var(--hairline); align-content: start; }
.h8 .p8-how li:last-child{ border-right: 0px; }
@media (max-width:719.98px){.h8:not(.p8-z) .p8-how li{ border-right: 0px; border-bottom: 1px solid var(--hairline); }}
@media (max-width:719.98px){.h8:not(.p8-z) .p8-how li:last-child{ border-bottom: 0px; }}
.h8 .p8-how .n8{ grid-row: span 2; font-family: var(--mono); font-size: 13px; font-weight: 600; color: var(--primary); width: 28px; height: 28px; border: 1.5px solid var(--primary); display: grid; place-items: center; }
.h8 .p8-how b{ font-weight: 600; }
.h8 .p8-how span{ font-size: 14px; color: var(--muted); }
.h8 .p8-list{ background: var(--surface); border: 1px solid var(--hairline); border-radius: var(--r-card); box-shadow: var(--sh-card); overflow: hidden; }
.h8 .p8-row{ display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 6px 16px; align-items: center; padding: 14px 16px; border-bottom: 1px solid var(--hairline); }
.h8 .p8-row:last-child{ border-bottom: 0px; }
.h8 .p8-row .p8-t{ display: grid; gap: 2px; min-width: 0px; }
.h8 .p8-row .p8-t b{ font-weight: 600; }
.h8 .p8-row .p8-r{ display: flex; align-items: center; gap: 10px; justify-content: flex-end; flex-wrap: wrap; }
@media (max-width:719.98px){.h8:not(.p8-z) .p8-row{ grid-template-columns: minmax(0px, 1fr); }}
@media (max-width:719.98px){.h8:not(.p8-z) .p8-row .p8-r{ justify-content: flex-start; }}
.h8 .p8-more{ padding: 0px 16px; }
.h8 .p8-more summary{ min-height: 48px; display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 14px; color: var(--ink); }
.h8 .p8-more ul{ display: grid; gap: 0px; padding-bottom: 8px; }
.h8 .p8-more li{ display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 8px 0px; border-top: 1px solid var(--hairline); font-size: 14px; }
.h8 .p8-sh{ display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.h8 .p8-foot{ display: flex; gap: 6px 18px; flex-wrap: wrap; justify-content: center; font-size: 13px; color: var(--muted); padding: 6px 0px 0px; }
.h8 .p8-foot a{ display: inline-flex; align-items: center; min-height: 44px; }
.h8.p8{ --isl-side: #EFEDE6; --isl-island: #E3E1DA; --isl-btn: #D6D3CA; --isl-btnink: #16181D; --isl-bub: #E7E5DD; --isl-comp: #EFEDE6; --isl-field: #FFFFFF; --isl-shadow: 0 8px 24px color-mix(in srgb,#16181D 14%,transparent); --ai-outline: #175E63; }
.h8.p8[data-theme="dark"]{ --paper: #14130F; --isl-side: #1C1A16; --isl-island: #2A2823; --isl-btn: #36332C; --isl-btnink: #EDEAE1; --isl-bub: #24231F; --isl-comp: #1C1A16; --isl-field: #24231F; --isl-shadow: 0 8px 24px color-mix(in srgb,#000 40%,transparent); --ai-outline: #4FA9AE; }
.h8.p8 h1,.h8.p8 h2,.h8.p8 h3{ font-family: var(--sans); font-weight: 700; letter-spacing: -0.005em; }
.h8.p8 .kk{ font-family: var(--sans); font-size: 13px; font-weight: 600; letter-spacing: 0px; text-transform: none; color: var(--muted); }
.h8.p8 .meta{ font-family: var(--sans); font-size: 13px; letter-spacing: 0px; }
.h8.p8 .si8-wm{ font-family: var(--sans); font-weight: 700; letter-spacing: 0.08em; }
.h8.p8 .p8-bar{ background: var(--isl-side); }
.h8.p8 .p8-big{ font-family: var(--sans); font-weight: 700; }
.h8.p8 .p8-prev b{ font-family: var(--sans); font-weight: 700; }
.h8 .p8-seg{ display: grid; grid-template-columns: repeat(var(--n),minmax(0,1fr)); gap: 3px; max-width: 260px; }
.h8 .p8-seg i{ display: block; height: 4px; background: var(--hairline); }
.h8 .p8-seg i.on{ background: var(--primary); }
.h8 .p8-face{ display: grid; place-items: center; color: var(--ink); }
.h8 .p8-face svg{ width: 100%; height: 100%; display: block; overflow: visible; }
.h8 .p8-cv{ flex: 1 1 0%; display: flex; flex-direction: column; min-height: 0px; }
.h8 .p8-chat{ position: relative; flex: 1 1 0%; display: flex; flex-direction: column; }
.h8 .p8-isl{ position: absolute; z-index: 3; top: 12px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 8px; height: 56px; padding: 0px 14px 0px 6px; border-radius: 28px; background: var(--isl-island); box-shadow: var(--isl-shadow); white-space: nowrap; }
.h8 .p8-ib{ display: grid; place-items: center; flex: 0 0 auto; width: 44px; height: 44px; border: 0px; border-radius: 50%; background: var(--isl-btn); color: var(--isl-btnink); text-decoration: none; }
.h8 .p8-isl .p8-face{ width: 40px; height: 40px; }
.h8 .p8-ph{ display: grid; line-height: 1.2; }
.h8 .p8-ph b{ font-size: 14px; font-weight: 700; }
.h8 .p8-ph span{ font-size: 12px; color: var(--muted); }
.h8 .p8-msgs{ flex: 1 1 0%; display: flex; flex-direction: column; justify-content: flex-end; gap: 4px; padding: 92px max(32px, 50% - 430px) 12px; }
@media (max-width:719.98px){.h8:not(.p8-z) .p8-msgs{ padding: 84px 12px 8px; }}
.h8 .p8-st{ align-self: center; margin: 12px 0px 4px; font-size: 12px; font-weight: 600; color: var(--muted); }
.h8 .p8-note{ align-self: center; max-width: 46ch; text-align: center; font-size: 13px; color: var(--muted); margin: 0px 0px 8px; }
.h8 .m7.p8-chz{ max-width: 78%; }
@media (max-width:719.98px){.h8:not(.p8-z) .m7.p8-chz{ max-width: 92%; }}
.h8 .p8-row7{ display: flex; align-items: flex-end; gap: 10px; min-width: 0px; }
.h8 .p8-row7 .p8-face{ flex: 0 0 auto; width: 36px; height: 36px; opacity: 0.7; margin-bottom: 2px; }
.h8 .m7.p8-chz .bub7{ background: var(--isl-bub); outline: 1.5px solid var(--ai-outline); outline-offset: -1.5px; min-width: 0px; }
.h8 .p8-dock{ background: var(--isl-comp); border-top: 1px solid var(--hairline); padding: 10px max(32px, 50% - 430px) 14px; display: grid; gap: 8px; }
@media (max-width:719.98px){.h8:not(.p8-z) .p8-dock{ padding: 8px 10px 12px; }}
.h8 .p8-quick{ display: flex; gap: 8px; flex-wrap: wrap; }
.h8 .p8-q{ display: inline-flex; align-items: center; min-height: 44px; padding: 0px 16px; border-radius: var(--r-pill); border: 1px solid var(--tg-off-bd); background: transparent; color: var(--tg-off-fg); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; cursor: pointer; }
.h8 .p8-resp{ margin: 4px 0px 6px 46px; }
@media (max-width:719.98px){.h8:not(.p8-z) .p8-resp{ margin-left: 0px; }}
.h8 .p8-q[aria-pressed="true"]{ border: 1.5px solid var(--tg-on); color: var(--tg-on-fg); font-weight: 600; box-shadow: 0 0 0 1px var(--tg-glow),0 0 10px 1px var(--tg-glow); }
.h8 .p8-cmp{ display: flex; align-items: flex-end; gap: 8px; min-width: 0px; }
.h8 .p8-plus{ display: grid; place-items: center; flex: 0 0 auto; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--tg-off-bd); background: transparent; color: var(--tg-off-fg); margin-bottom: 1px; }
.h8 .p8-field{ flex: 1 1 0%; min-width: 0px; display: flex; align-items: flex-end; gap: 4px; min-height: 46px; border: 1px solid var(--line); border-radius: var(--r-field); background: var(--isl-field); padding: 0px 3px 0px 14px; }
.h8 .p8-field textarea{ flex: 1 1 0%; min-width: 0px; min-height: 44px; border: 0px; background: none; resize: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 16px; line-height: 1.4; color: var(--ink); padding: 11px 0px; outline: 0px; }
.h8 .p8-send{ display: grid; place-items: center; flex: 0 0 auto; width: 44px; height: 44px; border-radius: 50%; border: 0px; background: var(--primary); color: var(--paper); margin-bottom: 1px; }
.h8[data-theme="dark"] .p8-send{ color: rgb(20, 19, 15); }
.h8 .p8-send[aria-disabled="true"]{ background: transparent; color: var(--muted); }
.h8 .p8-field:focus-within{ outline: 2px solid var(--focus); outline-offset: 1px; }
.h8 .p8-steps{ background: var(--surface); border: 1px solid var(--hairline); border-radius: var(--r-card); box-shadow: var(--sh-card); }
.h8 .p8-step{ display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 4px 12px; align-items: start; padding: 12px 8px 12px 16px; border-top: 1px solid var(--hairline); }
.h8 .p8-step:first-child{ border-top: 0px; }
.h8 .p8-step.p8-kid{ padding-left: 44px; position: relative; }
.h8 .p8-step.p8-kid::before{ content: ""; position: absolute; left: 26px; top: 0px; bottom: 0px; border-left: 1px solid var(--line); }
@media (max-width:719.98px){.h8:not(.p8-z) .p8-step.p8-kid{ padding-left: 30px; }}
@media (max-width:719.98px){.h8:not(.p8-z) .p8-step.p8-kid::before{ left: 15px; }}
.h8 .p8-sx{ display: grid; gap: 3px; min-width: 0px; }
.h8 .p8-kind{ font-size: 12px; font-weight: 600; color: var(--muted); }
.h8 .p8-sum{ font-size: 16px; font-weight: 600; line-height: 1.35; }
.h8 .p8-words{ font-size: 14px; color: var(--muted); line-height: 1.4; }
.h8 .p8-words q{ font-style: italic; }
.h8 .p8-mark{ font-size: 12px; font-weight: 600; color: var(--st-info-fg); }
.h8 .p8-step.p8-gone .p8-sum,.h8 .p8-step.p8-gone .p8-words{ text-decoration: line-through; color: var(--muted); }
.h8 .p8-more3{ display: grid; place-items: center; width: 44px; height: 44px; border: 0px; border-radius: 50%; background: transparent; color: var(--ink); cursor: pointer; }
.h8 .p8-more3[aria-expanded="true"]{ background: color-mix(in srgb,var(--ink) 8%,transparent); }
.h8 .p8-menu{ grid-column: 1 / -1; justify-self: start; position: relative; display: flex; flex-wrap: wrap; gap: 2px 4px; margin-top: 6px; padding: 2px 6px; max-width: 100%; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); box-shadow: color-mix(in srgb, rgb(0, 0, 0) 10%, transparent 90%) 0px 6px 18px; }
.h8 .p8-menu::before{ content: ""; position: absolute; top: -6px; left: 22px; width: 10px; height: 10px; background: var(--surface); border-left: 1px solid var(--line); border-top: 1px solid var(--line); transform: rotate(45deg); }
.h8 .p8-menu button{ min-height: 44px; padding: 0px 10px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; font-weight: 500; color: var(--ink); cursor: pointer; }
.h8 .p8-menu button.p8-danger{ color: var(--st-err-fg); font-weight: 600; }
.h8 .p8-edit{ grid-column: 1 / -1; display: grid; gap: 8px; }
.h8 .p8-edit textarea{ min-height: 88px; border-radius: var(--r-ctl); }
.h8 .p8-add{ display: flex; align-items: center; gap: 6px; min-height: 44px; padding: 0px 16px; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--hairline); background: none; width: 100%; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; font-weight: 600; color: var(--primary); cursor: pointer; text-align: left; }
.h8 .p8-add.p8-kid{ padding-left: 44px; }
@media (max-width:719.98px){.h8:not(.p8-z) .p8-add.p8-kid{ padding-left: 30px; }}
.h8 .p8-cbar{ display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 12px 16px; background: var(--surface); border: 1px solid var(--hairline); border-radius: var(--r-card); box-shadow: var(--sh-pop); }
@media (max-width:719.98px){.h8:not(.p8-z) .p8-cbar .btn{ width: 100%; }}
.h8.p8{ --tg-on: var(--ink); --tg-on-fg: var(--ink); --tg-glow: transparent; }
.h8.p8 .p8-q[aria-pressed="true"]{ background: color-mix(in srgb,var(--ink) 7%,var(--surface)); box-shadow: none; }
.h8.p8 .p8-q[aria-pressed="true"]::before{ content: "✓"; margin-right: 6px; font-weight: 700; }
.h8.p8 .p8-ck input:checked{ box-shadow: none; }
.h8.p8 .p8-dock{ padding: 8px max(32px, 50% - 430px) 10px; }
@media (max-width:719.98px){.h8.p8:not(.p8-z) .p8-dock{ padding: 6px 10px 8px; }}
.h8.p8 .p8-field{ min-height: 44px; padding: 0px 2px 0px 14px; align-items: flex-end; }
.h8.p8 .p8-field textarea{ min-height: 44px; max-height: 7.2em; padding: 11px 0px; line-height: 1.35; field-sizing: content; }
.h8.p8 .p8-cmp{ align-items: flex-end; }
.h8.p8 .p8-resp{ display: flex; flex-wrap: nowrap; gap: 6px; margin: 4px 0px 6px 46px; max-width: calc(78% + 0px); }
@media (max-width:719.98px){.h8.p8:not(.p8-z) .p8-resp{ margin-left: 46px; max-width: none; }}
@media (max-width:719.98px){.h8.p8:not(.p8-z) .p8-resp .p8-q{ flex: 1 1 0px; min-width: 0px; justify-content: center; text-align: center; padding: 4px 6px; font-size: 13px; line-height: 1.2; white-space: normal; }}
.h8.p8 .m7 .bub7{ padding: 7px 12px; font-size: 16px; line-height: 1.3; border-radius: 18px; }
.h8.p8 .m7.p8-chz .bub7{ outline-width: 1px; outline-offset: -1px; }
.h8.p8 .m7{ max-width: 68%; }
.h8.p8 .m7.p8-chz{ max-width: 72%; }
@media (max-width:719.98px){.h8.p8:not(.p8-z) .m7{ max-width: 78%; }}
@media (max-width:719.98px){.h8.p8:not(.p8-z) .m7.p8-chz{ max-width: 86%; }}
@media (max-width:719.98px){.h8.p8:not(.p8-z) .p8-row7{ gap: 8px; }}
@media (max-width:719.98px){.h8.p8:not(.p8-z) .p8-row7 .p8-face{ width: 28px; height: 28px; }}
@media (max-width:719.98px){.h8.p8:not(.p8-z) .p8-resp{ margin-left: 36px; }}
.h8.p8 .p8-msgs{ gap: 2px; }
.h8.p8 .p8-resp{ gap: 6px; margin-top: 6px; margin-bottom: 2px; flex-wrap: wrap; }
.h8.p8 .p8-resp .p8-q{ flex: 0 1 auto; min-width: 0px; min-height: 30px; height: 30px; padding: 0px 12px; font-size: 13px; line-height: 1; white-space: nowrap; border-width: 1px; border-color: var(--line); color: var(--ink); }
@media (max-width:719.98px){.h8.p8:not(.p8-z) .p8-resp .p8-q{ flex: 0 1 auto; min-width: 0px; min-height: 30px; height: 30px; padding: 0px 12px; font-size: 13px; line-height: 1; white-space: nowrap; border-width: 1px; border-color: var(--line); color: var(--ink); }}
@media (max-width:719.98px){.h8.p8:not(.p8-z) .p8-resp{ gap: 5px; }}
@media (max-width:719.98px){.h8.p8:not(.p8-z) .p8-resp .p8-q{ padding: 0px 9px; font-size: 12px; }}
.h8.p8 .m7.me + .m7.p8-chz,.h8.p8 .m7.p8-chz + .m7.me{ margin-top: 16px; }
.h8.p8 .bub7.p8-press{ cursor: pointer; }
.h8.p8 .bub7.p8-press[aria-expanded="true"]{ background: color-mix(in srgb,var(--ink) 14%,var(--surface)); }
.h8.p8 .bub7.p8-press:focus-visible{ outline: 2px solid var(--focus); outline-offset: 2px; }
.h8.p8 .p8-whypop{ position: relative; margin: 8px 0px 2px 46px; max-width: min(60ch, 100% - 46px); padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); box-shadow: color-mix(in srgb, rgb(0, 0, 0) 10%, transparent 90%) 0px 6px 18px; display: grid; gap: 4px; }
.h8.p8 .p8-whypop::before{ content: ""; position: absolute; top: -6px; left: 22px; width: 10px; height: 10px; background: var(--surface); border-left: 1px solid var(--line); border-top: 1px solid var(--line); transform: rotate(45deg); }
.h8.p8 .p8-whypop b{ font-size: 13px; font-weight: 600; }
.h8.p8 .p8-whypop p{ font-size: 13px; line-height: 1.4; color: var(--muted); }
.h8.p8 .p8-resp.p8-full .p8-q{ height: auto; min-height: 44px; padding: 6px 16px; font-size: 15px; line-height: 1.2; border-color: var(--tg-off-bd); white-space: nowrap; }
@media (max-width:719.98px){.h8.p8:not(.p8-z) .p8-resp.p8-full .p8-q{ height: auto; min-height: 44px; padding: 6px 16px; font-size: 15px; line-height: 1.2; border-color: var(--tg-off-bd); white-space: nowrap; }}
.h8.p8 .p8-resp.p8-full{ gap: 8px; margin-top: 8px; }
@media (max-width:719.98px){.h8.p8:not(.p8-z) .p8-resp.p8-full{ flex-wrap: nowrap; gap: 6px; }}
@media (max-width:719.98px){.h8.p8:not(.p8-z) .p8-resp.p8-full .p8-q{ flex: 1 1 0px; min-width: 0px; justify-content: center; text-align: center; padding: 4px 6px; font-size: 13px; white-space: normal; }}
.h8.p8 .p8-picked{ display: flex; margin: 5px 0px 0px 46px; }
@media (max-width:719.98px){.h8.p8:not(.p8-z) .p8-picked{ margin-left: 36px; }}
.h8.p8 .p8-picked .p8-q{ min-height: 30px; height: 30px; padding: 0px 12px; font-size: 13px; line-height: 1; border: 1.5px solid var(--ink); font-weight: 600; }
.h8.p8 .p8-picked + .m7.p8-chz{ margin-top: 16px; }

/* moved from the approved pages' inline styles (SK-0454 AMEND-1); UI/UX may fold it into its stylesheet */
.h8 > main.cvs{min-height:100dvh}
.h8 .si8-lk svg{width:34px;height:30px;--mark-shade:var(--surface)}
.h8 .p8-lk svg{width:34px;height:30px;--mark-shade:var(--surface)}
.h8 .p8-list{margin-top:10px}
.h8 .p8-how{margin-top:10px}
/* today's error line (SK-0454 AMEND-1 Q4), from design/portal/portal.css at 2a67b736 */
.err,.busy,.copied{display:flex;gap:8px;align-items:flex-start;margin:0;padding:8px 10px;border:1px solid var(--kk);font-size:14px;line-height:20px;color:var(--fg)} .err::before{content:"";flex:none;width:16px;height:14px;margin-top:3px;background:var(--kk);clip-path:polygon(50% 0,100% 100%,0 100%)} .busy,.copied{border-style:dashed}
@media (forced-colors:active){.err,.busy,.copied{border-color:CanvasText}.err::before{background:CanvasText;forced-color-adjust:none}}
.h8 .msgs{--kk:var(--primary);--fg:var(--ink)}
/* the founders' invitations pages: today's rules, carried */
@font-face{font-family:"Chazut Serif";src:url("../site/fonts/source-serif-4/ChazutSerif-Roman.90c54d7b.woff2") format("woff2");font-style:normal;font-weight:400 600;font-display:swap}
@font-face{font-family:"Chazut Serif";src:url("../site/fonts/source-serif-4/ChazutSerif-Italic.cc22a432.woff2") format("woff2");font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("../site/fonts/jetbrains-mono/JetBrainsMono-Roman.40d30b5b.woff2") format("woff2");font-style:normal;font-weight:400 600;font-display:swap}
:root:has(>body.paper){--ground:#14130F;--ground-2:#1C1A16;--paper:#F7F6F2;--paper-2:#EFEDE6;--ink:#16181D;--muted:#5A6068;
  --onDark:#EDEAE1;--onDark-m:rgba(237,234,225,.58);--primary:#175E63;--lit:#8FB3A9;
  --onDark-line:rgba(237,234,225,.42);--primary-hover:#0F474B;--dark-2nd:#A8A49A;--hair:rgba(22,24,29,.16);--grid:rgba(22,24,29,.052);
  --white:#fff;--onDark-grid:rgba(237,234,225,.05);--onDark-rule:rgba(237,234,225,.13);--onDark-edge:rgba(237,234,225,.28);--onDark-on:rgba(237,234,225,.14);
  --serif:"Chazut Serif",Georgia,serif;--sans:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--mono:"JetBrains Mono",Consolas,monospace}
body.paper{--bg:var(--ground);--fg:var(--onDark);--fg2:var(--dark-2nd);--kk:var(--lit);--fbg:var(--ground-2);--fline:var(--onDark-line);
  --panel:var(--ground-2);--lnk:var(--lit);--fo:var(--lit);--gridc:var(--onDark-grid);--rl:var(--onDark-rule);--sw:var(--onDark-edge);--swon:var(--onDark-on);--swm:var(--onDark-m)}
body.paper,body.paper:has(.face.paper:target,.face.paper :target){--bg:var(--paper);--fg:var(--ink);--fg2:var(--muted);--kk:var(--primary);--fbg:var(--white);--fline:var(--muted);
  --panel:var(--white);--lnk:var(--primary);--fo:var(--primary);--gridc:var(--grid);--rl:var(--hair);--sw:var(--hair);--swon:var(--paper-2);--swm:var(--muted)}
body.paper *{box-sizing:border-box}
body.paper{position:relative;margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
body.paper [hidden]{display:none!important}
body.paper .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.paper .shell{min-height:100vh;display:flex;flex-direction:column;
  background-image:linear-gradient(var(--gridc) 1px,transparent 1px),linear-gradient(90deg,var(--gridc) 1px,transparent 1px);background-size:34px 34px}
:root:has(>body.paper){color-scheme:dark}
:root:has(>body.paper):has(body.paper),:root:has(>body.paper):has(.face.paper:target,.face.paper :target){color-scheme:light}
body.paper .skip{display:none;position:absolute;left:8px;top:-80px;z-index:5;margin:0}
body.paper .skip:focus-within{top:8px}
body.paper .shell:not(:has(.face:target,.face :target)) .skip:first-child{display:block}
body.paper .shell:has(#invite-new:target,#invite-new :target) #skip-invite-new{display:block}
body.paper .shell:has(#invite-made:target,#invite-made :target) #skip-invite-made{display:block}
body.paper .shell:has(#invite-list:target,#invite-list :target) #skip-invite-list{display:block}
body.paper .skip a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;background:var(--primary);color:var(--white);font-size:14.5px}
body.paper .wayhead{display:flex;align-items:center;min-height:72px;padding:0 140px 0 32px;border-bottom:1px solid var(--rl)}
body.paper .lk{display:flex;align-items:center;gap:6.2px;line-height:1}
body.paper .lk .mk svg{display:block;color:var(--fg);--mark-shade:var(--paper);--mark-dark:var(--ground)}
body.paper .lk.md{gap:8.9px}
body.paper .lk.md .mk svg{width:60.6px;height:52px}
body.paper .lk.md .n{font-size:21.8px}
body.paper .lk.lkcard{gap:7.5px}
body.paper .lk.lkcard .mk svg{width:51.2px;height:44px}
body.paper .lk.lkcard .n{font-size:18.4px}
body.paper .wm{display:flex;flex-direction:column}
body.paper .wm .n{font-family:var(--serif);font-weight:600;letter-spacing:.14em;color:var(--fg)}
body.paper .lang{position:absolute;top:14px;right:32px;z-index:4;display:inline-flex;margin:0;padding:0;border:1px solid var(--sw)}
body.paper .lang .lgb{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 10px;font-family:var(--mono);
  font-size:11.5px;letter-spacing:.04em;color:var(--swm);text-decoration:none;white-space:nowrap}
body.paper .lang .lgb[aria-current]{background:var(--swon);color:var(--fg);font-weight:500;text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:6px}
body.paper .lang .lgb:hover{color:var(--fg)}
body.paper .lang .lgb:focus-visible{outline-offset:-3px}
body.paper main{flex:1;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:48px 24px 64px}
body.paper .face{display:none;flex-direction:column;gap:12px;width:100%;max-width:440px;padding:34px 36px 36px;background:var(--panel);
  clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%)}
body.paper .face.wide{max-width:1040px}
body.paper .face{min-width:0}
body.paper .face{scroll-margin-top:200px}
body.paper main>.face:first-child{display:flex}
body.paper main:has(.face:target,.face :target)>.face:first-child:not(:target):not(:has(:target)){display:none}
body.paper .face:is(:target,:has(:target)){display:flex}
body.paper .face,body.paper:has(.face.paper:target,.face.paper :target) .face{border:1px solid var(--hair)}
body.paper .rule{height:1px;width:96px;background:var(--lit);margin:2px 0 4px}
body.paper .k{font-family:var(--mono);font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--kk);margin:10px 0 0;padding:0}
body.paper h1{font-family:var(--serif);font-weight:400;margin:4px 0 2px;text-wrap:balance;font-size:36px;line-height:1.05;letter-spacing:-.028em}
body.paper h1.mid{font-size:27px;line-height:1.1;letter-spacing:-.022em}
body.paper .fine{margin:0;font-size:13.5px;color:var(--fg2)}
body.paper .fine p{margin:0 0 4px}
body.paper .lbl{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.17em;text-transform:uppercase;margin-top:10px;padding:0;color:var(--fg2)}
body.paper .code{font-family:var(--mono);letter-spacing:.06em;overflow-wrap:anywhere}
body.paper .code{font-size:19px}
body.paper b{font-weight:600;overflow-wrap:anywhere}
@media (min-width:601px){body.paper:not(.paper) .face:not(.paper) h1.mid{font-size:36px;line-height:1.05;letter-spacing:-.028em}}
body.paper a{color:var(--lnk);text-decoration:none}
body.paper a:hover{text-decoration:underline}
body.paper :focus-visible{outline:2px solid var(--fo);outline-offset:2px}
body.paper .frm{display:flex;flex-direction:column;gap:12px}
body.paper .inp{width:100%;min-height:44px;padding:10px 12px;font:inherit;font-size:16px;border-radius:0;background:var(--fbg);color:var(--fg);border:1px solid var(--fline)}
body.paper .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;font:inherit;font-size:14.5px;font-weight:600;
  border-radius:0;cursor:pointer;border:1px solid var(--primary);text-decoration:none}
body.paper .btn.pri{background:var(--primary);color:var(--white)}
body.paper .btn.pri:hover{background:var(--primary-hover);border-color:var(--primary-hover);text-decoration:none}
body.paper .nb{white-space:nowrap}
body.paper .lnkp{margin:0;align-self:flex-start}
body.paper .lnkp a{min-height:44px;display:inline-flex;align-items:center;font-size:14.5px}
body.paper .lb{min-height:44px;min-width:44px;padding:0 4px;margin-right:14px;border:0;background:none;font:inherit;font-size:14.5px;color:var(--lnk);cursor:pointer}
body.paper .lb:hover{text-decoration:underline}
body.paper .acts{display:flex;flex-wrap:wrap;align-items:center}
body.paper .acts .lnkp{margin-right:20px}
body.paper .msgs{display:contents}
body.paper .err,body.paper .busy,body.paper .copied{display:flex;gap:8px;align-items:flex-start;margin:0;padding:8px 10px;border:1px solid var(--kk);font-size:14px;line-height:20px;color:var(--fg)}
body.paper .err::before{content:"";flex:none;width:16px;height:14px;margin-top:3px;background:var(--kk);clip-path:polygon(50% 0,100% 100%,0 100%)}
body.paper .busy,body.paper .copied{border-style:dashed}
body.paper .frm:has(#c-auth:not(:checked)) button[type=submit],body.paper .frm:has(#c-terms:not(:checked)) button[type=submit]{background:transparent;color:var(--muted);border-color:var(--muted);cursor:not-allowed}
body.paper .pending{color:var(--fg2);font-style:italic;font-size:13.5px;margin:4px 0}
body.paper .card{--bg:var(--ground);--fg:var(--onDark);--fg2:var(--dark-2nd);--kk:var(--lit);--lnk:var(--lit);background:var(--ground);color:var(--onDark);color-scheme:dark;
  width:440px;max-width:100%;min-height:285px;padding:20px 22px;display:grid;grid-template-columns:1fr 96px;gap:14px;
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}
body.paper .cardtext{display:flex;flex-direction:column;gap:2px;min-width:0}
body.paper .cardtext p{margin:0}
body.paper .card-inv{margin-top:6px!important;font-family:var(--serif);font-size:18px;line-height:1.2}
body.paper .card-name{font-family:var(--serif);font-weight:600}
body.paper .card .k{margin-top:6px}
body.paper .card .code{font-size:16px}
body.paper .card .fine{font-size:12px}
body.paper .card-where{font-family:var(--sans);font-size:17px}
body.paper .qrcol{display:flex;flex-direction:column;justify-content:flex-end;gap:6px}
body.paper .qrcol .fine{font-size:12px;line-height:1.3}
body.paper .qr{width:96px;height:96px;background:repeating-conic-gradient(var(--onDark) 0 25%,var(--ground) 0 50%) 0 0/12px 12px;border:6px solid var(--onDark)}
body.paper .bubble{max-width:440px;background:var(--paper);color:var(--ink);border:1px solid var(--hair);padding:12px 14px;font-size:15px;line-height:22px}
body.paper .tblwrap{overflow-x:auto}
body.paper .tbl{border-collapse:collapse;width:100%;font-size:15px}
body.paper .tbl th,body.paper .tbl td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--rl);vertical-align:middle;white-space:nowrap}
body.paper .tbl th{font-family:var(--mono);font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--fg2);font-weight:400}
body.paper .days{width:120px}
body.paper .durrow{display:flex;align-items:center;gap:10px}
body.paper .chmail{display:none;gap:8px;max-width:520px;margin-top:8px;padding-top:16px;border-top:1px solid var(--rl)}
body.paper .chmail:target{display:grid}
body.paper .chmail .pending{margin:0}
body.paper .chmail h2{font-family:var(--serif);font-weight:400;margin:0;font-size:22px;line-height:1.15;letter-spacing:-.02em}
body.paper .foot{padding:0 32px 32px}
@media (max-width:600px){body.paper{font-size:14px;line-height:20px}body.paper .wayhead{min-height:72px;padding:0 128px 0 22px;border-bottom:0}body.paper .lk.md{gap:6.2px}body.paper .lk.md .mk svg{width:41.9px;height:36px}body.paper .lk.md .n{font-size:15.1px}body.paper .lang{right:16px}body.paper main{display:block;padding:0}body.paper .face,body.paper .face.wide{max-width:none;padding:12px 22px 28px;background:transparent;clip-path:none}body.paper .face,body.paper:has(.face.paper:target,.face.paper :target) .face{border:0}body.paper h1{font-size:32px;line-height:36px}body.paper h1.mid{font-size:22px;line-height:28px}body.paper .fine{font-size:12px;line-height:16px}body.paper .pending{font-size:12px;line-height:16px}body.paper .btn,body.paper .lnkp a,body.paper .lb{font-size:14px;line-height:20px}body.paper .card{width:100%;grid-template-columns:1fr;clip-path:none}body.paper .qrcol{flex-direction:row;align-items:center;gap:12px;justify-content:flex-start}body.paper .bubble{max-width:none}body.paper .foot{padding:0 22px 28px}body.paper .tbl,body.paper .tbl tbody,body.paper .tbl tr,body.paper .tbl td{display:block;width:100%}body.paper .tbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}body.paper .tbl tr{padding:10px 0;border-bottom:1px solid var(--rl)}body.paper .tbl td{border:0;padding:3px 0;display:grid;grid-template-columns:42% 1fr;gap:8px;white-space:normal}body.paper .tbl td::before{content:attr(data-label);font-family:var(--mono);font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--fg2);align-self:center}body.paper .tbl td.rowacts{display:flex;flex-wrap:wrap;gap:4px 16px;padding-top:6px}body.paper .tbl td.rowacts::before{content:none}}
@media (forced-colors:active){body.paper .face{border:1px solid CanvasText}body.paper .lang .lgb[aria-current]{border:2px solid Highlight;background:Canvas;color:CanvasText;forced-color-adjust:none}body.paper .err,body.paper .busy,body.paper .copied{border-color:CanvasText}body.paper .err::before{background:CanvasText;forced-color-adjust:none}body.paper .qr{forced-color-adjust:none}}
@media print{body.paper{background:var(--white)}body.paper .shell{background-image:none}body.paper .skip,body.paper .wayhead,body.paper .lang,body.paper .foot,body.paper #invite-made>*:not(.cardwrap){display:none!important}body.paper main{padding:0;display:block}body.paper #invite-made{border:0;padding:0;clip-path:none}body.paper .card{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
@media print{body.paper .tblwrap{overflow:visible}body.paper .tbl th,body.paper .tbl td{white-space:normal}}
/* v5's *{scrollbar-width:none} reaches this page as well: today's page keeps the browser's scrollbar */
:root:has(>body.paper),body.paper,body.paper *{scrollbar-width:auto}