@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&family=Source+Serif+4:ital,wght@0,400;0,500;1,400;1,500&display=swap";:root{--radius:1rem;--black:0 0% 0%;--white:0 0% 100%;--muted:0 0% 72%}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:hsl(var(--black));color:hsl(var(--white));font-family:Poppins,sans-serif}.expired-letter-screen{background:#000;place-items:center;min-height:100vh;padding:1.5rem;display:grid}.expired-letter-content{text-align:center;gap:1.25rem;width:min(43rem,100%);animation:.75s cubic-bezier(.16,1,.3,1) both expired-letter-enter;display:grid}.expired-letter-kicker{color:#ffffff7a;letter-spacing:.14em;text-transform:uppercase;font-size:clamp(.62rem,.58rem + .2vw,.73rem)}.expired-letter-content h1{color:#fff;letter-spacing:-.05em;max-width:41rem;margin:0 auto;font-size:clamp(1.85rem,4.4vw,3.45rem);line-height:1.12}.expired-letter-note{color:#ffffffa8;max-width:33rem;margin:.2rem auto 0;font-family:"Source Serif 4",serif;font-size:clamp(1rem,1.5vw,1.2rem);font-style:italic;line-height:1.55}@keyframes expired-letter-enter{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}button,a{color:inherit;font:inherit}button{cursor:pointer}@layer components{.liquid-glass,.liquid-glass-strong{isolation:isolate;border:none;position:relative;overflow:hidden}.liquid-glass{background-blend-mode:luminosity;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff03;box-shadow:inset 0 1px 1px #ffffff1a}.liquid-glass-strong{background-blend-mode:luminosity;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:#ffffff03;box-shadow:4px 4px 4px #0000000d,inset 0 1px 1px #ffffff26}.liquid-glass:before,.liquid-glass-strong:before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;-webkit-mask-composite:xor;padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.liquid-glass:before{background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#0000 40% 60%,#ffffff26 80%,#ffffff73 100%)}.liquid-glass-strong:before{background:linear-gradient(#ffffff80 0%,#fff3 20%,#0000 40% 60%,#fff3 80%,#ffffff80 100%)}}.landing{min-height:100vh;position:relative;overflow:hidden}.landing--message{overflow:visible}.video-bg,.video-scrim{width:100%;height:100%;position:fixed;inset:0}.video-bg{object-fit:cover;z-index:0}.video-scrim{z-index:1;background:linear-gradient(90deg,#00000042,#00000008)}.page-grid{z-index:10;min-height:100vh;padding:1rem;display:flex;position:relative}.left-panel{flex-direction:column;width:100%;min-height:calc(100vh - 2rem);padding:1.4rem;display:flex;position:relative}.left-glass{border-radius:1.5rem;position:absolute;inset:0}.header,.hero-copy,.vision-quote{z-index:1;position:relative}.header{justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:-.07em;align-items:center;gap:.58rem;font-size:1.5rem;font-weight:600;text-decoration:none;display:inline-flex}.logo-mark{object-fit:contain;width:2rem;height:2rem}.logo-mark--large{width:5rem;height:5rem}.lock-logo{object-fit:contain;opacity:0;width:5rem;height:5rem;animation:.7s cubic-bezier(.16,1,.3,1) .12s forwards lock-logo-enter;transform:translateY(.8rem)scale(.9)}@keyframes lock-logo-enter{to{opacity:1;transform:translateY(0)scale(1)}}.menu-button,.account-button,.explore-button{border-radius:999px;justify-content:center;align-items:center;gap:.55rem;transition:transform .25s;display:inline-flex}.menu-button{color:#fffc;padding:.58rem .84rem;font-size:.75rem}.menu-button:hover,.explore-button:hover{transform:scale(1.05)}.hero-copy{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.55rem;padding:3rem .5rem;display:flex}.hero-copy--message{justify-content:flex-start;padding:4rem .5rem 5rem}.unlocked-message{text-align:left;color:#ffffffd6;gap:1.35rem;width:min(48rem,100%);font-size:clamp(.92rem,1.35vw,1.08rem);line-height:1.82;animation:.7s cubic-bezier(.16,1,.3,1) both unlocked-message-enter;display:grid}.unlocked-message p{margin:0}.unlocked-message a{color:#fff;text-underline-offset:.18em}.unlocked-message a:hover{color:#ffffffb3}.music-button{color:#ffffffe6;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-self:start;align-items:center;gap:.55rem;margin-top:.55rem;padding:.48rem 1rem .48rem .48rem;font-size:.76rem;transition:transform .22s,background .22s;display:inline-flex}.music-button:hover{transform:scale(1.05)}.music-button:active{transform:scale(.96)}.music-button:focus-visible{outline-offset:3px;outline:2px solid #ffffffbf}.next-message-button{color:#fff;cursor:pointer;border:0;justify-self:center;margin-top:1.25rem}.next-message-button:focus-visible{outline-offset:4px;outline:2px solid #ffffffbf}.message-reply-stage{align-content:start;animation:.65s cubic-bezier(.16,1,.3,1) both reply-stage-enter}.reply-kicker{color:#ffffff80;letter-spacing:.16em;text-transform:uppercase;font-size:.63rem}.message-reply-stage h2{color:#fff;letter-spacing:-.045em;max-width:29rem;font-size:clamp(1.65rem,4vw,2.6rem);line-height:1.08}.message-reply-stage h2 em{color:#ffffffc2;font-family:"Source Serif 4",serif;font-weight:400}.reply-form{justify-items:start;gap:.75rem;width:min(35rem,100%);margin-top:.25rem;display:grid}.reply-form label{width:100%}.reply-form textarea{resize:vertical;color:#ffffffe6;width:100%;min-height:8.5rem;font:inherit;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0003;border:0;border-radius:1rem;outline:0;padding:.95rem 1rem;font-size:.86rem;line-height:1.6;box-shadow:inset 0 1px 1px #ffffff1f}.reply-form textarea::placeholder{color:#ffffff73}.reply-form textarea:focus{background:#ffffff14}.reply-form .music-button:disabled{opacity:.58;cursor:wait;transform:none}.reply-complete{color:#ffffffb8}.reply-error{color:#ffffffab;font-size:.72rem}@keyframes reply-stage-enter{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes unlocked-message-enter{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.welcome-intro{justify-items:center;gap:1.55rem;animation:.5s cubic-bezier(.16,1,.3,1) both welcome-intro-enter;display:grid}@keyframes welcome-intro-enter{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:translateY(0)}}.hero-copy h1 em{position:relative;top:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}h1{letter-spacing:-.05em;max-width:700px;font-size:clamp(3.4rem,6vw,5.2rem);line-height:.96}h1 em,.quote span{color:#fffc;font-family:"Source Serif 4",serif;font-weight:400}.explore-button{padding:.5rem 1.05rem .5rem .5rem;font-size:.82rem}.access-flow{opacity:0;flex-direction:column;place-items:center;gap:.8rem;animation:.65s cubic-bezier(.16,1,.3,1) .25s forwards access-flow-enter;display:flex;position:relative;transform:translateY(.8rem)}@keyframes access-flow-enter{to{opacity:1;transform:translateY(0)}}.password-step{opacity:0;flex-direction:column;align-items:center;width:min(34rem,84vw);max-height:0;transition:max-height .55s cubic-bezier(.16,1,.3,1),opacity .35s,transform .5s;display:flex;overflow:hidden;transform:translateY(-.65rem)scale(.97)}.access-flow--active .password-step{opacity:1;max-height:14rem;transform:translateY(0)scale(1)}.hint-copy{color:#f5f5f5;text-align:center;text-wrap:pretty;overflow-wrap:anywhere;gap:.3rem;width:100%;padding:.15rem 0 .75rem;font-size:clamp(.64rem,.53rem + .4vw,.82rem);line-height:clamp(1.45,1.35 + .15vw,1.6);display:grid}.hint-copy p span{letter-spacing:1px;font-family:"Source Serif 4",serif;font-style:italic;font-weight:600}.password-field{opacity:0;background:linear-gradient(#ffffff73,#ffffff1f);border-radius:999px;width:min(21rem,100%);padding:1px;transition:opacity .24s .2s,transform .35s cubic-bezier(.16,1,.3,1) .2s;display:block;transform:translateY(.35rem)}.access-flow--active .password-field{opacity:1;transform:translateY(0)}.password-field input{border-radius:inherit;color:#fff;width:100%;font:inherit;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);appearance:none;background:#0003;border:none;outline:none;padding:.72rem 1rem;font-size:.76rem}.password-field input::placeholder{color:#ffffff7a}.password-field input:focus{background:#ffffff14}.unlock-toast{z-index:5;color:#ffffffe0;border-radius:1rem;align-items:center;gap:.55rem;width:min(22rem,100vw - 2rem);padding:.72rem .9rem;font-size:clamp(.7rem,.62rem + .25vw,.78rem);line-height:1.4;animation:2.15s cubic-bezier(.16,1,.3,1) both unlock-toast;display:inline-flex;position:absolute;top:calc(100% + .7rem);left:50%;transform:translate(-50%,.55rem)scale(.97)}.unlock-toast svg{color:#ffffffb8;flex:none}.screenshot-notice-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;place-items:center;padding:1.25rem;animation:.25s both screenshot-backdrop-enter;display:grid;position:fixed;inset:0}.screenshot-notice{text-align:center;border-radius:1.5rem;align-content:center;justify-items:center;gap:1.15rem;width:min(20rem,100%);min-height:20rem;padding:2rem;animation:.45s cubic-bezier(.16,1,.3,1) both screenshot-notice-enter;display:grid}.screenshot-notice-icon{color:#ffffffe6;background:#ffffff1c;border-radius:999px;place-items:center;width:4rem;height:4rem;display:inline-grid}.screenshot-notice p{color:#ffffffeb;max-width:14rem;font-size:1rem;font-weight:500;line-height:1.45}.screenshot-notice-close{color:#ffffffe6;font:inherit;background:#ffffff24;border:0;border-radius:999px;padding:.62rem 1.2rem;font-size:.78rem;transition:transform .2s,background .2s}.screenshot-notice-close:hover{background:#fff3;transform:scale(1.05)}.screenshot-notice-close:focus-visible{outline-offset:3px;outline:2px solid #fff}@keyframes screenshot-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes screenshot-notice-enter{0%{opacity:0;transform:translateY(.8rem)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes unlock-toast{0%{opacity:0;transform:translate(-50%,.55rem)scale(.97)}14%,78%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-.25rem)scale(.98)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.button-icon,.feature-icon{background:#ffffff26;border-radius:999px;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:inline-flex}.pill-row{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.capability-pill{color:#fffc;border-radius:999px;padding:.5rem .8rem;font-size:.68rem}.vision-quote{text-align:center;margin-top:auto}.eyebrow{color:#ffffff80;text-transform:uppercase;letter-spacing:.15em;font-size:.6rem}.quote{margin:.55rem 0 1rem;font-size:clamp(1rem,1.45vw,1.25rem)}.quote--transition{animation:.4s cubic-bezier(.16,1,.3,1) both quote-change}@keyframes quote-change{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}.author{color:#fff9;letter-spacing:.17em;text-transform:uppercase;justify-content:center;align-items:center;gap:.65rem;font-size:.59rem;display:flex}.author i{background:#ffffff59;width:3rem;height:1px}@media (width>=1024px){.page-grid{padding:1.5rem}.left-panel{width:100%;min-height:calc(100vh - 3rem);padding:1.6rem}.left-glass{border-radius:1.5rem;inset:0}}@media (width<=420px){.page-grid{padding:.65rem}.left-panel{min-height:calc(100vh - 1.3rem);padding:1rem}.left-glass{border-radius:1.25rem}.hero-copy{padding:2rem .1rem}.logo-mark--large{width:4.2rem;height:4.2rem}h1{font-size:3rem}.vision-quote{padding-bottom:.25rem}}.admin-screen{background:hsl(var(--black));place-items:center;min-height:100vh;padding:1rem;display:grid}.admin-login,.admin-dashboard{border-radius:1.5rem;width:min(70rem,100%);padding:clamp(1.25rem,4vw,3rem)}.admin-login{justify-items:start;gap:.9rem;width:min(26rem,100%);display:grid}.admin-login h1,.admin-dashboard h1{letter-spacing:-.05em;margin:0;font-size:clamp(1.7rem,4vw,2.4rem)}.admin-login>p:not(.eyebrow){color:#ffffff9e;font-size:.8rem;line-height:1.6}.admin-login form{gap:.65rem;width:100%;margin-top:.4rem;display:grid}.admin-login input{color:#fff;width:100%;font:inherit;background:#ffffff1a;border:none;border-radius:.75rem;outline:none;padding:.8rem .9rem;font-size:.8rem}.admin-login input::placeholder{color:#ffffff73}.admin-login .explore-button{justify-self:start;margin-top:.25rem}.admin-status{color:#ffffffab;margin:0;font-size:.72rem;line-height:1.5}.admin-back{color:#ffffffad;align-items:center;gap:.45rem;font-size:.75rem;text-decoration:none;transition:transform .2s,color .2s;display:inline-flex}.admin-back:hover{color:#fff;transform:translate(-.15rem)}.admin-dashboard{gap:1.5rem;display:grid}.admin-dashboard header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-section-heading{gap:.32rem;margin-bottom:.8rem;display:grid}.admin-section-heading h2{color:#ffffffe6;letter-spacing:-.025em;margin:0;font-size:1.05rem;font-weight:500}.admin-actions{align-items:center;gap:.55rem;display:flex}.icon-control{color:#fff;border-radius:999px;place-items:center;width:2.15rem;height:2.15rem;display:inline-grid}.reply-inbox,.reply-list{gap:.65rem;display:grid}.reply-card{border-radius:var(--radius);gap:.6rem;padding:.9rem 1rem;display:grid}.reply-card p{color:#ffffffd6;white-space:pre-wrap;font-size:.82rem;line-height:1.6}.reply-card footer,.empty-inbox{color:#ffffff85;font-size:.66rem}.empty-inbox{margin:0}.admin-command{color:#fffc;font:inherit;cursor:pointer;border:0;border-radius:.75rem;justify-content:center;justify-self:start;align-items:center;gap:.5rem;margin-top:.45rem;padding:.55rem .8rem;font-size:.72rem;transition:transform .2s,color .2s;display:inline-flex}.admin-command:hover:not(:disabled){color:#fff;transform:scale(1.03)}.admin-command:disabled{opacity:.55;cursor:wait}.audit-table-wrap{border-radius:var(--radius);background:#00000029;overflow-x:auto}.audit-table-wrap table{border-collapse:collapse;text-align:left;width:100%;min-width:38rem;font-size:.74rem}.audit-table-wrap th,.audit-table-wrap td{border-bottom:1px solid #ffffff1a;padding:.9rem 1rem}.audit-table-wrap th{color:#ffffff80;text-transform:uppercase;letter-spacing:.12em;font-size:.58rem;font-weight:500}.audit-table-wrap td{color:#ffffffc2}.audit-table-wrap tr:last-child td{border-bottom:none}.audit-event{color:#ffffffd9;white-space:nowrap;background:#ffffff17;border-radius:999px;padding:.3rem .55rem;display:inline-flex}.audit-event--password_failed{color:#ffffff9e}.audit-event--unlocked{color:#fff;background:#ffffff2b}.empty-cell{text-align:center;color:#ffffff80!important}@media (width<=600px){.admin-dashboard header{flex-direction:column;align-items:flex-start}}