:root{color:#fff;background:#050716;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 20% 12%,rgba(31,220,255,.18),transparent 30%),radial-gradient(circle at 85% 22%,rgba(255,64,201,.16),transparent 28%),radial-gradient(circle at 50% 88%,rgba(168,255,92,.12),transparent 34%),#050716;padding:14px}.aurora,.particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.aurora{background:linear-gradient(125deg,transparent 0%,rgba(0,255,255,.12) 26%,transparent 48%),linear-gradient(310deg,transparent 8%,rgba(255,70,180,.12) 40%,transparent 68%);filter:blur(12px);animation:drift 12s ease-in-out infinite alternate}.particles{background-image:radial-gradient(circle,rgba(255,255,255,.7) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(84,255,230,.6) 0 1px,transparent 1.5px);background-position:0 0,38px 54px;background-size:98px 112px,130px 150px;opacity:.14;animation:stars 20s linear infinite}@keyframes drift{0%{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(3%,4%,0) scale(1.08)}}@keyframes stars{to{background-position:140px 260px,-80px 180px}}.phone-frame{position:relative;width:min(100%,430px);min-height:calc(100vh - 28px);margin:0 auto;overflow:hidden;border:1px solid rgba(191,213,255,.32);border-radius:32px;background:linear-gradient(180deg,#0c122aeb,#070918f5),#090b1d;box-shadow:0 24px 80px #00000080,inset 0 0 42px #00f7ff14}.topbar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:34px minmax(0,1fr) max-content 34px;gap:8px;align-items:center;padding:16px 14px 12px;background:linear-gradient(180deg,#090d22f5,#090d229e);border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;min-width:0;width:100%;flex-direction:column;align-items:flex-start;color:#63fff0;text-shadow:0 0 12px rgba(0,255,255,.9),0 0 24px rgba(255,40,205,.55)}.brand span{overflow:hidden;max-width:100%;font-size:12px;font-weight:900;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;line-height:1.05}.brand small{overflow:hidden;max-width:100%;color:#e5ecff9e;font-size:9px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.round-icon,.balance-pill,.avatar,.tiny-avatar{border:1px solid rgba(120,233,255,.35);background:#101837bd;color:#eafaff;box-shadow:inset 0 0 16px #00f0ff24,0 0 20px #00ffff1f}.round-icon,.avatar,.tiny-avatar{display:grid;place-items:center;border-radius:999px}.round-icon{width:34px;height:34px;padding:0}.balance-pill{display:inline-flex;min-width:76px;height:32px;align-items:center;justify-content:center;gap:4px;border-radius:999px;padding:0 8px;font-size:12px}.avatar{width:34px;height:34px;overflow:hidden;color:#ff90de;font-weight:900}.avatar img{width:100%;height:100%;object-fit:cover}.screen{height:calc(100vh - 126px);min-height:640px;overflow-y:auto;padding:18px 18px 96px;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.action-card,.main-tile,.studio-panel,.feed-card,.partner-card,.stat,.mini-chart,.chat-bubble,.search,.composer{border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,#ffffff1f,#ffffff0a),#0e1632bd;box-shadow:inset 0 1px #ffffff29,0 0 28px #00ffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.action-card{min-height:106px;border-radius:14px;color:#fff;text-align:left;padding:15px}.action-card svg,.main-tile svg{filter:drop-shadow(0 0 9px currentColor)}.action-card strong,.action-card span,.main-tile strong,.main-tile span{display:block}.action-card strong{margin-top:12px;font-size:15px;line-height:1.08;text-transform:uppercase}.action-card span,.main-tile span{margin-top:4px;color:#eaf2ffad;font-size:12px}.cyan{color:#5effff;box-shadow:0 0 26px #00f5ff40}.pink{color:#ff72df;box-shadow:0 0 28px #ff50dc3d}.aqua{color:#22ffd0}.lime{color:#c9ff6a}.orange{color:#ffb15d}.sunset{color:#ff7fbd}.section-title{margin:24px 0 18px;text-align:center;color:#fff;font-size:23px;font-weight:950;letter-spacing:0;text-transform:uppercase}.tile-grid{display:grid;gap:14px}.top-functions{grid-template-columns:repeat(3,minmax(0,1fr))}.lower-functions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.main-tile{position:relative;min-height:152px;overflow:hidden;border-radius:18px;padding:16px 8px 14px;color:#fff;text-align:center}.main-tile:before,.primary-run:before,.bottom-nav .active:before{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;content:"";border-radius:inherit;background:conic-gradient(from 140deg,#45faff,#ff4fd8,#b9ff61,#45faff);opacity:.22;filter:blur(10px);animation:glowspin 4s linear infinite}@keyframes glowspin{to{transform:rotate(1turn)}}.main-tile>*{position:relative;z-index:1}.main-tile strong{margin-top:16px;font-size:14px;font-weight:950;line-height:1.08;text-transform:uppercase}.main-tile.wide{min-height:128px;padding:18px 12px}.main-tile.wide strong{font-size:17px}.main-tile.active{border-color:#fff6;transform:translateY(-1px)}.studio-panel{margin-top:18px;border-radius:18px;padding:16px}.panel-head,.page-heading,.feed-meta,.feed-actions,.profile-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head small{color:#69fff2;font-size:11px;text-transform:uppercase}.panel-head h2,.page-heading h1,.chat-page h1,.profile-hero h1,.admin-page h1{margin:2px 0 0;color:#fff;font-size:22px;letter-spacing:0}.mini-button,.back-link,.toggle,.segmented button,.model-strip button,.filter-row button,.template-row button,.feed-actions button,.profile-actions button,.admin-layout button{border:1px solid rgba(110,236,255,.22);border-radius:999px;background:#0c122abd;color:#ebf5ffe0}.mini-button{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;color:#6afff4;font-size:12px}.back-link{display:inline-flex;width:fit-content;align-items:center;gap:6px;padding:9px 12px;color:#71fff3;font-size:13px;box-shadow:0 0 18px #00ffff1f}textarea{width:100%;min-height:112px;margin-top:14px;resize:vertical;border:1px solid rgba(255,255,255,.12);border-radius:16px;outline:none;background:#02081c9e;color:#fff;padding:14px}textarea:focus,input:focus{border-color:#4bfff6b8;box-shadow:0 0 22px #00ffff2e}.control-row,.filter-row,.template-row,.model-strip{display:flex;gap:8px;overflow-x:auto;padding:12px 0 2px;scrollbar-width:none}.control-row::-webkit-scrollbar,.filter-row::-webkit-scrollbar,.template-row::-webkit-scrollbar,.model-strip::-webkit-scrollbar{display:none}.toggle{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;white-space:nowrap}.toggle.on,.segmented button.selected,.filter-row button.selected{border-color:#64ffeebd;background:linear-gradient(135deg,#00f4ff3d,#ff46d22e);color:#fff;box-shadow:0 0 18px #00ffff2e}.segmented-wrap{margin-top:14px}.segmented-wrap>span{display:block;margin-bottom:8px;color:#ecf2ffb8;font-size:12px}.segmented{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:8px}.segmented button,.model-strip button,.filter-row button,.template-row button{min-height:34px;padding:0 10px;white-space:nowrap}.primary-run{position:relative;display:flex;width:100%;min-height:50px;align-items:center;justify-content:center;gap:8px;margin-top:16px;overflow:hidden;border:0;border-radius:16px;background:linear-gradient(110deg,#22f4ff,#7c66ff 48%,#ff4ccc);color:#fff;font-weight:900;box-shadow:0 0 30px #ff46d247}.primary-run>*{position:relative;z-index:1}.page-stack{display:flex;flex-direction:column;gap:14px}.search{display:flex;height:42px;align-items:center;gap:8px;border-radius:12px;padding:0 12px}.search input,.composer input{width:100%;border:0;outline:none;background:transparent;color:#fff}.feed-card{overflow:hidden;border-radius:16px;padding:10px}.feed-card img{width:100%;height:210px;border:1px solid rgba(80,255,247,.4);border-radius:12px;object-fit:cover;box-shadow:0 0 20px #00ffff2e}.feed-meta{justify-content:flex-start;margin-top:10px}.feed-meta span{margin-left:auto;color:#6afff4;font-size:12px}.tiny-avatar{width:26px;height:26px;color:#ff8de0}.feed-card p{border-radius:10px;background:#ffffff0f;color:#eef3ffc7;padding:10px;font-size:12px}.feed-actions{justify-content:flex-start}.feed-actions button,.profile-actions button,.admin-layout button{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;font-size:12px}.chat-page,.profile-page,.admin-page{display:flex;min-height:100%;flex-direction:column;gap:14px}.chat-bubble{max-width:86%;border-radius:18px;padding:14px;color:#fafcffe6;line-height:1.4}.chat-bubble.user{align-self:flex-end;border-color:#ff55d759}.chat-bubble.ai{align-self:flex-start;border-color:#52fff259}.composer{position:sticky;bottom:0;display:grid;grid-template-columns:34px 1fr 34px;gap:8px;align-items:center;margin-top:auto;border-radius:999px;padding:8px}.composer button{display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:999px;background:#5bffef24;color:#78fff2}.profile-hero{display:flex;flex-direction:column;align-items:center;padding:18px 0 10px;text-align:center}.profile-avatar{display:grid;width:112px;height:112px;place-items:center;border:3px solid rgba(73,255,247,.75);border-radius:999px;background:radial-gradient(circle at 35% 30%,#ff79df,transparent 30%),linear-gradient(135deg,#13275f,#090b1d);color:#fff;font-size:48px;font-weight:900;box-shadow:0 0 28px #00ffff61,inset 0 0 22px #ff49d647}.profile-hero span{color:#eaf3ffa8}.stats-grid,.admin-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{border-radius:12px;padding:12px}.stat span{display:block;color:#ebf3ffa8;font-size:12px}.stat strong{display:block;margin-top:4px;color:#fff;font-size:18px}.partner-card{border-radius:16px;padding:16px}.partner-card h2{margin:0;font-size:18px}.partner-card p{color:#eef4ffb8}.progress{height:8px;overflow:hidden;border-radius:999px;background:#ffffff1a}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#20fbff,#ff54d4);box-shadow:0 0 16px #ff54d48c}.admin-layout{display:grid;grid-template-columns:118px 1fr;gap:12px}.admin-layout aside{display:flex;flex-direction:column;gap:8px}.admin-layout aside button{justify-content:flex-start;border-radius:12px;white-space:normal}.chart-stack{display:flex;flex-direction:column;gap:10px}.mini-chart{display:grid;min-height:102px;grid-template-columns:1fr repeat(5,16px);align-items:end;gap:8px;border-radius:14px;padding:12px}.mini-chart div{align-self:start;color:#eef4ffc2;font-size:12px}.mini-chart span{border-radius:999px 999px 4px 4px;background:linear-gradient(180deg,#22f4ff,#ff56cf)}.bottom-nav{position:absolute;right:0;bottom:0;left:0;z-index:5;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:12px 12px 18px;border-top:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#101630bd,#0a0f22f5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.bottom-nav button{position:relative;display:grid;min-width:0;height:56px;place-items:center;overflow:hidden;border:0;border-radius:16px;background:transparent;color:#e1eaff9e}.bottom-nav button>*{position:relative;z-index:1}.bottom-nav span{max-width:100%;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.bottom-nav .active{color:#5effff;text-shadow:0 0 10px rgba(0,255,255,.9)}.toast{position:fixed;right:max(16px,calc((100vw - 430px)/2 + 18px));bottom:92px;left:max(16px,calc((100vw - 430px)/2 + 18px));z-index:20;border:1px solid rgba(104,255,242,.45);border-radius:14px;background:linear-gradient(135deg,#14ffef2e,#ff4ad329),#090d22f0;box-shadow:0 0 28px #0ff3;color:#fff;padding:12px 14px;font-size:13px;line-height:1.35;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}@media (max-width: 380px){.app-shell{padding:0}.phone-frame{min-height:100vh;border-radius:0;border-right:0;border-left:0}.screen{min-height:calc(100vh - 126px);padding-right:14px;padding-left:14px}.tile-grid{gap:10px}.main-tile{min-height:124px}.main-tile strong{font-size:15px}}