@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";.wallet-adapter-button{color:#fff;cursor:pointer;background-color:#0000;border:none;border-radius:4px;align-items:center;height:48px;padding:0 24px;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:48px;display:flex}.wallet-adapter-button-trigger{background-color:#512da8}.wallet-adapter-button:not([disabled]):focus-visible{outline-color:#fff}.wallet-adapter-button:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-button[disabled]{color:#999;cursor:not-allowed;background:#404144}.wallet-adapter-button-end-icon,.wallet-adapter-button-start-icon,.wallet-adapter-button-end-icon img,.wallet-adapter-button-start-icon img{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.wallet-adapter-button-end-icon{margin-left:12px}.wallet-adapter-button-start-icon{margin-right:12px}.wallet-adapter-collapse{width:100%}.wallet-adapter-dropdown{display:inline-block;position:relative}.wallet-adapter-dropdown-list{z-index:99;grid-row-gap:10px;opacity:0;visibility:hidden;background:#2c2d30;border-radius:10px;grid-template-rows:1fr;margin:0;padding:10px;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;list-style:none;transition:opacity .2s,transform .2s,visibility .2s;display:grid;position:absolute;top:100%;right:0;box-shadow:0 8px 20px #0009}.wallet-adapter-dropdown-list-active{opacity:1;visibility:visible;transform:translateY(10px)}.wallet-adapter-dropdown-list-item{cursor:pointer;white-space:nowrap;box-sizing:border-box;color:#fff;border:none;border-radius:6px;outline:none;flex-direction:row;justify-content:center;align-items:center;width:100%;height:37px;padding:0 20px;font-size:14px;font-weight:600;display:flex}.wallet-adapter-dropdown-list-item:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-modal-collapse-button svg{fill:#999;align-self:center}.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg{transition:transform .15s ease-in;transform:rotate(180deg)}.wallet-adapter-modal{opacity:0;z-index:1040;background:#00000080;transition:opacity .15s linear;position:fixed;inset:0;overflow-y:auto}.wallet-adapter-modal.wallet-adapter-modal-fade-in{opacity:1}.wallet-adapter-modal-button-close{cursor:pointer;background:#1a1f2e;border:none;border-radius:50%;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;top:18px;right:18px}.wallet-adapter-modal-button-close:focus-visible{outline-color:#fff}.wallet-adapter-modal-button-close svg{fill:#777;transition:fill .2s}.wallet-adapter-modal-button-close:hover svg{fill:#fff}.wallet-adapter-modal-overlay{background:#00000080;position:fixed;inset:0}.wallet-adapter-modal-container{justify-content:center;align-items:center;min-height:calc(100vh - 6rem);margin:3rem;display:flex}@media (width<=480px){.wallet-adapter-modal-container{min-height:calc(100vh - 2rem);margin:1rem}}.wallet-adapter-modal-wrapper{box-sizing:border-box;z-index:1050;background:#10141f;border-radius:10px;flex-direction:column;flex:1;align-items:center;max-width:400px;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;position:relative;box-shadow:0 8px 20px #0009}.wallet-adapter-modal-wrapper .wallet-adapter-button{width:100%}.wallet-adapter-modal-title{text-align:center;color:#fff;margin:0;padding:64px 48px 48px;font-size:24px;font-weight:500;line-height:36px}@media (width<=374px){.wallet-adapter-modal-title{font-size:18px}}.wallet-adapter-modal-list{width:100%;margin:0 0 12px;padding:0;list-style:none}.wallet-adapter-modal-list .wallet-adapter-button{border-radius:0;font-size:18px;font-weight:400}.wallet-adapter-modal-list .wallet-adapter-button-end-icon,.wallet-adapter-modal-list .wallet-adapter-button-start-icon,.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,.wallet-adapter-modal-list .wallet-adapter-button-start-icon img{width:28px;height:28px}.wallet-adapter-modal-list .wallet-adapter-button span{opacity:.6;margin-left:auto;font-size:14px}.wallet-adapter-modal-list-more{cursor:pointer;color:#fff;background-color:#0000;border:none;align-self:flex-end;align-items:center;padding:12px 24px 24px 12px;display:flex}.wallet-adapter-modal-list-more svg{fill:#fff;margin-left:.5rem;transition:all .1s}.wallet-adapter-modal-list-more-icon-rotate{transform:rotate(180deg)}.wallet-adapter-modal-middle{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;padding:0 24px 24px;display:flex}.wallet-adapter-modal-middle-button{cursor:pointer;color:#fff;background-color:#512da8;border:none;border-radius:8px;width:100%;margin-top:48px;padding:12px;font-size:18px;display:block}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.bottom-nav{z-index:1000;background:#142416;border-top:4px solid #e2f854;justify-content:space-around;align-items:center;height:70px;padding:0 20px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px #2563eb,0 0 20px #e2f8544d}.nav-item{color:#e2f854;cursor:pointer;clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px));background:0 0;border:2px solid #0000;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;font-family:Courier New,monospace;transition:all .3s;display:flex;position:relative}.nav-item svg{filter:drop-shadow(0 0 4px #e2f85499)}.nav-item:hover{background:#2563eb4d;border-color:#e2f854;transform:translateY(-2px)}.nav-item:hover svg{filter:drop-shadow(0 0 8px #e2f854cc)}.nav-item.active{background:#2563eb;border-color:#e2f854;box-shadow:0 0 10px #e2f85499,inset 0 0 10px #e2f85433}.nav-item.active svg{color:#e2f854;filter:drop-shadow(0 0 8px #e2f854cc)}.nav-item.active:before{content:"▶";color:#e2f854;font-size:12px;animation:.5s infinite bounce;position:absolute;top:-8px;left:50%;transform:translate(-50%)rotate(90deg)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.nav-item span{letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 4px #e2f85499;font-size:10px}.bottom-nav:before{content:"";background:linear-gradient(90deg,#0000,#e2f854,#0000);width:100%;height:2px;animation:2s infinite scan-line;position:absolute;top:0;left:0}@keyframes scan-line{0%{left:-100%}to{left:100%}}.solana-wallet-container{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.solana-wallet-button{color:#0fc!important;cursor:pointer!important;text-transform:uppercase!important;letter-spacing:.5px!important;background:#000c!important;border:2px solid #0fc!important;border-radius:8px!important;width:100%!important;max-width:100%!important;height:auto!important;padding:12px 24px!important;font-family:Courier New,monospace!important;font-size:14px!important;font-weight:700!important;transition:all .3s!important;box-shadow:0 0 15px #00ffcc4d!important}.solana-wallet-button:hover:not(:disabled){background:#00ffcc1a!important;transform:translateY(-2px)!important;box-shadow:0 0 25px #0fc9!important}.solana-wallet-button:active:not(:disabled){transform:translateY(0)!important}.solana-wallet-button:not(.wallet-adapter-button-connected){animation:2s ease-in-out infinite neon-pulse}@keyframes neon-pulse{0%,to{box-shadow:0 0 20px #00ffcc4d}50%{box-shadow:0 0 30px #0fc9}}.solana-balance-badge{color:#0fc;text-shadow:0 0 10px #00ffcc80;white-space:nowrap;text-align:center;background:#00ffcc1a;border:1px solid #0fc;border-radius:8px;width:100%;padding:10px 16px;font-family:Courier New,monospace;font-size:14px;font-weight:600}.wallet-adapter-modal-wrapper{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#000000e6!important}.wallet-adapter-modal{background:#0a0f14!important;border:3px solid #0fc!important;border-radius:12px!important;box-shadow:0 0 30px #0fc6!important}.wallet-adapter-modal-title{color:#0fc!important;text-shadow:0 0 10px #0fc9!important;font-family:Courier New,monospace!important}.wallet-adapter-modal-list{background:0 0!important}.wallet-adapter-modal-list-item{background:#0006!important;border:1px solid #00ffcc4d!important;border-radius:8px!important;margin-bottom:8px!important;transition:all .2s!important}.wallet-adapter-modal-list-item:hover{background:#00ffcc1a!important;border-color:#0fc!important;box-shadow:0 0 15px #00ffcc4d!important}.wallet-adapter-button-trigger{color:#0fc!important;font-family:Courier New,monospace!important}@media (width<=640px){.solana-wallet-container{width:100%}.solana-wallet-button{padding:10px 20px!important;font-size:13px!important}.solana-balance-badge{padding:8px 12px;font-size:13px}}@media (width>=641px){.solana-wallet-container{flex-direction:row;max-width:500px}.solana-wallet-button{flex:1;width:auto!important}.solana-balance-badge{flex-shrink:0;width:auto}}.token-balance-display{flex-wrap:wrap;justify-content:center;gap:16px;margin:20px 0;display:flex}.token-balance-display.compact{gap:12px;margin:10px 0}.balance-item{background:#00ffcc0d;border:2px solid #0fc;border-radius:12px;align-items:center;gap:12px;padding:12px 20px;transition:all .3s;animation:2s ease-in-out infinite neon-pulse;display:flex;box-shadow:0 0 20px #00ffcc4d}.compact .balance-item{gap:8px;padding:8px 16px}.balance-item:hover{transform:translateY(-2px);box-shadow:0 4px 25px #00ffcc80}.balance-item.sol-token{background:#9945ff0d;border-color:#9945ff;box-shadow:0 0 20px #9945ff4d}.balance-item.sol-token:hover{box-shadow:0 4px 25px #9945ff80}.balance-item.sol-token{animation:2s ease-in-out infinite neon-pulse-purple}@keyframes neon-pulse-purple{0%,to{box-shadow:0 0 20px #9945ff4d}50%{box-shadow:0 0 30px #9945ff99}}.token-icon{font-size:32px;animation:3s ease-in-out infinite float}.compact .token-icon{font-size:24px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.balance-info{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.balance-amount{color:#0fc;text-shadow:0 0 15px #0fcc;font-family:Courier New,monospace;font-size:28px;font-weight:900;line-height:1}.compact .balance-amount{font-size:20px}.sol-token .balance-amount{color:#9945ff;text-shadow:0 0 15px #9945ffcc}.token-label{color:#0fc;opacity:.8;text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:600}.compact .token-label{font-size:10px}.sol-token .token-label{color:#9945ff}.loading{color:#0fc;padding:12px;font-size:14px}@media (width<=768px){.token-balance-display{gap:12px}.balance-item{padding:10px 16px}.token-icon{font-size:28px}.balance-amount{font-size:24px}}.quota-indicator{background:linear-gradient(135deg,#e2f8541a,#00ffcc1a);border:2px solid #e2f854;border-radius:16px;max-width:600px;margin:20px auto;padding:16px 24px;transition:all .3s;box-shadow:0 0 20px #e2f85433}.quota-indicator:hover{transform:translateY(-2px);box-shadow:0 4px 25px #e2f8544d}.quota-indicator.compact{margin:12px auto;padding:12px 16px}.quota-indicator.low{background:linear-gradient(135deg,#ff6b6b1a,#ff6b6b0d);border-color:#ff6b6b;animation:2s ease-in-out infinite pulse-warning}@keyframes pulse-warning{0%,to{box-shadow:0 0 20px #ff6b6b4d}50%{box-shadow:0 0 30px #ff6b6b99}}.quota-content{align-items:center;gap:16px;display:flex}.quota-icon{font-size:32px;animation:3s ease-in-out infinite float}.compact .quota-icon{font-size:24px}.quota-info{flex-direction:column;flex:1;gap:8px;display:flex}.quota-text{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.quota-label{color:var(--text-primary,#1a1a1a);font-size:16px;font-weight:500}.compact .quota-label{font-size:14px}.quota-numbers{color:#e2f854;text-shadow:0 0 10px #e2f85499;font-family:Courier New,monospace;font-size:20px;font-weight:900}.compact .quota-numbers{font-size:16px}.quota-indicator.low .quota-numbers{color:#ff6b6b;text-shadow:0 0 10px #ff6b6b99}.quota-progress-bar{background:#ffffff1a;border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.quota-progress-fill{background:linear-gradient(90deg,#e2f854,#0fc);border-radius:3px;height:100%;transition:width .5s;box-shadow:0 0 10px #e2f85480}.quota-indicator.low .quota-progress-fill{background:linear-gradient(90deg,#ff6b6b,#ff8787);box-shadow:0 0 10px #ff6b6b80}.quota-reset{border-top:1px solid #e2f85433;align-items:center;gap:8px;margin-top:12px;padding-top:12px;font-size:14px;display:flex}.reset-label{color:var(--text-secondary,#666)}.reset-time{color:#e2f854;text-shadow:0 0 8px #e2f85466;font-weight:600}@media (width<=768px){.quota-indicator{margin:16px 12px;padding:14px 18px}.quota-icon{font-size:28px}.quota-label{font-size:14px}.quota-numbers{font-size:18px}.quota-reset{font-size:12px}}.home-page{background:#142416;min-height:100vh;padding-bottom:100px;position:relative;overflow-x:hidden}.home-header{z-index:2;flex-direction:column;align-items:center;gap:20px;padding:30px 20px 20px;display:flex;position:relative}.wallet-button-container{justify-content:center;width:100%;max-width:400px;display:flex}.app-logo-image{width:280px;max-width:100%;height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 25px #2563eb99);animation:3s infinite logo-pulse,4s ease-in-out infinite logo-float;display:block}@keyframes logo-pulse{0%,to{filter:drop-shadow(0 0 25px #2563eb99);transform:scale(1)}50%{filter:drop-shadow(0 0 35px #2563ebcc);transform:scale(1.03)}}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.app-logo{color:#e2f854;letter-spacing:12px;text-shadow:3px 3px #142416,6px 6px #2563eb66;margin:0 0 15px;font-family:Courier New,monospace;font-size:64px;font-weight:900;animation:3s infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.tagline{color:#e2f854;letter-spacing:2px;opacity:.9;margin:0;font-size:18px}.topics-section{z-index:2;padding:20px;position:relative}.home-page .topics-grid{grid-template-columns:repeat(2,1fr);gap:12px;max-width:1200px;margin:0 auto;display:grid}.home-page .topic-card{cursor:pointer;aspect-ratio:1;background:#0a0f14;border:3px solid #e2f854;flex-direction:column;justify-content:space-between;align-items:stretch;min-height:150px;padding:14px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 3px #142416}.home-page .topic-card:before{content:"";background:linear-gradient(90deg,#0000,#e2f8541a,#0000);width:100%;height:100%;animation:4s infinite scan;position:absolute;top:0;left:-100%}@keyframes scan{0%{left:-100%}to{left:100%}}.home-page .topic-card:hover{transform:translateY(-4px);box-shadow:0 6px #142416,0 0 20px #e2f85499}.home-page .topic-card.coming-soon{opacity:.4;cursor:not-allowed}.home-page .topic-card.coming-soon:hover{transform:none}.topic-card-stats{flex-direction:column;gap:4px;display:flex}.stat-people,.stat-duration{color:#e2f854b3;letter-spacing:.5px;font-family:Courier New,monospace;font-size:11px;display:block}.topic-category-tag{color:#e2f854;letter-spacing:1px;clip-path:polygon(0 3px,3px 3px,3px 0,calc(100% - 3px) 0,calc(100% - 3px) 3px,100% 3px,100% calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,3px calc(100% - 3px),0 calc(100% - 3px));background:#2563eb;align-self:flex-start;padding:3px 8px;font-family:Courier New,monospace;font-size:11px;font-weight:700}.topic-tier-badge{letter-spacing:.5px;z-index:1;border-radius:8px;padding:4px 8px;font-family:Courier New,monospace;font-size:10px;font-weight:700;animation:2s ease-in-out infinite badge-pulse;position:absolute;top:14px;right:14px;box-shadow:0 2px 8px #0000004d}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.topic-tier-badge.tier-free{color:#000;background:linear-gradient(135deg,#4ade80 0%,#22c55e 100%);border:2px solid #86efac}.topic-tier-badge.tier-standard{color:#000;background:linear-gradient(135deg,#0fc 0%,#0ea5e9 100%);border:2px solid #0fc;box-shadow:0 0 15px #0fc6}.topic-tier-badge.tier-premium{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);border:2px solid #d946ef;box-shadow:0 0 15px #a855f780}.home-page .topic-emoji{display:none}.home-page .topic-card h4{color:#e2f854;letter-spacing:.5px;text-align:left;text-shadow:1px 1px #142416;z-index:2;margin:0;font-family:Courier New,monospace;font-size:16px;font-weight:700;line-height:1.4;position:relative}.home-page .topic-desc,.home-page .topic-tag,.home-page .topic-emoji{display:none}@media (width>=640px){.topics-grid{grid-template-columns:repeat(2,1fr)}.app-logo-image{width:600px}.tagline{font-size:20px}}@media (width>=1024px){.topics-grid{grid-template-columns:repeat(4,1fr)}.app-logo-image{width:700px}.topics-title{font-size:32px}.home-header{padding:60px 20px 40px}}.home-page .topic-card{animation:.5s ease-out backwards slideUp}.home-page .topic-card:first-child{animation-delay:.1s}.home-page .topic-card:nth-child(2){animation-delay:.2s}.home-page .topic-card:nth-child(3){animation-delay:.3s}.home-page .topic-card:nth-child(4){animation-delay:.4s}.home-page .topic-card:nth-child(5){animation-delay:.5s}.home-page .topic-card:nth-child(6){animation-delay:.6s}.home-page .topic-card:nth-child(7){animation-delay:.7s}.home-page .topic-card:nth-child(8){animation-delay:.8s}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.why-section{z-index:2;clip-path:polygon(0 8px,8px 8px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 8px),0 calc(100% - 8px));background:#2563eb0d;border:3px solid #e2f8544d;margin:0 20px 40px;padding:40px 20px;position:relative}.section-title{text-align:center;color:#e2f854;letter-spacing:3px;background:#2563eb;border:4px solid #e2f854;margin:0 auto 40px;padding:15px 30px;font-family:Courier New,monospace;font-size:28px;display:inline-block;position:relative;left:50%;transform:translate(-50%);box-shadow:0 4px #142416}.why-grid{grid-template-columns:1fr;gap:15px;max-width:1200px;margin:0 auto;display:grid}.why-item{text-align:center;background:#0a0f14;border:3px solid #e2f854;padding:25px 20px;transition:all .3s;box-shadow:0 3px #142416}.why-item:hover{transform:translateY(-4px);box-shadow:0 6px #142416,0 0 25px #e2f85499}.why-emoji{margin-bottom:12px;font-size:48px;display:block}.why-item h4{color:#e2f854;letter-spacing:1px;text-shadow:2px 2px #142416;margin:0 0 8px;font-family:Courier New,monospace;font-size:18px}.why-item p{color:#e2f854;opacity:.9;margin:0;font-size:13px;line-height:1.5}@media (width>=640px){.why-grid{grid-template-columns:repeat(3,1fr)}}.main-title{text-align:center;color:#e2f854;letter-spacing:3px;text-shadow:2px 2px #142416,0 0 20px #e2f85480;background:0 0;border:none;margin:0 0 40px;padding:0;font-family:Courier New,monospace;font-size:28px;animation:3s infinite pulse;display:block}.hero-banner{clip-path:polygon(0 12px,12px 12px,12px 0,calc(100% - 12px) 0,calc(100% - 12px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 12px) calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 12px),0 calc(100% - 12px));background:0 0;border:3px solid #e2f854;margin:30px 20px;padding:40px 20px;position:relative;overflow:hidden;box-shadow:0 0 30px #e2f85433}.hero-banner:before{content:"";background:linear-gradient(90deg,#0000,#e2f8541a,#0000);width:100%;height:100%;animation:4s infinite scan;position:absolute;top:0;left:-100%}.banner-content{z-index:2;flex-direction:column;align-items:center;gap:30px;display:flex;position:relative}.banner-image{justify-content:center;width:100%;max-width:400px;display:flex}.pixel-couple{width:100%;height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 20px #e2f8544d)}.banner-text{text-align:center;max-width:600px}.banner-title{color:#e2f854;letter-spacing:3px;text-shadow:2px 2px #142416,0 0 20px #e2f85480;margin:0 0 16px;font-family:Courier New,monospace;font-size:28px;animation:3s infinite pulse}.banner-subtitle{color:#e2f854;opacity:.9;margin:0 0 24px;font-family:Courier New,monospace;font-size:16px;line-height:1.6}@media (width>=768px){.banner-content{flex-direction:row;justify-content:center;align-items:center}.banner-image{max-width:300px}.banner-text{text-align:left}.banner-features{justify-content:flex-start}.banner-title{font-size:32px}.banner-subtitle{font-size:18px}}.solana-wallet-info-container{flex-direction:column;gap:16px;display:flex}.solana-wallet-info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:2px solid #00ffcc4d;border-radius:12px;padding:20px;box-shadow:0 0 20px #0fc3}.solana-wallet-info-card.primary{border-color:#0fc;box-shadow:0 0 30px #0fc6}.wallet-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.wallet-icon{color:#0fc;background:#00ffcc1a;border:2px solid #0fc;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.wallet-icon img{border-radius:8px;width:32px;height:32px}.wallet-title h3{color:#0fc;text-shadow:0 0 10px #0fc9;margin:0;font-family:Courier New,monospace;font-size:18px}.wallet-type{text-transform:uppercase;color:#0fc;background:#0fc3;border-radius:4px;margin-top:4px;padding:2px 8px;font-family:Courier New,monospace;font-size:11px;display:inline-block}.wallet-address{background:#0006;border:1px solid #0fc3;border-radius:8px;align-items:center;gap:12px;margin-bottom:12px;padding:12px;display:flex}.wallet-address code{color:#fff;word-break:break-all;flex:1;font-family:Courier New,monospace;font-size:11px;line-height:1.4}.wallet-actions{flex-shrink:0;gap:8px;display:flex}.icon-button{color:#0fc;cursor:pointer;background:#00ffcc1a;border:1px solid #00ffcc4d;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.icon-button:hover{background:#0fc3;border-color:#0fc;box-shadow:0 0 10px #0fc6}.wallet-balance{background:linear-gradient(135deg,#00ffcc1a,#0096ff1a);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px;display:flex}.balance-label{color:#ffffffb3;font-family:Courier New,monospace;font-size:14px}.balance-value{color:#0fc;text-shadow:0 0 10px #0fc9;font-family:Courier New,monospace;font-size:18px;font-weight:700}.disconnect-button{color:#ff4757;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#ff47571a;border:2px solid #ff4757;border-radius:8px;width:100%;padding:12px;font-family:Courier New,monospace;font-size:14px;font-weight:700;transition:all .3s}.disconnect-button:hover{background:#ff475733;box-shadow:0 0 15px #ff475766}.wallet-empty{color:#ffffff80;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.network-info-card{background:#0006;border:1px solid #ffffff1a;border-radius:12px;padding:16px}.network-info-card h4{color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;font-family:Courier New,monospace;font-size:14px}.info-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.info-row:last-child{border-bottom:none}.info-label{color:#fff9;font-family:Courier New,monospace;font-size:13px}.info-value{color:#fff;font-family:Courier New,monospace;font-size:13px}.info-value-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.tips-card{background:linear-gradient(135deg,#00ffcc0d,#0096ff0d);border:1px solid #0fc3;border-radius:12px;padding:16px}.tips-card h4{color:#0fc;margin:0 0 12px;font-family:Courier New,monospace;font-size:14px}.tips-card ul{margin:0;padding-left:20px;list-style:none}.tips-card li{color:#ffffffb3;margin-bottom:8px;font-family:Courier New,monospace;font-size:13px;line-height:1.5;position:relative}.tips-card li:before{content:"▸";color:#0fc;position:absolute;left:-20px}.tips-card li:last-child{margin-bottom:0}@media (width<=640px){.wallet-address code{font-size:10px}.info-value-truncate{max-width:120px}}.profile-page{background:#142416;flex-direction:column;min-height:100vh;padding-bottom:80px;display:flex}.profile-header{background:#0a0f14;border-bottom:3px solid #e2f854;justify-content:space-between;align-items:center;padding:20px 16px 24px;display:flex}.profile-info{align-items:center;gap:14px;display:flex}.profile-avatar{background:#142416;border:2px solid #e2f854;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:36px;display:flex}.profile-info h2{color:#e2f854;letter-spacing:1px;margin:0 0 4px;font-family:Courier New,monospace;font-size:18px;font-weight:900}.profile-info p{color:#e2f85480;margin:0;font-family:Courier New,monospace;font-size:12px}.settings-button{color:#e2f85499;cursor:pointer;background:0 0;border:2px solid #e2f85459;flex-shrink:0;align-items:center;padding:8px;transition:all .2s;display:flex}.settings-button:hover{color:#e2f854;background:#e2f85414;border-color:#e2f854}.stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:20px 16px;display:grid}.stat-item{clip-path:polygon(0 5px,5px 5px,5px 0,calc(100% - 5px) 0,calc(100% - 5px) 5px,100% 5px,100% calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 5px),0 calc(100% - 5px));background:#0a0f14;border:2px solid #e2f8544d;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;display:flex}.stat-value{color:#e2f854;font-family:Courier New,monospace;font-size:28px;font-weight:900;line-height:1}.stat-label{color:#e2f85480;letter-spacing:.5px;text-align:center;font-family:Courier New,monospace;font-size:11px}.menu-section{flex-direction:column;gap:10px;padding:0 16px;display:flex}.menu-item{color:#e2f854;letter-spacing:.5px;cursor:pointer;clip-path:polygon(0 5px,5px 5px,5px 0,calc(100% - 5px) 0,calc(100% - 5px) 5px,100% 5px,100% calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 5px),0 calc(100% - 5px));background:#0a0f14;border:2px solid #e2f8544d;align-items:center;gap:12px;padding:16px 14px;font-family:Courier New,monospace;font-size:14px;transition:border-color .2s,box-shadow .2s;display:flex}.menu-item:hover{border-color:#e2f854;box-shadow:0 0 12px #e2f85426}.menu-item svg{opacity:.7;flex-shrink:0}.wallet-section{margin-bottom:20px;padding:20px 16px}.section-title-small{color:#e2f854;letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 0 10px #e2f85466;margin:0 0 16px;font-family:Courier New,monospace;font-size:16px}.friends-page{background:#142416;flex-direction:column;min-height:100vh;padding-bottom:80px;display:flex}.friends-header{z-index:100;background:#0a0f14;border-bottom:3px solid #e2f854;justify-content:space-between;align-items:center;padding:16px;display:flex;position:sticky;top:0}.friends-header h1{color:#e2f854;letter-spacing:2px;text-transform:uppercase;margin:0;font-family:Courier New,monospace;font-size:18px}.add-friend-button{color:#e2f854;cursor:pointer;background:0 0;border:2px solid #e2f85466;align-items:center;padding:6px 10px;font-family:Courier New,monospace;font-size:13px;transition:all .2s;display:flex}.add-friend-button:hover{background:#e2f85414;border-color:#e2f854}.friends-list{flex-direction:column;gap:12px;padding:20px 16px;display:flex}.friend-item{clip-path:polygon(0 5px,5px 5px,5px 0,calc(100% - 5px) 0,calc(100% - 5px) 5px,100% 5px,100% calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 5px),0 calc(100% - 5px));background:#0a0f14;border:2px solid #e2f8544d;align-items:center;gap:14px;padding:14px;transition:border-color .2s,box-shadow .2s;display:flex}.friend-item:hover{border-color:#e2f854;box-shadow:0 0 12px #e2f85426}.friend-avatar{background:#142416;border:2px solid #e2f8544d;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:32px;line-height:1;display:flex}.friend-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.friend-name{color:#e2f854;letter-spacing:.5px;font-family:Courier New,monospace;font-size:15px;font-weight:700}.friend-meta{color:#e2f85473;align-items:center;gap:6px;font-family:Courier New,monospace;font-size:12px;display:flex}.status-dot{background:#e2f85433;border-radius:50%;flex-shrink:0;width:7px;height:7px}.status-dot.online{background:#e2f854;box-shadow:0 0 6px #e2f85499}.message-button{color:#e2f85499;cursor:pointer;background:0 0;border:2px solid #e2f8544d;flex-shrink:0;align-items:center;padding:8px;transition:all .2s;display:flex}.message-button:hover{color:#e2f854;background:#e2f85414;border-color:#e2f854}.empty-state{text-align:center;padding:20px 16px}.empty-state p{color:#e2f85459;margin:0;font-family:Courier New,monospace;font-size:13px;line-height:1.7}.history-page{background:#142416;flex-direction:column;min-height:100vh;padding-bottom:80px;display:flex}.history-header{z-index:100;background:#0a0f14;border-bottom:3px solid #e2f854;justify-content:space-between;align-items:center;padding:16px;display:flex;position:sticky;top:0}.history-header h1{color:#e2f854;letter-spacing:2px;text-transform:uppercase;margin:0;font-family:Courier New,monospace;font-size:18px}.clear-all-btn{color:#e2f85499;cursor:pointer;background:0 0;border:1px solid #e2f8544d;align-items:center;gap:5px;padding:6px 10px;font-family:Courier New,monospace;font-size:12px;transition:all .2s;display:flex}.clear-all-btn:hover{color:#f44;border-color:#f44}.history-content{flex:1;padding:20px 16px}.history-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.empty-icon{color:#e2f85440}.empty-title{color:#e2f854b3;margin:0;font-family:Courier New,monospace;font-size:18px;font-weight:700}.empty-desc{color:#e2f85466;margin:0;font-family:Courier New,monospace;font-size:13px;line-height:1.7}.start-talk-btn{color:#0a0f14;letter-spacing:1px;cursor:pointer;clip-path:polygon(0 5px,5px 5px,5px 0,calc(100% - 5px) 0,calc(100% - 5px) 5px,100% 5px,100% calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 5px),0 calc(100% - 5px));background:#e2f854;border:none;margin-top:16px;padding:12px 24px;font-family:Courier New,monospace;font-size:14px;font-weight:700;transition:opacity .2s}.start-talk-btn:hover{opacity:.85}.history-list{flex-direction:column;gap:12px;display:flex}.history-item{cursor:pointer;clip-path:polygon(0 5px,5px 5px,5px 0,calc(100% - 5px) 0,calc(100% - 5px) 5px,100% 5px,100% calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 5px),0 calc(100% - 5px));background:#0a0f14;border:2px solid #e2f8544d;justify-content:space-between;align-items:flex-start;padding:14px;transition:border-color .2s,box-shadow .2s;display:flex}.history-item:hover{border-color:#e2f854;box-shadow:0 0 12px #e2f85426}.history-item-left{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.history-topic{color:#e2f854;letter-spacing:.5px;font-family:Courier New,monospace;font-size:15px;font-weight:700}.history-meta{align-items:center;gap:10px;display:flex}.history-chars{color:#e2f85499;font-family:Courier New,monospace;font-size:12px}.history-time{color:#e2f85459;font-family:Courier New,monospace;font-size:11px}.history-oneliner{color:#e2f85480;text-overflow:ellipsis;white-space:nowrap;font-family:Courier New,monospace;font-size:11px;line-height:1.5;overflow:hidden}.history-item-right{color:#e2f85466;flex-direction:column;flex-shrink:0;align-items:center;gap:10px;padding-left:10px;display:flex}.history-delete-btn{color:#e2f85440;cursor:pointer;background:0 0;border:none;padding:2px;transition:color .2s}.history-delete-btn:hover{color:#f44}.payment-modal-overlay{z-index:9999;background:#000c;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.payment-modal{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);border:2px solid #0fc;border-radius:24px;width:100%;max-width:500px;padding:32px;animation:.3s slideUp;position:relative;box-shadow:0 20px 60px #00ffcc4d}.modal-close{color:#666;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:32px;line-height:1;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{color:#0fc;transform:rotate(90deg)}.modal-header{text-align:center;margin-bottom:32px}.tier-badge{background:#00ffcc1a;border:1px solid #0fc;border-radius:20px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 16px;display:inline-flex}.tier-emoji{font-size:20px}.tier-label{color:#0fc;text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:600}.modal-title{color:#fff;margin:0 0 12px;font-size:24px;font-weight:700;line-height:1.3}.modal-subtitle{color:#999;margin:0;font-size:16px}.payment-options{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.payment-option{cursor:pointer;text-align:left;background:#ffffff0d;border:2px solid #0000;border-radius:16px;flex-direction:column;gap:8px;padding:20px;transition:all .3s;display:flex}.payment-option:hover:not(.disabled){background:#00ffcc1a;border-color:#0fc;transform:translateY(-2px)}.payment-option.selected{background:#00ffcc26;border-color:#0fc;box-shadow:0 0 20px #00ffcc4d}.payment-option.disabled{opacity:.5;cursor:not-allowed}.option-header{align-items:center;gap:12px;display:flex}.option-icon{font-size:28px}.option-currency{color:#fff;flex:1;font-size:18px;font-weight:700}.option-check{color:#0fc;font-size:24px;animation:.3s checkPop}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.option-amount{color:#0fc;text-shadow:0 0 10px #00ffcc80;font-family:Courier New,monospace;font-size:24px;font-weight:900}.option-balance{color:#999;font-size:14px}.insufficient{color:#ff6b6b;font-weight:600}.payment-error{background:#ff6b6b1a;border:1px solid #ff6b6b;border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:16px;animation:.5s shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-icon{font-size:24px}.error-message{color:#ff6b6b;font-size:14px;font-weight:500}.modal-footer{gap:12px;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:16px 24px;font-family:inherit;font-size:16px;font-weight:600;transition:all .3s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-cancel{color:#fff;background:#ffffff1a}.btn-cancel:hover:not(:disabled){background:#ffffff26}.btn-pay{color:#000;background:linear-gradient(135deg,#0fc 0%,#e2f854 100%);box-shadow:0 4px 15px #00ffcc4d}.btn-pay:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0fc6}@media (width<=768px){.payment-modal{padding:24px}.modal-title{font-size:20px}.modal-subtitle{font-size:14px}.payment-option{padding:16px}.option-icon{font-size:24px}.option-currency{font-size:16px}.option-amount{font-size:20px}.modal-footer{flex-direction:column}.btn{width:100%}}.sofa-room-page{background:#142416;flex-direction:column;height:100vh;display:flex;overflow:hidden}.room-header{z-index:100;background:#0a0f14;border-bottom:3px solid #e2f854;align-items:center;gap:16px;padding:16px;display:flex;position:sticky;top:0}.room-title{flex:1}.room-title h2{color:#e2f854;letter-spacing:1px;margin:0;font-family:Courier New,monospace;font-size:16px}.participants-bar{background:#2563eb1a;border-bottom:2px solid #e2f8544d;justify-content:center;align-items:center;gap:30px;padding:20px 16px;display:flex}.participant-avatar{flex-direction:column;align-items:center;gap:8px;transition:all .3s;display:flex}.participant-avatar.invite-placeholder{cursor:pointer}.participant-avatar.invite-placeholder:hover{transform:scale(1.05)}.cyber-person{width:64px;height:64px;image-rendering:pixelated;background:#0a0f14;border:3px solid #666;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.participant-avatar.user-avatar .cyber-person:has(img):before{display:none}.participant-avatar.user-avatar .cyber-person:has(img):after{display:none}.participant-avatar.friend-avatar .cyber-person:has(img):before{display:none}.participant-avatar.friend-avatar .cyber-person:has(img):after{display:none}.participant-avatar.user-avatar .cyber-person{background:#0a0f14;border-color:#e2f854}.participant-avatar.user-avatar .cyber-person:before{content:"";width:48px;height:52px;image-rendering:pixelated;background-color:#0000;background-image:linear-gradient(#ff6b6b 0% 16px,#0000 16px),linear-gradient(#0000 16px,#ffd4a3 16px 40px,#0000 40px),linear-gradient(90deg,#0000 16px,#000 16px 20px,#0000 20px 28px,#000 28px 32px,#0000 32px),linear-gradient(90deg,#0000 20px,#000 20px 28px,#0000 28px);background-position:top,8px 16px,50% 28px,50% 36px;background-repeat:no-repeat;background-size:48px 16px,32px 24px,48px 4px,16px 4px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;position:absolute}.participant-avatar.user-avatar .cyber-person:after{content:"";width:16px;height:8px;image-rendering:pixelated;background:#ff6b6b;position:absolute;bottom:4px;left:50%;transform:translate(-50%);box-shadow:-8px 0 #ff6b6b,8px 0 #ff6b6b}.participant-avatar.friend-avatar .cyber-person{background:#0a0f14;border-color:#e2f854}.participant-avatar.friend-avatar .cyber-person:before{content:"";width:48px;height:52px;image-rendering:pixelated;background-color:#0000;background-image:linear-gradient(#ff9f4a 0% 16px,#0000 16px),linear-gradient(#0000 16px,#ffd4a3 16px 40px,#0000 40px),linear-gradient(90deg,#0000 16px,#000 16px 20px,#0000 20px 28px,#000 28px 32px,#0000 32px),linear-gradient(90deg,#0000 20px,#000 20px 28px,#0000 28px);background-position:top,8px 16px,50% 28px,50% 36px;background-repeat:no-repeat;background-size:48px 16px,32px 24px,48px 4px,16px 4px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;position:absolute}.participant-avatar.friend-avatar .cyber-person:after{content:"";width:16px;height:8px;image-rendering:pixelated;background:#2563eb;position:absolute;bottom:4px;left:50%;transform:translate(-50%);box-shadow:-8px 0 #2563eb,8px 0 #2563eb}.participant-avatar.active .cyber-person{border-color:#e2f854;animation:2s infinite pulse-glow;box-shadow:0 0 20px #e2f85480}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #e2f85480}50%{box-shadow:0 0 30px #e2f854cc}}.cyber-person.add-icon{color:#e2f854;cursor:pointer;background:#e2f8540d;border-style:dashed;border-color:#e2f85480;font-size:28px}.cyber-person.add-icon:hover{background:#e2f8541a;border-color:#e2f854}.participant-name{color:#e2f854;letter-spacing:.5px;text-align:center;opacity:.9;min-height:16px;font-family:Courier New,monospace;font-size:11px}.messages-container{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.message{align-items:flex-start;gap:8px;animation:.3s ease-out slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.ai{align-self:flex-start}.message.user{flex-direction:row-reverse;align-self:flex-end}.message.friend{align-self:flex-start}.message.system{align-self:center}.msg-avatar-wrap{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.msg-avatar-label{color:#e2f85480;letter-spacing:.3px;text-align:center;white-space:nowrap;font-family:Courier New,monospace;font-size:9px}.message-avatar{clip-path:circle(50%);background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 100%);border:2px solid #2563eb;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative;overflow:hidden}.message-avatar.cyber-ai{background:#0a0f14;border-color:#e2f854;box-shadow:0 0 10px #e2f85466}.message-avatar.cyber-friend{clip-path:circle(50%);background:#0a1020;border:2px solid #2563eb;box-shadow:0 0 10px #2563eb66}.message-avatar.cyber-you{clip-path:circle(50%);background:#0a0f14;border:2px solid #e2f854;box-shadow:0 0 10px #e2f8544d}.avatar-img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.message-avatar.cyber-ai .avatar-img{object-fit:contain;background:0 0;width:36px;height:36px}.message-bubble{clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px));background:#0a0f14;border:2px solid #e2f854;max-width:70%;padding:12px 16px;box-shadow:0 2px 8px #0000004d}.message.user .message-bubble{background:#2563eb;border-color:#e2f854}.message.friend .message-bubble{background:#0a1020;border-color:#2563eb}.message.friend .message-bubble .message-sender{color:#60a5fa}.message.friend .message-bubble .message-content{color:#93c5fd}.message.system .message-bubble{text-align:center;background:#e2f8541a;border-color:#e2f8544d;padding:8px 16px;font-size:14px}.message-sender{color:#e2f854;letter-spacing:.5px;opacity:.8;margin-bottom:4px;font-family:Courier New,monospace;font-size:11px;font-weight:600}.message-content{word-wrap:break-word;color:#e2f854;text-align:left;font-family:Courier New,monospace;font-size:15px;line-height:1.6}.action-section{flex-direction:column;align-items:center;gap:12px;padding:20px;animation:.3s ease-out slideIn;display:flex}.invite-cta-button,.start-button,.end-discussion-button{color:#e2f854;letter-spacing:2px;cursor:pointer;clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px));background:#2563eb;border:3px solid #e2f854;padding:14px 32px;font-family:Courier New,monospace;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 4px #142416}.invite-cta-button:hover,.start-button:hover:not(:disabled),.end-discussion-button:hover{transform:translateY(-2px);box-shadow:0 6px #142416,0 0 20px #e2f85480}.start-button:disabled{opacity:.5;cursor:not-allowed;background:#333}.hint-text{color:#e2f854;opacity:.7;margin:0;font-family:Courier New,monospace;font-size:12px}.input-container{background:#0a0f14;border-top:3px solid #e2f854;align-items:center;gap:12px;padding:12px 16px;display:flex}.message-input{color:#e2f854;clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px));background:#142416;border:2px solid #e2f854;outline:none;flex:1;padding:12px 16px;font-family:Courier New,monospace;font-size:15px;transition:all .3s}.message-input::placeholder{color:#e2f85480}.message-input:focus{box-shadow:0 0 15px #e2f8544d}.send-button{color:#e2f854;cursor:pointer;clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px));background:#2563eb;border:2px solid #e2f854;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.send-button:disabled{opacity:.3;cursor:not-allowed}.send-button:not(:disabled):hover{transform:scale(1.1);box-shadow:0 0 15px #e2f85480}.invite-modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.invite-modal{clip-path:polygon(0 12px,12px 12px,12px 0,calc(100% - 12px) 0,calc(100% - 12px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 12px) calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 12px),0 calc(100% - 12px));background:#0a0f14;border:4px solid #e2f854;width:100%;max-width:400px;padding:30px;box-shadow:0 0 30px #e2f8544d}.invite-modal h3{color:#e2f854;letter-spacing:2px;text-align:center;margin:0 0 12px;font-family:Courier New,monospace;font-size:24px}.invite-modal p{color:#e2f854;opacity:.8;text-align:center;margin:0 0 24px;font-family:Courier New,monospace;font-size:14px;line-height:1.6}.invite-actions{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.share-wechat-btn,.copy-link-btn{color:#e2f854;letter-spacing:1px;cursor:pointer;clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px));background:#2563eb;border:3px solid #e2f854;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-family:Courier New,monospace;font-size:15px;font-weight:700;transition:all .3s;display:flex}.share-wechat-btn:hover,.copy-link-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #e2f85480}.modal-close{color:#e2f854;cursor:pointer;clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px));background:0 0;border:2px solid #e2f85480;width:100%;padding:12px 24px;font-family:Courier New,monospace;font-size:14px;transition:all .3s}.modal-close:hover{background:#e2f8541a;border-color:#e2f854}.reward-notification-overlay{z-index:10000;opacity:0;pointer-events:none;background:#000000b3;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.reward-notification-overlay.visible{opacity:1}.reward-popup{opacity:0;background:linear-gradient(135deg,#0fc 0%,#e2f854 100%);border-radius:24px;flex-direction:column;align-items:center;gap:16px;padding:40px 50px;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);display:flex;position:relative;overflow:visible;transform:scale(0);box-shadow:0 20px 60px #00ffcc80}.reward-popup.show{opacity:1;transform:scale(1)}.reward-icon{filter:drop-shadow(0 4px 12px #0003);font-size:72px;animation:.6s ease-in-out bounce}.reward-amount{color:#000;text-shadow:2px 2px #ffffff80,-2px -2px #ffffff80;background:linear-gradient(90deg,#f0f,#0ff,#f0f) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Courier New,monospace;font-size:48px;font-weight:900;animation:2s linear infinite rainbow-text}@keyframes rainbow-text{0%{background-position:0%}to{background-position:200%}}.reward-message{color:#000;text-shadow:0 2px 4px #ffffff4d;font-size:20px;font-weight:600}.sparkles{pointer-events:none;position:absolute;inset:0}.sparkle{opacity:0;font-size:24px;animation:2s ease-in-out infinite sparkle-float;position:absolute}.sparkle:first-child{animation-delay:0s;top:10%;left:10%}.sparkle:nth-child(2){animation-delay:.3s;top:20%;right:15%}.sparkle:nth-child(3){animation-delay:.6s;bottom:15%;left:20%}.sparkle:nth-child(4){animation-delay:.9s;bottom:10%;right:10%}.sparkle:nth-child(5){animation-delay:1.2s;top:50%;left:5%}.sparkle:nth-child(6){animation-delay:1.5s;top:50%;right:5%}@keyframes sparkle-float{0%{opacity:0;transform:translateY(0)scale(0)}50%{opacity:1;transform:translateY(-30px)scale(1.2)}to{opacity:0;transform:translateY(-60px)scale(.5)}}@media (width<=768px){.reward-popup{margin:0 20px;padding:32px 40px}.reward-icon{font-size:60px}.reward-amount{font-size:40px}.reward-message{font-size:18px}.sparkle{font-size:20px}}.result-page{background:#142416;flex-direction:column;min-height:100vh;display:flex}.result-header{z-index:100;background:#0a0f14;border-bottom:3px solid #e2f854;align-items:center;gap:12px;padding:16px;display:flex;position:sticky;top:0}.result-header h1{color:#e2f854;letter-spacing:2px;text-transform:uppercase;flex:1;margin:0;font-family:Courier New,monospace;font-size:18px}.back-button{color:#e2f854;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;transition:transform .2s;display:flex}.back-button:hover{transform:translate(-3px)}.share-btn{color:#e2f854;cursor:pointer;background:0 0;border:2px solid #e2f854;align-items:center;gap:6px;padding:6px 10px;font-family:Courier New,monospace;font-size:13px;transition:all .2s;display:flex}.share-btn:hover{background:#e2f85426}.result-content{flex-direction:column;flex:1;gap:24px;padding:20px 16px 40px;display:flex;overflow-y:auto}.result-topic-label{text-align:center;color:#e2f854;letter-spacing:1px;border:2px solid #e2f85480;align-self:center;padding:12px 20px;font-family:Courier New,monospace;font-size:18px;font-weight:900;line-height:1.5;display:inline-block}.oneliner-card{clip-path:polygon(0 8px,8px 8px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 8px),0 calc(100% - 8px));background:#0a0f14;border:3px solid #e2f854;flex-direction:column;align-items:center;gap:14px;padding:24px 20px;display:flex}.oneliner-deco{color:#e2f85466;letter-spacing:6px;font-size:14px}.oneliner-text{color:#e2f854;text-align:center;letter-spacing:.5px;margin:0;font-family:Courier New,monospace;font-size:16px;line-height:1.8}.oneliner-name{color:#e2f854;letter-spacing:1px;font-size:18px;font-weight:900}.characters-row{align-items:stretch;gap:10px;display:flex}.char-card{border:3px solid var(--char-color,#e2f854);clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px));background:#0a0f14;flex-direction:column;flex:1;align-items:center;gap:8px;padding:16px 12px;display:flex;box-shadow:0 0 16px #e2f85426}.char-header{border-bottom:1px solid #e2f85433;flex-direction:column;align-items:center;gap:6px;width:100%;margin-bottom:4px;padding-bottom:10px;display:flex}.char-avatar{object-fit:contain;width:44px;height:44px;image-rendering:pixelated;border:2px solid var(--char-color,#e2f854);background:#0a0f14}.char-label{color:var(--char-color,#e2f854);letter-spacing:1px;text-align:center;font-family:Courier New,monospace;font-size:10px;font-weight:700}.char-category{color:var(--char-color,#e2f854);letter-spacing:1px;opacity:.8;text-align:center;font-family:Courier New,monospace;font-size:9px}.char-emoji{image-rendering:pixelated;font-size:36px;line-height:1}.char-name{color:var(--char-color,#e2f854);text-align:center;letter-spacing:1px;font-family:Courier New,monospace;font-size:18px;font-weight:900}.char-origin{color:#e2f85480;font-family:Courier New,monospace;font-size:10px}.char-tagline{color:#e2f854;text-align:center;opacity:.9;font-family:Courier New,monospace;font-size:11px;line-height:1.4}.char-traits{flex-direction:column;gap:4px;width:100%;margin-top:4px;display:flex}.char-trait{color:var(--char-color,#e2f854);text-align:center;background:#e2f8540f;border:1px solid #e2f85433;padding:3px 6px;font-family:Courier New,monospace;font-size:10px;line-height:1.3}.interpretation-card{clip-path:polygon(0 5px,5px 5px,5px 0,calc(100% - 5px) 0,calc(100% - 5px) 5px,100% 5px,100% calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 5px),0 calc(100% - 5px));background:#0a0f14;border:2px solid #e2f85466;padding:18px 16px}.interpretation-text{color:#e2f854;opacity:.9;white-space:pre-wrap;font-family:Courier New,monospace;font-size:14px;line-height:1.9}.rel-single-card{clip-path:polygon(0 5px,5px 5px,5px 0,calc(100% - 5px) 0,calc(100% - 5px) 5px,100% 5px,100% calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 5px),0 calc(100% - 5px));background:#0a0f14;border:2px solid #e2f85466;flex-direction:column;gap:14px;padding:16px;display:flex}.rel-single-title{color:#e2f854;letter-spacing:2px;border-bottom:1px solid #e2f85433;padding-bottom:12px;font-family:Courier New,monospace;font-size:18px;font-weight:900}.rel-single-items{flex-direction:column;gap:12px;display:flex}.rel-single-item{align-items:flex-start;gap:12px;display:flex}.rel-single-icon{flex-shrink:0;font-size:16px;line-height:1.4}.rel-single-label{color:#e2f85480;letter-spacing:1px;text-transform:uppercase;margin-bottom:3px;font-family:Courier New,monospace;font-size:10px}.rel-single-text{color:#e2f854;opacity:.9;font-family:Courier New,monospace;font-size:13px;line-height:1.6}.rel-single-warning .rel-single-label{color:#ffaa44b3}.rel-single-warning .rel-single-text{color:#ffaa44d9}.activities-section{flex-direction:column;gap:12px;display:flex}.section-title{color:#e2f854b3;letter-spacing:2px;text-transform:uppercase;margin:0;font-family:Courier New,monospace;font-size:14px}.activities-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.activity-card{clip-path:polygon(0 5px,5px 5px,5px 0,calc(100% - 5px) 0,calc(100% - 5px) 5px,100% 5px,100% calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 5px),0 calc(100% - 5px));background:#0a0f14;border:2px solid #e2f85466;flex-direction:column;gap:6px;padding:14px 12px;transition:border-color .2s,box-shadow .2s;display:flex}.activity-card:hover{border-color:#e2f854;box-shadow:0 0 12px #e2f85433}.activity-number{color:#e2f85466;letter-spacing:1px;font-family:Courier New,monospace;font-size:11px}.activity-name{color:#e2f854;font-family:Courier New,monospace;font-size:13px;font-weight:700;line-height:1.3}.activity-desc{color:#e2f854a6;font-family:Courier New,monospace;font-size:11px;line-height:1.5}.result-actions{flex-direction:column;gap:10px;display:flex}.share-cta-btn,.new-talk-btn{letter-spacing:2px;cursor:pointer;clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px));justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-family:Courier New,monospace;font-size:15px;font-weight:700;transition:all .2s;display:flex}.share-cta-btn{color:#0a0f14;background:#e2f854;border:3px solid #e2f854;box-shadow:0 4px #7a9000}.share-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px #7a9000,0 0 20px #e2f85466}.new-talk-btn{color:#e2f854;background:0 0;border:3px solid #e2f85480}.new-talk-btn:hover{background:#e2f85414;border-color:#e2f854}.result-disclaimer{text-align:center;color:#e2f85459;padding:0 8px;font-family:Courier New,monospace;font-size:11px;line-height:1.6}.result-error{color:#e2f854;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;font-family:Courier New,monospace;display:flex}.result-error button{color:#e2f854;cursor:pointer;background:#2563eb;border:2px solid #e2f854;padding:12px 24px;font-family:Courier New,monospace}.pixel-clip{image-rendering:pixelated}*{box-sizing:border-box}body{-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;background:#142416;margin:0;font-family:Courier New,"Press Start 2P",monospace,system-ui}.page{background:#142416;min-height:100vh;position:relative}button{image-rendering:pixelated;cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"><rect width=\"16\" height=\"16\" fill=\"%23E2F854\"/></svg>"),auto;font-family:inherit}code{font-family:Courier New,Monaco,Consolas,monospace}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#e2f85408 1px,#0000 1px),linear-gradient(90deg,#e2f85408 1px,#0000 1px);background-size:20px 20px;width:100%;height:100%;position:fixed;top:0;left:0}.pixel-clip{clip-path:polygon(0 8px,8px 8px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 8px),0 calc(100% - 8px))}.retro-glow{box-shadow:0 0 10px #e2f85480,0 0 20px #e2f8544d,0 0 30px #e2f85433}.pixel-text{text-shadow:2px 2px #142416,4px 4px #2563eb4d}