:root{color:#f7f2ff;background:#090711;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;--bg: #090711;--card: rgba(18, 16, 38, .82);--card-2: rgba(23, 20, 44, .9);--primary: #7b4dff;--glow: #a06dff;--highlight: #c89cff;--success: #22c55e;--danger: #ef4444;--text: #f7f2ff;--muted: #9f94c7;--muted-strong: #d2c5fb;--line: rgba(255, 255, 255, .1);--line-strong: rgba(200, 156, 255, .24);--shadow: 0 30px 90px rgba(0, 0, 0, .52);--premium-shadow: 0 24px 70px rgba(123, 77, 255, .22);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% -8%,rgba(160,109,255,.32),transparent 34%),radial-gradient(circle at 100% 12%,rgba(123,77,255,.22),transparent 28%),linear-gradient(180deg,#110d20,#090711 44%,#06050b)}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent;cursor:pointer}button:disabled{cursor:progress;opacity:.68}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.splash{min-height:100vh;display:grid;place-items:center;align-content:center;gap:12px;padding:24px;background:radial-gradient(circle at 50% 40%,rgba(160,109,255,.28),transparent 34%),#090711;animation:fadeIn .54s ease both}.splashAura{position:absolute;width:210px;height:210px;border-radius:999px;background:radial-gradient(circle,rgba(160,109,255,.4),transparent 68%);filter:blur(8px);animation:breathe 2.8s ease-in-out infinite}.splash h1{position:relative;z-index:1;margin:10px 0 0;font-size:32px;letter-spacing:0}.splash p{position:relative;z-index:1;margin:0;color:var(--muted-strong)}.app{min-height:100vh;padding:0}.shell{position:relative;width:min(100%,520px);min-height:100vh;margin:0 auto;overflow-x:hidden;background:radial-gradient(circle at 18% 0%,rgba(160,109,255,.2),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.035),transparent 22%),var(--bg)}.shell:before{content:"";position:fixed;inset:-160px -80px auto;height:300px;pointer-events:none;background:radial-gradient(circle,rgba(160,109,255,.26),transparent 66%);filter:blur(8px)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 10px;background:linear-gradient(180deg,#090711f0,#090711b8);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.brand,.profileButton,.bottomNav button,.pill,.primaryButton,.secondaryButton,.ghostButton,.successHead button,.linkCard button{border:0;color:var(--text)}.brand{display:flex;align-items:center;gap:10px;min-width:0;background:transparent;padding:0;text-align:left}.brand strong,.brand small{display:block}.brand>span{display:grid;gap:4px}.brand strong{line-height:1.05;font-size:16px}.brand small{margin-top:0;color:var(--muted);font-size:12px}.serviceStatus{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:var(--muted);font-size:12px;line-height:1.2}.serviceStatus i{width:9px;height:9px;display:block;flex:0 0 9px;border-radius:999px;background:var(--success);box-shadow:0 0 8px #22c55e80}.profileButton{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:16px;background:#ffffff0f;box-shadow:inset 0 1px #ffffff14}.logo{position:relative;z-index:1;flex:0 0 auto;display:block;border:1px solid rgba(255,255,255,.22);background:#121026;box-shadow:inset 0 1px #ffffff2e,0 0 34px #a06dff8a;object-fit:cover}.logo-sm{width:38px;height:38px;border-radius:14px}.logo-md{width:58px;height:58px;border-radius:20px}.logo-xl{width:88px;height:88px;border-radius:30px}.content{position:relative;z-index:1;min-height:calc(100vh - 72px);padding:10px 14px calc(96px + var(--safe-bottom))}.page{display:grid;gap:14px}.pageFade{animation:pageIn .34s cubic-bezier(.2,.8,.2,1) both}.notice{position:sticky;top:68px;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 14px 8px;padding:12px 12px 12px 14px;border:1px solid rgba(200,156,255,.28);border-radius:18px;background:#17142ceb;box-shadow:var(--premium-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.notice span{min-width:0;color:var(--muted-strong);line-height:1.35}.notice button{flex:0 0 auto;border:1px solid var(--line);border-radius:13px;background:#ffffff12;color:var(--text);padding:8px 11px}.createPanel,.usageCard,.urlCard,.successCard,.profileHero,.billingCard,.placeholderCard,.upgradeScreen,.pricingCard,.dataCard,.statCard,.emptyState{border:1px solid var(--line);background:linear-gradient(180deg,#ffffff13,#ffffff08),var(--card);box-shadow:0 18px 52px #00000047;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.eyebrow{margin:0 0 8px;color:var(--highlight);font-size:11px;font-weight:850;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:7px;font-size:43px;line-height:.95;letter-spacing:0}h2{margin:0;font-size:28px;letter-spacing:0}.pageIntro p{margin-bottom:0;color:var(--muted-strong);line-height:1.45}.statsGrid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.statCard,.dataCard{min-width:0;border-radius:20px;padding:14px}.statCard span,.dataCard span,.usageCard span,.sectionHead span,.urlCard>span,.successHead span,.pricingCard span,.profileHero span,.placeholderCard span{color:var(--muted);font-size:12px;font-weight:800}.statCard strong,.dataCard strong{display:block;margin-top:8px;overflow-wrap:anywhere;font-size:18px}.usageHint{grid-column:1 / -1;color:var(--muted);font-size:12px;text-align:center}.skeleton{display:block;min-height:74px;border-radius:20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent),#ffffff0b;background-size:220% 100%;animation:skeletonSweep 1.45s ease-in-out infinite}.usageCard{display:grid;gap:12px;border-radius:22px;padding:16px;background:radial-gradient(circle at 100% 0%,rgba(34,197,94,.13),transparent 31%),linear-gradient(180deg,#ffffff13,#ffffff08),var(--card)}.usageTop{display:flex;align-items:center;justify-content:space-between;gap:12px}.usageCard strong{display:block;margin-top:5px}.usageCard b{flex:0 0 auto;color:var(--highlight);font-size:12px}.progressTrack,.unlimitedLine{height:9px;overflow:hidden;border-radius:999px;background:#ffffff14}.progressTrack span,.unlimitedLine{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--highlight));box-shadow:0 0 24px #a06dff80;transition:width .42s ease}.unlimitedLine{width:100%;animation:shimmer 2s linear infinite}.createPanel,.urlCard,.successCard,.upgradeScreen,.billingCard{display:grid;gap:15px;border-radius:24px;padding:16px}.sectionHead strong{display:block;margin-top:5px;font-size:17px;line-height:1.2}.field{display:grid;gap:9px}.field span{color:var(--muted);font-size:12px;font-weight:850}input,textarea{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#ffffff0e;color:var(--text);outline:none;box-shadow:inset 0 1px #ffffff0a}input{min-height:54px;padding:0 15px}textarea{min-height:220px;padding:13px;resize:vertical}input::placeholder{color:#d2c5fb73}input:focus,textarea:focus{border-color:#c89cff8f;background:#ffffff14;box-shadow:0 0 0 4px #7b4dff26}.pills{display:flex;flex-wrap:wrap;gap:8px}.pill{min-height:38px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:#fff1;padding:8px 13px;color:var(--muted-strong);font-size:13px;font-weight:850;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.pill.active{border-color:#c89cff80;background:linear-gradient(135deg,var(--primary),var(--glow));color:#fff;box-shadow:0 10px 28px #7b4dff57}.primaryButton,.secondaryButton,.ghostButton{min-height:52px;border-radius:18px;padding:13px 15px;font-weight:900;transition:transform .16s ease,filter .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.primaryButton{width:100%;background:linear-gradient(135deg,rgba(255,255,255,.19),transparent 42%),linear-gradient(135deg,var(--primary),var(--glow));box-shadow:0 18px 42px #7b4dff57}.secondaryButton,.ghostButton{width:100%;border:1px solid var(--line);background:#fff1}.ghostButton{color:var(--muted-strong)}.urlCard{border-color:var(--line-strong)}.urlCard code,.linkCard code{display:block;min-width:0;overflow-wrap:anywhere;white-space:pre-wrap;color:var(--muted-strong);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.urlCard code{border:1px solid rgba(255,255,255,.08);border-radius:17px;background:#0003;padding:13px}.splitActions{display:grid;grid-template-columns:.9fr 1.3fr;gap:10px}.successCard{border-color:#22c55e52;background:radial-gradient(circle at 100% 0%,rgba(34,197,94,.16),transparent 34%),linear-gradient(180deg,#ffffff13,#ffffff08),var(--card)}.successHead{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px}.successHead strong{display:block;margin-top:4px}.successHead button,.linkCard button{border:1px solid var(--line);border-radius:13px;background:#ffffff12;padding:8px 10px;color:var(--text);font-size:12px;font-weight:850}.successIcon{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:#22c55e24;color:var(--success)}.linkCards{display:grid;gap:8px}.myLinksList{display:grid;gap:10px}.linkCard{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:#ffffff0b;padding:11px}.storedLinkCard{display:grid;gap:11px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#ffffff13,#ffffff08),var(--card);padding:14px;box-shadow:0 18px 52px #00000038}.storedLinkCard span{display:block;margin-bottom:7px;color:var(--muted);font-size:12px;font-weight:850}.storedLinkCard code{display:block;overflow-wrap:anywhere;white-space:pre-wrap;color:var(--muted-strong);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.storedLinkCard footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:2px}.storedLinkCard small{min-width:0;color:var(--muted)}.storedLinkCard button{flex:0 0 auto;border:1px solid var(--line);border-radius:13px;background:#ffffff12;color:var(--text);padding:8px 10px;font-size:12px;font-weight:850}.pageIntro,.profileHero,.placeholderCard{display:flex;align-items:center;gap:13px}.pageIntro{padding:6px 2px 2px}.pageIntro p,.profileHero small{margin:5px 0 0;color:var(--muted)}.profileHero{border-radius:24px;padding:16px}.profileIdentity{min-width:0;flex:1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.profileIdentity>div{min-width:0}.userAvatar{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:linear-gradient(135deg,var(--primary),var(--glow));color:#fff;box-shadow:0 16px 36px #7b4dff42;object-fit:cover;font-size:24px;font-weight:950}.profileHero strong,.placeholderCard strong{display:block;margin-top:4px}.planBadge{flex:0 0 auto;align-self:flex-start;max-width:142px;overflow-wrap:anywhere;border:1px solid rgba(34,197,94,.28);border-radius:999px;background:#22c55e1a;color:var(--success);padding:7px 10px;font-size:11px;line-height:1.15;text-align:center}.dataGrid,.upgradeStats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.billingCard .dataCard{border-radius:18px;background:#ffffff0b}.placeholderCard{border-radius:22px;padding:16px}.pricingGrid{display:grid;gap:12px}.emptyState{display:grid;place-items:center;gap:9px;min-height:230px;border-radius:24px;padding:24px;color:var(--muted-strong);text-align:center}.emptyState span{color:var(--muted)}.pricingGrid.compact{gap:9px}.pricingCard{position:relative;display:grid;gap:13px;overflow:hidden;border-radius:24px;padding:16px}.pricingCard.recommended{border-color:#c89cff80;background:radial-gradient(circle at 100% 0%,rgba(200,156,255,.24),transparent 32%),linear-gradient(180deg,#7b4dff2e,#ffffff08),var(--card-2);box-shadow:var(--premium-shadow)}.pricingTop{display:flex;justify-content:space-between;gap:12px}.pricingTop strong{display:block;margin-top:6px;color:#fff;font-size:24px}.pricingCard p{margin-bottom:0;color:var(--muted-strong)}.activeBadge,.recommendedBadge{align-self:start;flex:0 0 auto;border-radius:999px;padding:6px 9px;font-size:11px}.activeBadge{background:#22c55e24;color:var(--success)}.recommendedBadge{background:#c89cff24;color:var(--highlight)}.upgradeScreen{margin-bottom:14px;border-color:#ef44443d;background:radial-gradient(circle at 100% 0%,rgba(239,68,68,.12),transparent 30%),radial-gradient(circle at 0% 100%,rgba(160,109,255,.18),transparent 34%),var(--card)}.upgradeHeader{display:flex;align-items:center;gap:13px}.upgradeHeader span{color:var(--danger);font-size:12px;font-weight:900;text-transform:uppercase}.upgradeHeader strong{display:block;margin-top:4px;font-size:24px}.bottomNav{position:fixed;left:50%;bottom:0;z-index:30;width:min(100%,520px);display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:9px 10px calc(9px + var(--safe-bottom));transform:translate(-50%);border-top:1px solid rgba(255,255,255,.08);background:#090711db;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.bottomNav button{display:grid;place-items:center;gap:4px;min-height:56px;border-radius:18px;background:transparent;color:var(--muted);font-size:11px;font-weight:850;transition:transform .16s ease,color .16s ease,background .16s ease}.bottomNav button.active{background:#7b4dff2e;color:#fff}.bottomNav svg{width:21px;height:21px}.profileButton:hover,.pill:hover,.primaryButton:hover,.secondaryButton:hover,.ghostButton:hover,.successHead button:hover,.linkCard button:hover,.storedLinkCard button:hover,.pricingCard:hover,.bottomNav button:hover{border-color:#c89cff52;filter:brightness(1.04)}.statCard:hover,.dataCard:hover,.pricingCard:hover,.createPanel:hover,.usageCard:hover{transform:translateY(-1px)}.profileButton:active,.pill:active,.primaryButton:active,.secondaryButton:active,.ghostButton:active,.successHead button:active,.linkCard button:active,.storedLinkCard button:active,.bottomNav button:active{transform:scale(.97)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{transform:scale(.95);opacity:.7}50%{transform:scale(1.12);opacity:1}}@keyframes glowFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes shimmer{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(20deg)}}@keyframes skeletonSweep{0%{background-position:120% 0}to{background-position:-120% 0}}@media (max-width: 380px){.content{padding-inline:10px}h1{font-size:38px}.statsGrid,.dataGrid,.upgradeStats,.splitActions{grid-template-columns:1fr}.bottomNav button{min-height:52px;font-size:10px}}