.start-page{--start-paper:#f4f0e6;--start-gold:#d6be84;height:100dvh;color:var(--start-paper);background:radial-gradient(circle at 84% 16%,#4071593d,#0000 28%),linear-gradient(135deg,#061a15,#0b2c22 72%,#12382d);grid-template-rows:92px minmax(0,1fr) 64px;display:grid;position:relative;overflow:hidden}.start-grid{opacity:.18;pointer-events:none;background-image:linear-gradient(#e2d3ae14 1px,#0000 1px),linear-gradient(90deg,#e2d3ae14 1px,#0000 1px);background-size:84px 84px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 55% 48%,#000,#0000 76%);mask-image:radial-gradient(circle at 55% 48%,#000,#0000 76%)}.start-progress{z-index:5;background:#e2d3ae1a;height:3px;position:fixed;top:0;left:0;right:0}.start-progress span{background:var(--start-gold);height:100%;transition:width .48s cubic-bezier(.22,1,.36,1);display:block;box-shadow:0 0 24px #d6be846b}.start-header{z-index:2;border-bottom:1px solid #e2d3ae1f;justify-content:space-between;align-items:center;height:100%;padding:0 4vw;display:flex;position:relative}.start-header>a{align-items:center;gap:12px;display:inline-flex}.start-mark{width:38px;height:38px}.start-mark .mark-silhouette{fill:var(--start-gold)}.start-header>a>span{flex-direction:column;line-height:1;display:flex}.start-header strong{color:#e5d8b7;font-family:var(--serif);letter-spacing:.13em;font-size:18px;font-weight:500}.start-header small{color:#e5d8b7;letter-spacing:.42em;margin-top:6px;font-size:7px}.start-header>span{color:#f4f0e670;letter-spacing:.24em;text-transform:uppercase;font-size:9px}.start-stage{z-index:1;scrollbar-width:thin;place-items:center;min-height:0;padding:clamp(22px,4vh,48px) 24px;display:grid;position:relative;overflow-y:auto}.start-question{width:min(760px,100%);max-height:100%;padding:2px 2px 10px;animation:.26s ease-out both start-enter;overflow-y:auto}.start-question>p:first-child{color:var(--start-gold);letter-spacing:.24em;text-transform:uppercase;margin:0 0 24px;font-size:10px}.start-question h1,.start-question label{color:var(--start-paper);font-family:var(--serif);letter-spacing:-.045em;margin:0;font-size:clamp(42px,min(5.4vw,7vh),76px);font-weight:400;line-height:.98;display:block}.start-choices{gap:10px;width:min(560px,100%);margin-top:46px;display:grid}.start-choices button{min-height:62px;color:var(--start-paper);text-align:left;cursor:pointer;background:#05191375;border:1px solid #e2d3ae42;grid-template-columns:34px 1fr 20px;align-items:center;gap:14px;padding:10px 18px;transition:border-color .18s,background .18s,transform .18s;display:grid}.start-choices button:hover,.start-choices button:focus-visible{border-color:var(--start-gold);background:#d6be841a;transform:translate(5px)}.start-choices kbd{width:28px;height:28px;color:var(--start-gold);font-family:var(--sans);border:1px solid #d6be8470;place-items:center;font-size:10px;display:grid}.start-choices span{font-family:var(--serif);font-size:21px}.start-choices svg,.start-next svg,.start-send svg,.start-footer svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35px;width:18px;height:18px}.start-hint{color:#f4f0e675;margin-top:20px;font-size:13px;line-height:1.6;display:block}.start-question input,.start-question textarea{resize:none;width:100%;color:var(--start-paper);caret-color:var(--start-gold);font-family:var(--serif);background:0 0;border:0;border-bottom:1px solid #e2d3ae57;border-radius:0;outline:0;margin-top:clamp(20px,3vh,34px);padding:14px 0;font-size:clamp(28px,3.8vw,46px);line-height:1.2;transition:border-color .18s;display:block}.start-question textarea{max-height:min(18vh,150px)}.start-question input:focus,.start-question textarea:focus{border-color:var(--start-gold)}.start-question input::placeholder,.start-question textarea::placeholder{color:#f4f0e638}.start-next,.start-send{background:var(--start-gold);color:#071c16;min-width:190px;font-family:var(--serif);cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:28px;margin-top:32px;padding:14px 18px;font-size:19px;transition:background .18s,transform .18s;display:inline-flex}.start-next:hover,.start-next:focus-visible,.start-send:hover,.start-send:focus-visible{background:#eadbb5;transform:translateY(-2px)}.start-send:disabled,.start-next:disabled{cursor:wait;opacity:.62;transform:none}.start-error{color:#e8a49a;margin-top:14px;font-size:12px;display:block}.start-complete h1{max-width:720px}.start-summary{border-left:1px solid var(--start-gold);background:#04151057;margin-top:38px;padding:22px 24px}.start-summary span{color:var(--start-gold);letter-spacing:.22em;text-transform:uppercase;font-size:9px}.start-summary strong{font-family:var(--serif);margin-top:9px;font-size:26px;font-weight:400;display:block}.start-summary p{color:#f4f0e699;max-width:620px;margin:12px 0 0;line-height:1.6}.start-complete>small{color:#f4f0e666;margin-top:16px;font-size:11px;display:block}.start-footer{z-index:4;color:#f4f0e67a;justify-content:space-between;align-items:center;padding:0 4vw 12px;font-size:11px;display:flex;position:relative;bottom:auto;left:auto;right:auto}.start-footer button{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;display:inline-flex}.start-footer a{border-bottom:1px solid #e2d3ae3d;padding-bottom:4px}@keyframes start-enter{0%{opacity:0}to{opacity:1}}@media (width<=600px){.start-page{grid-template-rows:72px minmax(0,1fr) 58px}.start-header{height:72px;padding:0 20px}.start-header strong{font-size:15px}.start-header small{font-size:6px}.start-stage{place-items:start center;min-height:0;padding:clamp(20px,5vh,44px) 20px 12px}.start-question h1,.start-question label{font-size:clamp(36px,10.5vw,46px)}.start-choices{margin-top:34px}.start-choices button{min-height:58px}.start-question input,.start-question textarea{margin-top:20px;font-size:27px}.start-footer{padding:0 20px max(10px, env(safe-area-inset-bottom))}}@media (height<=850px){.start-question>p:first-child{margin-bottom:12px}.start-question h1,.start-question label{font-size:clamp(34px,6.2vh,54px);line-height:1}.start-hint{margin-top:10px;line-height:1.4}.start-question input,.start-question textarea{margin-top:14px;padding:9px 0;font-size:clamp(23px,4vh,34px)}.start-question textarea{max-height:14vh}.start-next{margin-top:18px;padding:12px 16px}}@media (prefers-reduced-motion:reduce){.start-question{animation:none}}.start-thanks-message{color:var(--start-paper);margin:18px 0 0;font-size:clamp(18px,2.4vw,24px);line-height:1.5}.baobab-facts{border-top:1px solid #d6be8440;margin-top:clamp(24px,4vh,40px);padding:20px 0 0}.baobab-facts__heading{color:var(--start-gold);justify-content:space-between;align-items:center;gap:16px;font-size:14px;display:flex}.baobab-facts__heading button{color:var(--start-paper);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px}.baobab-facts__copy{align-items:center;min-height:112px;display:grid}.baobab-facts__copy p{color:#e6e3d8;margin:16px 0;font-size:18px;line-height:1.55;animation:.65s cubic-bezier(.16,1,.3,1) both fact-settle}.baobab-facts__progress{background:#d6be842e;height:2px;overflow:hidden}.baobab-facts__progress span{background:var(--start-gold);transform-origin:0;height:100%;animation:10s linear both fact-countdown;display:block}.baobab-facts__progress span.is-paused{animation-play-state:paused}.baobab-facts>a{color:#bfc9c1;margin-top:14px;font-size:12px;display:inline-block}@keyframes fact-settle{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fact-countdown{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (width<=600px){.baobab-facts__copy{min-height:140px}.start-complete .start-send{margin-top:22px}}@media (prefers-reduced-motion:reduce){.baobab-facts__copy p,.baobab-facts__progress span{animation:none!important}}
