:root,[data-theme=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#102d40;--panel:#17384a;--card:#1b3c4d;--input:#123043;--text:#f0e9e0;--cream:#f7dfbc;--muted:#b9cbd1;--accent:#d2bfc9;--pink:#ddb4c7;--mint:#b6dfd0;--border:#385464;--border-strong:#647d8a;--button:#f1d5bb;--button-text:#193747;--hover:#25495a;--glow:#65999716;--focus:#ffe2a1;--error:#ffb9b7}[data-theme=day]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8f3eb;--panel:#fffcf6;--card:#fffcf6;--input:#f4eee4;--text:#293f47;--cream:#244652;--muted:#54666a;--accent:#785368;--pink:#98677e;--mint:#286957;--border:#d9d3ca;--border-strong:#8b9695;--button:#285568;--button-text:#fff8ee;--hover:#eae9e0;--glow:#6c998a12;--focus:#a25221;--error:#a73131}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1.5rem}body{background:var(--bg);color:var(--text);min-width:280px;margin:0;font-family:ui-rounded,Trebuchet MS,Arial,sans-serif;font-size:16px;line-height:1.6}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 85% 15%, var(--glow), transparent 46%), radial-gradient(ellipse at 5% 70%, var(--glow), transparent 45%);position:fixed;inset:0}a{color:inherit;text-underline-offset:.3em}button,input,select,textarea{font:inherit}button,a,summary,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.42;cursor:default}button,a,input,select,textarea,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus)}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.035em;font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.12}h1{font-size:clamp(2.6rem,5.3vw,4.8rem)}h2{font-size:clamp(1.65rem,3vw,2.1rem)}button svg{width:1.5rem;height:1.5rem}.page{width:min(1120px,100% - 64px);margin:auto}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;min-height:112px;display:flex}.brand{letter-spacing:-.025em;align-items:center;gap:12px;min-width:0;font-family:Georgia,serif;font-size:2.35rem;line-height:1.2;text-decoration:none;display:flex}.brand>span{overflow-wrap:anywhere;min-width:0}.brand>svg{color:var(--pink);flex:none;width:52px;height:52px}.brand small{letter-spacing:0;color:var(--text);margin-top:8px;font-family:Trebuchet MS,Arial,sans-serif;font-size:1rem;line-height:1.5;display:block}.site-header nav{align-items:center;gap:30px;display:flex}.nav-link{align-items:center;min-height:48px;font-size:.9rem;text-decoration:none;display:flex}.nav-link:hover{text-decoration:underline}.theme-button{border:1px solid var(--border);color:var(--cream);background:0 0;border-radius:50%;width:48px;height:48px;font-size:1.6rem;line-height:1}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:8px;min-height:440px;padding:54px 0 48px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:18px;font-size:.66rem;font-weight:700}.tiny-star{margin-right:8px;font-size:1.15rem}.hero h1{color:var(--cream);margin-bottom:22px}.intro{color:var(--muted);max-width:470px;margin-top:20px;font-size:1rem;line-height:1.8}.hero .intro{max-width:440px}.text-link{color:var(--cream);align-items:center;gap:18px;min-height:48px;font-size:.9rem;display:inline-flex}.hero-link{margin-top:14px}.hero-link span{font-size:1.8rem}.quiet-note{color:var(--muted);margin-top:14px;font-size:.7rem}.hero-art{justify-content:center;align-self:stretch;align-items:center;display:flex;position:relative}.hero-art img{object-fit:contain;pointer-events:none;width:115%;max-width:600px;height:auto;max-height:420px}.art-caption{text-align:center;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:.57rem;position:absolute;bottom:8px;left:0;right:0}.setup-panel{border:1px solid var(--border);background:var(--panel);border-radius:24px;padding:34px 38px;box-shadow:0 16px 60px #0000000a}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.section-heading .eyebrow{margin-bottom:8px;font-size:.58rem}.section-heading p:not(.eyebrow){color:var(--muted);margin-top:10px;font-size:.84rem}.shell-stamp{border:1px solid var(--border);border-radius:50%;flex-shrink:0;place-items:center;width:58px;height:58px;display:grid;transform:rotate(10deg)}.shell-stamp svg{width:36px;color:var(--pink)}label{letter-spacing:.02em;color:var(--muted);flex-direction:column;gap:8px;font-size:.78rem;font-weight:700;display:flex}input,select,textarea{width:100%;min-height:50px;color:var(--text);background:var(--input);border:1px solid var(--border-strong);letter-spacing:0;border-radius:10px;padding:11px 14px;font-size:.95rem;font-weight:400}input::placeholder{color:var(--muted);opacity:1}select{cursor:pointer}input:invalid:not(:placeholder-shown){box-shadow:none}.setup-grid{grid-template-columns:1fr 1.25fr .85fr;gap:22px;display:grid}.mode-note{color:var(--muted);margin:14px 0 22px;font-size:.76rem}summary{cursor:pointer;align-content:center;width:fit-content;min-height:48px;padding-right:12px;font-size:.84rem;font-weight:700;display:list-item}details{border-top:1px solid var(--border);padding:4px 0}details p{margin:8px 0}details[open]>summary{margin-bottom:10px}.advanced-grid{grid-template-columns:1fr 1fr;gap:20px;padding-bottom:20px;display:grid}.seed-row{gap:8px;display:flex}.seed-row button{white-space:nowrap;font-size:.75rem}.start-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin-top:8px;padding-top:23px;display:flex}.start-row p{color:var(--muted);font-size:.75rem}.primary,.secondary,.text-button{border-radius:10px;justify-content:center;align-items:center;gap:24px;min-height:50px;padding:12px 23px;font-size:.88rem;font-weight:700;line-height:1.5;text-decoration:none;display:inline-flex}.primary{background:var(--button);color:var(--button-text);border:1px solid var(--button)}.primary:hover{filter:brightness(1.06)}.secondary{color:var(--text);border:1px solid var(--border-strong);background:0 0}.secondary:hover{background:var(--hover)}.text-button{color:var(--muted);text-underline-offset:4px;background:0 0;border:1px solid #0000;padding:9px 12px;text-decoration:underline}.continue-panel{background:var(--input);border-radius:12px;align-items:center;gap:20px;margin-bottom:24px;padding:14px;display:flex}.continue-panel span{color:var(--muted);font-size:.8rem}.home-bottom{grid-template-columns:1fr 260px;gap:45px;margin:40px 0 20px;display:grid}.resume-panel h2{letter-spacing:-.02em;font-size:1.4rem}.resume-panel p{color:var(--muted);margin:12px 0;font-size:.78rem}.resume-panel form{gap:10px;display:flex}.resume-panel form button{white-space:nowrap}.library-invite{border-left:1px solid var(--border);padding:0 0 0 36px}.library-invite .eyebrow{margin:0}.library-invite p{color:var(--cream);font-family:Georgia,serif;font-size:1.9rem}.library-invite a{font-size:.8rem}footer{border-top:1px solid var(--border);text-align:center;color:var(--muted);margin:50px 0 20px;padding-top:24px;font-size:.7rem}footer>p{margin:10px 0}footer details{border:none;max-width:650px;margin:auto}footer summary{min-height:44px;margin:auto;font-size:.7rem}footer .connection{font-size:.65rem}.footer-line{letter-spacing:.04em;justify-content:center;align-items:center;gap:8px;display:flex}.footer-line svg{width:22px;height:22px;color:var(--pink)}.reader{max-width:810px;margin:30px auto 0}.reader-top{justify-content:space-between;align-items:center;gap:18px;font-size:.74rem;display:flex}.reader-top .text-link{font-size:.8rem}.reader-mode{color:var(--muted);text-align:center}.position{color:var(--cream);white-space:nowrap}.pearls{flex-wrap:wrap;justify-content:center;gap:10px;max-width:80%;margin:14px auto 22px;display:flex}.pearls span{border:1px solid var(--border-strong);border-radius:50%;width:9px;height:9px}.pearls span.lit{background:var(--cream);border-color:var(--cream)}.flashcard{border:1px solid var(--border-strong);background:var(--card);text-align:center;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:26px 30px;display:flex;position:relative;box-shadow:0 16px 50px #0000000d}.small-label{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin-bottom:12px;font-size:.62rem}.word{letter-spacing:.025em;color:var(--cream);overflow-wrap:anywhere;max-width:100%;margin:0 0 10px;font-family:Trebuchet MS,Arial,sans-serif;font-size:clamp(5rem,14vw,9rem);font-weight:500;line-height:1.2}.long-word{font-size:clamp(4rem,10vw,6.5rem)}.segments{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;font-size:clamp(2rem,5vw,3.4rem);font-weight:500;line-height:1.3;display:flex}.segment{color:var(--mint)}.separator{color:var(--muted);font-size:1rem}.segment.silent{color:var(--muted);text-underline-offset:7px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.decoding .small-label{margin:4px 0 10px;font-size:.58rem}.silent-note,.parent-tip,.reading-prompt{color:var(--muted);max-width:550px;margin:14px auto 0;font-size:.76rem;line-height:1.5}.silent-note{font-size:.7rem}.parent-tip{max-width:540px}.card-corner,.card-bottom-corner{color:var(--pink);font-size:1.2rem;position:absolute;top:14px;left:19px}.card-bottom-corner{inset:auto 19px 14px auto}.reveal-controls{justify-content:center;align-items:center;gap:15px;min-height:80px;display:flex}.reveal-controls button{min-height:46px;font-size:.8rem}.reading-navigation{gap:16px;display:flex}.reading-navigation button{flex:1;min-height:56px;font-size:1rem}.reader-secondary{justify-content:space-between;align-items:flex-start;gap:20px;margin-top:14px;display:flex}.reader-secondary details{border:none;flex:1}.reader-secondary summary{color:var(--muted);font-size:.75rem}.reader-secondary>.text-button{font-size:.75rem}.reader-tools{border:1px solid var(--border);background:var(--panel);border-radius:12px;grid-template-columns:1fr 1fr;gap:16px;padding:14px;display:grid}.reader-tools button{padding:10px;font-size:.73rem}.reading-page footer{margin-top:25px}.reading-page .site-header{min-height:90px}.meaning{margin-top:2px}.meaning-star{color:var(--pink);font-size:2rem}.example{max-width:650px;margin-top:10px;font-size:clamp(1.4rem,3.8vw,1.9rem);line-height:1.6}.directory{padding:56px 0}.directory h1{font-size:clamp(2.3rem,5vw,4rem)}.directory .intro{max-width:600px}.directory-filters{grid-template-columns:.8fr 1.4fr 1fr 1.2fr;gap:18px;margin:30px 0;display:grid}.result-count{color:var(--muted);margin-bottom:18px;font-size:.8rem}.word-table{table-layout:fixed;border-collapse:collapse;text-align:left;width:100%;margin:0 0 30px}.word-table col{width:40%}.word-table .difficulty-column{width:20%}.word-table caption{text-align:left;color:var(--muted);margin-bottom:14px;font-size:.78rem}.word-table th,.word-table td{border-bottom:1px solid var(--border);vertical-align:middle;overflow-wrap:anywhere;padding:10px 14px}.word-table th{color:var(--muted);font-size:.8rem}.word-table th:last-child,.word-difficulty{text-align:center}.word-table tbody tr:hover{background:var(--hover)}.directory-word{max-width:100%;min-height:44px;color:var(--cream);padding:7px 0;font-size:1.15rem;display:inline-block}.translated-word,.word-difficulty{font-size:1rem}.completion,.error-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:740px;min-height:60vh;margin:35px auto;display:flex}.completion h1,.error-page h1{font-size:clamp(2.5rem,5vw,4rem)}.completion .intro,.error-page .intro{max-width:540px}.visited-count{color:var(--muted);margin:22px 0;font-size:.8rem}.visited-count strong{color:var(--cream);font-family:Georgia,serif;font-size:2rem;font-weight:400;display:block}.completion-actions{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:24px;display:flex}.error-text{color:var(--error)!important}.storage-warning{background:var(--panel);border:1px solid var(--border);border-radius:10px;margin-top:16px;padding:14px 18px;font-size:.82rem}.notice{opacity:0;pointer-events:none;z-index:10;background:var(--button);color:var(--button-text);border-radius:14px;max-width:min(90vw,600px);padding:14px 24px;transition:opacity .15s,transform .15s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);box-shadow:0 8px 30px #0003}.notice.visible{opacity:1;transform:translate(-50%)}dialog{border:1px solid var(--border-strong);background:var(--panel);color:var(--text);border-radius:20px;width:min(550px,90vw);padding:28px}dialog::backdrop{background:#0009}dialog textarea{resize:vertical;overflow-wrap:anywhere;height:130px;margin:20px 0}dialog h2{font-size:1.4rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:20;background:var(--button);color:var(--button-text);padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}main:focus{outline:none}@media (width>=1500px){.page{width:min(1200px,100% - 100px)}.hero{padding-top:70px;padding-bottom:65px}}@media (width<=800px){.page{width:calc(100% - 40px)}.hero{grid-template-columns:1.2fr 1fr;min-height:360px;padding:40px 0}.hero-art img{width:125%}.hero h1{font-size:clamp(2.5rem,6vw,4rem)}.setup-panel{padding:26px}.setup-grid{gap:14px}.home-bottom{grid-template-columns:1fr 190px;gap:22px}.library-invite{padding-left:22px}.resume-panel form{flex-wrap:wrap}.directory-filters{grid-template-columns:1fr 1fr}}@media (width<=560px){.page{width:calc(100% - 32px)}.site-header{gap:10px;min-height:88px}.brand{gap:12px;font-size:2rem}.brand small{font-size:.9rem}.brand>svg{width:44px;height:44px}.site-header nav{gap:12px}.nav-link{font-size:.75rem}.theme-button{width:44px;height:44px}.hero{grid-template-columns:1fr;gap:10px;padding:30px 0 24px}.hero-copy{z-index:1;position:relative}.hero .eyebrow{margin-bottom:12px;font-size:.58rem}.hero h1{margin-bottom:12px;font-size:3rem}.hero .intro{max-width:340px;margin-top:10px;font-size:.88rem}.hero-link{margin-top:8px}.quiet-note{margin-top:2px;font-size:.62rem}.hero-art{justify-content:flex-end;height:225px;margin-top:-15px}.hero-art img{width:330px;max-width:100%;height:250px}.art-caption{width:290px;bottom:0;left:auto}.setup-panel{border-radius:18px;padding:22px 20px}.section-heading{margin-bottom:20px}.section-heading h2{font-size:1.6rem}.section-heading p:not(.eyebrow){font-size:.75rem}.shell-stamp{width:44px;height:44px}.shell-stamp svg{width:28px}.setup-grid{grid-template-columns:1fr 1fr;gap:16px}.setup-grid label:nth-child(2){grid-area:2/1/auto/3}.setup-grid label:nth-child(3){grid-area:1/2}.advanced-grid{grid-template-columns:1fr;gap:16px}.start-row{flex-direction:column;align-items:stretch;gap:12px;padding-top:16px}.start-row p{font-size:.68rem}.primary,.secondary{padding:12px 16px}.continue-panel{flex-direction:column;align-items:stretch;gap:8px}.continue-panel span{text-align:center;font-size:.7rem}.home-bottom{grid-template-columns:1fr;gap:28px;margin-top:30px}.library-invite{border-left:none;border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:20px 0 0;display:flex}.library-invite .eyebrow{display:none}.library-invite p{font-size:1.6rem}.resume-panel h2{font-size:1.3rem}.resume-panel form{flex-wrap:nowrap}.resume-panel form button{padding:8px 10px;font-size:.7rem}.resume-panel input{min-width:0;font-size:.8rem}.reader{margin-top:16px}.reader-top{flex-wrap:wrap;gap:8px}.reader-top .text-link{min-height:36px}.reader-mode{font-size:.65rem}.position{font-size:.7rem}.pearls{gap:8px;max-width:100%;margin:10px auto 16px}.pearls span{width:7px;height:7px}.flashcard{border-radius:18px;min-height:310px;padding:22px 18px}.word{margin:0 0 8px;font-size:clamp(4.5rem,19vw,7rem)}.long-word{font-size:clamp(3.2rem,12vw,4.6rem)}.segments{gap:10px;font-size:clamp(2rem,8vw,2.8rem)}.parent-tip{margin-top:14px;font-size:.7rem}.silent-note{font-size:.65rem}.reveal-controls{gap:10px;min-height:70px}.reveal-controls button{min-height:44px;font-size:.73rem}.reading-navigation{gap:12px}.reading-navigation button{min-height:52px;font-size:.9rem}.reader-secondary{gap:8px;margin-top:8px}.reader-secondary>.text-button{white-space:nowrap;padding:10px 4px;font-size:.65rem}.reader-tools{grid-template-columns:1fr;gap:12px;padding:12px}.reader-tools label,.reader-tools button{font-size:.7rem}.reading-page footer{margin-top:16px;padding-top:16px}.reading-page footer>p{font-size:.62rem}.directory{padding:30px 0}.directory h1{font-size:2.5rem}.directory .intro{font-size:.85rem}.directory-filters{gap:12px;margin-top:24px}.directory-filters label{font-size:.7rem}.directory-filters select{padding:10px;font-size:.78rem}.word-table th,.word-table td{padding:10px 8px}.completion,.error-page{min-height:65vh;margin:30px auto}.completion-actions{flex-direction:column;width:100%}.completion .intro,.error-page .intro{font-size:.9rem}footer{margin-top:32px}footer>p{font-size:.65rem}}@media (width<=380px){.site-header nav{gap:8px}.hero h1{font-size:2.6rem}.reader-top{justify-content:space-between}.reader-mode{text-align:left;order:3;width:100%;margin-top:-5px}.flashcard{min-height:280px}.parent-tip{font-size:.65rem}.segments{gap:7px}.reader-secondary summary{font-size:.65rem}.reader-tools{padding:8px}.setup-panel{padding:18px 16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.reading-navigation button{overflow-wrap:anywhere;min-width:0}input,select,textarea{min-width:0}.theme-button{flex:none;justify-content:center;align-items:center;display:inline-flex}.theme-button svg{width:22px;height:22px}h1,h2,.directory-word{overflow-wrap:anywhere}.directory-filters>label{min-width:0}.card-content{display:contents}.flashcard.is-translating .card-content{visibility:hidden}.translation-flash{flex-direction:column;justify-content:center;align-items:center;padding:26px;display:flex;position:absolute;inset:0}.translation-flash[hidden]{display:none}.translation-word{overflow-wrap:anywhere;font-size:clamp(2rem,8vw,5rem)}.reveal-controls{flex-wrap:wrap;gap:8px;padding:12px 0}.parent-hint{color:var(--muted);border:0;max-width:540px;font-size:.78rem}.parent-hint summary{text-underline-offset:4px;font-size:.75rem;font-weight:400;text-decoration:underline}.language-switch{align-items:center;gap:2px;max-width:100%;display:flex}.language-button{min-width:24px;min-height:32px;color:var(--muted);letter-spacing:.04em;overflow-wrap:anywhere;background:0 0;border:0;padding:3px 4px;font-size:.65rem}.language-button[aria-pressed=true]{color:var(--text);text-underline-offset:4px;text-decoration:underline}.language-button:hover{color:var(--text)}.site-header nav{gap:20px;padding-right:8px}.nav-icon{width:24px;height:24px;display:none}@media (width<=800px){.site-header{grid-template-columns:minmax(0,1fr) auto;row-gap:10px;padding:20px 0 14px;display:grid}.site-header .brand{grid-column:1/-1}.site-header nav{flex-wrap:wrap;grid-column:1/-1;justify-self:end;max-width:100%}}@media (width<=560px){.site-header{gap:6px}.site-header nav{gap:8px;padding-right:4px}.brand small{max-width:100%}.site-header .nav-text{display:none}.site-header .nav-icon{display:block}.site-header .nav-link{min-height:32px}.site-header .theme-button{width:32px;height:32px}.site-header .theme-button svg{width:18px;height:18px}}.story-selector{align-items:center;gap:12px;margin-bottom:20px;display:flex}.story-arrow{border:1px solid var(--border-strong);width:36px;min-height:36px;color:var(--text);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;display:inline-flex}.story-arrow:hover{background:var(--hover)}.story-position{color:var(--muted);font-size:.75rem}.story-hero h1{margin-bottom:24px;font-size:clamp(2.2rem,4vw,3.5rem)}.story-text{font-size:clamp(1.4rem,2vw,1.7rem);line-height:1.65}.story-text p+p{margin-top:.8em}.story-hero .hero-art{align-self:center}@media (width<=560px){.story-hero .hero-art{margin-top:12px}}.bubble-celebration{pointer-events:none;background:radial-gradient(ellipse at 50% 45%, var(--glow), transparent 70%);flex:none;width:min(100%,360px);height:210px;margin:0 0 22px;position:relative}.celebration-stars{width:100%;height:80px;color:var(--cream);position:absolute;inset:0 0 auto}.celebration-bubbles{position:absolute;inset:0;overflow:hidden}.celebration-bubble{left:var(--x);width:var(--size);height:var(--size);border:1px solid var(--mint);background:radial-gradient(circle at 30% 25%, var(--cream) 0 4%, transparent 13%), linear-gradient(135deg, transparent, var(--glow));box-shadow:inset 0 0 8px var(--glow);opacity:.65;transform:translateY(var(--rest));animation:3.4s ease-out both ocean-bubble-rise;animation-delay:var(--delay);border-radius:50%;position:absolute;bottom:27px}.celebration-bubble:first-child{--x:21%;--size:19px;--rest:-44px;--drift:12px;--delay:0s}.celebration-bubble:nth-child(2){--x:35%;--size:11px;--rest:-95px;--drift:-15px;--delay:.15s}.celebration-bubble:nth-child(3){--x:60%;--size:25px;--rest:-38px;--drift:17px;--delay:.3s}.celebration-bubble:nth-child(4){--x:48%;--size:16px;--rest:-122px;--drift:-8px;--delay:.45s}.celebration-bubble:nth-child(5){--x:73%;--size:12px;--rest:-79px;--drift:-18px;--delay:.6s}.celebration-bubble:nth-child(6){--x:28%;--size:9px;--rest:-120px;--drift:10px;--delay:.75s}.celebration-bubble:nth-child(7){--x:56%;--size:10px;--rest:-82px;--drift:-12px;--delay:.9s}.celebration-bubble:nth-child(8){--x:43%;--size:21px;--rest:-61px;--drift:13px;--delay:1.05s}.celebration-shell{width:56px;height:56px;color:var(--pink);position:absolute;bottom:0;left:calc(50% - 28px)}.celebration-sea{width:100%;height:30px;color:var(--border-strong);position:absolute;bottom:0;left:0}@keyframes ocean-bubble-rise{0%{opacity:0;transform:translateY(12px)scale(.6)}15%{opacity:.8}60%{opacity:.75;transform:translate(calc(var(--drift) * -.5), -76px) scale(1)}to{opacity:.45;transform:translate(var(--drift), -138px) scale(.8)}}.necklace-link{width:36px;height:36px;color:var(--pink);padding:2px}.necklace-link svg{width:32px;height:28px}.hero-promise{color:var(--cream);font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.5}.hero-necklace{justify-content:center;align-items:center;gap:.7rem;margin-top:.5rem;font-size:1rem;display:flex}.hero-necklace svg{width:48px;height:40px;color:var(--pink)}.rescue-completion{max-width:850px;margin-inline:auto}.rescue-completion>h1{font-size:clamp(1.7rem,4vw,2.6rem)}.rescue-celebration{height:170px;margin-bottom:-10px}.bubble-sparkles{color:var(--cream);letter-spacing:1rem;font-size:2rem;display:block}.rescue-story{text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:36px;max-width:760px;margin:2rem auto;padding:clamp(1rem,4vw,2.5rem)}.animal-stamp{filter:drop-shadow(0 7px 15px #102d4022);width:128px;height:128px;margin:0 auto 1rem;display:block}.rescue-story>.animal-stamp{width:clamp(110px,20vw,170px);height:auto}.rescue-story h2{margin:.5rem 0 1.5rem;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.25}.rescue-story .story-text{text-align:left;font-size:clamp(1.3rem,2.6vw,1.75rem);line-height:1.7}.pearl-earned{color:var(--mint);font-size:1.1rem}.necklace-page{text-align:center;max-width:1000px;margin-inline:auto}.necklace-page>h1{margin-bottom:1rem;font-size:clamp(2.2rem,6vw,4rem)}.collection-totals{justify-content:center;gap:clamp(1rem,4vw,3rem);margin:2rem 0 1rem;display:flex}.collection-totals div{flex-direction:column-reverse;flex:1;max-width:190px;display:flex}.collection-totals dt{color:var(--muted);font-size:.85rem}.collection-totals dd{color:var(--cream);margin:0 0 .5rem;font-family:Georgia,serif;font-size:clamp(1.5rem,4vw,2.5rem)}.bubble-tally{min-height:78px;color:var(--muted);font-size:.9rem}.bubble-tally p{margin:.4rem}.bubble-tally button{padding:.4rem .7rem;font-size:.85rem}.necklace-display{aspect-ratio:2;background:radial-gradient(ellipse at 50% 35%, var(--glow), transparent 70%);border-radius:44px;width:100%;min-height:280px;margin:1rem 0;position:relative}.necklace-thread{width:100%;height:100%;color:var(--cream);opacity:.7;position:absolute;inset:0}.necklace-bead{left:var(--bead-x);top:var(--bead-y);aspect-ratio:1;border-radius:50%;width:clamp(36px,6.4vw,74px);transition:filter .2s;position:absolute;transform:translate(-50%,-50%)}.necklace-bead:hover{filter:drop-shadow(0 0 10px var(--pink))}.necklace-bead .animal-stamp{width:100%;height:auto;margin:0}.bead-number{width:100%;color:var(--muted);font-size:.7rem;position:absolute;bottom:-19px;left:0}.empty-bead{border:1px dashed var(--border-strong);background:radial-gradient(circle at 30% 25%, var(--glow), transparent);opacity:.65;width:clamp(20px,3vw,35px)}.strand-navigation{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin:1rem 0;display:flex}.strand-navigation p{color:var(--muted);font-size:.9rem}.collection-privacy{max-width:650px;color:var(--muted);margin:2rem auto;font-size:.85rem;line-height:1.7}.lifetime-bubbles{pointer-events:none;z-index:5;position:fixed;inset:0;overflow:hidden}.lifetime-bubble{border:1px solid var(--mint);background:radial-gradient(circle at 30% 25%,#fff7dc99,#0000 40%),linear-gradient(135deg,#edc9d72a,#a1dedb20);border-radius:50%;animation:1.9s ease-out both lifetime-rise;display:block;position:absolute;bottom:-65px}@keyframes lifetime-rise{0%{opacity:0;transform:translateY(0)}15%{opacity:.65}to{opacity:.15;transform:translate(25px,-115vh)}}@media (width<=600px){.necklace-display{aspect-ratio:auto;grid-template-columns:repeat(5,1fr);align-content:start;gap:2.4rem .35rem;min-height:240px;padding:1rem .5rem 3rem;display:grid}.necklace-thread{display:none}.necklace-bead{justify-self:center;width:100%;max-width:60px;position:relative;top:auto;left:auto;transform:none}.necklace-bead:nth-child(5n+3),.necklace-bead:nth-child(5n+5){margin-top:18px}.necklace-bead:nth-child(5n+4){margin-top:28px}.necklace-bead:before{content:"";background:var(--cream);z-index:-1;opacity:.5;width:calc(100% + 12px);height:1px;position:absolute;top:50%;left:-6px}.empty-bead{align-self:center;width:30px}.rescue-story{border-radius:24px}.collection-totals{gap:.5rem}.collection-totals dt{font-size:.75rem}.rescue-completion .completion-actions{flex-direction:column}}@media (prefers-reduced-motion:reduce){.lifetime-bubbles{display:none}.rescue-celebration .celebration-bubble{opacity:.65}}.necklace-bead[data-bead-index="0"]{--bead-x:6%;--bead-y:17%}.rescue-celebration .celebration-bubble[data-bubble-index="0"]{--x:10%;--size:12px;--rest:-70px;--drift:-8px;--delay:0s}.necklace-bead[data-bead-index="1"]{--bead-x:15.78%;--bead-y:23.16%}.rescue-celebration .celebration-bubble[data-bubble-index="1"]{--x:41%;--size:19px;--rest:-70px;--drift:9px;--delay:75ms}.necklace-bead[data-bead-index="2"]{--bead-x:25.56%;--bead-y:28.57%}.rescue-celebration .celebration-bubble[data-bubble-index="2"]{--x:72%;--size:26px;--rest:-70px;--drift:-10px;--delay:.15s}.necklace-bead[data-bead-index="3"]{--bead-x:35.34%;--bead-y:32.59%}.rescue-celebration .celebration-bubble[data-bubble-index="3"]{--x:23%;--size:16px;--rest:-70px;--drift:11px;--delay:.225s}.necklace-bead[data-bead-index="4"]{--bead-x:45.12%;--bead-y:34.73%}.rescue-celebration .celebration-bubble[data-bubble-index="4"]{--x:54%;--size:23px;--rest:-70px;--drift:-12px;--delay:.3s}.necklace-bead[data-bead-index="5"]{--bead-x:54.9%;--bead-y:34.73%}.rescue-celebration .celebration-bubble[data-bubble-index="5"]{--x:85%;--size:13px;--rest:-70px;--drift:13px;--delay:.375s}.necklace-bead[data-bead-index="6"]{--bead-x:64.68%;--bead-y:32.59%}.rescue-celebration .celebration-bubble[data-bubble-index="6"]{--x:36%;--size:20px;--rest:-70px;--drift:-14px;--delay:.45s}.necklace-bead[data-bead-index="7"]{--bead-x:74.46%;--bead-y:28.57%}.rescue-celebration .celebration-bubble[data-bubble-index="7"]{--x:67%;--size:27px;--rest:-70px;--drift:15px;--delay:.525s}.necklace-bead[data-bead-index="8"]{--bead-x:84.24%;--bead-y:23.16%}.rescue-celebration .celebration-bubble[data-bubble-index="8"]{--x:18%;--size:17px;--rest:-70px;--drift:-16px;--delay:.6s}.necklace-bead[data-bead-index="9"]{--bead-x:94.02%;--bead-y:17%}.rescue-celebration .celebration-bubble[data-bubble-index="9"]{--x:49%;--size:24px;--rest:-70px;--drift:17px;--delay:.675s}.necklace-bead[data-bead-index="10"]{--bead-x:6%;--bead-y:60%}.rescue-celebration .celebration-bubble[data-bubble-index="10"]{--x:80%;--size:14px;--rest:-70px;--drift:-18px;--delay:.75s}.necklace-bead[data-bead-index="11"]{--bead-x:15.78%;--bead-y:66.16%}.rescue-celebration .celebration-bubble[data-bubble-index="11"]{--x:31%;--size:21px;--rest:-70px;--drift:19px;--delay:.825s}.necklace-bead[data-bead-index="12"]{--bead-x:25.56%;--bead-y:71.57%}.rescue-celebration .celebration-bubble[data-bubble-index="12"]{--x:62%;--size:28px;--rest:-70px;--drift:-20px;--delay:.9s}.necklace-bead[data-bead-index="13"]{--bead-x:35.34%;--bead-y:75.59%}.rescue-celebration .celebration-bubble[data-bubble-index="13"]{--x:13%;--size:18px;--rest:-70px;--drift:21px;--delay:.975s}.necklace-bead[data-bead-index="14"]{--bead-x:45.12%;--bead-y:77.73%}.rescue-celebration .celebration-bubble[data-bubble-index="14"]{--x:44%;--size:25px;--rest:-70px;--drift:-22px;--delay:1.05s}.necklace-bead[data-bead-index="15"]{--bead-x:54.9%;--bead-y:77.73%}.rescue-celebration .celebration-bubble[data-bubble-index="15"]{--x:75%;--size:15px;--rest:-70px;--drift:8px;--delay:1.125s}.necklace-bead[data-bead-index="16"]{--bead-x:64.68%;--bead-y:75.59%}.rescue-celebration .celebration-bubble[data-bubble-index="16"]{--x:26%;--size:22px;--rest:-70px;--drift:-9px;--delay:1.2s}.necklace-bead[data-bead-index="17"]{--bead-x:74.46%;--bead-y:71.57%}.rescue-celebration .celebration-bubble[data-bubble-index="17"]{--x:57%;--size:12px;--rest:-70px;--drift:10px;--delay:1.275s}.necklace-bead[data-bead-index="18"]{--bead-x:84.24%;--bead-y:66.16%}.rescue-celebration .celebration-bubble[data-bubble-index="18"]{--x:88%;--size:19px;--rest:-70px;--drift:-11px;--delay:1.35s}.necklace-bead[data-bead-index="19"]{--bead-x:94.02%;--bead-y:60%}.rescue-celebration .celebration-bubble[data-bubble-index="19"]{--x:39%;--size:26px;--rest:-70px;--drift:12px;--delay:1.425s}.rescue-hero .hero-copy{min-width:0}.rescue-hero h1{overflow-wrap:anywhere}.reader-secondary>[data-action=pause]{white-space:normal;max-width:100%}.hero-necklace{white-space:normal;overflow-wrap:anywhere;min-width:0}.hero-necklace svg{flex-shrink:0}.rescue-hero .hero-art{flex-direction:column;justify-content:center;min-width:0;height:auto;margin-top:0}.rescue-hero .hero-art img{width:100%;max-width:520px;height:auto}.pearl-joining{color:var(--pink);justify-content:center;align-items:center;gap:1.5rem;margin:1rem 0;display:flex}.pearl-joining .animal-stamp{width:60px;height:60px;margin:0;animation:1.4s ease-out both pearl-join}.pearl-joining>svg{width:80px;height:68px}@keyframes pearl-join{0%{opacity:.2;transform:translate(-25px,-12px)scale(.7)}to{opacity:1;transform:translate(0)scale(1)}}