.hero{display:flex;justify-content:center;align-items:center;margin-bottom:40px;position:relative;z-index:1;flex-shrink:0;animation:fadeInDown .8s ease-out}.logo-text{font-size:48px;font-weight:400;color:var(--text-primary);letter-spacing:2px;margin-bottom:8px;text-shadow:0 0 20px rgba(45,127,249,.5);animation:fadeInUp .6s ease-out .2s both}.tagline{font-size:24px;color:var(--text-secondary);margin-bottom:12px;letter-spacing:.5px;animation:fadeInUp .6s ease-out .35s both}.subtitle{font-size:20px;color:var(--text-muted);margin-bottom:40px;letter-spacing:.3px;animation:fadeInUp .6s ease-out .5s both}.waitlist-form{display:flex;flex-direction:column;gap:16px;margin-bottom:16px;animation:fadeInUp .6s ease-out .65s both}.no-spam{font-size:14px;color:var(--text-muted);text-align:center;margin-top:8px;letter-spacing:.5px}.waitlist-success-flow{display:flex;flex-direction:column;gap:20px;animation:fadeInUp .6s ease-out both}.waitlist-success-card{background:#22c55e26;border:1px solid rgba(52,211,153,.18);border-radius:16px;padding:24px;text-align:center;margin-top:8px}.waitlist-success-icon{width:48px;height:48px;border-radius:50%;background:#22c55e33;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.waitlist-success-card h3{margin-bottom:8px;font-size:1.1rem;color:#fff;font-weight:400}.waitlist-success-card p{color:#ffffffb3;font-size:.9rem}.piko-composer{width:100%;background:#eef7ff;border:1px solid #b7d8f4;border-radius:24px;padding:10px;box-shadow:0 12px 28px #0a102038}.piko-composer-topbar{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;gap:8px;margin-bottom:10px}.piko-composer-topbar p{color:#164260;font-size:14px;letter-spacing:.4px;text-align:center;text-transform:lowercase}.piko-topbar-spacer,.piko-topbar-avatar{width:30px;height:30px}.piko-topbar-avatar{border:1px solid #b7d8f4;border-radius:10px;overflow:hidden;background:#f9fcff}.piko-topbar-avatar img{width:100%;height:100%;display:block}.piko-composer-body{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px}.piko-tool-rail{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 4px;background:#e4f1ff;border:1px solid #b7d8f4;border-radius:16px}.piko-tool-btn{width:30px;min-height:30px;border:1px solid #bad8f2;border-radius:10px;background:#f9fcff;color:#5572a1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px 3px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.piko-tool-btn:hover{transform:translateY(-1px)}.piko-tool-btn.active{background:#dbeeff;border-color:#8fb8f4}.piko-size-btn span{font-size:8px;line-height:10px;color:#5572a1;text-transform:uppercase}.pixel-tool-icon{width:16px;height:16px;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr)}.piko-canvas-col{min-width:0;display:flex;flex-direction:column;gap:8px}.piko-warning-card{background:#e8f4ff;border:1px solid #bad8f2;border-radius:16px;padding:10px 12px;text-align:left}.piko-warning-card span{display:block;color:#164260;font-size:12px;line-height:1.1;letter-spacing:.4px;text-transform:lowercase}.piko-warning-card p{color:#384b68;font-size:14px;line-height:1.25;margin-top:4px}.piko-canvas-wrap{border:1px solid #bad8f2;border-radius:18px;padding:6px;background:#f9fcff}.piko-drawing-canvas{width:100%;aspect-ratio:96 / 37;display:block;background:#fff;border:1px solid #86b8df;border-radius:14px;image-rendering:pixelated;touch-action:none;cursor:crosshair}.piko-composer-controls{display:grid;grid-template-columns:38px 38px minmax(0,1fr) 64px;align-items:center;gap:8px;margin-top:12px}.piko-icon-btn,.piko-clear-btn,.piko-post-btn{font-family:VT323,monospace;border:1px solid #bad8f2;cursor:pointer;transition:opacity .15s ease,transform .15s ease}.piko-icon-btn:hover,.piko-clear-btn:hover,.piko-post-btn:hover{transform:translateY(-1px)}.piko-icon-btn:disabled,.piko-clear-btn:disabled,.piko-post-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.piko-icon-btn{width:38px;height:38px;border-radius:12px;background:#f9fcff;color:#506381;font-size:20px}.piko-post-btn{min-width:0;height:44px;border-radius:14px;background:#2777d7;color:#fff;font-size:18px;letter-spacing:.5px;box-shadow:0 4px 10px #2777d738}.piko-clear-btn{height:38px;border-radius:12px;background:#f9fcff;color:#566a8d;font-size:14px}.piko-composer-error,.piko-composer-success{font-size:14px;line-height:1.2;margin-top:10px;text-align:center}.piko-composer-error{color:#bd2f3e}.piko-composer-success{color:#0f7a55}.public-pod-wall{background:#111827cc;border:1px solid var(--border);border-radius:18px;padding:18px}.public-pod-wall-header{text-align:left;margin-bottom:12px}.public-pod-kicker{color:var(--primary-light);font-size:14px;letter-spacing:.6px;text-transform:lowercase}.public-pod-wall h2{color:var(--text-primary);font-size:24px;font-weight:400;letter-spacing:.4px}.public-pod-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.public-pod-card{background:#eef7ff;border:1px solid #b7d8f4;border-radius:12px;padding:8px;min-width:0}.public-pod-card p{color:#5572a1;font-size:12px;line-height:1.2;margin-top:6px;text-align:left}.piko-post-preview{display:block;width:100%;aspect-ratio:96 / 37;background:#fff;border:1px solid #86b8df;border-radius:8px;image-rendering:pixelated}.public-pod-socials{display:flex;justify-content:center;align-items:center;gap:14px;padding:12px 0 16px}.public-pod-socials a{font-family:VT323,monospace;font-size:18px;color:var(--primary-light);text-decoration:none;transition:color .2s ease}.public-pod-socials a:hover{color:var(--accent)}.public-pod-socials span{color:var(--text-muted);font-size:14px}.public-pod-muted,.public-pod-error{font-size:15px;line-height:1.3;text-align:left}.public-pod-muted{color:var(--text-muted)}.public-pod-error{color:#ff8a8a}.screenshots-section{position:relative;z-index:1;width:100vw;margin-left:calc(-50vw + 50%);padding:60px 24px 40px;animation:fadeInUp .6s ease-out .8s both}.screenshots-row{display:flex;justify-content:center;gap:16px;margin-bottom:16px}.screenshot-img{width:240px;height:auto;border-radius:16px;box-shadow:0 8px 32px #0006;transition:transform .3s ease,box-shadow .3s ease}.screenshot-img:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #2d7ff940}.social-links{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;z-index:1;padding:12px 0 0;animation:fadeIn .6s ease-out .9s both}.social-label{font-size:14px;color:var(--text-muted);letter-spacing:.5px;margin:0}.footer-row{display:flex;justify-content:center;align-items:center;gap:12px}.footer{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px 0 20px;position:relative;z-index:1;animation:fadeIn .6s ease-out 1s both}.footer-link{font-family:VT323,monospace;font-size:16px;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color .2s ease;padding:4px 8px;text-decoration:none}.page-container{width:100%;max-width:640px;margin:0 auto;padding:40px 24px 20px;min-height:100vh;display:flex;flex-direction:column;position:relative}.page-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column}.page-header{margin-bottom:32px;animation:fadeInDown .6s ease-out}.back-link{display:inline-block;font-size:18px;color:var(--text-muted);text-decoration:none;margin-bottom:16px;transition:color .2s ease}.back-link:hover{color:var(--text-secondary)}.page-header h1{font-size:40px;font-weight:400;color:var(--text-primary);letter-spacing:1px;text-shadow:0 0 20px rgba(45,127,249,.5)}.page-body{flex:1;animation:fadeInUp .6s ease-out .2s both}.last-updated{font-size:16px;color:var(--text-muted);margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}.page-body section{margin-bottom:32px}.page-body h2{font-size:22px;font-weight:400;color:var(--primary-light);margin-bottom:12px;letter-spacing:.5px}.page-body p{font-size:17px;color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.page-body ul{margin:12px 0;padding-left:24px}.page-body li{font-size:17px;color:var(--text-secondary);line-height:1.6;margin:8px 0}.page-body a{color:var(--primary-light);text-decoration:none}.page-body a:hover{text-decoration:underline}.page-footer{display:flex;justify-content:center;align-items:center;gap:12px;padding:32px 0 20px;position:relative;z-index:1;margin-top:auto;border-top:1px solid var(--border);animation:fadeIn .6s ease-out .4s both}.pricing-intro{font-size:18px;color:var(--text-secondary);text-align:center;margin-bottom:32px}.pricing-cards{display:flex;gap:16px;justify-content:center;margin-bottom:32px}.pricing-card{flex:1;max-width:280px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px 20px;display:flex;flex-direction:column;position:relative;transition:transform .2s ease,box-shadow .2s ease}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.pricing-card-featured{border-color:var(--primary);box-shadow:0 0 20px #2d7ff926}.pricing-card-featured:hover{box-shadow:0 8px 32px #2d7ff940}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary);color:#fff;font-family:VT323,monospace;font-size:14px;padding:2px 14px;border-radius:8px;letter-spacing:.5px;white-space:nowrap}.pricing-card-header{text-align:center;margin-bottom:20px}.pricing-card-header h2{font-size:22px;font-weight:400;color:var(--text-primary);margin-bottom:8px;letter-spacing:.5px}.pricing-amount{display:flex;align-items:baseline;justify-content:center;gap:4px}.pricing-dollar{font-family:VT323,monospace;font-size:36px;color:var(--text-primary);letter-spacing:1px}.pricing-period{font-size:18px;color:var(--text-muted)}.pricing-savings{font-size:14px;color:var(--success);margin-top:6px}.pricing-features{list-style:none;padding:0;margin:0 0 24px;flex:1}.pricing-features li{font-size:16px;color:var(--text-secondary);padding:8px 0;border-bottom:1px solid var(--border)}.pricing-features li:last-child{border-bottom:none}.pricing-features li:before{content:"+ ";color:var(--primary-light)}.pricing-btn{display:block;font-family:VT323,monospace;font-size:20px;text-align:center;padding:14px 20px;background:var(--surface-alt);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);text-decoration:none;letter-spacing:.5px;transition:all .2s ease}.pricing-btn:hover{background:var(--border);transform:translateY(-2px)}.pricing-btn-featured{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 15px #2d7ff94d}.pricing-btn-featured:hover{background:var(--primary-light);border-color:var(--primary-light);box-shadow:0 6px 20px #2d7ff966}@media (max-width: 480px){.pricing-cards{flex-direction:column;align-items:center}.pricing-card{max-width:100%;width:100%}}.share-container{width:100%;max-width:800px;margin:0 auto;padding:60px 24px 20px;min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative}.share-hero{display:flex;justify-content:center;align-items:center;margin-bottom:24px;position:relative;z-index:1;animation:fadeInDown .8s ease-out}.share-content{text-align:center;position:relative;z-index:1;margin-bottom:48px}.share-title{font-size:52px;font-weight:400;color:var(--text-primary);letter-spacing:2px;margin-bottom:4px;text-shadow:0 0 20px rgba(45,127,249,.5);animation:fadeInUp .6s ease-out .2s both}.share-tagline{font-size:22px;color:var(--text-muted);margin-bottom:32px;letter-spacing:.5px;animation:fadeInUp .6s ease-out .35s both}.share-appstore-btn{display:inline-flex;align-items:center;gap:14px;text-decoration:none;background-color:#1e293b;border-radius:12px;padding:14px 32px;transition:all .2s ease;animation:fadeInUp .6s ease-out .5s both}.share-appstore-btn:hover{background-color:#2a3a52;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.share-appstore-btn:active{transform:translateY(0)}.share-appstore-text{display:flex;flex-direction:column;text-align:center}.share-appstore-sub{font-family:VT323,monospace;font-size:14px;color:#94a3b8;line-height:1}.share-appstore-main{font-family:VT323,monospace;font-size:26px;color:#fff;line-height:1.3}.share-android-note{font-size:14px;color:var(--text-muted);margin-top:12px;letter-spacing:.3px;animation:fadeInUp .6s ease-out .6s both}.share-appstore-arrow{font-family:VT323,monospace;font-size:28px;color:#fff;line-height:1;flex-shrink:0}.share-features{position:relative;z-index:1;width:100%;max-width:760px;padding:0 0 40px;animation:fadeInUp .6s ease-out .65s both}.share-features-row{display:flex;justify-content:center;gap:16px;margin-bottom:16px}.share-feature-card{background-color:var(--surface);border-radius:12px;border:1px solid var(--border);overflow:hidden;width:220px;flex-shrink:0;transition:transform .3s ease,box-shadow .3s ease}.share-feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #2d7ff933;border-color:var(--border-blue)}.share-feature-header{display:flex;align-items:center;gap:8px;padding:14px 12px 8px}.share-feature-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--primary);border-radius:6px;font-family:VT323,monospace;font-size:16px;color:#fff;flex-shrink:0}.share-feature-title{font-family:VT323,monospace;font-size:18px;color:var(--text-primary)}.share-feature-img-wrap{padding:8px 10px;text-align:center}.share-feature-img{display:block;border-radius:8px;width:100%;max-width:180px;height:auto;margin:0 auto}.share-feature-desc{font-family:VT323,monospace;font-size:15px;color:var(--text-secondary);margin:0;padding:8px 12px 14px;line-height:1.3;white-space:pre-line}@media (max-width: 480px){.container{padding:60px 20px 16px}.page-container{padding:24px 20px 16px}.logo-text{font-size:40px}.tagline{font-size:20px}.subtitle{font-size:18px}.icon-frame{width:100px;height:100px}.hero-icon{width:64px;height:64px}.pulse-ring{width:120px;height:120px}.page-header h1{font-size:32px}.page-body h2{font-size:20px}.page-body p,.page-body li{font-size:16px}.screenshots-section{padding:40px 12px 24px}.piko-composer{border-radius:20px;padding:8px}.piko-composer-body{grid-template-columns:38px minmax(0,1fr);gap:8px}.piko-tool-rail{padding:6px 3px}.piko-tool-btn{width:28px;min-height:28px;border-radius:9px}.piko-warning-card{padding:9px 10px}.piko-warning-card p{font-size:13px}.piko-composer-controls{grid-template-columns:34px 34px minmax(0,1fr) 58px;gap:6px}.piko-icon-btn{width:34px;height:34px;border-radius:10px}.piko-post-btn{height:40px;font-size:16px}.piko-clear-btn{height:34px}.public-pod-wall{padding:14px}.public-pod-grid{grid-template-columns:1fr}.screenshots-row{gap:8px}.screenshot-img{width:30vw;border-radius:10px}.share-container{padding:40px 16px 16px}.share-title{font-size:40px}.share-tagline{font-size:18px;margin-bottom:24px}.share-appstore-btn{padding:12px 24px;gap:10px}.share-appstore-main{font-size:22px}.share-features{padding:0 0 24px}.share-features-row{gap:8px}.share-feature-card{width:30vw;min-width:0}.share-feature-title{font-size:14px}.share-feature-num{width:18px;height:18px;font-size:13px}.share-feature-header{padding:10px 8px 6px;gap:4px}.share-feature-img-wrap{padding:4px 6px}.share-feature-desc{font-size:12px;padding:4px 8px 10px}}.pricing-notice{background:#2d7ff914;border:1px solid rgba(45,127,249,.25);color:#1a4ebf;padding:10px 14px;border-radius:8px;margin:0 0 16px;font-size:14px}.pricing-error{background:#dc262614;border:1px solid rgba(220,38,38,.25);color:#b91c1c;padding:10px 14px;border-radius:8px;margin:0 0 16px;font-size:14px}.pricing-btn:disabled{opacity:.55;cursor:not-allowed}.piko-sketch{background:#eef7ff;border:1px solid #c8ddf4;border-radius:16px;padding:10px}.piko-sketch-body{display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px}.piko-sketch-rail{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 4px;background:#e4f1ff;border:1px solid #c8ddf4;border-radius:12px}.piko-sketch-tool{width:28px;min-height:28px;border:1px solid #bad8f2;border-radius:8px;background:#f9fcff;color:#5572a1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px;cursor:pointer;transition:background .12s ease,border-color .12s ease}.piko-sketch-tool.active{background:#dbeeff;border-color:#8fb8f4}.piko-sketch-canvas-col{min-width:0;display:flex;justify-content:center}.piko-sketch-canvas-wrap{border:1px solid #bad8f2;border-radius:12px;padding:4px;background:#f9fcff;width:100%;max-width:320px}.piko-sketch-canvas{width:100%;aspect-ratio:96 / 37;display:block;background-color:#fff;border:1px solid #a3c8e8;border-radius:8px;image-rendering:pixelated;touch-action:none;cursor:crosshair}.piko-sketch-controls{display:grid;grid-template-columns:34px 34px minmax(0,1fr) 34px;align-items:center;gap:6px;margin-top:8px}.piko-sketch-icon-btn,.piko-sketch-clear{font-family:inherit;border:1px solid #bad8f2;border-radius:8px;background:#f9fcff;cursor:pointer;transition:opacity .12s ease}.piko-sketch-icon-btn:disabled,.piko-sketch-clear:disabled{opacity:.35;cursor:not-allowed}.piko-sketch-icon-btn{width:34px;height:34px;color:#506381;font-size:17px}.piko-sketch-status{color:#5572a1;font-size:12px;text-align:center}.piko-sketch-clear{width:34px;height:34px;color:#566a8d;display:flex;align-items:center;justify-content:center}.piko-sketch .pixel-tool-icon{width:14px;height:14px;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr)}.piko-sketch .pixel-tool-icon span{width:100%;height:100%}.piko-sketch .pixel-tool-empty{background:transparent}.piko-sketch .pixel-tool-pixel-1{background:#535353}.piko-sketch .pixel-tool-pixel-2{background:#fff}.piko-sketch .pixel-tool-pixel-3{background:#6c6c6c}.piko-sketch .pixel-tool-icon-active .pixel-tool-pixel-1{background:#104969}.piko-sketch .pixel-tool-icon-active .pixel-tool-pixel-3{background:#289acb}.start-page{position:relative;min-height:100vh;min-height:100dvh;background-color:#050810;color:#f0f4ff;font-family:VT323,monospace;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:clamp(16px,3vh,32px) clamp(16px,4vw,48px);isolation:isolate}.start-page-welcome{justify-content:center}.start-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background-color:#050810;background-image:radial-gradient(680px 520px at 15% 12%,rgba(45,127,249,.22),transparent 65%),radial-gradient(620px 540px at 88% 18%,rgba(0,229,255,.1),transparent 70%),radial-gradient(720px 600px at 78% 92%,rgba(45,127,249,.16),transparent 70%),radial-gradient(540px 460px at 8% 88%,rgba(0,229,255,.08),transparent 72%),radial-gradient(900px 600px at 50% 50%,rgba(30,60,120,.18),transparent 70%)}.start-page:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.45;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.6  0 0 0 0 0.72  0 0 0 0 1  0 0 0 0.045 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>")}.start-page *,.start-page *:before,.start-page *:after{box-sizing:border-box}.start-page button,.start-page input,.start-page textarea{font-family:inherit}.start-shell{position:relative;width:min(100%,540px);margin:0 auto;min-height:calc(100vh - clamp(32px,6vh,64px));min-height:calc(100dvh - clamp(32px,6vh,64px));padding:clamp(24px,4vh,40px) clamp(20px,4vw,36px) clamp(28px,5vh,44px);display:flex;flex-direction:column;animation:start-card-in .5s cubic-bezier(.22,1,.36,1) both}.start-step-body{flex:1;min-height:0}.start-actions{margin-top:auto}@keyframes start-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.start-shell-welcome{width:min(100%,560px);min-height:0;padding-top:clamp(20px,3vh,40px);padding-bottom:clamp(28px,4vh,40px)}@media (prefers-reduced-motion: reduce){.start-shell{animation:none}}.start-nav{display:flex;flex-direction:column;gap:14px;padding:0 0 22px}.start-back{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;padding:4px 0;margin:0;font-family:inherit;font-size:14px;letter-spacing:.3px;color:#6b7d99;cursor:pointer;transition:color .18s ease,transform .18s ease}.start-back svg{flex-shrink:0}.start-back:hover:not(:disabled){color:#f0f4ff;transform:translate(-2px)}.start-back:active:not(:disabled){transform:translate(-1px)}.start-back:disabled{visibility:hidden}.start-back-spacer{display:none}.start-progressbar{position:relative;width:100%;height:2px;border-radius:999px;background:#78a0e614;overflow:hidden}.start-progressbar-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2d7ff9,#5ba3ff);box-shadow:0 0 8px #2d7ff980;transition:width .4s cubic-bezier(.22,1,.36,1)}.start-title-block{padding:4px 0 26px;animation:start-fade-up .42s cubic-bezier(.22,1,.36,1) both}.start-title-block h1{font-size:clamp(32px,4vw,40px);line-height:1.05;font-weight:400;text-transform:lowercase;margin:0;color:#f0f4ff;letter-spacing:-.4px}.start-title-block p{margin:12px 0 0;color:#6b7d99;font-size:17px;line-height:1.5}.start-step-body{animation:start-fade-up .45s cubic-bezier(.22,1,.36,1) both;animation-delay:.04s}@keyframes start-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.start-title-block,.start-step-body{animation:none}}.start-stack{display:flex;flex-direction:column;gap:14px}.start-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.start-field{display:flex;flex-direction:column;gap:8px}.start-label{font-size:14px;color:#8899b0;text-transform:lowercase;letter-spacing:.4px;padding-left:2px}.start-input,.start-textarea{width:100%;background:#080e1c8c;border:1px solid rgba(120,160,230,.16);border-radius:12px;color:#f0f4ff;outline:none;font-size:19px;line-height:1.2;padding:14px 16px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.start-input:focus,.start-textarea:focus{border-color:#2d7ff9b3;background:#2d7ff90f;box-shadow:0 0 0 4px #2d7ff91f}.start-input::placeholder,.start-textarea::placeholder{color:#4f6480}.start-textarea::placeholder{font-size:16px;line-height:1.5}.start-input-error,.start-input-error:focus{border-color:#f87171a6;box-shadow:0 0 0 4px #f871711a}.start-textarea{min-height:200px;resize:vertical}.start-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding-right:36px;font-family:VT323,monospace;font-size:19px;letter-spacing:.3px;text-transform:lowercase;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1l5 5 5-5' stroke='%236B7D99' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-position:calc(100% - 14px) 50%;background-size:11px 7px;background-repeat:no-repeat}.start-select:focus{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1l5 5 5-5' stroke='%238FC2FF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>")}.start-select::-moz-focus-inner{border:0}.start-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #F0F4FF}.start-select option{background:#0a1424;color:#f0f4ff;font-family:VT323,monospace}.start-birthday{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:10px}@media (max-width: 420px){.start-birthday{grid-template-columns:1fr;gap:12px}}.start-note-card{background:#080e1c8c;border:1px solid rgba(120,160,230,.16);border-radius:14px;padding:16px;transition:border-color .2s ease}.start-note-card:focus-within{border-color:#2d7ff980}.start-note-textarea{width:100%;min-height:200px;background:none;border:none;color:#f0f4ff;font-family:inherit;font-size:17px;line-height:1.6;resize:none;outline:none}.start-note-textarea::placeholder{color:#4f6480}.start-note-from-row{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid rgba(120,160,230,.1);font-size:14px;color:#6b7d99}.start-note-from-avatar{width:26px;height:26px;border-radius:7px;border:1px solid rgba(120,160,230,.2);background:#121c32b3;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.start-note-from-avatar img{width:100%;height:100%;object-fit:cover;border-radius:6px}.start-note-from-avatar-placeholder{color:#556b8a}.start-welcome-post{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#080e1c8c;border:1px solid rgba(120,160,230,.16);border-radius:12px}.start-welcome-post-copy{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.start-welcome-post-title{font-size:15px;color:#f0f4ff;text-transform:lowercase}.start-welcome-post-sub{font-size:13px;line-height:1.4;color:#6b7d99}.start-switch{flex-shrink:0;width:46px;height:28px;padding:0;border:1px solid rgba(120,160,230,.22);border-radius:999px;background:#78a0e60f;cursor:pointer;transition:background .2s ease,border-color .2s ease}.start-switch-on{background:linear-gradient(180deg,#3d8fff,#2d7ff9);border-color:#2d7ff9cc;box-shadow:0 0 14px -2px #2d7ff98c}.start-switch-knob{display:block;width:20px;height:20px;margin:2px;border-radius:50%;background:#f0f4ff;transition:transform .2s ease;box-shadow:0 1px 3px #0000004d}.start-switch-on .start-switch-knob{transform:translate(18px)}.start-helper{color:#556b8a;font-size:14px;padding-left:2px}.start-helper-error{color:#f87171}.start-error{margin:14px 0 0;text-align:center;font-size:15px;color:#f87171}.start-hint{color:#556b8a;font-size:15px;text-align:center;margin:0}.start-link-btn{background:none;border:none;color:#5ba3ff;font-size:16px;cursor:pointer;padding:4px 0;align-self:center;transition:color .15s ease}.start-link-btn:hover{color:#8fc2ff}.start-actions{padding-top:26px;display:flex;flex-direction:column;gap:12px}.start-button{width:100%;min-height:52px;border:0;border-radius:12px;font-size:20px;color:#fff;cursor:pointer;position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .25s ease,opacity .18s ease}.start-button-primary{background:#2d7ff9;box-shadow:0 6px 18px -10px #2d7ff999}.start-button-primary:hover:not(:disabled){background:#3d8fff}.start-button-primary:active:not(:disabled){background:#1a5fcc}.start-button-secondary{background:#2d7ff90f;color:#8fc2ff;border:1px solid rgba(45,127,249,.3)}.start-button-secondary:hover:not(:disabled){background:#2d7ff91f;border-color:#2d7ff98c;color:#f0f4ff}.start-button:disabled{opacity:.4;cursor:default}.start-option{min-height:44px;border:1px solid rgba(120,160,230,.16);border-radius:10px;background:#080e1c80;color:#8899b0;font-size:17px;cursor:pointer;transition:all .18s ease}.start-option:hover{border-color:#2d7ff966;color:#cfe0ff}.start-option-selected,.start-option-selected:hover{border-color:#2d7ff9;background:#2d7ff91f;color:#f0f4ff;box-shadow:0 0 0 3px #2d7ff91f}.start-pronouns{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center}.start-pronouns>div{display:flex;flex-direction:column;gap:10px}.start-pronouns>span{font-size:28px;color:#3d4f6a;text-align:center}.start-interests{display:flex;flex-wrap:wrap;gap:8px}.start-pill{padding:10px 18px;border:1px solid rgba(120,160,230,.16);border-radius:999px;background:#080e1c80;color:#8899b0;font-size:16px;cursor:pointer;transition:all .18s ease}.start-pill:hover{border-color:#2d7ff966;color:#cfe0ff}.start-pill-selected,.start-pill-selected:hover{border-color:#2d7ff9;background:#2d7ff924;color:#f0f4ff;box-shadow:0 0 14px -4px #2d7ff980}.start-pack{display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:12px}.start-pack-card{position:relative;width:210px;aspect-ratio:.78;border-radius:22px;border:1px solid rgba(45,127,249,.22);background:radial-gradient(circle at 50% 25%,rgba(45,127,249,.18),transparent 65%),#080e1c8c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:0;cursor:pointer;overflow:hidden;animation:pack-float 4.5s ease-in-out infinite;transition:transform .4s cubic-bezier(.34,1.56,.64,1),border-color .5s ease,background .5s ease,box-shadow .5s ease;box-shadow:0 20px 44px -22px #2d7ff98c,inset 0 1px #ffffff0f}.start-pack-card:hover:not(.start-pack-open){transform:translateY(-6px);border-color:#2d7ff999;box-shadow:0 26px 52px -22px #2d7ff9b3,inset 0 1px #ffffff1a}.start-pack-card:active:not(.start-pack-open){transform:translateY(-2px) scale(.985)}.start-pack-label{color:#8fc2ff;font-size:20px;letter-spacing:3px;transition:opacity .4s ease,transform .4s ease,letter-spacing .5s ease}.start-pack-art{position:relative;width:110px;height:110px}.start-pack-art img{position:absolute;top:50%;left:50%;width:100px;height:100px;object-fit:contain}.start-pack-logo{transform:translate(-50%,-50%);transition:opacity .45s ease,transform .5s cubic-bezier(.4,0,.2,1)}.start-pack-avatar{transform:translate(-50%,-50%);animation:pack-avatar-pop .6s cubic-bezier(.34,1.56,.64,1) both}.start-pack-glow{position:absolute;top:50%;left:50%;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#00e5ff8c,#2d7ff900 70%);transform:translate(-50%,-50%) scale(.4);opacity:0;pointer-events:none}.start-pack-open{cursor:default;animation:none;border-color:#00e5ff66;background:radial-gradient(circle at 50% 35%,rgba(0,229,255,.18),transparent 65%),#080e1c8c;box-shadow:0 20px 48px -20px #00e5ff8c,inset 0 1px #ffffff14}.start-pack-open .start-pack-label{opacity:.5;letter-spacing:5px;transform:translateY(-2px)}.start-pack-open .start-pack-logo{opacity:0;transform:translate(-50%,-50%) scale(.6)}.start-pack-open .start-pack-glow{animation:pack-bloom .85s ease-out forwards}.start-pack-reveal{display:flex;flex-direction:column;align-items:center;gap:6px;animation:pack-reveal-up .5s ease .18s both}.start-pack-username{margin:0;color:#f0f4ff;font-size:19px;letter-spacing:.3px}@keyframes pack-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes pack-avatar-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.07)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes pack-bloom{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}35%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.7)}}@keyframes pack-reveal-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.start-pack-card,.start-pack-avatar,.start-pack-glow,.start-pack-reveal{animation:none}}.start-status-preview{height:40px;border:1px solid rgba(120,160,230,.16);border-radius:10px;background:#080e1c8c;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#6b7d99;font-size:15px}.start-status-preview strong{color:#f0f4ff;font-weight:400}.start-status-preview-center{display:flex;align-items:center;gap:6px;min-width:0}.start-status-preview-badge{font-size:12px;line-height:1;color:#34d399;text-transform:lowercase;white-space:nowrap}.start-waitlist-recognition{display:flex;justify-content:center;padding:4px 0}.start-waitlist-card{width:100%;border-radius:18px;border:1px solid rgba(123,241,255,.34);background:radial-gradient(circle at 50% 0%,rgba(0,229,255,.14),transparent 70%),#080e1c8c;box-shadow:0 0 36px -14px #7bf1ff80;padding:22px 22px 26px;display:flex;flex-direction:column;gap:14px}.start-waitlist-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.start-waitlist-handle{font-size:13px;color:#cfe7ff;border:1px solid rgba(126,219,255,.24);background:#bfd3e614;border-radius:999px;padding:3px 10px}.start-waitlist-rank{font-size:13px;color:#7bf1ff;border:1px solid rgba(123,241,255,.5);background:#7bf1ff1a;border-radius:999px;padding:3px 10px}.start-waitlist-headline{margin:0;font-size:26px;line-height:1.15;font-weight:400;color:#f0f4ff;text-transform:lowercase}.start-waitlist-body{margin:0;font-size:16px;line-height:1.45;color:#6b7d99}.start-waitlist-eyebrow{margin:0;font-size:14px;color:#5ba3ff;text-transform:lowercase;letter-spacing:.5px}.start-waitlist-sub{margin:0;font-size:16px;line-height:1.45;color:#6b7d99}.start-waitlist-preview{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;border:1px solid rgba(120,160,230,.16);background:#080e1c8c}.start-waitlist-preview-label{font-size:12px;color:#556b8a;text-transform:lowercase;letter-spacing:.6px}.start-waitlist-options{display:flex;flex-direction:column;gap:10px}.start-waitlist-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:14px 16px;border-radius:12px;border:1px solid rgba(120,160,230,.16);background:#080e1c80;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.start-waitlist-option:hover{border-color:#2d7ff966}.start-waitlist-option-selected,.start-waitlist-option-selected:hover{border-color:#2d7ff9b3;background:#2d7ff91f;box-shadow:0 0 0 3px #2d7ff91a}.start-waitlist-option-text{display:flex;flex-direction:column;gap:3px;min-width:0}.start-waitlist-option-label{font-size:18px;color:#f0f4ff;text-transform:lowercase}.start-waitlist-option-selected .start-waitlist-option-label{color:#8fc2ff}.start-waitlist-option-desc{font-size:13px;line-height:1.35;color:#6b7d99}.start-waitlist-radio{position:relative;flex-shrink:0;width:20px;height:20px;border-radius:50%;border:1px solid rgba(120,160,230,.4);background:#ffffff0a;transition:border-color .18s ease}.start-waitlist-radio-on{border-color:#2d7ff9}.start-waitlist-radio-on:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:#2d7ff9;box-shadow:0 0 10px #2d7ff999}.start-map{position:relative;height:260px;border:1px solid rgba(120,160,230,.18);border-radius:14px;overflow:hidden;background:#080e1c8c;box-shadow:inset 0 0 0 1px #ffffff05}.start-map .leaflet-container{background:#0a1424;font-family:inherit;cursor:crosshair}.start-map .leaflet-control-container .leaflet-control-zoom{display:none}.piko-leaflet-pin{display:flex;align-items:center;justify-content:center}.piko-leaflet-pin-dot{width:14px;height:14px;background:#2d7ff9;border:2px solid #F0F4FF;border-radius:50%;box-shadow:0 0 14px #2d7ff9d9,0 0 0 6px #2d7ff91f;display:block}.start-mood{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:4px 0}@media (min-width: 520px){.start-mood{grid-template-columns:repeat(6,1fr)}}.start-mood-btn{width:100%;aspect-ratio:1;background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.start-mood-circle{width:100%;height:100%;border-radius:50%;background:#080e1c99;border:1px solid rgba(120,160,230,.18);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .18s ease;box-shadow:inset 0 1px #ffffff0a}.start-mood-btn:hover .start-mood-circle{border-color:#2d7ff973;transform:translateY(-2px)}.start-mood-btn.selected .start-mood-circle{border-color:#2d7ff9;background:#2d7ff91f;box-shadow:0 0 0 3px #2d7ff924,0 10px 24px -10px #2d7ff98c,inset 0 1px #ffffff0f;transform:translateY(-2px)}.start-mood-circle img{width:68%;height:68%;object-fit:contain;image-rendering:pixelated}.start-composer{background:#eef7ff;border:1px solid #c8ddf4;border-radius:16px;padding:10px}.start-composer-body{display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px}.start-tool-rail{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 4px;background:#e4f1ff;border:1px solid #c8ddf4;border-radius:12px}.start-tool-btn{width:28px;min-height:28px;border:1px solid #bad8f2;border-radius:8px;background:#f9fcff;color:#5572a1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px;cursor:pointer;transition:background .12s ease,border-color .12s ease}.start-tool-btn.active{background:#dbeeff;border-color:#8fb8f4}.start-size-btn span{font-size:8px;line-height:1;color:#5572a1}.pixel-tool-icon{width:14px;height:14px;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr)}.pixel-tool-icon span{width:100%;height:100%}.pixel-tool-empty{background:transparent}.pixel-tool-pixel-1{background:#535353}.pixel-tool-pixel-2{background:#fff}.pixel-tool-pixel-3{background:#6c6c6c}.pixel-tool-icon-active .pixel-tool-pixel-1{background:#104969}.pixel-tool-icon-active .pixel-tool-pixel-3{background:#289acb}.start-canvas-col{min-width:0}.start-canvas-wrap{border:1px solid #bad8f2;border-radius:12px;padding:4px;background:#f9fcff}.start-drawing-canvas{width:100%;aspect-ratio:96 / 37;display:block;background:#fff;border:1px solid #a3c8e8;border-radius:8px;image-rendering:pixelated;touch-action:none;cursor:crosshair}.start-composer-controls{display:grid;grid-template-columns:34px 34px minmax(0,1fr) 52px;align-items:center;gap:6px;margin-top:8px}.start-ctrl-btn,.start-ctrl-clear{font-family:inherit;border:1px solid #bad8f2;border-radius:8px;background:#f9fcff;cursor:pointer;transition:opacity .12s ease}.start-ctrl-btn:disabled,.start-ctrl-clear:disabled{opacity:.35;cursor:not-allowed}.start-ctrl-btn{width:34px;height:34px;color:#506381;font-size:17px}.start-ctrl-status{color:#5572a1;font-size:12px;text-align:center}.start-ctrl-clear{height:34px;color:#566a8d;font-size:13px}.start-referral{display:flex;flex-direction:column;gap:16px}.start-referral-hero{text-align:center}.start-referral-hero h2{margin:0;font-size:28px;font-weight:400;text-transform:lowercase;letter-spacing:-.3px}.start-referral-hero p{margin:10px 0 0;color:#6b7d99;font-size:17px;line-height:1.45}.start-panel{border-radius:14px;border:1px solid rgba(120,160,230,.16);background:#080e1c8c;padding:18px}.start-perk-list{display:flex;flex-direction:column;gap:14px;text-align:center}.start-perk-list strong{display:block;color:#5ba3ff;font-size:18px;font-weight:400}.start-perk-list span{display:block;color:#6b7d99;font-size:16px}.start-progress-row{display:flex;justify-content:space-between;margin-top:16px;color:#556b8a;font-size:14px}.start-progress-row strong{color:#5ba3ff;font-weight:400}.start-referral-track{height:6px;margin-top:8px;border-radius:999px;background:#78a0e614;overflow:hidden}.start-referral-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2d7ff9,#00e5ff);box-shadow:0 0 12px #2d7ff98c;transition:width .3s ease}.start-code-panel{text-align:center}.start-code-label{display:block;color:#6b7d99;font-size:14px;margin-bottom:8px;letter-spacing:.4px}.start-code-panel strong{display:block;color:#34d399;font-size:28px;font-weight:400;letter-spacing:1px}.start-code-actions{display:flex;gap:8px;margin-top:12px}.start-code-actions button{flex:1;min-height:40px;border:1px solid rgba(45,127,249,.28);border-radius:10px;background:#2d7ff90f;color:#8fc2ff;font-size:15px;font-family:inherit;cursor:pointer;transition:all .18s ease}.start-code-actions button:hover:not(:disabled){background:#2d7ff91f;border-color:#2d7ff98c;color:#f0f4ff}.start-code-actions button:disabled{opacity:.35;cursor:default}.start-welcome{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.start-welcome-hero{position:relative;width:100%;display:flex;align-items:center;justify-content:center;padding:8px 0 4px;overflow:visible}.start-welcome-orbit{position:relative;--orbit-rx: clamp(86px, 30vw, 140px);--orbit-ry: clamp(38px, 13vw, 60px);--orbit-logo: clamp(104px, 30vw, 140px);width:calc(var(--orbit-rx) * 2 + 80px);height:calc(var(--orbit-ry) * 2 + 160px);max-width:100%;display:flex;align-items:center;justify-content:center}.start-welcome-orb{position:absolute;top:50%;left:50%;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);opacity:0;animation:orbit 36s linear infinite;will-change:transform,opacity}@keyframes orbit{0%{transform:translate(-50%,-50%) translate(calc(var(--orbit-rx) * 1),calc(var(--orbit-ry) * 0)) scale(.8);opacity:.525}8.3%{transform:translate(-50%,-50%) translate(calc(var(--orbit-rx) * .866),calc(var(--orbit-ry) * .5)) scale(.9);opacity:.688}16.7%{transform:translate(-50%,-50%) translate(calc(var(--orbit-rx) * .5),calc(var(--orbit-ry) * .866)) scale(.97);opacity:.806}25%{transform:translate(-50%,-50%) translate(calc(var(--orbit-rx) * 0),calc(var(--orbit-ry) * 1)) scale(1);opacity:.85}33.3%{transform:translate(-50%,-50%) translate(calc(var(--orbit-rx) * -.5),calc(var(--orbit-ry) * .866)) scale(.97);opacity:.806}41.7%{transform:translate(-50%,-50%) translate(calc(var(--orbit-rx) * -.866),calc(var(--orbit-ry) * .5)) scale(.9);opacity:.688}50%{transform:translate(-50%,-50%) translate(calc(var(--orbit-rx) * -1),calc(var(--orbit-ry) * 0)) scale(.8);opacity:.525}58.3%{transform:translate(-50%,-50%) translate(calc(var(--orbit-rx) * -.866),calc(var(--orbit-ry) * -.5)) scale(.7);opacity:.363}66.7%{transform:translate(-50%,-50%) translate(calc(var(--orbit-rx) * -.5),calc(var(--orbit-ry) * -.866)) scale(.63);opacity:.244}75%{transform:translate(-50%,-50%) translate(calc(var(--orbit-rx) * 0),calc(var(--orbit-ry) * -1)) scale(.6);opacity:.2}83.3%{transform:translate(-50%,-50%) translate(calc(var(--orbit-rx) * .5),calc(var(--orbit-ry) * -.866)) scale(.63);opacity:.244}91.7%{transform:translate(-50%,-50%) translate(calc(var(--orbit-rx) * .866),calc(var(--orbit-ry) * -.5)) scale(.7);opacity:.363}to{transform:translate(-50%,-50%) translate(calc(var(--orbit-rx) * 1),calc(var(--orbit-ry) * 0)) scale(.8);opacity:.525}}.start-welcome-logo{position:relative;z-index:1;width:var(--orbit-logo, 140px);height:var(--orbit-logo, 140px);display:flex;align-items:center;justify-content:center;translate:0 0;scale:1;rotate:0deg;animation:logo-bob 3.6s ease-in-out infinite,logo-pulse 3.9s ease-in-out infinite,logo-tilt 5s ease-in-out infinite;filter:drop-shadow(0 14px 40px rgba(45,127,249,.45))}.start-welcome-logo img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}@keyframes logo-bob{0%,to{translate:0 0}50%{translate:0 -8px}}@keyframes logo-pulse{0%{scale:1}38%{scale:1.05}77%{scale:.98}to{scale:1}}@keyframes logo-tilt{0%{rotate:0deg}28%{rotate:-4deg}72%{rotate:4deg}to{rotate:0deg}}.start-welcome-copy{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 0 22px;animation:start-fade-up .5s cubic-bezier(.22,1,.36,1) .35s both}.start-welcome-title{margin:0;font-size:34px;letter-spacing:1px;color:#f0f4ff;text-shadow:0 0 24px rgba(45,127,249,.5)}.start-welcome-tagline{margin:0;font-size:18px;color:#8899b0;letter-spacing:.4px}.start-welcome-actions{width:100%;display:flex;flex-direction:column;gap:14px;animation:start-fade-up .5s cubic-bezier(.22,1,.36,1) .5s both}.start-welcome-apple{width:100%;min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;background:#000;color:#f0f4ff;font-size:18px;border:1px solid rgba(91,163,255,.5);border-radius:14px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;box-shadow:0 0 #2d7ff900,0 12px 28px -16px #0009}.start-welcome-apple:hover{transform:translateY(-1px);border-color:#2d7ff9d9;box-shadow:0 0 0 4px #2d7ff91f,0 14px 30px -16px #000000b3}.start-welcome-apple svg{flex-shrink:0}.start-welcome-divider{position:relative;display:flex;align-items:center;color:#4a5d78;font-size:14px;letter-spacing:1px;text-transform:lowercase}.start-welcome-divider:before,.start-welcome-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(120,160,230,.18),transparent)}.start-welcome-divider span{padding:0 12px}.start-welcome-guest{width:100%;min-height:64px;display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:12px;padding:12px 16px;background:#121c3299;border:1px solid rgba(120,160,230,.18);border-radius:14px;cursor:pointer;text-align:left;transition:border-color .18s ease,background .18s ease,transform .18s ease}.start-welcome-guest:hover{border-color:#2d7ff98c;background:#2d7ff914;transform:translateY(-1px)}.start-welcome-guest-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#2d7ff924;border:1px solid rgba(45,127,249,.35);color:#8fc2ff}.start-welcome-guest-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.start-welcome-guest-copy strong{font-size:16px;font-weight:400;color:#f0f4ff}.start-welcome-guest-copy em{font-style:normal;font-size:13px;color:#6b7d99}.start-welcome-guest-arrow{color:#5ba3ff;font-size:18px}.start-welcome-signin{margin-top:4px;align-self:center}.start-welcome-invite{margin:0;font-size:13px;color:#34d399;text-align:center}.start-welcome-legal{margin:8px 0 0;font-size:12px;color:#4a5d78;text-align:center;letter-spacing:.2px}.start-welcome-legal a{color:#6b7d99;text-decoration:underline;text-decoration-color:#78a0e640;text-underline-offset:2px}.start-welcome-legal a:hover{color:#8fc2ff}@media (prefers-reduced-motion: reduce){.start-welcome-spark,.start-welcome-ring,.start-welcome-icon,.start-welcome-copy,.start-welcome-actions{animation:none}}@media (max-width: 520px){.start-shell{width:100%;padding:24px 20px 28px}.start-title-block h1{font-size:28px}.start-title-block p{font-size:16px}.start-composer{border-radius:14px;padding:8px}.start-composer-body{grid-template-columns:34px minmax(0,1fr)}.start-welcome-beacon{width:200px;height:200px}.start-welcome-icon{width:84px;height:84px;border-radius:22px}.start-welcome-icon img{width:64px;height:64px;border-radius:16px}.start-welcome-title{font-size:30px}}.start-pledge{gap:18px}.start-pledge-manifesto{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:12px;background:#0a12248c;border:1px solid rgba(120,160,220,.18);color:#d7e0f5;font-size:16px;line-height:1.45}.start-pledge-eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:#8ab4ff;margin:0}.start-pledge-manifesto p{margin:0}.start-pledge-rules{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:4px;color:#f0f4ff}.start-pledge-rules li{padding-left:18px;position:relative}.start-pledge-rules li:before{content:">";position:absolute;left:0;color:#2d7ff9}.start-pledge-signature{display:flex;flex-direction:column;gap:6px;padding:12px 12px 10px;border-radius:12px;background:#080e1c8c;border:1px dashed rgba(120,160,220,.32)}.start-pledge-signature-label{text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:#8ab4ff}.start-pledge-signature-hint{font-size:14px;color:#9eb0d8;text-align:right;font-style:italic}.start-paywall{gap:16px}.start-paywall-intro{display:flex;flex-direction:column;gap:4px;color:#d7e0f5;font-size:15px}.start-paywall-eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:#8ab4ff;margin:0}.start-paywall-intro p{margin:0}.start-paywall-cards{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 480px){.start-paywall-cards{grid-template-columns:1fr 1fr}}.start-paywall-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:14px;background:#0a122499;border:1px solid rgba(120,160,220,.22);color:#f0f4ff;text-align:left;font-family:inherit;cursor:pointer;transition:border-color .12s ease,transform .12s ease,background-color .12s ease}.start-paywall-card:hover:not(:disabled){border-color:#2d7ff9b3;transform:translateY(-1px)}.start-paywall-card:disabled{cursor:progress;opacity:.7}.start-paywall-card-featured{border-color:#2d7ff98c;background:linear-gradient(180deg,#2d7ff92e,#0a1224b3)}.start-paywall-badge{position:absolute;top:-10px;right:12px;padding:3px 8px;border-radius:999px;background:#2d7ff9;color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.16em}.start-paywall-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.start-paywall-tier{text-transform:uppercase;letter-spacing:.18em;font-size:13px;color:#8ab4ff}.start-paywall-price strong{font-size:24px;color:#f0f4ff}.start-paywall-price em{font-style:normal;font-size:13px;color:#9eb0d8;margin-left:2px}.start-paywall-savings{font-size:12px;color:#00e5ff;text-transform:uppercase;letter-spacing:.14em}.start-paywall-features{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:4px;color:#d7e0f5;font-size:14px}.start-paywall-features li{padding-left:16px;position:relative}.start-paywall-features li:before{content:"+";position:absolute;left:0;color:#2d7ff9}.start-paywall-cta{margin-top:8px;text-align:center;padding:8px 10px;border-radius:10px;background:#2d7ff92e;color:#8ab4ff;text-transform:uppercase;letter-spacing:.16em;font-size:12px}.start-paywall-cta-featured{background:#2d7ff9;color:#fff}.start-paywall-skip{align-self:center;margin-top:4px}.start-pledge-mobile{align-items:stretch;gap:18px;text-align:left}.start-pledge-icon{align-self:center;width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#2d7ff91f;border:1px solid rgba(45,127,249,.3);color:#5ba3ff;margin-bottom:4px}.start-pledge-card{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.start-pledge-line{display:flex;align-items:flex-start;gap:12px}.start-pledge-bullet{flex-shrink:0;width:8px;height:8px;border-radius:4px;background:#5ba3ff;margin-top:7px}.start-pledge-text{flex:1;font-size:15px;line-height:1.45;color:#ffffffeb}.start-pledge-link{color:#5ba3ff;text-decoration:underline}.start-pledge-hold{position:relative;height:56px;border-radius:28px;border:1px solid #5BA3FF;background:#2d7ff914;color:#fff;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font:inherit;padding:0;touch-action:manipulation}.start-pledge-hold:disabled{cursor:default}.start-pledge-hold-certified{border-color:#4ade80}.start-pledge-hold-fill{position:absolute;inset:0 auto 0 0;width:0%;background:#2d7ff9;pointer-events:none;transition:width .22s cubic-bezier(.4,0,.6,1)}.start-pledge-hold-fill-active{width:100%;transition:width 2s linear}.start-pledge-hold-fill-certified{width:100%;background:#22c55e;transition:width .2s ease-out,background .2s ease-out}.start-pledge-hold-label{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%;font-size:15px;font-weight:600;letter-spacing:.02em;text-transform:lowercase;color:#fff}.start-pledge-hint{margin:0;text-align:center;font-size:13px;color:#ffffff8c}.creators-page{--cr-primary: #2D7FF9;--cr-primary-light: #5BA3FF;--cr-primary-bright: #4DA6FF;--cr-accent: #00E5FF;--cr-bg: #0A0E1A;--cr-surface: #111827;--cr-surface-alt: #1A2332;--cr-surface-highlight: #1E2D42;--cr-text: #F0F4FF;--cr-text-secondary: #8899B0;--cr-text-muted: #556B8A;--cr-border: #1E2D42;--cr-border-blue: #2D5A8C;--cr-success: #34D399;--cr-error: #F87171;--cr-warn: #FBBF24;--cr-warn-bg: rgba(251, 191, 36, .1);--cr-warn-border: rgba(251, 191, 36, .25);--cr-error-bg: rgba(248, 113, 113, .1);--cr-error-border: rgba(248, 113, 113, .2);--cr-success-bg: rgba(52, 211, 153, .1);--cr-success-border: rgba(52, 211, 153, .2);--cr-table-header: #2563EB;--cr-table-stripe: rgba(45, 127, 249, .06);--cr-bio-bg: rgba(45, 127, 249, .08);--cr-bio-border: rgba(45, 127, 249, .2);min-height:100vh;background:var(--cr-bg);color:var(--cr-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden;transition:background .3s ease,color .3s ease}.creators-page.creators-light{--cr-bg: #F8FAFF;--cr-surface: #FFFFFF;--cr-surface-alt: #EFF4FB;--cr-surface-highlight: #E4ECF7;--cr-text: #0F172A;--cr-text-secondary: #475569;--cr-text-muted: #94A3B8;--cr-border: #CBD5E1;--cr-border-blue: #93B4D4;--cr-warn-bg: #FFFBEB;--cr-warn-border: #FDE68A;--cr-error-bg: #FEF2F2;--cr-error-border: #FECACA;--cr-success-bg: #F0FDF4;--cr-success-border: #BBF7D0;--cr-table-stripe: rgba(45, 127, 249, .04);--cr-bio-bg: #EFF6FF;--cr-bio-border: #BFDBFE}.creators-page button,.creators-page input{font-family:inherit}.cr-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:12px;padding:24px}.cr-gate-fields{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:14px;width:100%}.cr-gate img{width:80px;height:80px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 18px rgba(45,127,249,.35))}.cr-gate h1{font-size:26px;font-weight:600;text-transform:lowercase;color:var(--cr-text);letter-spacing:-.3px;text-shadow:0 0 20px rgba(45,127,249,.4);margin-top:4px}.cr-gate p{color:var(--cr-text-muted);font-size:15px;margin-top:-2px}.cr-gate input{width:300px;max-width:100%;padding:14px 20px;font-size:16px;background:var(--cr-surface);border:2px solid var(--cr-border);border-radius:14px;color:var(--cr-text);text-align:center;outline:none;letter-spacing:2px;transition:border-color .18s ease,box-shadow .18s ease}.cr-gate input::placeholder{letter-spacing:normal;color:var(--cr-text-muted)}.cr-gate input:focus{border-color:var(--cr-primary);box-shadow:0 0 0 3px #2d7ff926}.cr-gate-btn{width:300px;max-width:100%;min-height:48px;border:0;border-radius:14px;background:var(--cr-primary);color:#fff;font-size:15px;font-weight:500;cursor:pointer;letter-spacing:.3px;box-shadow:0 4px 15px #2d7ff94d;transition:transform .18s ease,background .18s ease}.cr-gate-btn:hover{transform:translateY(-1px);background:var(--cr-primary-light)}.cr-gate-error{color:var(--cr-error);font-size:13px;min-height:18px}.cr-shell{position:relative;z-index:1;width:min(100%,680px);min-height:100vh;margin:0 auto;padding:14px 18px 24px;display:flex;flex-direction:column}.cr-header{display:grid;grid-template-columns:40px 1fr 56px;align-items:center;gap:12px;padding:8px 0 14px}.cr-back{width:40px;height:40px;border:0;border-radius:12px;background:transparent;color:var(--cr-text);font-family:VT323,monospace;font-size:28px;cursor:pointer}.cr-back:disabled{opacity:.2;cursor:default}.cr-theme-toggle{width:52px;height:28px;border:1px solid var(--cr-border-blue);border-radius:999px;background:var(--cr-surface-alt);cursor:pointer;position:relative;padding:0;transition:background .25s ease,border-color .25s ease}.cr-theme-toggle:hover{border-color:var(--cr-primary)}.cr-toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--cr-primary-bright);transition:transform .25s ease,background .25s ease;box-shadow:0 1px 4px #0003}.creators-light .cr-toggle-knob{transform:translate(24px);background:var(--cr-primary)}.cr-progress{height:6px;border-radius:999px;background:var(--cr-surface-alt);overflow:hidden}.cr-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cr-primary),var(--cr-accent));transition:width .25s ease}.cr-title-block{text-align:left;padding:6px 4px 18px}.cr-title-block h1{font-size:24px;line-height:1.2;font-weight:600;text-transform:lowercase;letter-spacing:-.3px;margin:0;color:var(--cr-text)}.cr-title-block p{margin:8px 0 0;color:var(--cr-text-secondary);font-size:14px;line-height:1.5}.cr-step-counter{display:inline-block;margin-bottom:8px;padding:3px 10px;border-radius:999px;background:var(--cr-bio-bg);border:1px solid var(--cr-bio-border);color:var(--cr-primary-bright);font-size:12px;font-weight:500}.cr-step-body{flex:1;min-height:0}.cr-card{border-radius:20px;border:1px solid var(--cr-border);background:var(--cr-surface);padding:18px;margin-bottom:14px}.cr-card-accent{border-color:var(--cr-border-blue);background:linear-gradient(135deg,#2d7ff90f,#00e5ff08),var(--cr-surface)}.cr-card h3{font-size:15px;font-weight:600;color:var(--cr-primary-bright);margin:0 0 10px;letter-spacing:-.2px}.cr-card p{color:var(--cr-text-secondary);font-size:14px;line-height:1.55;margin:0 0 8px}.cr-card p:last-child{margin-bottom:0}.cr-card strong{color:var(--cr-text);font-weight:500}.cr-intro-hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px 24px;margin-bottom:18px;border-radius:24px;border:1px solid var(--cr-border-blue);overflow:hidden;background:var(--cr-surface)}.cr-intro-orbs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.cr-orb{position:absolute;border-radius:50%;animation:cr-float 5s ease-in-out infinite}.cr-orb-1{width:6px;height:6px;background:var(--cr-primary);box-shadow:0 0 10px var(--cr-primary),0 0 20px var(--cr-primary);top:18%;left:12%;opacity:.7;animation-delay:0s}.cr-orb-2{width:5px;height:5px;background:var(--cr-accent);box-shadow:0 0 8px var(--cr-accent),0 0 16px var(--cr-accent);top:14%;right:18%;opacity:.6;animation-delay:.8s}.cr-orb-3{width:7px;height:7px;background:var(--cr-primary-light);box-shadow:0 0 10px var(--cr-primary-light);bottom:22%;right:10%;opacity:.5;animation-delay:1.6s}.cr-orb-4{width:4px;height:4px;background:var(--cr-accent);box-shadow:0 0 8px var(--cr-accent);bottom:16%;left:20%;opacity:.6;animation-delay:2.4s}.cr-orb-5{width:5px;height:5px;background:var(--cr-primary);box-shadow:0 0 12px var(--cr-primary);top:50%;left:6%;opacity:.4;animation-delay:3.2s}@keyframes cr-float{0%,to{transform:translateY(0) scale(1);opacity:.5}50%{transform:translateY(-14px) scale(1.3);opacity:.9}}.cr-intro-logo-wrap{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.cr-intro-ring{position:absolute;width:110px;height:110px;border:2px solid var(--cr-primary-light);border-radius:50%;animation:cr-pulse 3s ease-out infinite;opacity:0}.cr-intro-ring-2{animation-delay:1s}@keyframes cr-pulse{0%{transform:scale(.7);opacity:.5}to{transform:scale(1.5);opacity:0}}.cr-intro-logo{width:72px;height:72px;object-fit:contain;image-rendering:pixelated;position:relative;z-index:1;filter:drop-shadow(0 0 20px rgba(45,127,249,.4));animation:cr-bob 3s ease-in-out infinite}@keyframes cr-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.cr-intro-tagline{font-family:VT323,monospace;font-size:20px;color:var(--cr-primary-bright);letter-spacing:1px;text-shadow:0 0 16px rgba(45,127,249,.35);margin:0}.cr-intro-banner{border-left:3px solid var(--cr-primary);background:var(--cr-bio-bg);border-radius:0 16px 16px 0;padding:14px 18px;margin-bottom:14px}.cr-intro-banner p{color:var(--cr-text-secondary);font-size:14px;line-height:1.55;margin:0}.cr-intro-banner strong{color:var(--cr-text);font-weight:500}.cr-target{color:var(--cr-text-muted);font-size:13px;margin:0;padding-left:4px;line-height:1.5}.cr-target strong{color:var(--cr-primary-bright)}.cr-table{width:100%;border-collapse:collapse;font-size:14px;border:1px solid var(--cr-border);border-radius:12px;overflow:hidden;margin-top:8px}.cr-table th{text-align:left;font-weight:500;color:#fff;background:var(--cr-table-header);padding:8px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.8px}.cr-table td{padding:8px 14px;color:var(--cr-text-secondary);font-size:13px;border-bottom:1px solid var(--cr-border)}.cr-table tr:nth-child(2n) td{background:var(--cr-table-stripe)}.cr-table tr:last-child td{border-bottom:none}.cr-bio-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.cr-bio-chip{background:var(--cr-bio-bg);border:1px solid var(--cr-bio-border);border-radius:10px;padding:7px 12px;font-size:13px;color:var(--cr-primary-bright);font-style:italic}.cr-comment-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.cr-comment-chip{background:var(--cr-surface-alt);border:1px solid var(--cr-border);border-radius:10px;padding:9px 12px;font-size:13px;color:var(--cr-text-secondary);font-style:italic;line-height:1.4}.cr-list{padding-left:20px;margin:8px 0}.cr-list li{padding:3px 0;color:var(--cr-text-secondary);font-size:14px;line-height:1.5}.cr-list li strong{color:var(--cr-text);font-weight:500}.cr-list-highlight{color:var(--cr-error);font-weight:400;font-size:13px}.cr-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cr-danger-box{border-radius:20px;border:1px solid var(--cr-error-border);background:var(--cr-error-bg);padding:18px;margin-bottom:14px}.cr-danger-box h3{color:var(--cr-error);font-size:15px;font-weight:600;margin:0 0 10px}.cr-danger-box li{color:var(--cr-text-secondary);font-size:14px}.cr-danger-box p{color:var(--cr-text-muted);font-size:13px;margin:10px 0 0}.cr-warn-box{border-radius:16px;border:1px solid var(--cr-warn-border);background:var(--cr-warn-bg);padding:14px 18px;margin-top:14px}.cr-warn-box p{color:var(--cr-warn);font-size:14px;font-weight:500;margin:0}.cr-success-box{border-radius:20px;border:1px solid var(--cr-success-border);background:var(--cr-success-bg);padding:18px;margin-bottom:14px}.cr-success-box h3{color:var(--cr-success);font-size:15px;font-weight:600;margin:0 0 10px}.cr-success-box li{color:var(--cr-text-secondary)}.cr-checklist{list-style:none;padding:0;margin:10px 0}.cr-checklist li{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--cr-border);border-radius:14px;background:var(--cr-surface);margin-bottom:8px;cursor:pointer;transition:background .18s ease,border-color .18s ease;font-size:14px;color:var(--cr-text-secondary);-webkit-user-select:none;user-select:none;line-height:1.4}.cr-checklist li:hover{border-color:var(--cr-border-blue)}.cr-checklist li.cr-checked{border-color:var(--cr-success);background:var(--cr-success-bg);color:var(--cr-success)}.cr-check-box{width:24px;height:24px;border:2px solid var(--cr-border-blue);border-radius:8px;flex-shrink:0;display:grid;place-items:center;font-size:14px;transition:background .18s ease,border-color .18s ease}.cr-checked .cr-check-box{background:var(--cr-success);border-color:var(--cr-success);color:#fff}.cr-checklist-progress{text-align:center;color:var(--cr-text-muted);font-size:13px;margin-top:4px}.cr-tip{color:var(--cr-text-muted);font-size:13px;font-style:italic;margin-top:10px;line-height:1.5}.cr-mission{text-align:center;padding:24px 18px}.cr-mission h3{color:var(--cr-primary-bright);font-size:18px;font-weight:600;margin:0 0 14px;letter-spacing:-.2px}.cr-mission p{color:var(--cr-text-secondary);font-size:14px;line-height:1.6;margin:0 0 10px}.cr-mission p:last-child{margin-bottom:0}.cr-mission-footer{color:var(--cr-text-muted);font-size:12px;margin-top:20px;padding-top:14px;border-top:1px solid var(--cr-border)}.cr-actions{padding-top:18px;display:flex;flex-direction:column;gap:10px}.cr-btn{width:100%;min-height:48px;border:0;border-radius:14px;font-family:VT323,monospace;font-size:22px;color:#fff;cursor:pointer;background:var(--cr-primary);box-shadow:0 4px 15px #2d7ff94d;transition:transform .18s ease,background .18s ease}.cr-btn:hover:not(:disabled){transform:translateY(-1px);background:var(--cr-primary-light)}.cr-btn:disabled{opacity:.55;cursor:default}.cr-btn-secondary{background:var(--cr-surface-alt);color:var(--cr-primary-bright);border:1px solid var(--cr-border-blue);box-shadow:none}.cr-btn-secondary:hover:not(:disabled){background:var(--cr-surface-highlight)}@media (min-width: 720px){.cr-shell{width:min(100%,800px);padding:34px 44px 40px}.cr-title-block h1{font-size:28px}.cr-title-block p{font-size:15px;max-width:480px}.cr-btn{min-height:52px;font-size:24px}.cr-gate h1{font-size:28px}}@media (max-width: 520px){.cr-two-col,.cr-comment-grid{grid-template-columns:1fr}.cr-shell{padding-left:14px;padding-right:14px}.cr-title-block h1{font-size:22px}}.app-shell{--shell-bg: #0C1222;--shell-text: #F0F4FF;--statusbar-bg: linear-gradient(180deg, rgba(20, 31, 48, .98) 0%, rgba(16, 24, 38, .98) 100%);--statusbar-border: rgba(132, 164, 198, .14);--statusbar-divider: rgba(159, 190, 221, .08);--statusbar-username: #BFD3E6;--statusbar-meta: #9CB5CB;--statusbar-badge: #34D399;--battery-border: #7B92A8;--battery-bg: rgba(9, 13, 20, .55);--battery-fill: #5BE36F;--battery-fill-border: #2E9950;--battery-cap: #7B92A8;--nav-bg: rgba(14, 18, 30, .85);--nav-border: rgba(255, 255, 255, .08);--nav-hover: rgba(255, 255, 255, .04);--nav-active-bg: rgba(45, 127, 249, .1);--nav-active-hover: rgba(45, 127, 249, .14);--nav-label: #556B8A;--nav-label-active: #8BB4E0;--nav-indicator: rgba(45, 127, 249, .7);--nav-indicator-glow: rgba(85, 199, 255, .25);--card-bg: rgba(30, 60, 100, .18);--card-border: rgba(70, 120, 180, .15);--modal-bg: #161f33;--modal-border: rgba(120, 160, 220, .22);--text-heading: #F0F4FF;--text-body: #F0F4FF;--text-secondary: #6B7D99;--text-muted: #556B8A;--accent-blue: #2D7FF9;--accent-blue-light: #5BA3FF;--chip-bg: rgba(45, 127, 249, .12);--chip-border: rgba(45, 127, 249, .25);--avatar-bg: rgba(255, 255, 255, .04);--avatar-border: rgba(255, 255, 255, .08);--avatar-icon: #556B8A;--settings-icon: #6B7D99;--settings-chevron: #556B8A;--cta-bg: #2D7FF9;--cta-color: #F0F4FF;--cta-shadow: none;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;background:var(--shell-bg);color:var(--shell-text);font-family:VT323,monospace;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;background-size:cover;background-position:center;background-attachment:fixed;transition:background-color .3s ease,color .3s ease}.app-shell *,.app-shell *:before,.app-shell *:after{box-sizing:border-box}.app-shell.app-shell-aero{--shell-bg: #4a90c4;--shell-text: #ffffff;--statusbar-bg: none;--statusbar-border: transparent;--statusbar-divider: rgba(255, 255, 255, .25);--statusbar-username: #ffffff;--statusbar-meta: rgba(255, 255, 255, .9);--statusbar-badge: #66ff99;--battery-border: rgba(255, 255, 255, .6);--battery-bg: rgba(255, 255, 255, .15);--battery-fill: #66ee77;--battery-fill-border: #44bb55;--battery-cap: rgba(255, 255, 255, .6);--nav-bg: none;--nav-border: transparent;--nav-hover: rgba(255, 255, 255, .12);--nav-active-bg: rgba(50, 140, 255, .45);--nav-active-hover: rgba(60, 150, 255, .55);--nav-label: rgba(255, 255, 255, .75);--nav-label-active: #ffffff;--nav-indicator: #ffffff;--nav-indicator-glow: rgba(255, 255, 255, .5);--card-bg: none;--card-border: transparent;--modal-bg: rgba(16, 44, 80, .94);--modal-border: rgba(150, 200, 255, .4);--text-heading: #ffffff;--text-body: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-muted: rgba(255, 255, 255, .6);--accent-blue: #88ccff;--accent-blue-light: #aaddff;--chip-bg: rgba(100, 180, 255, .25);--chip-border: rgba(150, 210, 255, .5);--avatar-bg: none;--avatar-border: rgba(255, 255, 255, .5);--avatar-icon: rgba(255, 255, 255, .7);--settings-icon: rgba(255, 255, 255, .8);--settings-chevron: rgba(255, 255, 255, .6);--cta-bg: none;--cta-color: #ffffff;--cta-shadow: none}.aero-glass{background:linear-gradient(180deg,#ffffff61,#e6f5ff40 40%,#d2ebff29);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.45);border-top-color:#ffffffb3;box-shadow:0 4px 20px #0028641a,inset 0 1px #ffffff8c;position:relative;overflow:hidden}.aero-glass:after{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,#ffffff4d,#ffffff0f 70%,#fff0);pointer-events:none}.aero-glass[class*=border-radius]:after,.aero-glass:after{border-radius:inherit}.app-shell-aero .status-bar{background:linear-gradient(180deg,#fff6,#dcf0ff4d);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-bottom:1px solid rgba(255,255,255,.45);box-shadow:inset 0 1px #fff9,0 2px 8px #00286414}.app-shell-aero .status-bar-left{border-right:1px solid rgba(255,255,255,.3)}.app-shell-aero .side-nav{background:linear-gradient(180deg,#ffffff61,#dcf0ff47,#c8e6ff33);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(255,255,255,.5);border-top-color:#ffffffb3;box-shadow:0 8px 32px #0028641f,inset 0 1px #fff9}.app-shell-aero .side-nav-button-active{background:linear-gradient(180deg,#328cff8c,#1e6ee673);border:1px solid rgba(100,175,255,.7);box-shadow:inset 0 1px #ffffff73,0 1px 4px #1450b433}.app-shell-aero .side-nav-button-active:hover{background:linear-gradient(180deg,#3c96ff99,#2878f080)}.app-shell-aero .side-nav-button:hover:not(.side-nav-button-active){background:#ffffff2e}.app-shell-aero .side-nav-indicator{display:none}.app-shell-aero .side-nav-button-active .side-nav-label{color:#fff;text-shadow:0 1px 2px rgba(0,40,120,.3)}.app-shell-aero .side-nav-button-inactive img{opacity:.7}.app-shell-aero .tab-header{background:linear-gradient(180deg,#8cc8ee57,#60a2d657);backdrop-filter:blur(22px) saturate(1.15);-webkit-backdrop-filter:blur(22px) saturate(1.15);border:1px solid rgba(255,255,255,.55);border-top-color:#ffffffc7;border-radius:14px;padding:20px 22px 18px;margin-bottom:20px;box-shadow:0 4px 18px #00286426,inset 0 1px #ffffff8c;position:relative;overflow:hidden}.app-shell-aero .tab-header:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,#fff3,#ffffff0d 70%,#fff0);border-radius:13px 13px 0 0;pointer-events:none}.app-shell-aero .letters-status-card,.app-shell-aero .letters-locked-card,.app-shell-aero .letters-sent-link,.app-shell-aero .letters-penpals-empty,.app-shell-aero .pod-card,.app-shell-aero .pod-post-card,.app-shell-aero .pod-detail-card,.app-shell-aero .pod-comment,.app-shell-aero .pod-reply-composer,.app-shell-aero .profile-card,.app-shell-aero .profile-settings-row,.app-shell-aero .profile-avatar,.app-shell-aero .settings-panel{background:linear-gradient(180deg,#96cdf047,#6eafdc47);backdrop-filter:blur(20px) saturate(1.15);-webkit-backdrop-filter:blur(20px) saturate(1.15);border:1px solid rgba(255,255,255,.45);border-top-color:#ffffffa6;box-shadow:0 2px 12px #0028641a,inset 0 1px #ffffff73;position:relative;overflow:hidden}.app-shell-aero .letters-status-card:before,.app-shell-aero .letters-locked-card:before,.app-shell-aero .letters-sent-link:before,.app-shell-aero .letters-penpals-empty:before,.app-shell-aero .pod-card:before,.app-shell-aero .pod-post-card:before,.app-shell-aero .pod-detail-card:before,.app-shell-aero .pod-comment:before,.app-shell-aero .pod-reply-composer:before,.app-shell-aero .profile-card:before,.app-shell-aero .profile-settings-row:before,.app-shell-aero .settings-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:38%;background:linear-gradient(180deg,#ffffff29,#ffffff08 70%,#fff0);border-radius:inherit;pointer-events:none;z-index:0}.app-shell-aero .letters-cta{background:linear-gradient(180deg,#3c96ffa6,#2878e68c,#1e64d299);border:1px solid rgba(100,175,255,.6);border-top-color:#a0d2ffb3;box-shadow:0 3px 12px #00328240,inset 0 1px #ffffff80;color:#fff;text-shadow:0 1px 2px rgba(0,30,80,.4);position:relative;overflow:hidden}.app-shell-aero .letters-cta:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff59,#fff0);pointer-events:none}.app-shell-aero .letters-cta:hover{opacity:1;background:linear-gradient(180deg,#46a0ffbf,#3282f0a6,#286edcb3)}.app-shell-aero .letter-composer-continue-btn,.app-shell-aero .letter-composer-send-btn,.app-shell-aero .letter-drawing-continue-btn,.app-shell-aero .paywall-continue-btn{background:linear-gradient(180deg,#3c96ffbf,#2878e6a6,#1e64d2b3);border:1px solid rgba(100,175,255,.6);border-top-color:#a0d2ffbf;box-shadow:0 4px 16px #0032824d,inset 0 1px #ffffff8c;color:#fff;font-size:20px;font-weight:700;letter-spacing:1px;text-shadow:0 1px 3px rgba(0,30,80,.5);position:relative;overflow:hidden}.app-shell-aero .letter-composer-continue-btn:after,.app-shell-aero .letter-composer-send-btn:after,.app-shell-aero .letter-drawing-continue-btn:after,.app-shell-aero .paywall-continue-btn:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff4d,#fff0);pointer-events:none}.app-shell-aero .letter-composer-continue-btn:hover:not(:disabled),.app-shell-aero .letter-composer-send-btn:hover:not(:disabled),.app-shell-aero .letter-drawing-continue-btn:hover,.app-shell-aero .paywall-continue-btn:hover{background:linear-gradient(180deg,#46a0ffd9,#3282f0bf,#286edccc);opacity:1;transform:none}.app-shell-aero .letter-composer-continue-btn:disabled,.app-shell-aero .letter-composer-send-btn:disabled{background:#3c78c840;border-color:#64a0ff4d;box-shadow:none;opacity:.45}.app-shell-aero .letter-drawing-skip-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.35);color:#fff;font-size:18px;font-weight:600;text-shadow:0 1px 2px rgba(0,30,80,.4)}.app-shell-aero .pod-compose-hint{color:#fffc;font-weight:600;text-shadow:0 1px 2px rgba(0,28,72,.4)}.app-shell-aero .letters-status-chip{background:#fff3;border:1px solid rgba(255,255,255,.4);color:#fff;box-shadow:inset 0 1px #ffffff40}.app-shell-aero .tab-header h1,.app-shell-aero .profile-username,.app-shell-aero .pod-detail-title,.app-shell-aero .pod-post-title,.app-shell-aero .pod-label{text-shadow:0 1px 4px rgba(0,28,72,.55),0 0 2px rgba(0,20,55,.35)}.app-shell-aero .profile-quick-action{border-top-color:#ffffff4d;color:#fff;text-shadow:0 1px 2px rgba(0,30,80,.4)}.app-shell-aero .profile-quick-action svg,.app-shell-aero .profile-quick-action-chevron{color:#fff}.app-shell-aero .tab-header p,.app-shell-aero .letters-status-detail,.app-shell-aero .letters-locked-body,.app-shell-aero .letters-penpals-empty-body,.app-shell-aero .pod-description,.app-shell-aero .pod-post-preview,.app-shell-aero .pod-detail-body,.app-shell-aero .pod-post-author,.app-shell-aero .pod-comment-user,.app-shell-aero .pod-comment-text,.app-shell-aero .letters-section-label{text-shadow:0 1px 3px rgba(0,28,72,.5)}.app-shell-aero .pod-drawing-wrap,.app-shell-aero .pod-post-card,.app-shell-aero .pod-card{border-color:#fff6}.app-shell-aero .pod-post-title,.app-shell-aero .pod-label{color:#fff}.app-shell-aero .pod-post-author,.app-shell-aero .pod-post-time,.app-shell-aero .pod-description,.app-shell-aero .pod-post-replies,.app-shell-aero .pod-comment-user,.app-shell-aero .pod-comment-time{color:#ffffffbf}.app-shell-aero .pod-post-preview,.app-shell-aero .pod-comment-text{color:#ffffffd9}.app-shell-aero .pod-vote-score{color:#fff}.app-shell-aero .pod-vote-btn{color:#ffffff80}.app-shell-aero .pod-post-stats,.app-shell-aero .pod-post-comments{border-top-color:#fff3}.app-shell-aero .pod-comment{background:#285f9642;backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1);border:1px solid rgba(255,255,255,.22);border-left:2px solid rgba(160,210,255,.7);box-shadow:none}.app-shell-aero .pod-comment:before{display:none}.app-shell-aero .pod-drawing-tag{background:#ffffff26;border-color:#ffffff4d}.app-shell-aero .pod-drawing-tag-text{color:#fff}.app-shell-aero .pod-post-expand{color:#ffffffe6}.app-shell-aero .pod-post-author,.app-shell-aero .pod-comment-user{color:#fff;font-weight:600}.app-shell-aero .theme-option{background:#ffffff26;border:2px solid rgba(255,255,255,.35)}.app-shell-aero .theme-option-active{border-color:#50a0ffcc;background:#328cff33}.wallpaper-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px}.wallpaper-option{aspect-ratio:16 / 10;border-radius:8px;border:2px solid var(--card-border);cursor:pointer;background-size:cover;background-position:center;transition:border-color .15s ease,transform .15s ease;padding:0;font-family:inherit}.wallpaper-option:hover{transform:scale(1.05)}.wallpaper-option-active{border-color:var(--accent-blue)}.app-shell-aero .wallpaper-option{border-color:#fff6}.app-shell-aero .wallpaper-option:hover{border-color:#ffffffb3}.app-shell-aero .wallpaper-option-active{border-color:#fff;box-shadow:0 0 8px #ffffff59}.status-bar{min-height:48px;display:flex;align-items:stretch;background:var(--statusbar-bg);border-bottom:1px solid var(--statusbar-border);flex-shrink:0;transition:background .3s ease;position:sticky;top:0;z-index:100}.status-bar-left{flex:1;display:flex;align-items:center;padding:0 20px;border-right:1px solid var(--statusbar-divider);min-width:0}.status-bar-username{font-size:18px;line-height:20px;color:var(--statusbar-username);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-bar-badge{margin-left:8px;padding:1px 8px;border:1px solid var(--statusbar-badge);border-radius:4px;font-size:12px;line-height:16px;color:var(--statusbar-badge);text-transform:lowercase;white-space:nowrap;flex-shrink:0}.status-bar-meta{display:flex;align-items:stretch}.status-bar-cell{min-width:72px;padding:0 10px;display:flex;align-items:center;justify-content:center}.status-bar-date-cell{min-width:120px;justify-content:center}.status-bar-meta-text{font-size:16px;line-height:18px;color:var(--statusbar-meta);white-space:nowrap}.status-bar-divider{width:1px;background:var(--statusbar-divider)}.status-bar-battery{min-width:36px;padding:0 16px 0 10px;display:flex;align-items:center;justify-content:flex-end}.battery-icon{display:flex;align-items:center}.battery-body{width:18px;height:10px;border:1px solid var(--battery-border);background:var(--battery-bg);padding:1px;display:flex}.battery-fill{flex:1;background:var(--battery-fill);border:1px solid var(--battery-fill-border)}.battery-cap{width:3px;height:5px;margin-left:1px;background:var(--battery-cap)}.app-body{flex:1 0 auto;display:flex;position:relative}.side-nav{position:fixed;left:40px;top:50%;transform:translateY(-50%);width:180px;display:flex;flex-direction:column;padding:8px;gap:2px;background:var(--nav-bg);border:1px solid var(--nav-border);border-radius:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:50;transition:background .3s ease}.side-nav-button{width:100%;display:flex;flex-direction:row;align-items:center;gap:10px;padding:9px 12px;background:none;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:background .15s ease,border-color .15s ease;position:relative}.side-nav-button:hover{background:var(--nav-hover)}.side-nav-button-active{background:var(--nav-active-bg)}.side-nav-button-active:hover{background:var(--nav-active-hover)}.side-nav-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.side-nav-icon img{object-fit:contain}.side-nav-button-inactive img{opacity:.5}.side-nav-label{font-family:VT323,monospace;font-size:16px;color:var(--nav-label);line-height:1;text-transform:lowercase}.side-nav-button-active .side-nav-label{color:var(--nav-label-active)}.side-nav-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 2px 2px 0;background:var(--nav-indicator);box-shadow:0 0 6px var(--nav-indicator-glow)}.app-content{flex:1;padding:28px 32px 40px;display:flex;justify-content:center}.app-content-inner{width:min(100%,520px)}.tab-header{padding:0 0 24px}.tab-header-title-row{display:flex;align-items:center;gap:8px}.tab-header-icon{width:42px;height:42px;object-fit:contain}.tab-header h1{font-size:30px;line-height:1.05;font-weight:400;text-transform:lowercase;margin:0;color:var(--text-heading)}.tab-header p{margin:4px 0 0;color:var(--text-secondary);font-size:17px;line-height:1.4}.letters-status-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:16px;margin-bottom:24px;transition:background .3s ease}.letters-status-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.letters-status-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;background:var(--chip-bg);border:1px solid var(--chip-border);border-radius:6px;font-size:13px;color:var(--accent-blue-light)}.letters-status-title{font-size:18px;color:var(--text-heading);margin:0 0 6px}.letters-status-detail{font-size:15px;color:var(--text-secondary);line-height:1.4;margin:0}.letters-section-label{font-size:14px;color:var(--text-muted);text-transform:lowercase;letter-spacing:.5px;margin:0 0 10px}.letters-section-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.letters-section-header .letters-section-label{margin:0;flex:1}.letters-refresh-btn{display:inline-flex;align-items:center;gap:5px;background:var(--chip-bg);border:1px solid var(--chip-border);color:var(--accent-blue-light);border-radius:999px;padding:5px 11px;font-family:inherit;font-size:13px;text-transform:lowercase;cursor:pointer;transition:background .2s ease,opacity .2s ease}.letters-refresh-btn:hover:not(:disabled){background:var(--chip-border)}.letters-refresh-btn:disabled{cursor:default;opacity:.7}.letters-refresh-spinner{width:13px;height:13px;border:2px solid var(--accent-blue-light);border-top-color:transparent;border-radius:50%;animation:letters-refresh-spin .7s linear infinite}@keyframes letters-refresh-spin{to{transform:rotate(360deg)}}.letters-refreshed-chip{font-size:12px;color:var(--text-muted);text-transform:lowercase;padding:4px 10px;border-radius:999px;background:var(--card-bg);border:1px solid var(--card-border)}.letters-locked-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;margin-bottom:24px;transition:background .3s ease}.letters-locked-card svg{color:var(--accent-blue-light);margin-bottom:4px}.letters-locked-title{font-size:17px;color:var(--text-heading);margin:0}.letters-locked-body{font-size:14px;color:var(--text-secondary);line-height:1.4;margin:0;max-width:280px}.letters-cta{width:100%;padding:14px;background:var(--cta-bg);border:none;border-radius:10px;color:var(--cta-color);font-family:inherit;font-size:17px;cursor:pointer;transition:opacity .15s ease,filter .15s ease;margin-bottom:16px;box-shadow:var(--cta-shadow)}.letters-cta:hover{opacity:.85}.letters-sent-link{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;color:var(--text-body);font-size:15px;cursor:pointer;transition:opacity .15s ease,background .3s ease;margin-bottom:28px}.letters-sent-link:hover{opacity:.85}.letters-sent-link-chevron{color:var(--text-muted);font-size:16px}.letters-penpals-empty{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;transition:background .3s ease}.letters-penpals-empty svg{color:var(--text-muted);margin-bottom:4px}.letters-penpals-empty-title{font-size:16px;color:var(--text-heading);margin:0}.letters-penpals-empty-body{font-size:14px;color:var(--text-secondary);line-height:1.4;margin:0;max-width:280px}.pods-list{display:flex;flex-direction:column;gap:12px}.pod-card{background:#111827;border:1px solid #1E2D42;border-radius:16px;padding:16px;cursor:pointer;transition:border-color .15s ease}.pod-card:hover{border-color:#2d5a8c}.pod-top-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.pod-icon{width:42px;height:42px;object-fit:contain;flex-shrink:0}.pod-label{font-size:18px;color:#f0f4ff;margin:0;font-weight:600}.pod-description{font-size:15px;color:#556b8a;line-height:1.4;margin:0}.pod-back-button{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-secondary);font-family:VT323,monospace;font-size:15px;cursor:pointer;padding:0;margin-bottom:8px}.pod-back-button:hover{color:var(--text-heading)}.pod-loading,.pod-error{font-size:14px;color:var(--text-secondary);text-align:center;padding:32px 0}.pod-error{color:#e05555}.pod-empty{text-align:center;padding:40px 0;color:var(--text-secondary);font-size:14px}.pod-posts-list{display:flex;flex-direction:column;gap:12px}.pod-post-card{background:#111827;border:1px solid #1E2D42;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:border-color .15s ease}.pod-post-card:hover{border-color:#2d5a8c}.pod-post-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.pod-post-title{flex:1;font-size:17px;color:#f0f4ff;margin:0;line-height:1.3}.pod-post-time{font-size:13px;color:#556b8a;flex-shrink:0;padding-top:2px}.pod-post-meta-row{display:flex;align-items:center;gap:6px}.pod-post-avatar-wrap{width:22px;height:22px;border-radius:6px;border:1px solid #253548;background:#1a2332;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.pod-post-avatar{width:100%;height:100%;object-fit:cover;border-radius:5px}.pod-post-avatar-placeholder{color:#556b8a}.pod-post-author{font-size:14px;color:#556b8a}.author-status-label{font-size:13px;color:#34d399;text-transform:lowercase;white-space:nowrap}.pod-post-preview{font-size:15px;color:#8899b0;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.pod-drawing-wrap{width:100%;border-radius:6px;overflow:hidden;border:2px solid #1D6A9B;margin:4px 0;background:#fcfcfc}.pod-drawing-canvas{width:100%;height:auto;display:block;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.pod-drawing-tag{display:inline-flex;align-items:center;border:1px solid #2D5A8C;background:#1a2332;padding:4px 10px;border-radius:999px;align-self:flex-start}.pod-drawing-tag-text{font-size:13px;color:#4da6ff}.pod-post-expand{background:none;border:none;color:#4da6ff;font-family:VT323,monospace;font-size:14px;cursor:pointer;padding:2px 0;align-self:flex-start}.pod-post-expand:hover{opacity:.8}.pod-post-stats{display:flex;align-items:center;gap:16px;margin-top:4px;padding-top:8px;border-top:1px solid #1E2D42}.pod-vote-control{display:flex;align-items:center;gap:2px;border-radius:999px;padding:2px}.pod-vote-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:999px;cursor:pointer;color:#556b8a;padding:0;transition:color .12s ease}.pod-vote-btn:hover{color:#8899b0}.pod-vote-active-up,.pod-vote-active-up:hover{color:#ff6a33}.pod-vote-active-down,.pod-vote-active-down:hover{color:#6aa9ff}.pod-vote-score{min-width:22px;text-align:center;font-size:15px;color:#f0f4ff;font-weight:600}.pod-vote-score-up{color:#ff6a33}.pod-vote-score-down{color:#6aa9ff}.pod-vote-control-sm{gap:1px;padding:1px}.pod-vote-btn-sm{width:22px;height:22px}.pod-vote-score-sm{min-width:18px;font-size:12px}.pod-post-replies{display:flex;align-items:center;gap:5px;font-size:14px;color:#556b8a}.pod-post-replies svg{opacity:.6}.pod-post-comments{margin-top:4px;padding-top:8px;border-top:1px solid #1E2D42;display:flex;flex-direction:column;gap:8px}.pod-comment{background:#111827;border-radius:12px;padding:8px 8px 8px 12px;border-left:2px solid #1E2D42;position:relative;overflow:hidden}.pod-comment-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.pod-comment-avatar-wrap{width:20px;height:20px;border-radius:5px;border:1px solid #253548;background:#1a2332;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.pod-comment-avatar{width:100%;height:100%;object-fit:cover;border-radius:4px}.pod-comment-user{font-size:13px;color:#556b8a}.pod-comment-time{font-size:12px;color:#3d5066;margin-left:auto}.pod-comment-text{font-size:14px;color:#8899b0;margin:0;line-height:1.4;white-space:pre-wrap}.pod-comment-vote{margin-top:4px}.pod-comment .pod-drawing-wrap{margin:4px 0}.pod-detail-card{background:#111827;border:1px solid #1E2D42;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px;margin-top:4px}.pod-detail-title{font-size:22px;color:#f0f4ff;margin:0;line-height:1.3;font-weight:600}.pod-detail-body{font-size:15px;color:#8899b0;margin:0;line-height:1.5;white-space:pre-wrap}.pod-detail-comments{margin-top:12px;display:flex;flex-direction:column;gap:8px}.pod-detail-comments-label{font-size:14px;color:#556b8a;margin:0 0 4px}.pod-detail-comments-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}.pod-detail-comments-header .pod-detail-comments-label{margin:0}.pod-comment-sort{display:flex;gap:4px}.pod-comment-sort-chip{font-family:inherit;font-size:12px;color:#6b7d99;background:#1e3c642e;border:1px solid rgba(70,120,180,.2);border-radius:999px;padding:3px 12px;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.pod-comment-sort-chip:hover{color:#8bb4e0}.pod-comment-sort-chip-active{color:#f0f4ff;background:#2d7ff92e;border-color:#2d7ff966}.app-shell-aero .pod-comment-sort-chip{color:#ffffffb3;background:#ffffff1f;border-color:#ffffff40}.app-shell-aero .pod-comment-sort-chip-active{color:#fff;background:#ffffff47;border-color:#ffffff80}.app-shell-aero .pod-detail-title{color:#fff}.app-shell-aero .pod-detail-body{color:#ffffffd9}.app-shell-aero .pod-detail-comments-label{color:#fff9}.profile-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:20px}.profile-card{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px 16px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;transition:background .3s ease}.profile-avatar{width:100px;height:100px;border-radius:50%;background:var(--avatar-bg);border:2px solid var(--avatar-border);display:flex;align-items:center;justify-content:center;transition:background .3s ease}.profile-avatar svg{color:var(--avatar-icon)}.profile-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-username{font-size:26px;color:var(--text-heading);margin:0}.profile-quick-actions{width:100%;display:flex;flex-direction:column;gap:0;margin-top:4px}.profile-quick-action{display:flex;align-items:center;gap:10px;width:100%;padding:12px;background:none;border:none;border-top:1px solid var(--card-border);cursor:pointer;font-family:inherit;font-size:15px;color:var(--text-body);transition:opacity .15s ease}.profile-quick-action:hover{opacity:.75}.profile-quick-action svg{color:var(--settings-icon);flex-shrink:0}.profile-quick-action-chevron{margin-left:auto;color:var(--settings-chevron);font-size:20px}.profile-settings-row{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;cursor:pointer;transition:opacity .15s ease,background .3s ease}.profile-settings-row:hover{opacity:.85}.profile-logout-row svg{color:#e05555}.profile-logout-row .profile-settings-text{color:#e05555}.profile-settings-left{display:flex;align-items:center;gap:12px}.profile-settings-left svg{color:var(--settings-icon)}.profile-settings-text{font-size:16px;color:var(--text-body)}.profile-settings-chevron{color:var(--settings-chevron)}.settings-panel{width:100%;margin-top:16px;padding:20px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;animation:settings-slide-in .2s ease-out;transition:background .3s ease}@keyframes settings-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.settings-section-label{font-size:14px;color:var(--text-muted);text-transform:lowercase;letter-spacing:.5px;margin:0 0 12px}.settings-list{display:flex;flex-direction:column;border:1px solid var(--card-border);border-radius:10px;overflow:hidden}.settings-list-item{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid var(--card-border);font-size:15px;color:var(--text-body);transition:opacity .15s ease}.settings-list-item:last-child{border-bottom:none}.settings-list-item svg{color:var(--settings-icon);flex-shrink:0}.settings-list-item-link{text-decoration:none;cursor:pointer}.settings-list-item-link:hover{opacity:.75}.settings-list-item-toggle{cursor:pointer}.settings-list-item-toggle:hover{opacity:.75}.settings-list-label{flex:1}.settings-list-value{font-size:14px;color:var(--text-muted)}.settings-list-chevron{color:var(--settings-chevron);font-size:20px;line-height:1}.settings-toggle{position:relative;width:40px;height:22px;background:var(--card-border);border-radius:11px;transition:background .2s ease;flex-shrink:0}.settings-toggle-on{background:var(--accent-blue)}.settings-toggle-knob{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s ease}.settings-toggle-on .settings-toggle-knob{transform:translate(18px)}.settings-theme-expand{margin-top:12px;animation:settings-slide-in .2s ease-out}.theme-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-option{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 12px;background:var(--card-bg);border:2px solid var(--card-border);border-radius:12px;cursor:pointer;transition:border-color .15s ease,background .15s ease;font-family:inherit;color:var(--text-body)}.theme-option:hover{border-color:var(--accent-blue)}.theme-option-active{border-color:var(--accent-blue);background:var(--chip-bg)}.theme-option-preview{width:100%;height:56px;border-radius:8px;overflow:hidden}.theme-option-preview-dark{background:#0a0e1a;border:1px solid rgba(255,255,255,.08)}.theme-option-preview-aero{background:linear-gradient(135deg,#7ec8e3,#a8e6cf,#55c6f0);border:1px solid rgba(0,0,0,.08)}.theme-option-label{font-size:15px}.mood-row-wrap{overflow-x:auto;margin:0 -8px;padding:0 8px;scrollbar-width:none}.mood-row-wrap::-webkit-scrollbar{display:none}.mood-row{display:flex;gap:8px;padding-bottom:4px}.mood-cell{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.mood-day-label{font-size:11px;color:var(--text-muted);white-space:nowrap}.mood-day-label-today{color:var(--accent-blue)}.mood-face{width:40px;height:40px;border-radius:50%;background:var(--card-bg);border:1px solid var(--card-border);display:flex;align-items:center;justify-content:center;overflow:hidden}.mood-face-today{border-color:var(--accent-blue)}.mood-face-future{opacity:.3}.mood-face-img{width:32px;height:32px;object-fit:contain}.mood-face-plus{font-size:18px;color:var(--accent-blue);line-height:1}.mood-picker{margin-top:12px;animation:settings-slide-in .2s ease-out}.mood-picker-label{font-size:14px;color:var(--text-muted);margin:0 0 10px}.mood-picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.mood-picker-option{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:var(--card-bg);border:2px solid var(--card-border);border-radius:12px;cursor:pointer;padding:6px;transition:border-color .15s ease,transform .15s ease;font-family:inherit}.mood-picker-option:hover{border-color:var(--accent-blue);transform:scale(1.08)}.mood-picker-img{width:100%;height:100%;object-fit:contain}.year-picker-scroll{max-height:200px;overflow-y:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;scrollbar-width:thin}.year-picker-option{padding:8px 4px;font-family:VT323,monospace;font-size:16px;color:var(--text-body);background:none;border:1px solid var(--card-border);border-radius:8px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.year-picker-option:hover{border-color:var(--accent-blue)}.year-picker-option-active{background:var(--chip-bg);border-color:var(--accent-blue);color:var(--accent-blue)}.clock-mode-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.clock-mode-btn{padding:10px;font-family:VT323,monospace;font-size:15px;color:var(--text-body);background:none;border:2px solid var(--card-border);border-radius:10px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.clock-mode-btn:hover{border-color:var(--accent-blue)}.clock-mode-btn-active{border-color:var(--accent-blue);background:var(--chip-bg)}.status-label-list{display:flex;flex-direction:column;gap:8px}.status-label-option{display:flex;flex-direction:column;gap:2px;text-align:left;padding:10px 12px;font-family:VT323,monospace;color:var(--text-body);background:none;border:2px solid var(--card-border);border-radius:10px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.status-label-option:hover{border-color:var(--accent-blue)}.status-label-option-active{border-color:var(--accent-blue);background:var(--chip-bg)}.status-label-option-name{font-size:16px;text-transform:lowercase}.status-label-option-desc{font-size:13px;color:var(--text-muted)}.clock-custom-row{display:flex;align-items:flex-end;gap:8px;animation:settings-slide-in .2s ease-out}.clock-custom-label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-muted)}.clock-custom-select{font-family:VT323,monospace;font-size:18px;padding:8px 12px;background:var(--card-bg);color:var(--text-body);border:1px solid var(--card-border);border-radius:8px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:70px}.clock-custom-select:focus{border-color:var(--accent-blue)}.clock-custom-colon{font-size:22px;color:var(--text-muted);padding-bottom:8px}.referral-panel{display:flex;flex-direction:column;gap:12px}.referral-perks-title{font-size:14px;color:var(--text-muted);margin:0;letter-spacing:.4px}.referral-perk-row{display:flex;gap:10px;align-items:flex-start}.referral-perk-dot{width:8px;height:8px;border-radius:50%;background:var(--chip-border);flex-shrink:0;margin-top:6px}.referral-perk-dot-done{background:var(--accent-blue)}.referral-progress{display:flex;flex-direction:column;gap:6px}.referral-progress-row{display:flex;align-items:baseline;justify-content:space-between}.referral-progress-count{font-size:15px;color:var(--text-heading)}.referral-progress-frac{font-size:13px;color:var(--text-muted)}.referral-progress-track{width:100%;height:6px;border-radius:999px;background:var(--chip-bg);border:1px solid var(--chip-border);overflow:hidden}.referral-progress-track span{display:block;height:100%;background:var(--accent-blue);border-radius:999px;transition:width .3s ease}.referral-perk-title{font-size:15px;color:var(--text-heading);margin:0}.referral-perk-desc{font-size:13px;color:var(--text-muted);margin:2px 0 0}.referral-code-label{font-size:13px;color:var(--text-muted);margin:8px 0 0;letter-spacing:.4px}.referral-code-row{display:flex;align-items:center;gap:10px;margin-top:4px}.referral-code-text{font-size:20px;color:var(--text-heading);letter-spacing:2px;flex:1}.referral-code-text-link{font-size:14px;letter-spacing:0;word-break:break-all;text-align:left}.referral-copy-btn{font-family:VT323,monospace;font-size:14px;padding:6px 14px;color:var(--accent-blue);background:var(--chip-bg);border:1px solid var(--chip-border);border-radius:8px;cursor:pointer;transition:background .15s ease}.referral-copy-btn:hover,.referral-copy-btn-done{background:var(--accent-blue);color:#fff}.referral-generate-btn{font-family:VT323,monospace;font-size:16px;padding:10px 16px;color:#fff;background:var(--accent-blue);border:none;border-radius:10px;cursor:pointer;margin-top:4px;transition:background .15s ease}.referral-generate-btn:hover{background:var(--accent-blue-light)}.studio-hero{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 0}.studio-status-badge{font-size:13px;color:var(--text-muted);background:var(--chip-bg);border:1px solid var(--chip-border);border-radius:8px;padding:4px 12px;letter-spacing:.5px}.studio-current-avatar{width:124px;height:124px;border-radius:50%;background:var(--avatar-bg);border:3px solid var(--accent-blue);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #2d7ff933}.studio-current-avatar svg{color:var(--avatar-icon)}.studio-current-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.studio-hint{font-size:14px;color:var(--text-muted);margin:0}.studio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:8px 0}.studio-avatar-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--card-bg);border:2px solid var(--card-border);border-radius:14px;cursor:pointer;padding:12px 8px 8px;transition:border-color .15s ease,transform .15s ease,opacity .15s ease;font-family:inherit;opacity:.55;filter:grayscale(.3)}.studio-avatar-tile-active{opacity:1;filter:none}.studio-avatar-tile:hover{transform:scale(1.05);border-color:var(--accent-blue);opacity:.8;filter:none}.studio-avatar-tile-active{border-color:var(--accent-blue);background:var(--chip-bg)}.studio-avatar-img{width:64px;height:64px;object-fit:contain}.studio-avatar-live{font-size:11px;color:var(--accent-blue);background:var(--chip-bg);border:1px solid var(--chip-border);border-radius:6px;padding:1px 8px;letter-spacing:.5px}.studio-avatar-lock{position:absolute;top:6px;right:6px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid var(--card-border);border-radius:50%}.paywall-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:settings-slide-in .25s ease-out}.paywall-card{position:relative;background:var(--modal-bg);border:1px solid var(--modal-border);border-radius:16px;padding:32px 24px 24px;text-align:center;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #00000073}.settings-modal-card{text-align:left}.settings-modal-title{font-size:20px;color:var(--text-heading);margin:0 0 16px;padding-right:24px;letter-spacing:.5px;text-transform:lowercase}.cooldown-screen{position:fixed;top:48px;left:0;right:0;bottom:0;z-index:40;background:var(--shell-bg);display:flex;flex-direction:column;padding:24px 20px calc(24px + env(safe-area-inset-bottom));overflow-y:auto;animation:settings-slide-in .25s ease-out}.cooldown-screen-body{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%;max-width:420px;margin:0 auto}.cooldown-screen .paywall-continue-btn{width:100%;max-width:420px;margin:16px auto 0}.paywall-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;transition:opacity .15s ease}.paywall-close:hover{opacity:.7}.paywall-hero{margin-bottom:16px}.paywall-hero-avatar{width:80px;height:80px;border-radius:50%;border:3px solid var(--accent-blue);box-shadow:0 0 24px #2d7ff94d}.paywall-logo{display:block;width:64px;height:64px;margin:0 auto 12px;object-fit:contain}.paywall-title{font-size:24px;font-weight:400;color:var(--text-heading);margin:0 0 6px;letter-spacing:.5px}.paywall-subtitle{font-size:16px;color:var(--text-muted);margin:0 0 24px}.paywall-benefits{display:flex;flex-direction:column;gap:12px;margin-bottom:28px;text-align:left}.paywall-benefit{display:flex;gap:12px;align-items:flex-start}.paywall-benefit-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;background:var(--accent-blue);border-radius:50%;flex-shrink:0;margin-top:2px}.paywall-benefit-title{font-size:15px;color:var(--text-heading);margin:0}.paywall-benefit-desc{font-size:13px;color:var(--text-muted);margin:2px 0 0}.paywall-plans{display:flex;gap:10px}.paywall-plan-btn{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;background:var(--card-bg);border:2px solid var(--card-border);border-radius:12px;text-decoration:none;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.paywall-plan-btn:hover{border-color:var(--accent-blue);transform:translateY(-2px)}.paywall-plan-btn-selected{border-color:var(--accent-blue);background:var(--chip-bg)}.paywall-plan-btn-selected:hover{border-color:var(--accent-blue-light)}.paywall-plan-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-family:VT323,monospace;font-size:11px;color:#fff;background:var(--accent-blue);border-radius:6px;padding:2px 10px;letter-spacing:.4px;white-space:nowrap}.paywall-plan-label{font-family:VT323,monospace;font-size:16px;color:var(--text-heading)}.paywall-plan-price{font-family:VT323,monospace;font-size:22px;color:var(--text-heading);letter-spacing:.5px}.paywall-continue-btn{width:100%;margin-top:16px;padding:16px;font-family:VT323,monospace;font-size:22px;letter-spacing:1px;color:#fff;background:var(--accent-blue);border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 15px #2d7ff94d;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.paywall-continue-btn:hover{background:var(--accent-blue-light);transform:translateY(-2px);box-shadow:0 6px 20px #2d7ff966}.paywall-continue-btn:active{transform:translateY(0)}.pod-reply-composer{margin-top:16px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}.pod-reply-input-row{display:flex;align-items:flex-start;gap:10px}.pod-reply-avatar-wrap{width:28px;height:28px;border-radius:7px;border:1px solid #253548;background:#1a2332;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-top:2px}.pod-reply-avatar{width:100%;height:100%;object-fit:cover;border-radius:6px}.pod-reply-textarea{flex:1;background:#0c1222;border:1px solid var(--card-border);border-radius:10px;padding:10px 12px;color:#f0f4ff;font-family:VT323,monospace;font-size:16px;line-height:1.4;resize:none;outline:none;transition:border-color .15s ease}.pod-reply-textarea::placeholder{color:#556b8a}.pod-reply-textarea:focus{border-color:#2d5a8c}.pod-reply-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pod-reply-draw-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:1px solid var(--card-border);border-radius:8px;padding:6px 12px;color:#556b8a;font-family:VT323,monospace;font-size:14px;cursor:pointer;transition:color .15s ease,border-color .15s ease}.pod-reply-draw-btn:hover{color:#8899b0;border-color:#2d5a8c}.pod-reply-draw-btn-active{color:#4da6ff;border-color:#2d5a8c}.pod-reply-submit-btn{margin-left:auto;background:#2d7ff9;border:none;border-radius:8px;padding:7px 18px;color:#f0f4ff;font-family:VT323,monospace;font-size:16px;cursor:pointer;transition:background .15s ease}.pod-reply-submit-btn:hover{background:#5ba3ff}.pod-reply-submit-btn:disabled{opacity:.4;cursor:default}.pod-reply-sketch{margin-top:10px}.pod-reply-drawing{background:#14284659;border:1px solid rgba(70,120,180,.2);border-radius:16px;padding:10px}.pod-reply-drawing-topbar{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;gap:8px;margin-bottom:10px}.pod-reply-drawing-topbar p{color:var(--text-muted);font-size:14px;letter-spacing:.4px;text-align:center;margin:0}.pod-reply-drawing-spacer{width:30px;height:30px}.pod-reply-drawing-pfp{width:30px;height:30px;border:1px solid rgba(70,120,180,.3);border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.pod-reply-drawing-pfp img{width:100%;height:100%;display:block;object-fit:cover}.pod-reply-drawing-body{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px}.pod-reply-drawing-rail{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 4px;background:#14284666;border:1px solid rgba(70,120,180,.18);border-radius:16px}.pod-reply-drawing-tool{width:30px;min-height:30px;border:1px solid rgba(70,120,180,.25);border-radius:10px;background:#0c142699;color:#6b7d99;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px 3px;cursor:pointer;transition:background .15s ease,border-color .15s ease;font-family:VT323,monospace}.pod-reply-drawing-tool:hover{background:#1e3c6480}.pod-reply-drawing-tool.active{background:#2d7ff92e;border-color:#2d7ff973}.pod-reply-drawing-size span{font-size:8px;line-height:10px;color:#6b7d99;text-transform:uppercase}.pod-reply-drawing-canvas-col{min-width:0;display:flex;flex-direction:column}.pod-reply-canvas-wrap{border:1px solid rgba(70,120,180,.3);border-radius:14px;padding:4px;background:#0c142680}.pod-reply-canvas{width:100%;aspect-ratio:96 / 37;display:block;background-color:#fff;background-image:repeating-linear-gradient(0deg,#d8eaf7 0px,#d8eaf7 1px,transparent 1px,transparent 20px),repeating-linear-gradient(90deg,#d8eaf7 0px,#d8eaf7 1px,transparent 1px,transparent 20px);background-size:20px 20px;border:1px solid rgba(100,150,200,.3);border-radius:10px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;touch-action:none;cursor:crosshair}.pod-reply-drawing .pixel-tool-icon{width:16px;height:16px;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr)}.pod-reply-drawing .pixel-tool-icon span{width:100%;height:100%}.pod-reply-drawing .pixel-tool-empty{background:transparent}.pod-reply-drawing .pixel-tool-pixel-1{background:#8899b0}.pod-reply-drawing .pixel-tool-pixel-2{background:#f0f4ff}.pod-reply-drawing .pixel-tool-pixel-3{background:#6b7d99}.pod-reply-drawing .pixel-tool-icon-active .pixel-tool-pixel-1{background:#5ba3ff}.pod-reply-drawing .pixel-tool-icon-active .pixel-tool-pixel-3{background:#2d7ff9}.pod-reply-drawing-controls{display:flex;align-items:center;gap:8px;margin-top:10px}.pod-reply-drawing-icon-btn{width:34px;height:34px;border-radius:10px;border:1px solid rgba(70,120,180,.2);background:#0c142699;color:#6b7d99;font-family:VT323,monospace;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease}.pod-reply-drawing-icon-btn:disabled{opacity:.3;cursor:not-allowed}.pod-reply-drawing-controls-spacer{flex:1}.pod-reply-drawing-clear-btn{height:34px;padding:0 14px;border-radius:10px;border:1px solid rgba(70,120,180,.2);background:#0c142699;color:#6b7d99;font-family:VT323,monospace;font-size:14px;cursor:pointer;transition:opacity .15s ease}.pod-reply-drawing-clear-btn:disabled{opacity:.3;cursor:not-allowed}.app-shell-aero .pod-reply-textarea{background:#ffffff1f;border-color:#ffffff40;color:#fff}.app-shell-aero .pod-reply-textarea::placeholder{color:#ffffff80}.app-shell-aero .pod-reply-textarea:focus{border-color:#ffffff80}.app-shell-aero .pod-reply-draw-btn{border-color:#ffffff40;color:#fff9}.app-shell-aero .pod-reply-draw-btn:hover{color:#ffffffe6;border-color:#ffffff80}.app-shell-aero .pod-reply-draw-btn-active{color:#8cf;border-color:#ffffff80}.app-shell-aero .pod-reply-drawing{background:#ffffff1f;border-color:#ffffff40}.app-shell-aero .pod-reply-drawing-rail{background:#ffffff1a;border-color:#fff3}.app-shell-aero .pod-reply-drawing-tool{background:#ffffff1a;border-color:#ffffff40}.app-shell-aero .pod-reply-drawing-tool.active{background:#64b4ff33;border-color:#64b4ff80}.app-shell-aero .pod-reply-canvas-wrap{border-color:#ffffff59;background:#ffffff1a}.app-shell-aero .pod-reply-canvas{border-color:#ffffff4d}.app-shell-aero .pod-reply-drawing-icon-btn,.app-shell-aero .pod-reply-drawing-clear-btn{background:#ffffff1a;border-color:#fff3;color:#ffffffb3}.app-shell-aero .pod-reply-drawing-topbar p{color:#fff9}.app-shell-aero .pod-reply-drawing-pfp{border-color:#ffffff4d;color:#fff9}.app-shell-aero .pod-reply-drawing-size span{color:#fff9}.app-shell-aero .pod-reply-drawing-tool{color:#ffffffb3}.letters-reset-timer{font-size:13px;color:var(--text-muted)}.letters-delivery-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.letter-card{border-radius:14px;padding:16px;cursor:pointer;transition:transform .15s ease,opacity .15s ease;animation:letter-card-appear .22s ease-out both}.letter-card:hover{transform:scale(1.01)}@keyframes letter-card-appear{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.letter-card-locked{background:#1b2638;border:1px solid rgba(70,120,180,.15);min-height:140px;display:flex;flex-direction:column;justify-content:center;gap:12px}.letter-card-tag-pill{align-self:flex-end;font-size:11px;color:var(--text-muted);background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:2px 8px}.letter-card-scribble{display:flex;flex-direction:column;gap:8px;padding:8px 0}.letter-card-scribble-bar{height:6px;border-radius:3px;background:#ffffff14}.letter-card-hint{font-size:13px;color:var(--text-muted);margin:0;text-align:center}.letter-card-opened{background:var(--card-bg);border:1px solid var(--card-border);min-height:120px;display:flex;flex-direction:column;gap:8px}.letter-card-top{display:flex;align-items:center;justify-content:space-between}.letter-card-date{font-size:12px;color:var(--text-muted)}.letter-card-status-pill{font-size:11px;padding:2px 8px;border-radius:6px}.letter-card-status-opened{color:var(--accent-blue-light);background:var(--chip-bg);border:1px solid var(--chip-border)}.letter-card-preview{font-size:15px;color:var(--text-body);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.letter-card-bottom{margin-top:auto}.letter-card-sender{font-size:13px;color:var(--text-muted)}.letter-slot-empty{display:flex;align-items:center;justify-content:center;gap:8px;min-height:80px;border:2px dashed rgba(70,120,180,.15);border-radius:14px;color:var(--text-muted);font-size:14px}.letter-slot-empty svg{opacity:.4}.letter-card-teaser{cursor:pointer;border-color:#63b3ed33;min-height:110px;align-items:center;justify-content:center;gap:8px}.letter-card-teaser:hover{border-color:#63b3ed66;background:#1e2f46}.letter-card-premium-teaser{border-color:#ecc94b33}.letter-card-premium-teaser:hover{border-color:#ecc94b66;background:#1e2a1e}.letter-teaser-lock{width:32px;height:32px;border-radius:50%;background:#63b3ed1f;border:1px solid rgba(99,179,237,.2);display:flex;align-items:center;justify-content:center;color:#63b3ed}.letter-teaser-lock-premium{background:#ecc94b1f;border-color:#ecc94b33;color:#ecc94b}.letter-teaser-title{font-size:14px;color:var(--text-body);margin:0;font-weight:500}.letter-teaser-hint{font-size:12px;color:var(--text-muted);margin:0}.cooldown-countdown-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px 20px;margin:16px 0;text-align:center}.cooldown-countdown-label{font-size:12px;color:var(--text-muted);margin:0 0 6px}.cooldown-countdown-value{font-size:32px;font-family:monospace;color:var(--text-primary, #e8eaf0);margin:0;letter-spacing:2px}.referral-modal-icon{width:56px;height:56px;border-radius:50%;background:#63b3ed1f;border:1px solid rgba(99,179,237,.2);display:flex;align-items:center;justify-content:center;color:#63b3ed;margin:0 auto 16px}.referral-modal-code-row{display:flex;align-items:center;gap:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 14px;margin-top:8px}.referral-modal-code-row .referral-code-text{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paywall-benefit-icon-done{background:#48bb7826!important;color:#48bb78!important;border-color:#48bb784d!important}.letters-cta-secondary{background:none;border:1px solid var(--card-border);color:var(--text-body);margin-top:4px}.letters-cta-secondary:hover{opacity:.75;background:var(--card-bg)}.letters-threads-list{display:flex;flex-direction:column;gap:8px}.thread-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;cursor:pointer;transition:opacity .15s ease}.thread-row:hover{opacity:.85}.thread-row-avatar{width:32px;height:32px;border-radius:8px;background:#1a2332;border:1px solid #253548;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.thread-row-avatar img{width:100%;height:100%;object-fit:cover;border-radius:7px}.thread-row-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.thread-row-name{font-size:15px;color:var(--text-heading)}.thread-row-preview{font-size:13px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-row-chevron{color:var(--text-muted);font-size:20px;flex-shrink:0}.letter-reveal{animation:settings-slide-in .25s ease-out}.letter-reveal-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:20px;margin-top:8px;cursor:pointer;animation:letter-card-appear .26s ease-out both}.letter-reveal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.letter-reveal-date{font-size:13px;color:var(--text-muted)}.letter-reveal-sender-pill{font-size:12px;color:var(--accent-blue-light);background:var(--chip-bg);border:1px solid var(--chip-border);border-radius:6px;padding:3px 10px}.letter-reveal-tag{display:inline-block;font-size:12px;color:var(--text-muted);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:2px 8px;margin-bottom:12px}.letter-reveal-body{min-height:120px;padding:8px 0}.letter-reveal-text{font-size:17px;color:var(--text-body);line-height:1.6;margin:0;white-space:pre-wrap}.letter-reveal-cursor{color:var(--accent-blue);animation:cursor-blink .6s step-end infinite}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.letter-reveal-drawing{margin-top:12px}.letter-reveal-signature{margin-top:16px;padding-top:12px;border-top:1px solid var(--card-border);font-size:14px;color:var(--text-muted);display:flex;align-items:center;gap:8px}.letter-reveal-pronouns{font-size:12px;color:var(--text-muted);opacity:.7}.letter-reveal-prompt{margin-top:12px;padding:12px;background:#2d7ff90f;border:1px solid rgba(45,127,249,.15);border-radius:10px}.letter-reveal-prompt-label{font-size:12px;color:var(--text-muted);margin:0 0 4px}.letter-reveal-prompt-text{font-size:15px;color:var(--text-body);margin:0;line-height:1.4}.letter-reveal-actions{margin-top:16px;animation:letter-actions-appear .3s ease-out both}@keyframes letter-actions-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.letter-reveal-write-back{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:var(--cta-bg);border:none;border-radius:12px;color:var(--cta-color);font-family:VT323,monospace;font-size:17px;cursor:pointer;transition:opacity .15s ease}.letter-reveal-write-back:hover{opacity:.85}.letter-composer{animation:settings-slide-in .25s ease-out}.letter-composer-step-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 0}.letter-step-dot{width:8px;height:8px;border-radius:50%;background:var(--card-border);transition:background .2s ease,transform .2s ease}.letter-step-dot-active{background:var(--accent-blue);transform:scale(1.3)}.letter-step-dot-done{background:var(--accent-blue);opacity:.5}.letter-composer-step{animation:settings-slide-in .2s ease-out}.letter-composer-step-label{font-size:14px;color:var(--text-muted);margin:0 0 12px;letter-spacing:.4px}.letter-composer-textarea-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:16px;margin-bottom:16px}.letter-composer-textarea{width:100%;min-height:200px;background:none;border:none;color:var(--text-body);font-family:VT323,monospace;font-size:17px;line-height:1.6;resize:none;outline:none}.letter-composer-textarea::placeholder{color:var(--text-muted)}.letter-composer-from-row{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--card-border);font-size:14px;color:var(--text-muted)}.letter-composer-from-avatar{width:24px;height:24px;border-radius:6px;border:1px solid #253548;background:#1a2332;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.letter-composer-from-avatar img{width:100%;height:100%;object-fit:cover;border-radius:5px}.letter-composer-from-avatar-placeholder{color:var(--text-muted)}.letter-composer-continue-btn{width:100%;padding:14px;background:var(--cta-bg);border:none;border-radius:10px;color:var(--cta-color);font-family:VT323,monospace;font-size:17px;cursor:pointer;transition:opacity .15s ease}.letter-composer-continue-btn:hover{opacity:.85}.letter-composer-continue-btn:disabled{opacity:.4;cursor:default}.letter-composer-send-btn{width:100%;padding:14px;background:var(--cta-bg);border:none;border-radius:10px;color:var(--cta-color);font-family:VT323,monospace;font-size:17px;cursor:pointer;transition:opacity .15s ease;margin-top:16px}.letter-composer-send-btn:hover{opacity:.85}.letter-composer-send-btn:disabled{opacity:.4;cursor:default}.pod-compose-title{width:100%;background:none;border:none;color:var(--text-heading);font-family:VT323,monospace;font-size:22px;line-height:1.3;outline:none;padding:0}.pod-compose-title::placeholder{color:var(--text-muted)}.pod-compose-divider{height:1px;background:var(--card-border);margin:12px 0}.pod-compose-body{min-height:140px}.pod-compose-hint{font-size:14px;color:var(--text-muted);margin:0 0 16px;padding:0 2px}.letter-draw-canvas{width:100%;aspect-ratio:96 / 37;display:block;background-color:#fff;background-image:repeating-linear-gradient(0deg,#d8eaf7 0px,#d8eaf7 1px,transparent 1px,transparent 20px),repeating-linear-gradient(90deg,#d8eaf7 0px,#d8eaf7 1px,transparent 1px,transparent 20px);background-size:20px 20px;border:1px solid rgba(100,150,200,.3);border-radius:10px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;touch-action:none;cursor:crosshair}.letter-drawing-composer{background:#14284659;border:1px solid rgba(70,120,180,.2);border-radius:16px;padding:10px}.letter-drawing-actions{display:flex;gap:8px;margin-top:10px}.letter-drawing-skip-btn{flex:1;padding:12px;background:none;border:1px solid var(--card-border);border-radius:10px;color:var(--text-body);font-family:VT323,monospace;font-size:16px;cursor:pointer;transition:opacity .15s ease}.letter-drawing-skip-btn:hover{opacity:.75}.letter-drawing-continue-btn{flex:1;padding:12px;background:var(--cta-bg);border:none;border-radius:10px;color:var(--cta-color);font-family:VT323,monospace;font-size:16px;cursor:pointer;transition:opacity .15s ease}.letter-drawing-continue-btn:hover{opacity:.85}.letter-tag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.letter-tag-chip{padding:10px 8px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;color:var(--text-body);font-family:VT323,monospace;font-size:14px;cursor:pointer;transition:border-color .15s ease,background .15s ease;text-align:center}.letter-tag-chip:hover{border-color:var(--accent-blue)}.letter-tag-chip-active{border-color:var(--accent-blue);background:var(--chip-bg);color:var(--accent-blue-light)}.letter-prompt-wrap{position:relative}.letter-prompt-textarea{width:100%;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:12px 50px 12px 12px;color:var(--text-body);font-family:VT323,monospace;font-size:16px;line-height:1.4;resize:none;outline:none;transition:border-color .15s ease}.letter-prompt-textarea::placeholder{color:var(--text-muted)}.letter-prompt-textarea:focus{border-color:var(--accent-blue)}.letter-prompt-counter{position:absolute;bottom:10px;right:12px;font-size:12px;color:var(--text-muted)}.letter-send-success{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;position:relative;animation:settings-slide-in .3s ease-out}.letter-send-success-content{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--accent-blue-light);z-index:2;animation:letter-send-fly .8s ease-out both}@keyframes letter-send-fly{0%{transform:translateY(20px);opacity:0}50%{transform:translateY(-8px);opacity:1}to{transform:translateY(0);opacity:1}}.letter-send-success-title{font-size:22px;color:var(--text-heading);margin:0}.letter-send-success-body{font-size:15px;color:var(--text-muted);margin:0}.letter-send-ring{position:absolute;top:50%;left:50%;width:100px;height:100px;border-radius:50%;border:2px solid var(--accent-blue);transform:translate(-50%,-50%) scale(0);opacity:0}.letter-send-ring-1{animation:letter-ring-expand 1.2s cubic-bezier(.4,0,.2,1) forwards}.letter-send-ring-2{animation:letter-ring-expand 1.2s cubic-bezier(.4,0,.2,1) .2s forwards;border-color:var(--accent-blue-light)}@keyframes letter-ring-expand{0%{transform:translate(-50%,-50%) scale(0);opacity:.7}to{transform:translate(-50%,-50%) scale(3.5);opacity:0}}.sent-letter-card{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:16px 34px 16px 16px;margin-bottom:10px;cursor:pointer;transition:opacity .15s ease,background .3s ease}.sent-letter-card:hover{opacity:.85}.sent-letter-chevron{position:absolute;top:50%;right:14px;transform:translateY(-50%);color:var(--text-muted);font-size:18px;line-height:1}.sent-letter-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sent-letter-date{font-size:12px;color:var(--text-muted)}.sent-letter-tag{font-size:11px;color:var(--accent-blue-light);background:var(--chip-bg);border:1px solid var(--chip-border);border-radius:6px;padding:2px 8px}.sent-letter-body{font-size:15px;color:var(--text-body);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.thread-messages{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.thread-message{max-width:80%;padding:12px 14px;border-radius:14px}.thread-message-me{align-self:flex-end;background:#2d7ff926;border:1px solid rgba(45,127,249,.25)}.thread-message-them{align-self:flex-start;background:var(--card-bg);border:1px solid var(--card-border)}.thread-message-sender{font-size:12px;color:var(--text-muted);margin:0 0 4px}.thread-message-body{font-size:15px;color:var(--text-body);margin:0;line-height:1.5;white-space:pre-wrap}.thread-message-drawing{margin-top:8px}.thread-reply-composer{display:flex;gap:8px;padding:12px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px}.thread-reply-textarea{flex:1;background:#0c122280;border:1px solid var(--card-border);border-radius:10px;padding:10px 12px;color:var(--text-body);font-family:VT323,monospace;font-size:16px;line-height:1.4;resize:none;outline:none;transition:border-color .15s ease}.thread-reply-textarea::placeholder{color:var(--text-muted)}.thread-reply-textarea:focus{border-color:var(--accent-blue)}.thread-reply-send-btn{align-self:flex-end;padding:8px 16px;background:var(--cta-bg);border:none;border-radius:8px;color:var(--cta-color);font-family:VT323,monospace;font-size:16px;cursor:pointer;transition:opacity .15s ease}.thread-reply-send-btn:hover{opacity:.85}.thread-reply-send-btn:disabled{opacity:.4;cursor:default}.app-shell-aero .letter-card-locked{background:linear-gradient(180deg,#fff3,#c8e1ff24);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.3)}.app-shell-aero .letter-card-opened,.app-shell-aero .sent-letter-card,.app-shell-aero .thread-row,.app-shell-aero .letter-reveal-card,.app-shell-aero .letter-composer-textarea-card,.app-shell-aero .thread-reply-composer{background:linear-gradient(180deg,#ffffff52,#e6f5ff38 40%,#d2ebff24);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.4);border-top-color:#fff9;box-shadow:0 2px 12px #00286414,inset 0 1px #ffffff73}.app-shell-aero .letter-card-scribble-bar{background:#ffffff26}.app-shell-aero .letter-card-tag-pill{background:#ffffff1f;border-color:#fff3;color:#ffffffb3}.app-shell-aero .letter-slot-empty{border-color:#fff3;color:#ffffff80}.app-shell-aero .letter-tag-chip{background:#ffffff1f;border-color:#ffffff40;color:#fff}.app-shell-aero .letter-tag-chip-active{background:#64b4ff40;border-color:#96d2ff80;color:#fff}.app-shell-aero .letter-composer-textarea{color:#fff}.app-shell-aero .letter-composer-textarea::placeholder{color:#ffffff80}.app-shell-aero .letter-prompt-textarea{background:#ffffff1a;border-color:#ffffff40;color:#fff}.app-shell-aero .letter-prompt-textarea::placeholder{color:#ffffff80}.app-shell-aero .letter-reveal-tag{background:#ffffff1f;border-color:#fff3;color:#ffffffb3}.app-shell-aero .letter-reveal-prompt{background:#64b4ff1f;border-color:#96d2ff4d}.app-shell-aero .letter-reveal-write-back{background:linear-gradient(180deg,#3c96ffa6,#2878e68c,#1e64d299);border:1px solid rgba(100,175,255,.6);color:#fff;text-shadow:0 1px 2px rgba(0,30,80,.4)}.app-shell-aero .letter-drawing-composer{background:#ffffff1f;border-color:#ffffff40}.app-shell-aero .thread-reply-textarea{background:#ffffff1a;border-color:#ffffff40;color:#fff}.app-shell-aero .thread-reply-textarea::placeholder{color:#ffffff80}.app-shell-aero .thread-message-me{background:#328cff4d;border-color:#64afff66}.app-shell-aero .thread-message-them{background:#fff3;border-color:#ffffff59}.app-shell-aero .letters-cta-secondary{border-color:#ffffff4d;color:#fff}.app-shell-aero .letters-cta-secondary:hover{background:#ffffff1f}@media (max-width: 768px){.side-nav{position:fixed;left:0;right:0;bottom:0;top:auto;transform:none;width:100%;flex-direction:row;justify-content:center;padding:6px 12px;gap:4px;border-radius:0;border:none;border-top:1px solid var(--nav-border);z-index:50}.side-nav-button{flex-direction:column;gap:2px;padding:6px 16px 4px;width:auto;flex:1;max-width:120px}.side-nav-icon{width:48px;height:48px}.side-nav-icon img{width:44px!important;height:44px!important}.side-nav-label{font-size:12px}.side-nav-indicator{left:50%;top:0;bottom:auto;transform:translate(-50%);width:20px;height:3px;border-radius:0 0 2px 2px}.app-body{flex:1 1 0;min-height:0}.app-content{padding:16px 16px 90px;overflow-y:auto;-webkit-overflow-scrolling:touch}.app-shell-aero .side-nav{border-radius:0;border:none;border-top:1px solid rgba(255,255,255,.3)}.app-shell-aero .side-nav-indicator{display:none}}.app-shell.app-shell-web95{--w95-raised: inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px #808080, inset 2px 2px #dfdfdf;--w95-pressed: inset -1px -1px #ffffff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px #808080;--w95-sunken: inset -1px -1px #ffffff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;--shell-bg: #0e0e1a;--shell-text: #d6d6e2;--statusbar-bg: #c0c0c0;--statusbar-border: #000000;--statusbar-divider: #808080;--statusbar-username: #000000;--statusbar-meta: #000000;--statusbar-badge: #000080;--battery-border: #000000;--battery-bg: #ffffff;--battery-fill: #000080;--battery-fill-border: #000040;--battery-cap: #000000;--nav-bg: transparent;--nav-border: transparent;--nav-hover: transparent;--nav-active-bg: transparent;--nav-active-hover: transparent;--nav-label: #000000;--nav-label-active: #000000;--nav-indicator: #000080;--nav-indicator-glow: transparent;--card-bg: #c0c0c0;--card-border: transparent;--modal-bg: #c0c0c0;--modal-border: #808080;--text-heading: #000000;--text-body: #000000;--text-secondary: #303030;--text-muted: #585858;--accent-blue: #000080;--accent-blue-light: #1084d0;--chip-bg: #000080;--chip-border: #000080;--avatar-bg: #ffffff;--avatar-border: #808080;--avatar-icon: #000080;--settings-icon: #000080;--settings-chevron: #000000;--cta-bg: #c0c0c0;--cta-color: #000000;--cta-shadow: none;font-family:VT323,monospace;background-color:#6cb7e6;background-image:url(/app-assets/themes/web95-bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed}.app-shell-web95 *{border-radius:0!important}.app-shell-web95 .status-bar{background:silver;border-bottom:1px solid #000000;box-shadow:inset 0 1px #fff,inset 0 -1px gray;backdrop-filter:none;-webkit-backdrop-filter:none}.app-shell-web95 .status-bar-left{border-right:1px solid #808080;box-shadow:1px 0 #fff}.app-shell-web95 .status-bar-username{color:#000;font-weight:700}.app-shell-web95 .status-bar-badge{background:navy;color:#fff;border:none;box-shadow:var(--w95-raised);padding:2px 8px}.app-shell-web95 .status-bar-divider{background:gray;box-shadow:1px 0 #fff}.app-shell-web95 .battery-body{box-shadow:var(--w95-sunken);border:none;padding:2px}.app-shell-web95 .battery-fill{border:none}.app-shell-web95 .side-nav{background:silver;border:none;box-shadow:var(--w95-raised);backdrop-filter:none;-webkit-backdrop-filter:none;padding:6px;gap:4px}.app-shell-web95 .side-nav-button{border:none;background:transparent;box-shadow:none}.app-shell-web95 .side-nav-button:hover:not(.side-nav-button-active){background:silver;box-shadow:var(--w95-raised)}.app-shell-web95 .side-nav-button-active,.app-shell-web95 .side-nav-button-active:hover{background:#b8b8b8;box-shadow:var(--w95-pressed)}.app-shell-web95 .side-nav-button-active .side-nav-label{color:#000;font-weight:700}.app-shell-web95 .side-nav-button-inactive img{opacity:.75}.app-shell-web95 .side-nav-indicator{display:none}.app-shell-web95 .tab-header{padding:5px 8px 6px;margin-bottom:16px;background:linear-gradient(90deg,navy,#1084d0);border:2px solid;border-color:#5a5ad0 #00003a #00003a #5a5ad0;box-shadow:var(--w95-raised)}.app-shell-web95 .tab-header-icon{width:22px;height:22px}.app-shell-web95 .tab-header h1{color:#fff;font-size:22px;font-weight:700}.app-shell-web95 .tab-header p{color:#ffffffd9;font-size:15px;margin-top:2px}.app-shell-web95 .letters-status-card,.app-shell-web95 .letters-locked-card,.app-shell-web95 .letters-sent-link,.app-shell-web95 .letters-penpals-empty,.app-shell-web95 .letter-card-opened,.app-shell-web95 .letter-card-locked,.app-shell-web95 .letter-reveal-card,.app-shell-web95 .sent-letter-card,.app-shell-web95 .thread-row,.app-shell-web95 .pod-card,.app-shell-web95 .pod-post-card,.app-shell-web95 .pod-detail-card,.app-shell-web95 .pod-comment,.app-shell-web95 .pod-reply-composer,.app-shell-web95 .profile-card,.app-shell-web95 .profile-settings-row,.app-shell-web95 .mood-picker,.app-shell-web95 .settings-panel{background:silver;border:none;box-shadow:var(--w95-raised)}.app-shell-web95 .profile-avatar{background:#fff;border:none;box-shadow:var(--w95-sunken)}.app-shell-web95 .letters-cta-secondary,.app-shell-web95 .letter-reveal-write-back,.app-shell-web95 .letter-drawing-skip-btn,.app-shell-web95 .profile-quick-action,.app-shell-web95 .pod-post-expand,.app-shell-web95 .pod-vote-btn,.app-shell-web95 .pod-reply-draw-btn,.app-shell-web95 .mood-picker-option{background:silver;color:#000;border:none;box-shadow:var(--w95-raised);text-shadow:none}.app-shell-web95 .letters-cta{background:navy;color:#fff;border:none;box-shadow:var(--w95-raised);text-shadow:none}.app-shell-web95 .letters-cta:hover{background:#1010a0}.app-shell-web95 .letters-cta:active{background:#000060;box-shadow:var(--w95-pressed)}.app-shell-web95 .letters-cta-secondary:hover,.app-shell-web95 .profile-quick-action:hover,.app-shell-web95 .pod-vote-btn:hover,.app-shell-web95 .pod-reply-draw-btn:hover{background:#c8c8c8}.app-shell-web95 .letters-cta:active,.app-shell-web95 .letters-cta-secondary:active,.app-shell-web95 .letter-reveal-write-back:active,.app-shell-web95 .profile-quick-action:active,.app-shell-web95 .pod-post-expand:active,.app-shell-web95 .pod-vote-btn:active,.app-shell-web95 .pod-reply-draw-btn:active,.app-shell-web95 .mood-picker-option:active{box-shadow:var(--w95-pressed)}.app-shell-web95 .pod-reply-draw-btn-active,.app-shell-web95 .pod-vote-btn.active{background:#b8b8b8;box-shadow:var(--w95-pressed)}.app-shell-web95 .referral-copy-btn{background:navy;color:#fff;border:none;border-radius:0;box-shadow:var(--w95-raised);text-shadow:none}.app-shell-web95 .referral-copy-btn:hover{background:#1010a0;color:#fff}.app-shell-web95 .referral-copy-btn:active,.app-shell-web95 .referral-copy-btn-done{background:#000060;color:#fff;box-shadow:var(--w95-pressed)}.app-shell-web95 .letter-composer-textarea,.app-shell-web95 .letter-composer-textarea-card,.app-shell-web95 .letter-prompt-textarea,.app-shell-web95 .pod-reply-textarea,.app-shell-web95 .thread-reply-textarea{background:#fff;color:#000;border:none;box-shadow:var(--w95-sunken)}.app-shell-web95 .letter-composer-textarea::placeholder,.app-shell-web95 .letter-prompt-textarea::placeholder,.app-shell-web95 .pod-reply-textarea::placeholder,.app-shell-web95 .thread-reply-textarea::placeholder{color:gray}.app-shell-web95 .letters-status-chip,.app-shell-web95 .letter-tag-chip,.app-shell-web95 .letter-card-tag-pill,.app-shell-web95 .letter-reveal-tag,.app-shell-web95 .pod-drawing-tag,.app-shell-web95 .pod-label{background:navy;color:#fff;border:none}.app-shell-web95 .letter-tag-chip-active{box-shadow:var(--w95-pressed)}.app-shell-web95 .settings-section-label{color:navy;font-weight:700}.app-shell-web95 .letters-section-label{color:#c8c8d8;font-weight:700}.app-shell-web95 .pod-back-button{color:#fff;font-weight:700}.app-shell-web95 .pod-back-button:hover{color:#fff;text-decoration:underline}.app-shell-web95 .letter-composer-step-label{color:#c8c8d8;font-weight:700}.app-shell-web95 .letter-step-dot{background:#5a5a72;box-shadow:var(--w95-sunken)}.app-shell-web95 .letter-step-dot-active{background:#5ba3ff}.app-shell-web95 .letter-step-dot-done{background:#5ba3ff;opacity:.6}.app-shell-web95 .pod-detail-title,.app-shell-web95 .pod-post-title{color:navy}.app-shell-web95 .pod-detail-body,.app-shell-web95 .pod-post-preview,.app-shell-web95 .pod-comment-text{color:#1a1a1a}.app-shell-web95 .pod-post-author,.app-shell-web95 .pod-comment-user,.app-shell-web95 .pod-detail-comments-label{color:#303030}.app-shell-web95 .pod-post-time,.app-shell-web95 .pod-comment-time{color:#555}.app-shell-web95 .pod-vote-score{color:#000}.app-shell-web95 .pod-vote-btn{color:navy}.app-shell-web95 .pod-vote-btn:hover{color:#1084d0}.app-shell-web95 .pod-post-stats,.app-shell-web95 .pod-post-comments{border-top-color:gray}.app-shell-web95 .letter-composer-continue-btn,.app-shell-web95 .letter-composer-send-btn,.app-shell-web95 .letter-drawing-continue-btn,.app-shell-web95 .paywall-continue-btn,.app-shell-web95 .pod-reply-submit-btn,.app-shell-web95 .thread-reply-send-btn{background:silver;color:#000;border:none;box-shadow:var(--w95-raised)}.app-shell-web95 .letter-composer-continue-btn:hover,.app-shell-web95 .letter-composer-send-btn:hover,.app-shell-web95 .letter-drawing-continue-btn:hover,.app-shell-web95 .paywall-continue-btn:hover,.app-shell-web95 .pod-reply-submit-btn:hover,.app-shell-web95 .thread-reply-send-btn:hover{background:#c8c8c8;opacity:1}.app-shell-web95 .letter-composer-continue-btn:active,.app-shell-web95 .letter-composer-send-btn:active,.app-shell-web95 .letter-drawing-continue-btn:active,.app-shell-web95 .paywall-continue-btn:active,.app-shell-web95 .pod-reply-submit-btn:active,.app-shell-web95 .thread-reply-send-btn:active{box-shadow:var(--w95-pressed)}.app-shell-web95 .letter-composer-continue-btn:disabled,.app-shell-web95 .letter-composer-send-btn:disabled,.app-shell-web95 .pod-reply-submit-btn:disabled{opacity:1;color:#7a7a7a;box-shadow:var(--w95-raised)}.app-shell-web95 .cooldown-screen .paywall-title,.app-shell-web95 .cooldown-screen .paywall-benefit-title{color:#fff}.app-shell-web95 .cooldown-screen .paywall-subtitle,.app-shell-web95 .cooldown-screen .paywall-benefit-desc,.app-shell-web95 .cooldown-screen .cooldown-countdown-label{color:silver}.app-shell-web95 .cooldown-screen .cooldown-countdown-value{color:#fff}.app-shell-web95 .cooldown-screen .paywall-plan-best-pill{background:navy;color:#fff;box-shadow:var(--w95-raised)}.app-shell-web95 .settings-toggle{background:#fff;box-shadow:var(--w95-sunken)}.app-shell-web95 .settings-toggle-on{background:navy}.app-shell-web95 .settings-toggle-knob{background:silver;box-shadow:var(--w95-raised)}.app-shell-web95 .theme-option{background:silver;border:none;box-shadow:var(--w95-raised);color:#000}.app-shell-web95 .theme-option-active{background:#b8b8b8;box-shadow:var(--w95-pressed)}.app-shell-web95 .theme-option-label{color:#000}.app-shell-web95::-webkit-scrollbar,.app-shell-web95 ::-webkit-scrollbar{width:16px;height:16px}.app-shell-web95::-webkit-scrollbar-track,.app-shell-web95 ::-webkit-scrollbar-track{background:silver;background-image:repeating-conic-gradient(silver,silver 25%,#b0b0b0 0%,#b0b0b0 50%);background-size:2px 2px}.app-shell-web95::-webkit-scrollbar-thumb,.app-shell-web95 ::-webkit-scrollbar-thumb{background:silver;box-shadow:var(--w95-raised);border:none}.app-shell-web95::-webkit-scrollbar-button,.app-shell-web95 ::-webkit-scrollbar-button{background:silver;box-shadow:var(--w95-raised);height:16px;width:16px}.theme-option-preview-web95{background-color:#6cb7e6;background-image:url(/app-assets/themes/web95-bg.jpg);background-size:cover;background-position:center;border:2px solid;border-color:#ffffff #808080 #808080 #ffffff}@media (max-width: 768px){.app-shell-web95 .side-nav{border:none;border-radius:0;background:silver;box-shadow:inset 0 2px #fff,inset 0 1px #dfdfdf;border-top:1px solid #808080}.app-shell-web95 .side-nav-button-active,.app-shell-web95 .side-nav-button-active:hover{box-shadow:var(--w95-pressed)}}.app-boot-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(circle at 50% 45%,#142048,#0c1222 65%,#060914);pointer-events:none;animation:app-boot-splash-in .25s ease-out both}.app-boot-splash-fading{animation:app-boot-splash-out .35s ease-in forwards}@keyframes app-boot-splash-in{0%{opacity:0}to{opacity:1}}@keyframes app-boot-splash-out{0%{opacity:1}to{opacity:0;visibility:hidden}}.app-boot-splash-hero{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 0 4px;overflow:visible}.app-boot-splash-orbit{position:relative;--orbit-rx: clamp(86px, 28vw, 140px);--orbit-ry: clamp(38px, 13vw, 60px);--orbit-logo: clamp(88px, 24vw, 120px);width:calc(var(--orbit-rx) * 2 + 60px);height:calc(var(--orbit-ry) * 2 + 140px);max-width:100%;display:flex;align-items:center;justify-content:center}.app-boot-splash-orb{position:absolute;top:50%;left:50%;display:block;border-radius:50%;aspect-ratio:1 / 1;pointer-events:none;transform:translate(-50%,-50%);opacity:0;animation:app-boot-splash-orbit-anim 36s linear infinite;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}@keyframes app-boot-splash-orbit-anim{0%{transform:translate(-50%,-50%) translate(calc(var(--orbit-rx) * 1),calc(var(--orbit-ry) * 0)) scale(.8);opacity:.525}8.3%{transform:translate(-50%,-50%) translate(calc(var(--orbit-rx) * .866),calc(var(--orbit-ry) * .5)) scale(.9);opacity:.688}16.7%{transform:translate(-50%,-50%) translate(calc(var(--orbit-rx) * .5),calc(var(--orbit-ry) * .866)) scale(.97);opacity:.806}25%{transform:translate(-50%,-50%) translate(calc(var(--orbit-rx) * 0),calc(var(--orbit-ry) * 1)) scale(1);opacity:.85}33.3%{transform:translate(-50%,-50%) translate(calc(var(--orbit-rx) * -.5),calc(var(--orbit-ry) * .866)) scale(.97);opacity:.806}41.7%{transform:translate(-50%,-50%) translate(calc(var(--orbit-rx) * -.866),calc(var(--orbit-ry) * .5)) scale(.9);opacity:.688}50%{transform:translate(-50%,-50%) translate(calc(var(--orbit-rx) * -1),calc(var(--orbit-ry) * 0)) scale(.8);opacity:.525}58.3%{transform:translate(-50%,-50%) translate(calc(var(--orbit-rx) * -.866),calc(var(--orbit-ry) * -.5)) scale(.7);opacity:.363}66.7%{transform:translate(-50%,-50%) translate(calc(var(--orbit-rx) * -.5),calc(var(--orbit-ry) * -.866)) scale(.63);opacity:.244}75%{transform:translate(-50%,-50%) translate(calc(var(--orbit-rx) * 0),calc(var(--orbit-ry) * -1)) scale(.6);opacity:.2}83.3%{transform:translate(-50%,-50%) translate(calc(var(--orbit-rx) * .5),calc(var(--orbit-ry) * -.866)) scale(.63);opacity:.244}91.7%{transform:translate(-50%,-50%) translate(calc(var(--orbit-rx) * .866),calc(var(--orbit-ry) * -.5)) scale(.7);opacity:.363}to{transform:translate(-50%,-50%) translate(calc(var(--orbit-rx) * 1),calc(var(--orbit-ry) * 0)) scale(.8);opacity:.525}}.app-boot-splash-logo{position:relative;z-index:1;width:var(--orbit-logo, 140px);height:var(--orbit-logo, 140px);display:flex;align-items:center;justify-content:center;translate:0 0;scale:1;rotate:0deg;animation:app-boot-splash-logo-bob 3.6s ease-in-out infinite,app-boot-splash-logo-pulse 3.9s ease-in-out infinite,app-boot-splash-logo-tilt 5s ease-in-out infinite;filter:drop-shadow(0 14px 40px rgba(45,127,249,.45))}.app-boot-splash-logo img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}@keyframes app-boot-splash-logo-bob{0%,to{translate:0 0}50%{translate:0 -8px}}@keyframes app-boot-splash-logo-pulse{0%{scale:1}38%{scale:1.05}77%{scale:.98}to{scale:1}}@keyframes app-boot-splash-logo-tilt{0%{rotate:0deg}28%{rotate:-4deg}72%{rotate:4deg}to{rotate:0deg}}.app-boot-splash-copy{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 0 0}.app-boot-splash-title{margin:0;font-family:VT323,monospace;font-size:clamp(28px,6vw,36px);letter-spacing:.5px;color:#f0f4ff;text-shadow:0 2px 18px rgba(45,127,249,.55)}.app-boot-splash-tagline{margin:0;font-family:VT323,monospace;font-size:clamp(15px,3.4vw,18px);color:#8bb4e0;letter-spacing:.3px}.public-pods .public-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid var(--nav-border);background:var(--statusbar-bg)}.public-pods .public-header-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--shell-text);font-size:1.4rem;letter-spacing:.04em}.public-pods .public-header-logo{width:26px;height:26px;border-radius:6px}.public-pods .public-header-cta{text-decoration:none;background:var(--cta-bg);color:var(--cta-color);padding:8px 18px;border-radius:8px;font-size:1.1rem;letter-spacing:.03em;transition:filter .15s ease}.public-pods .public-header-cta:hover{filter:brightness(1.1)}.public-pods .pod-card-link,.public-pods .pod-post-card-link{display:block;text-decoration:none;color:inherit}.public-pods .pod-vote-readonly{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary)}.public-pods .public-signup-cta{margin:24px 0 8px;padding:20px;border:1px solid var(--card-border);border-radius:12px;background:var(--card-bg);text-align:center}.public-pods .public-signup-cta p{margin:0 0 14px;color:var(--text-body);font-size:1.15rem}.public-pods .public-signup-btn{display:inline-block;text-decoration:none;background:var(--cta-bg);color:var(--cta-color);padding:10px 24px;border-radius:8px;font-size:1.15rem;letter-spacing:.03em;transition:filter .15s ease}.public-pods .public-signup-btn:hover{filter:brightness(1.1)}.public-pods .pod-locked-comments{position:relative;margin-top:8px;border:1px solid var(--card-border);border-radius:12px;overflow:hidden}.public-pods .pod-locked-comments-blur{padding:18px 16px;display:flex;flex-direction:column;gap:10px;filter:blur(3px);opacity:.5;pointer-events:none}.public-pods .pod-locked-bar{height:12px;border-radius:6px;background:var(--shell-text);opacity:.25}.public-pods .pod-locked-comments-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;text-align:center;background:linear-gradient(180deg,#0c12228c,#0c1222d9);color:var(--shell-text)}.public-pods .pod-locked-comments-overlay p{margin:0;font-size:1.15rem;color:var(--text-body)}.public-pods .public-empty{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:40px 0;color:var(--text-secondary);font-size:1.2rem}.container{width:100%;max-width:480px;margin:0 auto;padding:80px 24px 20px;min-height:100vh;display:flex;flex-direction:column;position:relative}.hero{animation:fadeInDown .8s ease-out}.logo-text{animation:fadeInUp .6s ease-out .2s both}.tagline{animation:fadeInUp .6s ease-out .35s both}.subtitle{animation:fadeInUp .6s ease-out .5s both}.waitlist-form{animation:fadeInUp .6s ease-out .65s both}.disclaimer{animation:fadeIn .6s ease-out .8s both}.footer{animation:fadeIn .6s ease-out 1s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.orbs{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0;animation:fadeIn 1.5s ease-out}.orb{position:absolute;width:8px;height:8px;background:var(--primary);border-radius:2px;animation:float 4s ease-in-out infinite;opacity:.6;box-shadow:0 0 10px var(--primary),0 0 20px var(--primary)}.orb:nth-child(2){background:var(--accent);box-shadow:0 0 10px var(--accent),0 0 20px var(--accent)}.orb:nth-child(3){background:var(--primary-light);box-shadow:0 0 10px var(--primary-light),0 0 20px var(--primary-light)}.orb:nth-child(4){background:var(--primary-dark);box-shadow:0 0 10px var(--primary-dark),0 0 20px var(--primary-dark)}.orb:nth-child(5){background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent),0 0 16px var(--accent)}@keyframes float{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-20px) scale(1.2);opacity:.9}}.hero{display:flex;justify-content:center;align-items:center;margin-bottom:40px;position:relative;z-index:1;flex-shrink:0}.icon-frame{position:relative;width:120px;height:120px;display:flex;justify-content:center;align-items:center}.pulse-ring{position:absolute;width:140px;height:140px;border:2px solid var(--primary-light);border-radius:50%;animation:pulse 3s ease-out infinite;opacity:0}@keyframes pulse{0%{transform:scale(.7);opacity:.6}to{transform:scale(1.4);opacity:0}}.hero-icon{width:80px;height:80px;border-radius:20px;position:relative;z-index:2;background:var(--surface-alt);border:1px solid var(--border-blue);box-shadow:0 4px 20px #0006;animation:bob 3s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.content{text-align:center;position:relative;z-index:1;flex:1}.logo-text{font-size:48px;font-weight:400;color:var(--text-primary);letter-spacing:2px;margin-bottom:8px;text-shadow:0 0 20px rgba(45,127,249,.5)}.tagline{font-size:24px;color:var(--text-secondary);margin-bottom:12px;letter-spacing:.5px}.subtitle{font-size:20px;color:var(--text-muted);margin-bottom:40px;letter-spacing:.3px}.waitlist-form{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.email-input{font-family:VT323,monospace;font-size:20px;padding:16px 20px;background:var(--surface);border:1px solid var(--border);border-radius:16px;color:var(--text-primary);outline:none;transition:all .2s ease}.email-input::placeholder{color:var(--text-muted)}.email-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2d7ff926}.join-btn{font-family:VT323,monospace;font-size:22px;padding:16px 24px;background:var(--primary);border:none;border-radius:16px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;letter-spacing:1px;box-shadow:0 4px 15px #2d7ff94d}.join-btn:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 6px 20px #2d7ff966}.join-btn:active{transform:translateY(0)}.join-btn:disabled{background:var(--surface-alt);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.disclaimer{font-size:16px;color:var(--text-muted)}.success-message{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;background:#34d3991a;border:1px solid rgba(52,211,153,.3);border-radius:16px;animation:fadeInUp .5s ease}.checkmark{width:48px;height:48px;background:var(--success);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:28px;color:var(--background);animation:scaleIn .4s ease .2s both}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.success-message p{font-size:20px;color:var(--text-primary)}.footer{display:flex;justify-content:center;align-items:center;gap:12px;padding:20px 0;position:relative;z-index:1;margin-top:auto}.footer-link{font-family:VT323,monospace;font-size:16px;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color .2s ease;padding:4px 8px}.footer-link:hover{color:var(--text-secondary)}.footer-dot{color:var(--text-muted);font-size:14px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0e1ae6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:100;padding:20px;animation:fadeIn .2s ease}.modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:480px;max-height:80vh;overflow:hidden;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;background:var(--surface-alt);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background:var(--border);color:var(--text-primary)}.modal h2{font-size:28px;font-weight:400;color:var(--text-primary);padding:24px 24px 0;margin:0}.modal-content{padding:20px 24px 24px;overflow-y:auto;max-height:calc(80vh - 80px)}.modal-content h3{font-size:18px;color:var(--primary-light);margin:20px 0 8px;font-weight:400}.modal-content h3:first-child{margin-top:0}.modal-content p{font-size:16px;color:var(--text-secondary);line-height:1.5;margin:8px 0}.modal-content ul{margin:8px 0;padding-left:20px}.modal-content li{font-size:16px;color:var(--text-secondary);line-height:1.5;margin:4px 0}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:var(--surface-alt);border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--border-blue)}@media (max-width: 480px){.container{padding:60px 20px 16px}.logo-text{font-size:40px}.tagline{font-size:20px}.subtitle{font-size:18px}.icon-frame{width:100px;height:100px}.hero-icon{width:64px;height:64px}.pulse-ring{width:120px;height:120px}.modal{max-height:85vh}.modal-content{max-height:calc(85vh - 80px)}}:root{--primary: #2D7FF9;--primary-light: #5BA3FF;--primary-dark: #1A5FCC;--accent: #00E5FF;--background: #0A0E1A;--surface: #111827;--surface-alt: #1A2332;--text-primary: #F0F4FF;--text-secondary: #8899B0;--text-muted: #556B8A;--border: #1E2D42;--border-blue: #2D5A8C;--success: #34D399}*{margin:0;padding:0;box-sizing:border-box}body{font-family:VT323,monospace;background-color:var(--background);color:var(--text-primary);min-height:100vh}#root{min-height:100vh}