:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--page:#f7f8fc;--surface:#fff;--surface-raised:#fff;--text:#172033;--muted:#5f6879;--border:#dfe3eb;--border-strong:#b9c1cf;--accent:#6552b8;--accent-soft:#6552b82e;--input-bg:#fff;--countdown-purple:#5a2583;--countdown-yellow:#ffe25c;--danger:#a72536;--danger-soft:#ffe9ec;--success-soft:#e2f7eb;--shadow-md:0 18px 50px #272d411a;--shadow-lg:0 28px 70px #272d412e;background:#f7f8fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color:#f4f6fb;--page:#11141c;--surface:#191e29;--surface-raised:#202633;--text:#f4f6fb;--muted:#b2bac9;--border:#303848;--border-strong:#566176;--accent:#b8a7ff;--accent-soft:#b8a7ff2e;--input-bg:#121722;--danger:#ff9aa7;--danger-soft:#3d2027;--success-soft:#173a2a;--shadow-md:0 18px 50px #00000047;--shadow-lg:0 28px 70px #0006;background:#11141c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:4.5rem}body{background:var(--page);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,textarea,select{font:inherit}button,a{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{line-height:1.15}button,a{transition:background-color .16s,border-color .16s,color .16s,opacity .16s,transform .16s}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.65rem;font-size:.78rem;font-weight:800}.section-heading{max-width:48rem}.section-heading h2{margin-bottom:.75rem}.section-heading>p:last-child{color:var(--muted);margin-bottom:0}.primary-button{justify-content:center;align-items:center;display:inline-flex}.status-message{color:var(--muted)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-nav.site-nav{z-index:100;background:rgb(from var(--surface) r g b / 92%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;width:100%;padding:.9rem clamp(1rem,4vw,3rem);display:grid;position:sticky;top:0}.site-nav>.brand-button{background:0 0;border:none;justify-self:start;align-items:center;gap:.75rem;padding:0;font-size:1rem;font-weight:700;display:flex}.site-nav .brand-mark{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:2.4rem;height:2.4rem;font-size:.9rem;font-weight:800;display:grid}.site-nav .brand-name{white-space:nowrap}.site-nav>.nav-links{justify-self:center;align-items:center;gap:.25rem;display:flex}.site-nav .nav-link{background:0 0;border:none;border-radius:999px;padding:.55rem .85rem;font-weight:600}.site-nav .nav-link:hover{background:var(--accent-soft)}.site-nav>.theme-toggle{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-md);border-radius:999px;justify-self:end;align-items:center;gap:.5rem;padding:.55rem .9rem;display:flex}.site-nav .theme-toggle:hover{border-color:var(--accent)}.site-nav .theme-label{font-weight:600}@media (width<=760px){.site-nav.site-nav{grid-template-columns:1fr auto;row-gap:1rem}.site-nav>.brand-button{justify-self:start}.site-nav>.theme-toggle{justify-self:end}.site-nav>.nav-links{flex-wrap:wrap;grid-column:1/-1;justify-content:center;justify-self:center;width:100%}}@media (width<=500px){.site-nav .theme-label{display:none}}.countdown{flex-wrap:wrap;gap:.75rem;margin:1.75rem 0;display:flex}.countdown-unit{border:2px solid var(--countdown-yellow);background:var(--countdown-purple);min-width:5.25rem;color:var(--countdown-yellow);text-align:center;border-radius:1rem;padding:.8rem 1rem;box-shadow:0 12px 30px #461c6e2e}.countdown-unit strong{font-variant-numeric:tabular-nums;font-size:clamp(1.4rem,3vw,2rem);line-height:1;display:block}.countdown-unit span{letter-spacing:.12em;text-transform:uppercase;margin-top:.35rem;font-size:.7rem;font-weight:800;display:block}:root{--pt-gap:5px;--pt-radius:.55rem;--pt-cell-text:#172033;--pt-assigned-bg:#aeb4bd;--pt-focus:#6552b8;--fam-alkali:#f4d2d4;--fam-alkaline:#cbf6f8;--fam-transition:#cbd5f8;--fam-post:#f7f7be;--fam-metalloid:#c6f4d4;--fam-nonmetal:#bcf975;--fam-halogen:#f0d875;--fam-noble:#f6add5;--fam-lanthanide:#a3d2f1;--fam-actinide:#f8bf8a}.periodic-wrapper{width:100%;max-width:1500px;margin:0 auto}.periodic-scroll-region{border-radius:1rem;width:100%;padding:.25rem .25rem 1.25rem;overflow-x:auto}.periodic-scroll-region:focus-visible{outline:3px solid var(--accent-soft)}.periodic-canvas{min-width:1060px}.periodic-group-labels{gap:var(--pt-gap);color:var(--muted);grid-template-columns:repeat(18,minmax(52px,1fr));margin-bottom:.45rem;font-size:.7rem;font-weight:750;display:grid}.periodic-group-labels span{text-align:center}.periodic-grid{gap:var(--pt-gap);grid-template-rows:repeat(9,64px);grid-template-columns:repeat(18,minmax(52px,1fr));display:grid}.cell{border-radius:var(--pt-radius);min-width:0;color:var(--pt-cell-text);-webkit-user-select:none;user-select:none;border:1px solid #17203329;grid-template-rows:auto 1fr auto;padding:.4rem .5rem;transition:transform .15s,box-shadow .15s,filter .15s;display:grid;position:relative;overflow:hidden}.cell.clickable{cursor:pointer}.cell.clickable:hover{z-index:2;transform:translateY(-3px)scale(1.04);box-shadow:0 10px 22px #141d312e}.cell:focus-visible{z-index:3;outline:3px solid var(--pt-focus);outline-offset:2px}.cell.family-alkali{background:var(--fam-alkali)}.cell.family-alkaline{background:var(--fam-alkaline)}.cell.family-transition{background:var(--fam-transition)}.cell.family-post-transition{background:var(--fam-post)}.cell.family-metalloid{background:var(--fam-metalloid)}.cell.family-nonmetal{background:var(--fam-nonmetal)}.cell.family-halogen{background:var(--fam-halogen)}.cell.family-noble{background:var(--fam-noble)}.cell.family-lanthanide{background:var(--fam-lanthanide)}.cell.family-actinide{background:var(--fam-actinide)}.cell.assigned{color:#4c5360;filter:grayscale(.75);background:var(--pt-assigned-bg)!important}.cell.assigned:after{content:"";pointer-events:none;background:linear-gradient(to bottom right,#0000 48.5%,#484e5980 49% 51%,#0000 51.5%);position:absolute;inset:0}.number{font-size:.68rem;font-weight:700}.symbol{place-self:center;font-size:1.2rem;line-height:1}.name{text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;font-weight:650;overflow:hidden}.row-label{color:var(--muted);align-items:center;gap:.3rem;padding-left:.25rem;font-size:.72rem;font-weight:700;display:flex}.spacer{opacity:0}.periodic-key{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-bottom:1.5rem;font-size:.82rem;font-weight:750;display:flex}.periodic-key-item{align-items:center;gap:.45rem;display:flex}.key-swatch{border:1px solid #1720332e;border-radius:.28rem;width:1rem;height:1rem}.available-swatch{background:var(--fam-nonmetal)}.assigned-swatch{background:var(--pt-assigned-bg)}:root[data-theme=dark] .cell.assigned{color:#2f3540}.claim-layout{grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);align-items:center;gap:clamp(2rem,6vw,5rem);max-width:900px;margin:0 auto;display:grid}.selected-element{aspect-ratio:1;background:var(--accent);color:#fff;border:1px solid var(--accent);box-shadow:var(--shadow-lg);border-radius:1rem;grid-template-rows:auto 1fr auto;padding:1.25rem;display:grid}.selected-element strong{place-self:center;font-size:clamp(4rem,10vw,7rem);line-height:1}.selected-element span:last-child{font-weight:800}.claim-form{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-md);border-radius:1.5rem;padding:clamp(1.5rem,4vw,2.5rem)}.claim-form h2{margin:.25rem 0 .75rem}.claim-form>p{color:var(--muted)}.claim-form label{gap:.45rem;margin-top:1.15rem;font-weight:750;display:grid}.claim-form input{box-sizing:border-box;border:1px solid var(--border-strong);background:var(--input-bg);width:100%;color:var(--text);font:inherit;border-radius:.75rem;padding:.8rem .9rem}.claim-form input:focus{border-color:var(--accent);outline:3px solid var(--accent-soft)}.claim-form input[aria-invalid=true]{border-color:var(--danger)}.field-error{color:var(--danger);font-size:.82rem;font-weight:650}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.form-message{border-radius:.85rem;margin-top:1.25rem;padding:1rem}.form-message.error{background:var(--danger-soft);color:var(--danger)}.form-message.success{background:var(--success-soft);color:var(--text)}@media (width<=680px){.claim-layout{grid-template-columns:1fr}.selected-element{justify-self:center;width:min(70vw,250px)}}.gallery-section{padding:clamp(4rem,7vw,6rem) clamp(1.25rem,5vw,5rem)}.gallery-heading{margin-bottom:2.5rem}.gallery-carousel{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(.5rem,2vw,1.25rem);width:min(100%,58rem);margin:0 auto;display:grid}.gallery-frame{background:var(--page);border:none;border-radius:1.5rem;width:100%;height:clamp(19rem,52vw,34rem);position:relative;overflow:hidden}.gallery-frame>.gallery-image{object-fit:contain;object-position:center;width:100%;height:100%;box-shadow:none;border-radius:0;padding:1rem;display:block;position:absolute;inset:0}.gallery-arrow{border:1px solid var(--border);background:var(--surface);width:3rem;height:3rem;color:var(--text);box-shadow:var(--shadow-md);border-radius:50%;place-items:center;padding:0;font-size:1.35rem;display:grid}.gallery-arrow:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.gallery-arrow:active{transform:translateY(0)}.gallery-footer{justify-content:center;align-items:center;gap:1rem;min-height:2.5rem;margin-top:1.25rem;display:flex}.gallery-count{min-width:3.25rem;color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:.9rem}.gallery-dots{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.gallery-dot{background:var(--border-strong);border:0;border-radius:50%;width:.55rem;height:.55rem;padding:0}.gallery-dot:hover{background:var(--accent);transform:scale(1.2)}.gallery-dot-active{background:var(--accent);border-radius:999px;width:1.5rem}@media (width<=640px){.gallery-section{padding-inline:1rem}.gallery-carousel{display:block;position:relative}.gallery-frame{border-radius:1.1rem;height:clamp(18rem,105vw,29rem)}.gallery-arrow{z-index:1;width:2.75rem;height:2.75rem;position:absolute;top:50%;transform:translateY(-50%)}.gallery-arrow:hover{transform:translateY(-50%)}.gallery-arrow-previous{left:.75rem}.gallery-arrow-next{right:.75rem}.gallery-footer{flex-direction:column;gap:.65rem}}.about-section{padding:clamp(4.5rem,9vw,8rem) clamp(1rem,4vw,3rem);overflow:hidden}.about-shell{width:min(72rem,100%);margin:0 auto}.about-header{max-width:52rem;margin-bottom:clamp(2.5rem,5vw,4rem);position:relative}.about-kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.78rem;font-weight:800;display:flex}.about-kicker span{aspect-ratio:1;letter-spacing:0;text-transform:none;border:2px solid;border-radius:.35rem;place-items:center;width:2.5rem;font-size:.95rem;display:grid}.about-header h2{letter-spacing:-.04em;max-width:18ch;margin-bottom:1.25rem;font-size:clamp(2.25rem,4.5vw,4rem);line-height:1}.about-header h2 span{color:var(--accent);letter-spacing:-.02em;margin-top:.2em;font-size:.58em;line-height:1.1;display:block}.about-lead{max-width:46rem;color:var(--muted);margin-bottom:0;font-size:clamp(1.05rem,1.7vw,1.2rem);line-height:1.65}.about-story{grid-template-columns:minmax(9rem,.45fr) minmax(0,1.55fr);align-items:start;gap:clamp(2rem,5vw,4.5rem);margin-bottom:clamp(3.5rem,7vw,5.5rem);display:grid}.about-story-marker{color:var(--accent);flex-direction:column;align-items:flex-start;display:flex;position:sticky;top:7rem}.about-story-marker span{letter-spacing:-.06em;font-size:clamp(4rem,8vw,6.5rem);font-weight:850;line-height:.9}.about-story-marker small{max-width:8rem;color:var(--muted);letter-spacing:.07em;text-transform:uppercase;margin-top:.65rem;font-size:.75rem;font-weight:800;line-height:1.3}.about-story-copy{padding-top:.25rem}.about-story-copy p{margin-bottom:1.4rem;font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.8}.about-story-copy p:last-child{margin-bottom:0}.about-history{color:var(--text);padding-left:1.5rem;font-weight:750;position:relative;margin-bottom:2rem!important;font-size:clamp(1.35rem,2.7vw,2rem)!important;line-height:1.35!important}.about-history:before{content:"";background:var(--accent);border-radius:999px;width:.35rem;position:absolute;top:.15em;bottom:.15em;left:0}.about-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,3rem);margin-bottom:clamp(3rem,7vw,5rem);display:grid}.about-panel{border-top:.25rem solid var(--accent);border-radius:.75rem;padding:clamp(1.75rem,4vw,2.5rem) clamp(1.5rem,3vw,2.25rem);position:relative}.participate-panel{background:var(--accent-soft);transform:none}.family-reminder{font-style:italic}.contact-panel{background:var(--surface-raised);border-right:1px solid var(--border);border-bottom:1px solid var(--border);border-left:1px solid var(--border);transform:none}.about-panel-heading{align-items:flex-start;gap:1.25rem;margin-bottom:1.6rem;display:flex}.about-panel-number{color:var(--accent);letter-spacing:.08em;font-size:.85rem;font-weight:900}.about-panel-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.3rem;font-size:.72rem;font-weight:800}.about-panel h3{letter-spacing:-.035em;margin-bottom:0;font-size:clamp(1.7rem,3vw,2.5rem)}.about-panel>p{margin-bottom:1.2rem;font-size:1.02rem;line-height:1.7}.about-action{color:var(--accent);border-bottom:2px solid;align-items:center;gap:.7rem;margin-top:.75rem;padding-bottom:.25rem;font-weight:800;text-decoration:none;display:inline-flex}.about-action span{transition:transform .16s}.about-action:hover span{transform:translate(.3rem)}.contact-email{color:var(--accent);overflow-wrap:anywhere;margin:.4rem 0 1.5rem;font-size:clamp(1rem,2vw,1.25rem);font-weight:800;display:inline-block}.about-socials{flex-wrap:wrap;gap:.75rem;display:flex}.about-socials a{border:1px solid var(--border-strong);border-radius:999px;padding:.55rem .9rem;font-weight:700;text-decoration:none}.about-socials a:hover{border-color:var(--accent);background:var(--accent-soft)}.about-invitation{border:2px dashed var(--border-strong);border-radius:1rem;grid-template-columns:auto 1fr;align-items:center;gap:clamp(1rem,3vw,2rem);max-width:58rem;margin-left:auto;padding:clamp(1.25rem,3vw,2rem);display:grid;transform:none}.about-invitation-symbol{aspect-ratio:1;background:var(--accent);color:#fff;border-radius:.5rem;place-items:center;width:clamp(3.5rem,7vw,4.5rem);font-size:clamp(1.2rem,3vw,1.6rem);font-weight:900;display:grid;transform:none}.about-invitation p{margin-bottom:0;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.5}.about-invitation strong{color:var(--accent)}@media (width<=760px){.about-header h2{max-width:15ch}.about-story{grid-template-columns:1fr;gap:1.75rem}.about-story-marker{flex-direction:row;align-items:end;gap:1rem;position:static}.about-story-marker span{font-size:clamp(3.75rem,17vw,5.5rem)}.about-story-marker small{margin-bottom:.25rem}.about-details{grid-template-columns:1fr}.about-invitation{margin-left:0}}@media (width<=500px){.about-section{padding-inline:1rem}.about-header h2{font-size:clamp(2.15rem,11vw,3.2rem)}.about-panel-heading{gap:.8rem}.about-invitation{grid-template-columns:1fr}.about-invitation-symbol{width:3.5rem}}#root{min-height:100vh}.app-shell{background:var(--page);min-height:100vh}.hero-section{grid-template-columns:minmax(0,1fr) minmax(350px,.9fr);align-items:center;gap:clamp(2rem,7vw,7rem);max-width:1500px;min-height:calc(100vh - 3.6rem);margin:0 auto;padding:clamp(3rem,8vw,7rem) clamp(1.25rem,5vw,5rem);display:grid}.eyebrow{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:900}h1,h2,h3,p{overflow-wrap:break-word}h1{letter-spacing:-.055em;max-width:780px;margin:.6rem 0 1rem;font-size:clamp(3rem,8vw,6.8rem);line-height:.94}h2{letter-spacing:-.04em;font-size:clamp(2rem,5vw,3.6rem);line-height:1}.hero-intro{max-width:650px;color:var(--muted);font-size:clamp(1.05rem,2vw,1.3rem)}.primary-button,.secondary-button{cursor:pointer;border-radius:.8rem;padding:.8rem 1rem;font-weight:850}.primary-button{border:1px solid var(--accent);background:var(--accent);color:var(--page)}:root[data-theme=dark] .primary-button{color:#15121d}.primary-button:hover{transform:translateY(-1px)}.primary-button:disabled{cursor:wait;opacity:.7}.secondary-button{border:1px solid var(--border-strong);color:var(--text);background:0 0}.hero-banner{border:1px solid var(--border);background:var(--surface);min-height:0;box-shadow:var(--shadow-lg);border-radius:2rem;position:relative;overflow:hidden}.hero-banner img{width:100%;height:auto;display:block}.table-section,.claim-section{padding:clamp(4rem,9vw,8rem) clamp(1rem,4vw,4rem)}.table-section{border-top:1px solid var(--border);background:var(--surface)}.claim-section{border-top:1px solid var(--border)}.section-heading{text-align:center;max-width:760px;margin:0 auto 2.5rem}.section-heading h2{margin:.45rem 0 1rem}.section-heading p:last-child,.status-message{color:var(--muted)}.status-message{text-align:center}.site-footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:1rem;padding:2rem clamp(1rem,4vw,4rem);font-size:.85rem;display:flex}@media (width<=900px){.hero-section{grid-template-columns:1fr;min-height:auto}.hero-banner{max-height:650px}}@media (width<=620px){.hero-section{padding-top:3rem}.hero-banner{border-radius:1.25rem}.site-footer{flex-direction:column}}