:root{--background:#ece9e0;--surface:#fff;--surface-alt:#f5f2ec;--surface-border:#0a0a0a14;--foreground:#0a0a0a;--foreground-muted:#6b6b6b;--foreground-soft:#a3a3a3;--mint:#a8e8d3;--mint-deep:#65cdb5;--mint-soft:#e3f6ef;--on-mint:#0a0a0a;--pill-active:#0a0a0a;--on-pill-active:#fff;--auth-bg:#0a0a0a;--auth-fg:#f5f2ec;--auth-muted:#9b9b9b;--auth-border:#ffffff1f;--danger:#dc2626;--danger-soft:#fee2e2;--font-sans:"Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}body{max-width:100vw;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit}.app-container{background:var(--surface);max-width:600px;min-height:100vh;margin:0 auto;position:relative}@media (min-width:720px){.app-container{box-shadow:0 0 0 1px var(--surface-border), 0 24px 60px #0000000f}}.card{background:var(--surface);border:1px solid #0a0a0a21;border-radius:20px;box-shadow:0 1px 3px #0000000a,0 8px 22px #0000000f}.card-flat{background:var(--surface);border:1px solid var(--surface-border);border-radius:20px}.pill{background:var(--surface-alt);border:1px solid var(--surface-border);color:var(--foreground);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:500;display:inline-flex}.pill-mint{background:var(--mint-soft);color:#0d6e5a;border-color:#65cdb54d}.section-label{color:var(--foreground);padding:0 4px;font-size:1.05rem;font-weight:700}.muted{color:var(--foreground-muted)}.menu-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:inherit;font-size:.9rem;font-weight:500;transition:background .12s;display:flex}.menu-item:hover{background:var(--surface-alt)}@keyframes wave-mark-flow{0%{transform:translate(0)}to{transform:translate(32px)}}@keyframes fishtale-slide-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pro-celebration-in{0%{opacity:0;transform:translateY(-18px)scale(.96)}60%{opacity:1;transform:translateY(3px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pro-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@property --landing-border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes landing-border-spin{to{--landing-border-angle:360deg}}@keyframes landing-shimmer-sweep{0%{background-position:-140% 0}to{background-position:220% 0}}.landing-tier-free{background:var(--surface);isolation:isolate;border-radius:22px;position:relative}.landing-tier-free:before{content:"";border-radius:inherit;background:conic-gradient(from var(--landing-border-angle), transparent 0deg, transparent 220deg, var(--mint-deep) 280deg, var(--mint) 320deg, transparent 360deg);-webkit-mask-composite:xor;pointer-events:none;z-index:-1;padding:2px;animation:5.5s linear infinite landing-border-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;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}.landing-tier-pro{background:linear-gradient(135deg, var(--mint) 0%, var(--mint-deep) 100%);isolation:isolate;border-radius:22px;position:relative;overflow:hidden}.landing-tier-pro:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(105deg,#0000 30%,#ffffff52 50%,#0000 70%) -140% 0/220% 100%;animation:4.5s ease-in-out infinite landing-shimmer-sweep;position:absolute;inset:0}.landing-tier-pro>*{z-index:2;position:relative}@media (prefers-reduced-motion:reduce){.landing-tier-free:before,.landing-tier-pro:after{animation:none}}.wave-mark-a,.wave-mark-b{animation:3s linear infinite wave-mark-flow}@media (prefers-reduced-motion:reduce){.wave-mark-a,.wave-mark-b{animation:none}}::-webkit-scrollbar{background:0 0;width:0}.auth-canvas{background:var(--auth-bg);color:var(--auth-fg);width:100%;min-height:100vh}.auth-input{border:1px solid var(--auth-border);color:var(--auth-fg);background:#ffffff0a;border-radius:12px;width:100%;padding:14px 16px;font-family:inherit;font-size:1rem}.auth-input:focus{border-color:var(--mint);outline:none}.btn-mint{background:var(--mint);color:var(--on-mint);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-family:inherit;font-size:1rem;font-weight:700;transition:background .15s;display:inline-flex}.btn-mint:hover{background:var(--mint-deep)}.btn-mint:disabled{color:#777;cursor:not-allowed;background:#d4d4d4}.btn-ghost-dark{border:1px solid var(--auth-border);color:var(--auth-fg);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-family:inherit;font-size:1rem;font-weight:600;display:inline-flex}.btn-ghost-dark:hover{background:#ffffff0a}