:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#182531;--muted:#596671;--cream:#f6ead8;--paper:#fffaf0;--white:#fff;--coral:#e6684a;--sun:#f5b83d;--leaf:#2f796b;--blue:#0757c9;--line:#18253121;--shadow:0 28px 80px #4f372524;font-synthesis:none;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;font-family:Inter,ui-rounded,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--ink);background:var(--cream);margin:0;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.landing-page{grid-template-rows:auto 1fr auto;width:min(1160px,100% - 40px);min-height:100vh;margin:0 auto;display:grid}body:has(.landing-page){background:radial-gradient(circle at 8% 12%, #f5b83d47, transparent 28rem), radial-gradient(circle at 92% 88%, #2f796b2e, transparent 30rem), var(--cream)}.landing-topbar,.landing-footer{justify-content:space-between;align-items:center;padding:28px 2px;display:flex}.brand{color:var(--ink);letter-spacing:.17em;align-items:center;gap:11px;font-size:.84rem;font-weight:850;text-decoration:none;display:inline-flex}.brand-mark{border:2px solid var(--ink);background:var(--sun);width:39px;height:39px;box-shadow:4px 4px 0 var(--ink);letter-spacing:0;border-radius:13px 13px 16px 16px;place-items:center;font-size:1.15rem;display:grid}.landing-note{border:1px solid var(--line);color:var(--muted);background:#fffaf0a3;border-radius:999px;padding:8px 13px;font-size:.78rem;font-weight:650}.landing-main{grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);align-items:center;gap:clamp(42px,7vw,92px);padding:48px 0 70px;display:grid}.landing-copy{max-width:700px}.landing-eyebrow{color:var(--leaf);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 24px;font-size:.82rem;font-weight:800;display:inline-flex}.landing-eyebrow:before{content:"";background:currentColor;border-radius:2px;width:28px;height:2px}.landing-copy h1{letter-spacing:-.065em;max-width:11ch;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.5rem,8.2vw,7.4rem);font-weight:650;line-height:.92}.landing-copy h1 em{color:var(--coral);font-style:normal}.landing-lead{max-width:590px;color:var(--muted);margin:32px 0 0;font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.65}.landing-card{background:var(--paper);min-height:420px;box-shadow:var(--shadow);border:1px solid #1825311c;border-radius:38px;padding:clamp(28px,5vw,48px);position:relative;overflow:hidden;transform:rotate(1.5deg)}.landing-card:before{background:var(--sun);content:"";border-radius:50%;width:220px;height:220px;position:absolute;top:-74px;right:-62px}.characters{filter:drop-shadow(0 14px 11px #1825311f);letter-spacing:-.25em;justify-content:center;align-items:end;min-height:178px;font-size:clamp(5rem,12vw,8rem);display:flex;position:relative;transform:translate(-.12em)}.landing-card-copy{border-top:1px solid var(--line);margin-top:25px;padding-top:25px;position:relative}.landing-card-copy strong{margin-bottom:9px;font-family:Georgia,Times New Roman,serif;font-size:1.6rem;display:block}.landing-card-copy p{color:var(--muted);margin:0;line-height:1.55}.landing-footer{border-top:1px solid var(--line);color:var(--muted);gap:18px;font-size:.8rem}.landing-footer span:last-child{text-align:right}.personal-page{width:min(760px,100%);min-height:100vh;padding:calc(2rem + env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) calc(3rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));margin:0 auto}.personal-page>h1{margin:.2rem 0 1.4rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.25rem,9vw,4rem);line-height:1}.eyebrow{color:var(--leaf);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .5rem;font-size:.88rem;font-weight:750}.summary-card,.profile-card,.renewal-card,.state-card{background:var(--white);border:1px solid #d9e0eb;border-radius:16px;margin:1rem 0;padding:1.15rem;box-shadow:0 5px 18px #1f2d3d0f}.summary-card p{margin:.45rem 0}.subscription-actions,.profile-actions{flex-wrap:wrap;gap:.6rem;display:flex}.button{border:1px solid var(--blue);min-height:44px;color:var(--blue);background:var(--white);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:.7rem .9rem;font-weight:650;text-decoration:none;display:inline-flex}.button.primary{color:#fff;background:var(--blue)}.button:disabled{cursor:wait;opacity:.55}.profile-section{margin-top:1.6rem}.profile-section>h2{margin:0 0 .75rem;font-size:1.15rem}.profile-section>h2 span{color:var(--muted);font-weight:500}.profiles{gap:1rem;display:grid}.profile-card{margin:0}.profile-title{width:100%;min-height:44px;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;margin:0 0 .65rem;padding:0;font-size:1.05rem;font-weight:750;display:flex}.chevron{color:var(--blue);flex:none;font-size:1.4rem}.reveal{background:#f1f5fa;border-radius:10px;margin-top:1rem;padding:.85rem}.reveal p{margin:.25rem 0 .65rem}.reveal code{overflow-wrap:anywhere;word-break:break-all;-webkit-user-select:all;user-select:all;display:block}.app-chooser{border-top:1px solid #d9e0eb;margin-top:1rem;padding-top:.85rem}.app-chooser h3{margin:0 0 .65rem;font-size:1rem}.app-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.app-link{width:100%;min-height:52px;color:var(--blue);background:var(--white);cursor:pointer;text-align:left;border:1px solid #cbd5e4;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:.12rem;padding:.7rem .8rem;text-decoration:none;display:flex}.app-link span{color:var(--muted);font-size:.85rem;font-weight:400}.ios-note,.page-note{color:var(--muted);margin-top:1rem;font-size:.85rem}.renewal-card h2,.resource-card h2{margin:0 0 .6rem;font-size:1.05rem}.renewal-date{font-weight:800}.renewal-date.active{color:#188038}.renewal-date.expired{color:#c5221f}.state-card{margin-top:15vh}.dialog-backdrop{z-index:20;background:#1825318c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.dialog{background:var(--white);width:min(460px,100%);box-shadow:var(--shadow);border-radius:16px;padding:1.25rem}.dialog h2{margin-top:0}.dialog{border:0;max-height:calc(100vh - 2rem);overflow-y:auto}.dialog::backdrop{background:#1825318c}.endpoint-status{font-size:.9rem;font-weight:650}.endpoint-status.reachable{color:#188038}.endpoint-status.unreachable{color:#b3261e}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;margin-top:1rem;display:flex}@media (max-width:820px){.landing-page{width:min(100% - 28px,680px)}.landing-main{grid-template-columns:1fr;padding-top:28px}.landing-copy h1{max-width:10ch}.landing-card{min-height:350px;transform:none}}@media (max-width:520px){.landing-topbar{padding-top:20px}.landing-note{display:none}.landing-main{gap:36px;padding-bottom:48px}.landing-copy h1{font-size:clamp(3.15rem,16vw,4.6rem)}.landing-lead{margin-top:24px}.landing-card{border-radius:28px;min-height:320px}.characters{min-height:140px}.landing-footer{flex-direction:column;align-items:flex-start}.landing-footer span:last-child{text-align:left}.subscription-actions .button,.profile-actions .button{width:100%}}@media (prefers-reduced-motion:no-preference){.landing-card{animation:.65s cubic-bezier(.2,.7,.2,1) both settle}@keyframes settle{0%{opacity:0;transform:translateY(18px)rotate(1.5deg)}to{opacity:1;transform:translateY(0)rotate(1.5deg)}}}