.bs-welcome{--welcome-paper: var(--surface-elevated);--welcome-ink: var(--color-text-primary);--welcome-muted: var(--color-text-secondary);--welcome-line: var(--color-border);--welcome-warm: color-mix(in srgb, var(--color-brand) 4%, var(--color-bg));--article-der: color-mix(in srgb, var(--landing-blue) 75%, var(--color-text-primary));--article-die: color-mix(in srgb, var(--color-error) 80%, var(--color-text-primary));--article-das: color-mix(in srgb, var(--color-success) 70%, var(--color-text-primary));background:var(--color-bg);color:var(--welcome-ink);padding-top:calc(var(--header-height) + var(--space-10) + var(--safe-area-top));padding-bottom:var(--space-8)}.bs-welcome *{box-sizing:border-box}.bs-welcome .welcome-shell{width:min(100% - var(--public-shell-gutter) * 2,var(--public-content-max));margin-inline:auto}.bs-welcome h1,.bs-welcome h2,.bs-welcome h3{font-family:var(--font-display);letter-spacing:-.045em;text-wrap:balance}.bs-welcome h1{font-size:clamp(var(--text-4xl),5.6vw,calc(var(--text-5xl) * 1.35));line-height:1.08;font-weight:800;margin:var(--space-4) 0}.bs-welcome h1>span{color:var(--color-brand)}.bs-welcome h2{font-size:clamp(var(--text-2xl),3.3vw,var(--text-4xl));line-height:1.2;font-weight:750;margin:0 0 var(--space-4)}.bs-welcome h3{font-size:var(--text-xl);font-weight:750}.bs-welcome p{line-height:1.65}.bs-welcome a{text-decoration:none;color:inherit}.bs-welcome button{font-family:inherit}.bs-welcome :is(a,button,input,summary):focus-visible{outline:.1875rem solid var(--color-border-focus);outline-offset:var(--space-1)}.bs-welcome .welcome-muted,.bs-welcome small{color:var(--welcome-muted)}.bs-welcome .welcome-eyebrow{font-size:var(--text-sm);font-weight:750;color:var(--color-brand-dark);margin:0 0 var(--space-3)}:root.dark .bs-welcome .welcome-eyebrow{color:var(--color-brand-light)}.bs-welcome .welcome-link{display:inline-flex;align-items:center;min-height:var(--space-12);gap:var(--space-2);font-weight:700;font-size:var(--text-sm)}.bs-welcome .welcome-link:hover{color:color-mix(in srgb,var(--color-brand) 70%,var(--color-text-primary));text-decoration:underline;text-underline-offset:var(--space-1)}.bs-welcome .welcome-primary{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;gap:var(--space-3);background:var(--color-brand);color:var(--color-text-inverse);border-radius:var(--radius-full);padding:0 var(--space-6);font-weight:750;font-size:1.1875rem;box-shadow:0 10px 24px rgba(var(--color-brand-rgb),.22)}.bs-welcome a.welcome-primary:hover{background:var(--color-brand-hover)}.bs-welcome .welcome-row,.bs-welcome .welcome-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.bs-welcome .breakfast-quiz{min-width:0;border:.0625rem solid var(--welcome-line);border-radius:1.75rem;padding:var(--space-6);background:var(--welcome-paper);box-shadow:var(--shadow-md)}.bs-welcome .quiz-top{justify-content:space-between;color:var(--welcome-muted);font-size:var(--text-xs);margin-bottom:var(--space-6)}.bs-welcome .breakfast-quiz h2{font-size:clamp(var(--text-xl),2.2vw,var(--text-3xl))}.bs-welcome .quiz-instruction{font-size:var(--text-sm);color:var(--welcome-muted);margin:0 0 var(--space-5)}.bs-welcome .quiz-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.bs-welcome .quiz-choice{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;border:.125rem solid transparent;background:var(--color-bg-secondary);color:var(--welcome-ink);border-radius:var(--radius-xl);padding:var(--space-2);cursor:pointer;transition:border-color var(--duration-fast),transform var(--duration-fast)}.bs-welcome .quiz-choice:not(:disabled):hover{border-color:var(--color-brand-light);transform:translateY(calc(var(--space-1) * -.5))}.bs-welcome .quiz-choice.correct{border-color:var(--color-success)}.bs-welcome .quiz-choice.incorrect{border-color:var(--color-warning)}.bs-welcome .quiz-choice:disabled{cursor:default}.bs-welcome .quiz-choice img{width:100%;height:auto;aspect-ratio:1;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-lg)}.bs-welcome .quiz-choice-label{font-size:var(--text-sm);font-weight:750;padding:var(--space-3) 0}.bs-welcome .quiz-response{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:calc(var(--space-16) + var(--space-4));margin-top:var(--space-4)}.bs-welcome .quiz-response>p{font-size:var(--text-sm);color:var(--welcome-muted)}.bs-welcome .quiz-response strong{font-size:var(--text-lg)}.bs-welcome .quiz-response div p{margin:var(--space-1) 0;font-size:var(--text-sm)}.bs-welcome .quiz-finish{text-align:center;display:flex;flex-direction:column;align-items:center;padding-block:var(--space-4)}.bs-welcome .quiz-finish img{width:calc(var(--space-16) * 2);height:auto}.bs-welcome .quiz-finish p{margin:0 0 var(--space-4)}.bs-welcome .welcome-section{padding-block:var(--space-16);border-top:.0625rem solid var(--welcome-line)}.bs-welcome section[id]{scroll-margin-top:calc(var(--header-height) + var(--space-8))}.bs-welcome .welcome-pen-key{display:flex;gap:var(--space-4);flex-wrap:wrap;font-weight:750;font-size:var(--text-sm);margin-block:var(--space-6)}.bs-welcome .article-der{color:var(--article-der)}.bs-welcome .article-die{color:var(--article-die)}.bs-welcome .article-das{color:var(--article-das)}.bs-welcome .welcome-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}.bs-welcome .welcome-sketch{display:block;min-width:0}.bs-welcome .welcome-sketch img{width:100%;height:auto;aspect-ratio:4/3;-o-object-fit:contain;object-fit:contain;background:var(--welcome-paper);border:.0625rem solid var(--welcome-line);border-radius:var(--radius-xl);padding:var(--space-3)}.bs-welcome .welcome-sketch>span{display:flex;gap:var(--space-2);align-items:center;font-size:var(--text-lg);font-weight:750;margin:var(--space-3) var(--space-1)}.bs-welcome .welcome-sketch>span>span:last-child{margin-left:auto}.bs-welcome .welcome-sketch:hover>span{text-decoration:underline;text-underline-offset:var(--space-1)}.bs-welcome .practice-result{padding:var(--space-6);border-radius:var(--radius-xl);background:var(--welcome-paper);border:.0625rem solid var(--welcome-line)}.bs-welcome .practice-result>img{width:100%;height:auto;aspect-ratio:8/5;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-lg)}.bs-welcome .practice-result small{display:block;margin-top:var(--space-4)}.bs-welcome .welcome-error{color:var(--color-error);font-size:var(--text-sm)}.bs-welcome .word-letter{display:grid;place-items:center;width:100%;aspect-ratio:4/3;font-family:var(--font-display);font-size:calc(var(--text-5xl) * 1.35);background:var(--welcome-warm);border-radius:var(--radius-lg)}.bs-welcome .word-draw-panel{padding:var(--space-6);background:var(--welcome-warm);border-radius:var(--public-panel-radius);min-width:0}.bs-welcome .word-draw-panel h2{font-size:var(--text-2xl)}.bs-welcome .word-details{padding-block:var(--space-5);border-top:.0625rem solid var(--welcome-line)}.bs-welcome .word-details summary{cursor:pointer;min-height:var(--space-12);display:flex;align-items:center;font-weight:750}.bs-welcome .word-details summary:after{content:"+";margin-left:auto}.bs-welcome .word-details[open] summary:after{content:"−"}.bs-welcome .word-details table{border-collapse:collapse;width:100%;text-align:left;font-size:var(--text-sm)}.bs-welcome .word-details td,.bs-welcome .word-details th{padding:var(--space-3) var(--space-2);border-bottom:.0625rem solid var(--welcome-line)}.bs-welcome .word-details p{color:var(--welcome-muted)}.bs-welcome .pub-section{padding-block:clamp(4rem,8vw,6.5rem)}.bs-welcome .pub-soft{background:var(--color-bg-secondary)}:root.dark .bs-welcome .pub-soft{background:color-mix(in srgb,var(--color-bg-secondary) 70%,var(--color-bg))}.bs-welcome .pub-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;padding:var(--space-1) var(--space-3);border:thin solid var(--color-border);border-radius:var(--radius-full);background:var(--welcome-paper);color:var(--welcome-muted);font-size:var(--text-sm);font-weight:650}.bs-welcome .pub-eyebrow:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--color-brand)}.bs-welcome .pub-lead{max-width:40ch;margin:0;color:var(--welcome-muted);font-size:clamp(var(--text-lg),1.6vw,1.3125rem);line-height:1.55}.bs-welcome .pub-cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:3.5rem;padding:0 var(--space-8);border:0;border-radius:var(--radius-full);background:var(--color-brand);color:var(--color-text-inverse);font-size:1.1875rem;font-weight:750;box-shadow:0 10px 24px rgba(var(--color-brand-rgb),.24);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.bs-welcome .pub-cta:hover:not(:disabled){background:var(--color-brand-hover);transform:translateY(-1px)}.bs-welcome .pub-cta-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:3.5rem;padding:0 var(--space-6);border:thin solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--welcome-paper);color:var(--welcome-ink);font-size:var(--text-base);font-weight:700;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out)}.bs-welcome .pub-cta-secondary:hover:not(:disabled){border-color:var(--welcome-ink)}.bs-welcome :is(.pub-cta,.pub-cta-secondary):disabled{opacity:.6;cursor:default;transform:none}.bs-welcome .pub-faq details{border-bottom:thin solid var(--color-border)}.bs-welcome .pub-faq details:first-child{border-top:thin solid var(--color-border)}.bs-welcome .pub-faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:4rem;padding-block:var(--space-4);font-size:var(--text-lg);font-weight:700;list-style:none;cursor:pointer}.bs-welcome .pub-faq summary::-webkit-details-marker{display:none}.bs-welcome .pub-faq summary:after{content:"+";flex:none;color:var(--welcome-muted);font-size:1.5rem;font-weight:400;line-height:1;transition:transform var(--duration-fast) var(--ease-out)}.bs-welcome .pub-faq details[open] summary:after{transform:rotate(45deg)}.bs-welcome .pub-faq details p{max-width:60ch;margin:0 0 var(--space-5);color:var(--welcome-muted)}.bs-welcome .pub-final{display:flex;flex-direction:column;align-items:center;padding:clamp(3rem,7vw,5rem) var(--space-6);border-radius:2rem;background:var(--welcome-warm);text-align:center}.bs-welcome .pub-final .pub-lead{margin-bottom:var(--space-8)}@media(max-width:60rem){.bs-welcome .welcome-gallery{gap:var(--space-4)}.bs-welcome .breakfast-quiz{padding:var(--space-5)}}@media(max-width:45rem){.bs-welcome :is(.pub-cta,.pub-cta-secondary){min-height:3.25rem}.bs-welcome{padding-top:calc(var(--header-height) + var(--space-5) + var(--safe-area-top))}.bs-welcome .breakfast-quiz{padding:var(--space-4);border-radius:var(--radius-xl)}.bs-welcome .quiz-top{margin-bottom:var(--space-4)}.bs-welcome .quiz-choices{gap:var(--space-2)}.bs-welcome .quiz-choice{padding:var(--space-1);border-radius:var(--radius-lg)}.bs-welcome .quiz-choice-label{font-size:var(--text-xs)}.bs-welcome .quiz-response{min-height:var(--space-16)}.bs-welcome h1{font-size:var(--text-4xl);margin-block:var(--space-2)}.bs-welcome .welcome-section{padding-block:var(--space-10)}.bs-welcome .welcome-gallery{grid-template-columns:minmax(0,1fr)}.bs-welcome .word-draw-panel{padding:var(--space-4)}}@media(prefers-reduced-motion:reduce){.bs-welcome *,.bs-welcome *:before,.bs-welcome *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.bs-welcome .btn-primary{color:var(--landing-ink)}.bs-welcome .success-burst{position:relative;animation:welcome-success-pop .55s cubic-bezier(.2,.9,.25,1)}.bs-welcome .success-burst:after{content:"";position:absolute;inset:-.35rem;z-index:5;border:.18rem solid color-mix(in srgb,var(--color-success) 68%,white);border-radius:inherit;pointer-events:none;animation:welcome-success-ring .7s ease-out both}@keyframes welcome-success-pop{0%{transform:scale(1)}36%{transform:scale(1.018);box-shadow:0 0 0 .45rem color-mix(in srgb,var(--color-success) 16%,transparent)}to{transform:scale(1)}}@keyframes welcome-success-ring{0%{opacity:.9;transform:scale(.985)}to{opacity:0;transform:scale(1.035)}}