.app-shell{--night-top:#171233;--night-mid:#241b52;--night-bot:#341f66;--cream:#FBF6EA;--cream-2:#FFFDF8;--ink:#2B2447;--ink-soft:#5d5680;--gold:#F4C56A;--gold-deep:#E7A33A;--lilac:#BCACEF;--peri:#8E7BE0;--onnight:#ECE8FB;--onnight-soft:#B7AFDA;--star:#FCE7B0;--radius:22px;--shadow-card:0 22px 50px -22px rgba(10,6,40,.65),inset 0 2px 0 rgba(255,255,255,.65);--shadow-soft:0 14px 30px -16px rgba(10,6,40,.55);position:relative;min-height:100vh;overflow-x:hidden;margin:0;font-family:var(--font-nunito),system-ui,sans-serif;color:var(--onnight);background:radial-gradient(1200px 600px at 80% -8%,rgba(142,123,224,.3),transparent 60%),radial-gradient(900px 500px at 10% 4%,rgba(244,197,106,.1),transparent 55%),linear-gradient(180deg,var(--night-top) 0,var(--night-mid) 45%,var(--night-bot) 100%);background-attachment:fixed}.app-shell *{box-sizing:border-box}.app-shell:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:radial-gradient(1.6px 1.6px at 25px 35px,#FCE7B0 50%,transparent 51%),radial-gradient(1.4px 1.4px at 110px 80px,rgba(252,231,176,.8) 50%,transparent 51%),radial-gradient(2.2px 2.2px at 200px 140px,rgba(255,255,255,.95) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 320px 60px,rgba(188,172,239,.85) 50%,transparent 51%),radial-gradient(2.2px 2.2px at 380px 220px,rgba(252,231,176,.85) 50%,transparent 51%),radial-gradient(1.4px 1.4px at 90px 260px,rgba(255,255,255,.7) 50%,transparent 51%),radial-gradient(1.6px 1.6px at 280px 310px,rgba(252,231,176,.7) 50%,transparent 51%),radial-gradient(1.8px 1.8px at 160px 370px,rgba(188,172,239,.8) 50%,transparent 51%);background-size:420px 420px}.app-shell>*,.app-wrap{position:relative;z-index:1}.app-wrap{width:100%;margin:0 auto;padding:0 22px}.app-wrap.narrow{max-width:480px}.app-wrap.mid{max-width:760px}.app-wrap.wide{max-width:920px}.app-h1,.app-h2,.app-h3,.app-shell h1,.app-shell h2,.app-shell h3{font-family:var(--font-fraunces),Georgia,serif;font-weight:600;line-height:1.1;letter-spacing:-.01em;margin:0;color:inherit}.app-h1{font-size:clamp(28px,4vw,38px);color:#fff}.app-h2{font-size:clamp(20px,2.6vw,26px)}.app-h3{font-size:18px}.app-card .app-h1,.app-card .app-h2,.app-card .app-h3{color:var(--ink)}.app-eyebrow{font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:var(--gold)}.app-lede{color:var(--onnight-soft);font-size:16px;line-height:1.6;font-weight:600}.app-muted{color:var(--ink-soft);font-weight:600;font-size:14px;line-height:1.55}.app-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0}.app-brand{display:inline-flex;align-items:center;gap:11px;font-family:var(--font-fraunces);font-weight:600;font-size:21px;color:#fff;text-decoration:none}.app-logo{flex:0 0 auto;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#FDF3D0,#F4C56A);box-shadow:0 6px 16px -6px rgba(244,197,106,.8)}.app-logo svg{width:22px;height:22px;stroke:#6a4e12;fill:none;stroke-width:1.8}.app-navactions{display:flex;align-items:center;gap:16px;font-weight:700;color:var(--onnight-soft)}.app-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;font-family:var(--font-nunito);font-weight:800;font-size:16px;color:#3a2a06;background:linear-gradient(180deg,#F8D079,#EDAF49);padding:14px 24px;border-radius:14px;box-shadow:0 12px 26px -10px rgba(231,163,58,.7),inset 0 2px 0 rgba(255,255,255,.55);transition:transform .18s ease,box-shadow .18s ease;text-decoration:none}.app-btn:hover{transform:translateY(-2px)}.app-btn:disabled{opacity:.6;cursor:default;transform:none}.app-btn.block{width:100%}.app-btn.sm{font-size:14px;padding:10px 16px;border-radius:12px}.app-btn.ghost{background:rgba(255,255,255,.07);color:var(--onnight);box-shadow:inset 0 0 0 1.5px rgba(236,232,251,.28)}.app-btn.ghost:hover{background:rgba(255,255,255,.12)}.app-card .app-btn.ghost{color:var(--ink);box-shadow:inset 0 0 0 1.5px rgba(93,86,128,.35)}.app-card .app-btn.ghost:hover{background:rgba(142,123,224,.1)}.app-link{color:var(--gold);font-weight:700;text-decoration:none;border-bottom:1.5px solid rgba(244,197,106,.4);transition:.15s}.app-link:hover{border-bottom-color:var(--gold)}.app-card .app-link{color:var(--gold-deep);border-bottom-color:rgba(231,163,58,.4)}.app-textlink{color:inherit;opacity:.8;font-weight:700;text-decoration:underline;cursor:pointer;background:none;border:0;padding:0;font:inherit}.app-textlink:hover{opacity:1}.app-danger{color:#C75C4E;font-weight:700;text-decoration:underline;cursor:pointer;background:none;border:0;padding:0;font:inherit;font-size:14px}.app-card{background:linear-gradient(180deg,var(--cream-2),var(--cream));color:var(--ink);border-radius:var(--radius);border:1px solid rgba(94,77,38,.12);box-shadow:var(--shadow-card);padding:26px}.app-card.tight{padding:20px}.app-field,.app-label{display:block}.app-label{font-family:var(--font-nunito);font-weight:700;font-size:13.5px;color:var(--ink-soft);margin-bottom:6px}.app-input,.app-select{width:100%;font-family:var(--font-nunito);font-weight:600;font-size:16px;color:var(--ink);background:#fff;border:1.5px solid rgba(93,86,128,.3);border-radius:12px;padding:12px 14px;transition:.15s}.app-input::-moz-placeholder{color:#9b91c2}.app-input::placeholder{color:#9b91c2}.app-input:focus,.app-select:focus{outline:none;border-color:var(--gold-deep);box-shadow:0 0 0 3px rgba(244,197,106,.25)}.app-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d5680' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:38px}.app-alert{border-radius:14px;padding:12px 16px;font-weight:700;font-size:14.5px;border:1px solid}.app-alert.success{background:#E8F7EC;border-color:#B6E6C4;color:#1C7A3D}.app-alert.error{background:#FBE9E7;border-color:#F2C0B8;color:#A6342A}.app-alert.info{background:var(--cream-2);border-color:rgba(94,77,38,.18);color:var(--ink)}.auth-screen{min-height:100vh;align-items:center;justify-content:flex-start;padding:0 20px 48px}.auth-card,.auth-screen{display:flex;flex-direction:column}.auth-card{width:100%;max-width:420px;margin-top:clamp(20px,5vh,56px);padding:34px clamp(24px,4vw,40px);text-align:left;gap:16px}.auth-head{text-align:center;margin-bottom:0}.auth-eyebrow{font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:11.5px;color:var(--gold-deep)}.auth-card .app-h1{font-size:27px;margin-top:8px}.auth-sub{color:var(--ink-soft);font-weight:600;font-size:14.5px;margin-top:8px;line-height:1.5}.auth-form{display:grid;gap:13px;margin-top:4px}.auth-foot{margin-top:20px;text-align:center;color:var(--ink-soft);font-weight:600;font-size:14px}.auth-foot a{color:var(--gold-deep);font-weight:700;text-decoration:none;border-bottom:1.5px solid rgba(231,163,58,.4)}.auth-foot a:hover{border-bottom-color:var(--gold-deep)}.plan-intro{text-align:center;max-width:54ch;margin:0 auto 4px;color:var(--onnight-soft);font-weight:600;font-size:16px;line-height:1.6}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:6px}.plan-option{position:relative;display:block;cursor:pointer;margin:0}.plan-option input{position:absolute;width:1px;height:1px;opacity:0;margin:0}.plan-card{position:relative;text-align:center;background:linear-gradient(180deg,var(--cream-2),var(--cream));color:var(--ink);border-radius:var(--radius);padding:26px 20px 22px;border:1px solid rgba(94,77,38,.12);box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease}.plan-option:hover .plan-card{transform:translateY(-2px)}.plan-option:has(input:checked) .plan-card{transform:translateY(-2px);box-shadow:var(--shadow-card),0 0 0 2.5px var(--gold-deep)}.plan-option:has(input:focus-visible) .plan-card{box-shadow:var(--shadow-card),0 0 0 3px rgba(244,197,106,.6)}.plan-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11.5px;font-weight:800;color:#3a2a06;background:linear-gradient(180deg,#F8D079,#EDAF49);padding:5px 13px;border-radius:999px;box-shadow:0 6px 14px -6px rgba(231,163,58,.8)}.plan-check{position:absolute;top:14px;right:14px;width:24px;height:24px;border-radius:50%;border:2px solid rgba(93,86,128,.3);display:grid;place-items:center;transition:.15s;background:#fff}.plan-check svg{width:13px;height:13px;stroke:#3a2a06;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:.15s}.plan-option:has(input:checked) .plan-check{background:linear-gradient(180deg,#F8D079,#EDAF49);border-color:transparent}.plan-option:has(input:checked) .plan-check svg{opacity:1}.plan-name{font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:12.5px;color:var(--ink-soft)}.plan-amount{font-family:var(--font-fraunces);font-weight:600;font-size:40px;color:var(--ink);margin:8px 0 2px}.plan-amount span{font-family:var(--font-nunito);font-weight:700;font-size:15px;color:var(--ink-soft)}.plan-kids{color:var(--ink);font-weight:800;font-size:14.5px;margin:4px 0 0}.plan-note{color:var(--ink-soft);font-weight:600;font-size:12.5px;line-height:1.5;margin:8px 0 0}.plan-current{margin-top:10px;color:#1C7A3D;font-weight:800;font-size:13px}.plan-cta{text-align:center;margin-top:26px;display:grid;gap:12px;justify-items:center}.plan-reassure{color:var(--onnight-soft);font-weight:600;font-size:13.5px;display:inline-flex;align-items:center;gap:8px}.plan-reassure svg{width:18px;height:18px;stroke:var(--gold);fill:none;stroke-width:1.8}.dash-grid{display:grid;gap:18px}.story-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;list-style:none;padding:0;margin:0}.story-tile{display:block;overflow:hidden;border-radius:16px;border:1px solid rgba(94,77,38,.16);background:var(--cream-2);box-shadow:var(--shadow-soft);transition:transform .15s ease,box-shadow .15s ease;text-decoration:none;color:var(--ink)}.story-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.story-thumb{aspect-ratio:16/10;background:#efe9dc}.story-thumb img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;display:block}.story-thumb .ph{display:grid;place-items:center;height:100%;width:100%;background:radial-gradient(circle at 70% 35%,#5b4ba0,#2a2150 70%);font-size:26px}.story-meta{padding:11px 12px}.story-title{font-weight:800;font-size:14px;color:var(--ink)}.story-by,.story-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-by{font-size:12px;color:var(--ink-soft);margin-top:2px}.dash-paused{opacity:.62}.dash-dashed{border:1.5px dashed rgba(94,77,38,.32);background:rgba(255,253,248,.55);box-shadow:none}.field-row{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.field-row .app-input,.field-row .app-select{width:auto;min-width:150px}.field-row .app-field{flex:0 1 auto}@media (min-width:640px){.story-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.plan-grid{grid-template-columns:1fr;max-width:380px;margin-left:auto;margin-right:auto}.plan-option.featured{order:-1}}@media (prefers-reduced-motion:reduce){.app-btn,.plan-card,.story-tile{transition:none}}