#naturelia-startup{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;overflow:hidden;color:#245e50;background:#f3faf7;overscroll-behavior:none}
#naturelia-startup::backdrop{background:#f3faf7;backdrop-filter:none}
#naturelia-startup[open]{display:grid;place-items:center}
#naturelia-startup.is-playing{animation:startup-out .35s ease-in 1.7s both}
.startup-background{position:absolute;inset:-15%;pointer-events:none;background:radial-gradient(ellipse at 32% 32%,#ffffff 0%,transparent 52%),radial-gradient(ellipse at 70% 68%,#cdebe655,transparent 58%)}
.startup-scene{position:relative;display:flex;flex-direction:column;align-items:center;isolation:isolate;transform:translateY(-15px);width:min(82vw,380px)}
.startup-symbol-stage{position:relative;width:130px;height:130px;display:grid;place-items:center;margin-bottom:25px}
.startup-symbol{position:relative;width:104px;height:104px;z-index:2;filter:drop-shadow(0 12px 16px #2b7d7220)}
.is-playing .startup-symbol{animation:startup-symbol-in .9s cubic-bezier(.2,.75,.25,1) both}
.startup-halo{position:absolute;inset:-28px;border-radius:50%;background:radial-gradient(circle,#d4ece760,transparent 69%)}
.startup-ring{position:absolute;inset:-20px;border:1px solid #79b6af6b;border-radius:50%;opacity:0}
.is-playing .startup-ring{animation:startup-ripple 1.25s cubic-bezier(.15,.6,.3,1) .48s both}
.is-playing .startup-ring:nth-child(3){animation-delay:.67s;border-color:#9bbd7870}
.startup-wordmark{width:min(62vw,235px);height:auto;display:block}
.is-playing .startup-wordmark{animation:startup-wordmark-in .65s cubic-bezier(.15,.7,.2,1) .55s both}
.startup-caption{margin:17px 0 0;color:#527a6e;font-size:12px;letter-spacing:.16em;text-transform:uppercase;line-height:1.5;text-align:center}
.is-playing .startup-caption{animation:startup-wordmark-in .55s ease-out .85s both}
.startup-skip{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);min-height:44px;min-width:130px;padding:11px 20px;background:transparent;border:1px solid #d4e4dc;border-radius:99px;color:#527568;font-size:12px;cursor:pointer}
.startup-skip:hover{background:#e8f3ed}
.startup-skip:focus-visible{outline:2px solid #247b65;outline-offset:4px}
@keyframes startup-symbol-in{0%{opacity:0;transform:translateY(18px) scale(.7)}60%{opacity:1;transform:translateY(-2px) scale(1.055)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes startup-ripple{0%{opacity:0;transform:scale(.5)}20%{opacity:.7}100%{opacity:0;transform:scale(2.15)}}
@keyframes startup-wordmark-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes startup-out{from{opacity:1}to{opacity:0}}
.startup-settings{margin:24px 0;background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;max-width:900px}
.startup-settings-head{display:flex;align-items:center;gap:17px;margin-bottom:22px}
.startup-settings-mark{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:19px;background:#eff7f3}
.startup-settings-head .eyebrow{font-size:9px;letter-spacing:1.5px;margin:0 0 7px}
.startup-settings-head h2{font-size:24px;font-weight:550;letter-spacing:-.5px;line-height:1.2;margin:0 0 8px}
.startup-settings-head p:last-child{font-size:13px;line-height:1.6;color:#647e76;margin:0}
.startup-setting-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:17px 0;cursor:pointer}
.startup-setting-row>span:first-child{flex:1}
.startup-setting-row strong{display:block;font-size:14px;font-weight:550;color:#335e50}
.startup-setting-row small{display:block;font-size:12px;color:#657e75;line-height:1.6;margin-top:5px}
.startup-setting-row input{position:absolute;right:0;width:44px;height:26px;opacity:0;margin:0;cursor:pointer}
.startup-switch{position:relative;display:block;width:44px;height:26px;border-radius:14px;background:#dce4e0;flex:none;pointer-events:none}
.startup-switch:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:white;box-shadow:0 1px 3px #214c3320;transition:transform .15s}
.startup-setting-row input:checked+.startup-switch{background:#3f8773}
.startup-setting-row input:checked+.startup-switch:after{transform:translateX(18px)}
.startup-setting-row input:focus-visible+.startup-switch{outline:3px solid #3fa8aa;outline-offset:3px}
.startup-setting-row input:disabled+.startup-switch{opacity:.35}
.startup-settings-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:12px}
.startup-settings-actions .secondary{display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;border-radius:13px;border:1px solid #c7dbd2;padding:12px 18px;font-size:13px;color:#336c58;background:#f6faf7;cursor:pointer}
.startup-settings-actions>span{font-size:12px;color:#657e75}
.startup-settings-notice{font-size:12px;line-height:1.7;color:#507b69;margin:16px 0 0;min-height:20px}
@media(max-width:600px){.startup-settings{padding:22px 18px;border-radius:20px}.startup-settings-head{align-items:flex-start;gap:12px}.startup-settings-mark{width:50px;height:50px;border-radius:15px}.startup-settings-head h2{font-size:21px}.startup-settings-head p:last-child{font-size:12px}.startup-settings-actions .secondary{width:100%}.startup-settings-actions{gap:12px}.startup-caption{font-size:10px;letter-spacing:.14em}}
@media(prefers-reduced-motion:reduce){#naturelia-startup.is-playing,.is-playing .startup-symbol,.is-playing .startup-wordmark,.is-playing .startup-caption{animation:none}.startup-ring{display:none}.startup-switch:after{transition:none}}