:root{--bg:#0b0b10;--bg-deep:#07070b;--bg-raised:#18181f;--surface-elevated:#22222b;--text:#f8f9ff;--text-dim:#b5b0c1;--accent:#4de7ff;--accent-ink:#04121a;--curator:#9a64ff;--border:#e6def521;--radius:18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3{letter-spacing:-.035em;line-height:1.14}h1{font-size:calc(clamp(32px,4vw,56px));font-weight:720}h2{font-size:calc(clamp(23px,2.2vw,32px));font-weight:650}p{overflow-wrap:anywhere}img{max-width:100%}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;border-bottom:1px solid var(--border);background:#0b0b10f0;justify-content:space-between;gap:24px;padding:16px calc(clamp(20px,4vw,64px));position:sticky;top:0}.brand,.nav,.topbar{align-items:center;display:flex}.brand{letter-spacing:-.7px;white-space:nowrap;gap:10px;font-size:22px;font-weight:750}.brand img{border-radius:11px;width:42px;height:42px}.brand span{color:var(--text)}.nav{gap:26px;font-size:14px}.nav>a{color:var(--text-dim);padding:8px 0}.nav>a.router-link-exact-active,.nav>a:hover{color:var(--text)}.nav>a.router-link-exact-active{box-shadow:0 2px var(--accent)}.account-menu{position:relative}.account-menu summary{border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:8px 16px;list-style:none}.account-menu summary::-webkit-details-marker{display:none}.account-menu[open] summary{border-color:var(--accent)}.account-panel{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius);gap:12px;width:280px;padding:22px;display:grid;position:absolute;top:calc(100% + 14px);right:0;box-shadow:0 24px 80px #0009}.account-panel a,.account-panel button{text-align:left;padding:8px}.account-panel select{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:10px;padding:10px}.content{flex:1;padding:36px calc(clamp(20px,4vw,64px)) 64px}.content,.footer{width:100%;max-width:1440px;margin:auto}.footer{color:var(--text-dim);border-top:1px solid var(--border);padding:28px calc(clamp(20px,4vw,64px));font-size:12px}.footer p{max-width:920px}.footer-links{gap:24px;display:flex}.footer-links a{text-underline-offset:4px;text-decoration:underline}.button{color:#fff;background:linear-gradient(110deg,#743cb8,#ac357c,#b44e51);border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 22px;font-weight:700;transition:transform .15s,background .15s;display:inline-flex}.button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.button:active:not(:disabled){transform:scale(.98)}.button.secondary{background:var(--bg-raised);color:var(--text);border-color:var(--border)}.linklike{color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:none;min-height:44px;padding:8px 0}.linklike:hover{color:var(--accent)}.input{background:var(--bg-raised);border:1px solid var(--border);color:var(--text);border-radius:14px;width:100%;min-width:0;padding:16px 18px}.input::placeholder{color:var(--text-dim);opacity:.85}.input:focus{border-color:var(--accent)}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);font-size:11px;font-weight:650}.prose{max-width:760px;margin:auto}.prose h1{font-size:36px}.prose h2{margin-top:36px;font-size:23px}.chip,.empty-state,.prose li,.prose p{color:var(--text-dim)}section{scroll-margin-top:100px}::selection{background:#4de7ff44}.empty-state{border:1px dashed var(--border);border-radius:var(--radius);text-align:center;padding:48px 24px}.section-head{justify-content:space-between;align-items:center;gap:16px;margin:28px 0 22px;display:flex}.section-head h2{margin:0}.chip{border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-size:12px;display:inline-flex}.chip:hover{border-color:var(--accent);color:var(--text)}@media (width<=700px){.topbar{flex-wrap:wrap;gap:14px;padding:12px 20px}.brand{font-size:19px}.brand img{width:34px;height:34px}.nav{flex:1;justify-content:flex-end;gap:16px;font-size:12px}.nav>.services-link{display:none}.account-menu summary{padding:7px 10px}.content{padding-top:24px}.button{padding:12px 16px}.account-panel{max-height:calc(100dvh - 100px);position:fixed;top:78px;right:16px;overflow:auto}.nav>a{white-space:nowrap}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition:none!important;animation:none!important}}.feature-card{border:1px solid var(--border);background:var(--bg-raised);border-radius:20px;max-width:760px;margin:24px 0;padding:22px}.feature-card h2{margin-top:0;font-size:20px}.feature-card p{line-height:1.6}.feature-controls{flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0;display:flex}.feature-card input[type=number]{width:90px}.feature-card label{align-items:center;gap:12px;display:inline-flex}.feature-card input,.feature-card select{color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px}@media (width<=650px){.nav>.night-nav{display:none}}.hero-copy{isolation:isolate;position:relative}.hero-copy:before{content:"";opacity:.035;pointer-events:none;z-index:-1;background:url(../brand/panamaplay.png) 50%/contain no-repeat;position:absolute;inset:-45px -25px}.feature-card>button,.feature-controls>button{border:1px solid var(--border);background:var(--surface-elevated);min-height:44px;color:var(--text);border-radius:12px;padding:8px 16px}.feature-card>button{margin:8px}.feature-card input[type=checkbox]{accent-color:var(--curator);width:20px;height:20px}.friend-row{background:var(--bg-raised);border:1px solid var(--border);border-radius:18px;flex-wrap:wrap;align-items:center;gap:14px;max-width:760px;padding:18px;display:flex}.friend-row .friend-name{flex:1;min-width:120px}.friends-page form{gap:12px;max-width:760px;margin:24px 0 36px;display:flex}.friends-page h2{margin-top:32px;font-size:22px}@media (width<=600px){.friends-page form{flex-direction:column}.nav{justify-content:space-between}.account-menu summary{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}}
