.site{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:10;background-color:var(--page-bg);border-bottom:1px solid rgba(207,159,255,.22);box-shadow:0 12px 40px var(--shadow)}.site-header__top{display:flex;align-items:center;justify-content:center;padding:.75rem 1rem .5rem}.site-wordmark{font-family:Fraunces,Georgia,serif;font-size:.95rem;font-weight:600;letter-spacing:.04em;text-transform:lowercase;color:var(--purple-soft);text-decoration:none}.site-wordmark:hover{color:var(--white);text-decoration:none}.letter-chips{display:flex;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding:.5rem 1rem .85rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--purple-soft) transparent}.letter-chips::-webkit-scrollbar{height:6px}.letter-chips::-webkit-scrollbar-thumb{background:#cf9fff73;border-radius:999px}.letter-chip{flex:0 0 auto;display:flex;flex-direction:column;gap:.15rem;padding:.55rem .85rem;border-radius:12px;border:1px solid rgba(207,159,255,.28);background:#4b008259;text-decoration:none;color:var(--cream);min-width:160px;transition:border-color .2s ease,background .2s ease,transform .15s ease}.letter-chip:hover{text-decoration:none;border-color:#ffffff73;background:#6a0dad73;transform:translateY(-1px)}.letter-chip.is-active{border-color:var(--purple-soft);background:linear-gradient(135deg,#cf9fff40,#4b00828c);box-shadow:0 0 0 1px #cf9fff59}.letter-chip__date{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--purple-soft)}.letter-chip__label{font-size:.88rem;font-weight:600;color:var(--white);line-height:1.25}.site-main{flex:1;position:relative}.letter-chips__loading{padding:.55rem .85rem;font-size:.88rem;color:var(--purple-soft)}.text-cursor-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:auto;z-index:2}.text-cursor-inner{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.text-cursor-item{position:absolute;transform:translate(-50%,-50%);font-size:1.35rem;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 8px rgba(75,0,130,.45))}.home{position:relative;min-height:calc(100vh - 200px);display:grid;place-items:center;padding:2rem 1.25rem 3rem;overflow:hidden}.home__content{position:relative;z-index:1;text-align:center;max-width:640px}.home__kicker{margin:0 0 1rem;font-size:.85rem;letter-spacing:.35em;text-transform:uppercase;color:var(--purple-soft)}.home__title{margin:0;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:clamp(2.15rem,7.5vw,4rem);line-height:1.12;color:var(--white);text-shadow:0 12px 48px rgba(0,0,0,.4)}.home__title-line{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.06em .18em}.home__title-word{white-space:nowrap}.home__title-word--accent{color:var(--purple-soft)}.home__title-domain{display:block;margin-top:.5rem;font-family:Figtree,system-ui,sans-serif;font-size:clamp(.95rem,2.8vw,1.2rem);font-weight:500;letter-spacing:.42em;text-indent:.42em;color:#f7f2ffc7}.home__tagline{margin:1.75rem 0 0;font-size:1rem;line-height:1.55;color:#f7f2ffd1;max-width:28rem;margin-left:auto;margin-right:auto}.letter-page{max-width:46rem;margin:0 auto;padding:2rem 1.25rem 4rem;--purple-soft: var(--letter-accent, #cf9fff);--white: var(--letter-text, #ffffff);--cream: var(--letter-text, #f7f2ff);color:var(--letter-text, #f7f2ff)}.letter-page__banner{margin:-.5rem 0 2rem;padding:1rem 1.15rem;border-radius:14px;border:1px solid color-mix(in srgb,var(--letter-accent, #cf9fff) 45%,transparent);background:color-mix(in srgb,var(--letter-accent, #cf9fff) 12%,transparent);overflow:hidden}.letter-page__banner-image{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:10px;margin-bottom:.75rem}.letter-page__banner-text{margin:0;font-family:Fraunces,Georgia,serif;font-size:1.15rem;font-weight:600;text-align:center;color:var(--letter-text, #f7f2ff)}.letter-page--missing{text-align:center;padding-top:4rem}.letter-page__header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(207,159,255,.25)}.letter-page__date{margin:0 0 .35rem;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--purple-soft)}.letter-page__title{margin:0;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:clamp(1.75rem,4vw,2.35rem);color:var(--white);line-height:1.2}.letter-page__subtitle{margin:.65rem 0 0;font-size:1.05rem;color:#f7f2ffc7}.letter-page__body{font-size:1.05rem;line-height:1.75;color:#f7f2ffeb}.letter-page__para{margin:0 0 1.15rem}.letter-page__para:last-child{margin-bottom:0}.letter-page__nav{margin-top:3rem;display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;font-size:.95rem}.letter-page__nav-link{color:var(--purple-soft);font-weight:600}.letter-page__nav-link:hover{color:var(--white)}.letter-page__nav-link--center{justify-self:center;text-align:center}.letter-page__nav-link--next{justify-self:end;text-align:right}.letter-page__nav-spacer{visibility:hidden}.letter-page--locked .letter-page__header{margin-bottom:1.5rem}.letter-page__gate{max-width:22rem;margin:0 auto;padding:2rem 0;text-align:center}.letter-page__gate-lead{margin:0 0 1.5rem;font-size:1rem;line-height:1.6;color:#f7f2ffd9}.letter-page__gate-form{display:flex;flex-direction:column;gap:.65rem;text-align:left}.letter-page__gate-label{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--purple-soft)}.letter-page__gate-input{padding:.75rem 1rem;font-size:1rem;font-family:inherit;color:var(--white);background:#140c2099;border:1px solid rgba(207,159,255,.35);border-radius:6px}.letter-page__gate-input:focus{outline:none;border-color:var(--purple-soft)}.letter-page__gate-input--error{border-color:#ff788cb3}.letter-page__gate-error{margin:0;font-size:.9rem;color:#ff96a5f2}.letter-page__gate-submit{margin-top:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;font-family:inherit;color:var(--white);background:#7846b48c;border:1px solid rgba(207,159,255,.4);border-radius:6px;cursor:pointer}.letter-page__gate-submit:hover{background:#8c55c8a6}.letter-page__gate-back{display:inline-block;margin-top:2rem;font-size:.95rem;color:var(--purple-soft);font-weight:600}.letter-page__gate-back:hover{color:var(--white)}.admin{min-height:100%;background:#1a0a2e;color:#f7f2ff}.admin-shell{max-width:56rem;margin:0 auto;padding:2rem 1.25rem 4rem}.admin-header{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(207,159,255,.2)}.admin-header__kicker{margin:0 0 .25rem;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:#cf9fff}.admin-header__title{margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(1.5rem,4vw,2rem);font-weight:600}.admin-header__actions{display:flex;flex-wrap:wrap;gap:.5rem}.admin-btn{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1rem;font-size:.9rem;font-weight:600;font-family:inherit;color:#f7f2ff;background:#4b008280;border:1px solid rgba(207,159,255,.35);border-radius:8px;cursor:pointer;text-decoration:none}.admin-btn:hover{background:#6a0dad8c;text-decoration:none;color:#fff}.admin-btn--primary{background:#8c55c8a6}.admin-btn--primary:hover{background:#a064dcbf}.admin-btn--ghost{background:transparent}.admin-btn--danger{background:#781e328c;border-color:#ff788c73}.admin-btn:disabled{opacity:.6;cursor:not-allowed}.admin-status{margin:0 0 1rem;font-size:.95rem;color:#f7f2ffcc}.admin-status--error{color:#ff9aaa}.admin-status--success{color:#9effc4}.admin-story-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.admin-story-card{display:grid;grid-template-columns:4px 1fr auto;gap:1rem;align-items:center;padding:1rem 1.1rem;background:#1e0c32a6;border:1px solid rgba(207,159,255,.2);border-radius:12px}.admin-story-card__swatch{align-self:stretch;border-radius:4px}.admin-story-card__date{margin:0 0 .2rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#cf9fff}.admin-story-card__title{margin:0;font-size:1.05rem;font-weight:600}.admin-story-card__meta{margin:.35rem 0 0;font-size:.85rem;color:#f7f2ffa6}.admin-story-card__actions{display:flex;flex-wrap:wrap;gap:.5rem}.admin-login{min-height:100%;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.admin-login__card{width:100%;max-width:22rem;padding:2rem;background:#1e0c32cc;border:1px solid rgba(207,159,255,.25);border-radius:16px}.admin-login__kicker{margin:0 0 .35rem;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:#cf9fff}.admin-login__title{margin:0;font-family:Fraunces,Georgia,serif;font-size:1.75rem}.admin-login__lead{margin:.5rem 0 1.5rem;color:#f7f2ffbf}.admin-login__form{display:flex;flex-direction:column;gap:.65rem}.admin-login__label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#cf9fff}.admin-login__input{padding:.75rem 1rem;font-size:1rem;font-family:inherit;color:#fff;background:#0a051499;border:1px solid rgba(207,159,255,.35);border-radius:8px}.admin-login__input:focus{outline:none;border-color:#cf9fff}.admin-login__input--error{border-color:#ff788cb3}.admin-login__error{margin:0;font-size:.9rem;color:#ff9aaa}.admin-login__submit{margin-top:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;font-family:inherit;color:#fff;background:#8c55c8a6;border:1px solid rgba(207,159,255,.4);border-radius:8px;cursor:pointer}.admin-login__back{display:inline-block;margin-top:1.5rem;font-size:.9rem;font-weight:600;color:#cf9fff}.admin-form__section{margin-bottom:2rem}.admin-form__heading{margin:0 0 1rem;font-family:Fraunces,Georgia,serif;font-size:1.2rem;font-weight:600}.admin-form__hint{margin:-.5rem 0 .75rem;font-size:.88rem;color:#f7f2ffa6}.admin-form__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem}.admin-form__grid--colors{margin-bottom:1rem}.admin-field{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:600;color:#cf9fff}.admin-field input[type=text],.admin-field input[type=date],.admin-field input[type=number],.admin-field input:not([type]){padding:.65rem .8rem;font-size:.95rem;font-weight:400;font-family:inherit;color:#fff;background:#0a05148c;border:1px solid rgba(207,159,255,.3);border-radius:8px}.admin-field input:focus{outline:none;border-color:#cf9fff}.admin-field--color{flex-direction:row;flex-wrap:wrap;align-items:center}.admin-field--color span{width:100%}.admin-field--color input[type=color]{width:3rem;height:2.5rem;padding:.15rem;border:none;background:transparent;cursor:pointer}.admin-field--color input[type=text]{flex:1;min-width:7rem}.admin-field--checkbox{flex-direction:row;align-items:center;gap:.6rem;margin-bottom:.85rem;color:#f7f2ff}.admin-field--checkbox input{width:1.1rem;height:1.1rem}.admin-form__body{width:100%;padding:1rem;font-size:1rem;line-height:1.65;font-family:inherit;color:#fff;background:#0a05148c;border:1px solid rgba(207,159,255,.3);border-radius:10px;resize:vertical}.admin-form__body:focus{outline:none;border-color:#cf9fff}.admin-preview-swatch{padding:1.25rem;border-radius:12px;border:2px solid}.admin-preview-swatch__label{margin:0 0 .5rem;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;opacity:.75}.admin-preview-swatch h3{margin:0;font-family:Fraunces,Georgia,serif}.admin-preview-swatch p{margin:.5rem 0 0;opacity:.8}.admin-form__actions{display:flex;flex-wrap:wrap;gap:.75rem;padding-top:.5rem}@media(max-width:640px){.admin-story-card{grid-template-columns:4px 1fr}.admin-story-card__actions{grid-column:2}}:root{--purple-deep: #4b0082;--page-bg: #4b0082;--purple-rich: #6a0dad;--purple-soft: #cf9fff;--white: #ffffff;--cream: #f7f2ff;--shadow: rgba(43, 0, 86, .35)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Figtree,system-ui,sans-serif;color:var(--cream);background-color:var(--page-bg);min-height:100%;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-decoration-color:var(--purple-soft)}