.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-content:center;align-items:start;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{margin:0 0 var(--space-2);font:var(--page-display-font);letter-spacing:-.045em}.home-introduction .hero-deck{color:#efe9df;max-width:670px;margin:0 0 var(--space-3);font-size:clamp(1.05rem,1.55vw,1.4rem);line-height:1.55}.home-introduction .hero-deck time{margin-top:var(--space-3);font-style:italic;font-weight:400;display:block}.home-notifications{color:#fff;min-width:0;margin-top:calc(clamp(3.1rem,6.4vw,6.4rem)/4.06504 - clamp(2.15rem,3.2vw,3rem)/3.7594)}.home-notifications h2{margin:0 0 var(--space-3);font:500 clamp(2.15rem, 3.2vw, 3rem)/1.2 var(--font-serif);letter-spacing:-.02em;text-shadow:0 1px 12px #00000073}.home-notifications ol{padding:2px 2px var(--space-2);gap:var(--space-2);scrollbar-width:none;max-height:420px;margin:0;list-style:none;display:grid;overflow-y:auto}.home-notice{padding:var(--space-4) var(--space-4);-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;box-shadow:inset 0 1px #ffffff30,0 3px 12px #100a201c}.notice-heading{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-1);display:flex}.notice-heading time{white-space:nowrap;font-size:var(--text-xs);color:#f5edf9;flex-shrink:0}.home-notice strong{font-size:var(--text-md);line-height:1.3}.notice-body{font-size:var(--text-sm);line-height:1.5;display:block}.home-quiz-section{color:var(--ink);width:min(600px,100% - 24px);height:min(780px,100svh - 32px);max-height:calc(100svh - 32px);padding:var(--space-8) var(--space-6) var(--space-5);border:1px solid var(--line);-webkit-backdrop-filter:blur(28px)saturate(150%);backdrop-filter:blur(28px)saturate(150%);background:#fff8fdd6;border-radius: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;width:38px;min-height:38px;font-size:var(--text-md);place-items:center;padding:0;display:grid;position:absolute;top:8px;right:10px}.flow-section{isolation:isolate;padding-block:var(--space-6);border-top:1px solid var(--line);background:linear-gradient(165deg,#fff,#f0f0f2);position:relative;overflow:clip}.flow-section .section-intro{margin:0 0 var(--space-4);text-align:left}.flow-section h2{font:500 clamp(1.65rem, 3vw, 2.4rem)/1.2 var(--font-serif);letter-spacing:-.04em;margin:0}.flow-section .flowchart{gap:var(--space-2);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.flow-section .flowchart article{min-height:0;padding:var(--space-4) var(--space-9) var(--space-4) var(--space-4);border:1px solid var(--line);background:var(--card);border-radius:5px;transition:transform .18s,box-shadow .18s;position:relative}.flow-section .flowchart h3{align-items:center;gap:var(--space-3);margin:0 0 var(--space-2);font:500 clamp(1rem, 1.5vw, 1.3rem)/1.3 var(--font-serif);letter-spacing:-.02em;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 var(--text-sm) 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{font-size:var(--text-sm);color:var(--muted);margin:0;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{align-items:center;gap:var(--space-1);width:63px;font:600 var(--text-md) var(--font-serif);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{gap:var(--space-6);padding-block:var(--space-7);grid-template-columns:minmax(0,1fr)}.home-notifications{margin-top:0}.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:var(--space-3) var(--space-6);margin-top:var(--space-5)}.home-navigation.paint-links>a,.home-navigation.paint-links>button{padding:var(--space-2) 2px;color:#fff;letter-spacing:-.01em;text-shadow:0 1px 2px #000000b3,0 0 14px #00000073;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;width:30px;height:30px;font:500 var(--text-xl)/1 Georgia, serif;background:#fff;border-radius:7px;flex-shrink:0;place-items:center;display:grid}.flow-section .flowchart article:has(.flow-source-logos){padding-right:var(--space-11)}: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:var(--space-8) var(--space-4) var(--space-4)}}