@font-face{font-family:Fredoka;src:url('/media/lia/fredoka-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Fredoka;src:url('/media/lia/fredoka-500.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Fredoka;src:url('/media/lia/fredoka-600.ttf') format('truetype');font-weight:600;font-display:swap}
:root{color-scheme:light dark;--bg:#F5F6FC;--card:#fff;--text:#0E0E12;--muted:#727585;--hair:#E5E8F1;--blue:#2F5BFF;--soft:#ECF0FF;--accent:#5479FF}*{box-sizing:border-box}html{min-height:100%;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;min-height:100dvh;font:400 16px/1.5 Fredoka,-apple-system,system-ui,sans-serif;color:var(--text);background:radial-gradient(ellipse at 15% 0%,#2F5BFF0C,transparent 55%),var(--bg);padding:env(safe-area-inset-top) max(20px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(20px,env(safe-area-inset-left))}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:wait}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}[hidden]{display:none!important}svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.topbar{max-width:1000px;margin:auto;height:88px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;gap:10px;align-items:center;font-size:27px;font-weight:600;letter-spacing:-.6px}.brand img{width:34px;height:34px;border-radius:11px}.top-action{font-size:14px;font-weight:500;padding:9px 17px;border-radius:999px;color:var(--blue);background:var(--soft)}main{max-width:520px;margin:20px auto 32px}.invite-card{background:var(--card);border:1px solid var(--hair);border-radius:30px;overflow:hidden;animation:arrive .35s ease both}.banner{height:auto;aspect-ratio:1.94;background:linear-gradient(125deg,#2F5BFF,#7A8DFF);position:relative;overflow:hidden}.banner>img{display:block;width:100%;height:100%;object-fit:cover}.banner:has(>img){background:var(--soft)}.motif{position:absolute;width:100%;height:100%;inset:0;stroke:#FFFFFF50;stroke-width:1.2;fill:none}.content{padding:0 30px 30px}.identity{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-top:-34px;position:relative}.app-icon{width:80px;height:80px;border-radius:25px;border:5px solid var(--card);background:var(--card);object-fit:cover;display:block}.copy-link{border:1px solid var(--hair);background:var(--card);border-radius:999px;min-width:40px;height:36px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;color:var(--muted);font-size:12px}.copy-link svg{width:15px;height:15px}.eyebrow{display:flex;gap:7px;align-items:center;margin:18px 0 6px;font-size:13px;font-weight:500;color:var(--blue)}.eyebrow:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--blue)}h1{font-size:clamp(29px,6vw,38px);font-weight:600;line-height:1.12;letter-spacing:-.6px;margin:0 0 10px;overflow-wrap:anywhere}.subtitle{margin:0;color:var(--muted);font-size:16px;line-height:1.55;overflow-wrap:anywhere}.kind{display:inline-block;margin:18px 0 20px;font-size:12px;color:var(--muted);background:var(--bg);border-radius:9px;padding:5px 10px}.primary{border:0;width:100%;min-height:52px;padding:14px 18px;border-radius:999px;background:var(--blue);color:white;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:500;font-size:17px}.primary svg{width:19px;height:19px}.primary:active,.top-action:active{opacity:.8}.download{text-align:center;font-size:14px;color:var(--muted);margin:15px 0 0}.download a{font-weight:500;color:var(--blue);margin-inline-start:5px}.invite-note{font-size:12px;line-height:1.5;color:var(--muted);text-align:center;margin:20px 0 0}.install{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--blue);font-size:13px;font-weight:500;border:0;background:none;padding:12px;margin:14px auto 0;max-width:100%}.install svg{width:16px;height:16px}.install-help{padding:13px 16px;border:1px solid var(--hair);border-radius:15px;background:var(--card);font-size:13px;color:var(--muted);text-align:center;margin:0}.copy-status{font-size:12px;line-height:1.5;color:var(--blue);text-align:center;margin:0}.copy-status:not(:empty){margin-top:12px}footer{max-width:520px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 auto 26px;color:var(--muted);font-size:12px}footer nav{display:flex;gap:16px}.missing .content{padding-top:30px;text-align:center}.missing .app-icon{margin:0 auto 22px;border:0}.missing h1{font-size:27px;margin-bottom:24px}.offline{padding-top:30px}.offline .subtitle{margin-bottom:24px}.offline .primary{font-size:16px}[dir=rtl] .arrow{transform:rotate(180deg)}@keyframes arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.invite-card{animation:none}}@media(prefers-color-scheme:dark){:root{--bg:#0C0C0E;--card:#17171B;--text:#F4F5F8;--muted:#A1A3B0;--hair:#2A2B34;--soft:#1D2953;--blue:#6B8AFF}.primary{background:#2F5BFF}.banner{background:linear-gradient(125deg,#1D3189,#4755A7)}}@media(max-width:430px){body{padding-inline:max(16px,env(safe-area-inset-left))}.topbar{height:72px}.brand{font-size:25px}.top-action{font-size:13px;padding:8px 15px}main{margin:12px auto 24px}.content{padding-inline:22px;padding-bottom:25px}.invite-card{border-radius:24px}.identity{margin-top:-30px}.app-icon{width:72px;height:72px;border-radius:23px}.copy-link span{display:none}.copy-link{width:36px;padding:0}.subtitle{font-size:15px}footer{font-size:11px}}
