.home-introduction .hero-content{z-index:1;min-height:calc(100svh - var(--header-height,76px));grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,56px);padding-block:clamp(56px,7vw,100px);display:grid;position:relative}.home-introduction .hero-copy{max-width:none}.home-introduction #hero-title{font:var(--page-display-font);letter-spacing:-.045em;margin:0 0 8px}.home-introduction .hero-deck{color:#efe9df;max-width:670px;margin:0 0 12px;font-size:clamp(1.05rem,1.55vw,1.4rem);line-height:1.55}.home-introduction .hero-deck time{margin-top:10px;font-style:italic;font-weight:400;display:block}.home-notifications{color:#fff;min-width:0}.home-notifications h2{font:500 clamp(2.15rem, 3.2vw, 3rem)/1.2 var(--font-serif);letter-spacing:-.02em;margin:0 0 10px}.home-notifications ol{scrollbar-width:none;gap:6px;max-height:420px;margin:0;padding:2px 2px 8px;list-style:none;display:grid;overflow-y:auto}.home-notice{-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);color:#fff;background:linear-gradient(120deg,#2b2235ad,#181223a6);border:1px solid #ffffff42;border-radius:20px;padding:16px 18px;box-shadow:inset 0 1px #ffffff30,0 3px 12px #100a201c}.notice-heading{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:3px;display:flex}.notice-heading time{white-space:nowrap;color:#f5edf9;flex-shrink:0;font-size:.75rem}.home-notice strong{font-size:.98rem;line-height:1.3}.notice-body{font-size:.85rem;line-height:1.5;display:block}.home-quiz-section{color:var(--ink);border:1px solid var(--line);-webkit-backdrop-filter:blur(28px)saturate(150%);backdrop-filter:blur(28px)saturate(150%);background:#fff8fdd6;border-radius:24px;width:min(600px,100% - 24px);height:min(780px,100svh - 32px);max-height:calc(100svh - 32px);padding:48px 28px 24px;overflow:clip auto;box-shadow:inset 0 1px #ffffff80,0 24px 60px #130e2247}.home-quiz-section:has(.quiz-idle,.quiz-complete){height:fit-content}@media (prefers-reduced-motion:no-preference){.home-quiz-section{interpolate-size:allow-keywords;transition:height .35s cubic-bezier(.22,.75,.25,1)}}.home-quiz-section[open]{flex-direction:column;display:flex}.home-quiz-section::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#130e226b}.quiz-close{z-index:1;place-items:center;width:38px;min-height:38px;padding:0;font-size:1.1rem;display:grid;position:absolute;top:8px;right:10px}.flow-section{isolation:isolate;border-top:1px solid var(--line);background:linear-gradient(165deg,#fff,#f0f0f2);padding-block:30px;position:relative;overflow:clip}.flow-section .section-intro{text-align:left;margin:0 0 16px}.flow-section h2{font:500 clamp(1.65rem, 3vw, 2.4rem)/1.2 var(--font-serif);letter-spacing:-.04em;margin:0}.flow-section .flowchart{grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.flow-section .flowchart article{border:1px solid var(--line);background:var(--card);border-radius:5px;min-height:0;padding:14px 64px 14px 16px;transition:transform .18s,box-shadow .18s;position:relative}.flow-section .flowchart h3{font:500 clamp(1rem, 1.5vw, 1.3rem)/1.3 var(--font-serif);letter-spacing:-.02em;align-items:center;gap:10px;margin:0 0 6px;display:flex}.flow-step-number{border:1px solid color-mix(in srgb, var(--step-color) 70%, #fff);background:var(--step-color);color:#24172e;min-width:23px;height:23px;font:700 .85rem var(--font-sans);box-shadow:-1px 1px 0 color-mix(in srgb, var(--step-color) 68%, #34293e), -2px 2px 0 color-mix(in srgb, var(--step-color) 68%, #34293e), -3px 3px 0 color-mix(in srgb, var(--step-color) 68%, #34293e), inset 0 1px 0 #ffffff65;border-radius:6px;place-items:center;display:inline-grid}.flow-section .flowchart p{color:var(--muted);margin:0;font-size:.82rem;line-height:1.5}.flow-step-symbol,.flow-source-logos{width:30px;height:30px;color:var(--step-ink);position:absolute;top:15px;right:16px}.flow-source-logos{width:63px;font:600 1.05rem var(--font-serif);align-items:center;gap:5px;display:flex}.flow-app-logo{border-radius:7px;flex-shrink:0;width:28px;height:28px;display:block}.flow-step-symbol.flow-app-logo{width:30px;height:30px}@media (max-width:700px){.home-introduction .hero-content{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:40px}.home-notifications ol{max-height:none;overflow:visible}}@media (hover:hover) and (pointer:fine){.flow-section .flowchart article:hover{transform:translateY(-4px);box-shadow:0 8px 18px #17102420}}@media (prefers-reduced-motion:reduce){.flow-section .flowchart article{transition:none}.flow-section .flowchart article:hover{transform:none}}.home-navigation{gap:12px 30px;margin-top:24px}.home-navigation.paint-links>a,.home-navigation.paint-links>button{color:#fff;letter-spacing:-.01em;text-shadow:0 1px 2px #000000b3,0 0 14px #00000073;padding:6px 2px;font-size:clamp(1.08rem,1.4vw,1.25rem);font-weight:700}.home-navigation .drawn-underline svg{filter:drop-shadow(0 1px 2px #0009)}.flow-source-logos .flow-wikipedia-logo{color:#151515;background:#fff;border-radius:7px;flex-shrink:0;place-items:center;width:30px;height:30px;font:500 24px/1 Georgia,serif;display:grid}.flow-section .flowchart article:has(.flow-source-logos){padding-right:96px}:root[data-theme=dark] .home-quiz-section{background:#191326d1;border-color:#ffffff24;box-shadow:inset 0 1px #ffffff14,0 24px 60px #00000073}:root[data-theme=dark] .flow-section{background:linear-gradient(165deg,#1c1c20,#0d0d10)}@media (min-width:601px){.home-quiz-section{height:min(700px,100svh - 32px)}}@media (max-width:600px){.home-quiz-section{padding:46px 16px 16px}}