:root{--bg:#0b0c0e;--surface:#141619;--surface-2:#1d2024;--line:#ffffff17;--line-strong:#ffffff2e;--text:#f2f4f7;--muted:#8b9098;--accent:#18d1ff;--radius:4px;--glass:#ffffff14;--glass-bar:#1012169e;--frost:blur(24px) saturate(1.8);--bubble-them:#1e2126b8;--bubble-me:#f2f4f7f0;--glow-a:#18d1ff33;--glow-b:#ffffff12;--sans:"Inter", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Microsoft YaHei", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--gutter:20px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--sans)}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}.mono{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px}.screen{min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) var(--gutter) max(24px, env(safe-area-inset-bottom));position:relative}.center{place-items:center;display:grid}.notice{color:var(--muted);font-size:14px;line-height:1.6}.welcome-stage{z-index:20;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0;overflow:hidden}.welcome-stage.fading{opacity:0;transition:opacity .3s}.welcome{padding:max(14px, env(safe-area-inset-top)) var(--gutter) max(24px, env(safe-area-inset-bottom));background-color:var(--bg);background-position:top;background-size:cover;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.welcome.has-art:before{content:"";background:linear-gradient(to bottom, #0b0c0e1a 0%, #0b0c0e59 40%, var(--bg) 78%);pointer-events:none;position:absolute;inset:0}.grid-lines{inset:0 var(--gutter);pointer-events:none;grid-template-columns:repeat(4,1fr);display:grid;position:absolute}.grid-lines span{border-left:1px solid var(--line)}.grid-lines span:last-child{border-right:1px solid var(--line)}.meta-bar{border-bottom:1px solid var(--line-strong);grid-template-columns:repeat(4,1fr);padding-bottom:10px;display:grid;position:relative}.meta-bar>:last-child{text-align:right;grid-column:3/span 2}.welcome-body{flex-direction:column;gap:14px;margin-top:auto;padding-bottom:28px;display:flex;position:relative}.dot{vertical-align:1px;background:var(--accent);width:6px;height:6px;margin-right:8px;display:inline-block}.name{letter-spacing:-.01em;font-size:clamp(56px,19vw,92px);font-weight:800;line-height:.95}.greeting{border-top:1px solid var(--line-strong);max-width:21em;padding-top:14px;font-size:16px;line-height:1.75}.enter{background:var(--text);width:100%;height:58px;color:var(--bg);letter-spacing:.12em;touch-action:none;border:0;justify-content:space-between;align-items:center;padding:0 18px;font-size:17px;font-weight:700;transition:transform .15s;display:flex;position:relative}.enter:active{transform:scale(.985)}.facets{pointer-events:none;position:absolute;inset:0}.shard{will-change:transform, opacity;backface-visibility:hidden;transition:transform .2s cubic-bezier(.2,.8,.2,1);position:absolute;overflow:hidden}.sheen{transition:opacity .2s;position:absolute;inset:0}.glass-gl{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.crack-canvas{pointer-events:none;transition:opacity .15s;position:absolute;inset:0}.shattering .crack-canvas{opacity:0;transition-duration:.1s}.flash{z-index:1;opacity:0;pointer-events:none;background:#fff;animation:.22s ease-out flash;position:absolute;inset:0}@keyframes flash{0%{opacity:.22}}.enter .mono{color:var(--bg);font-size:13px}.chat{isolation:isolate;height:100dvh;animation:.35s ease-out fade-in;position:relative}@keyframes fade-in{0%{opacity:0}}.chat-bg{z-index:-1;background:var(--bg);pointer-events:none;position:fixed;inset:0;overflow:hidden}.chat-art{opacity:.32;background-position:top;background-size:cover;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#00000080 55%,#0000 90%);mask-image:linear-gradient(#000 0%,#00000080 55%,#0000 90%)}.glow{aspect-ratio:1;border-radius:50%;width:120vw;animation:22s ease-in-out infinite alternate drift;position:absolute}.glow-a{background:radial-gradient(closest-side, var(--glow-a), transparent);top:-45vw;right:-55vw}.glow-b{background:radial-gradient(closest-side, var(--glow-b), transparent);animation-duration:28s;animation-direction:alternate-reverse;bottom:-40vw;left:-60vw}@keyframes drift{to{transform:translate(-12vw,14vw)scale(1.1)}}.chat-bg .grid-lines span{border-color:#ffffff0d}.chat-scroll{overscroll-behavior:contain;flex-direction:column;height:100%;display:flex;overflow-y:auto}.glass-bar{z-index:2;background:var(--glass-bar);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);position:sticky}.chat-head{padding:max(10px, env(safe-area-inset-top)) var(--gutter) 10px;justify-content:space-between;align-items:center;display:flex;top:0}.chat-who{align-items:center;gap:12px;min-width:0;display:flex}.chat-head.compact{min-height:calc(52px + env(safe-area-inset-top));padding-top:max(6px, env(safe-area-inset-top));padding-bottom:6px}.chat-head.compact h1{white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.bar-centered{grid-template-columns:1fr minmax(0,auto) 1fr;align-items:center;gap:8px;display:grid}.bar-centered>:first-child{justify-self:start}.bar-centered>:last-child{justify-self:end}.bar-centered>h1,.bar-centered>.page-bar-title{text-align:center}.chat-head h1{font-size:18px;font-weight:700;line-height:1.2}.chat-head .mono{margin-top:4px;font-size:10px;display:block}.chat-head-actions{align-items:center;gap:16px;display:flex}.back{width:32px;height:40px;color:var(--text);background:0 0;border:0;flex:none;place-items:center;margin-left:-8px;margin-right:-4px;padding:0;transition:transform .15s,opacity .15s;display:grid}.back:active{opacity:.6;transform:translate(-3px)}.quota{text-align:right}.quota-num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:15px}.quota-num small{color:var(--muted);font-size:11px}.quota-bar{background:var(--line-strong);width:56px;height:2px;margin-top:5px;margin-left:auto}.quota-bar i{background:var(--accent);height:100%;transition:width .3s;display:block}.link{font-family:var(--mono);letter-spacing:.08em;color:var(--text);border:0;border-bottom:1px solid var(--accent);background:0 0;padding:0 0 2px;font-size:12px}.avatar{border-radius:var(--radius);width:34px;height:34px;-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);color:var(--text);background:#ffffff1f;flex:none;place-items:center;font-size:15px;font-weight:700;display:grid;position:relative}.avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.avatar.lg{width:42px;height:42px;font-size:18px}.avatar.xl{width:64px;height:64px;font-size:26px}.avatar.online:after{content:"";border:2px solid var(--bg);background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;bottom:-3px;right:-3px}.chat-list{padding:22px var(--gutter) 26px;flex-direction:column;gap:18px;display:flex}.group{gap:10px;display:flex}.group.assistant{align-self:flex-start;max-width:86%}.group.user{align-self:flex-end;max-width:80%}.lines{flex-direction:column;gap:4px;min-width:0;display:flex}.group.user .lines{align-items:flex-end}.bubble{border-radius:var(--radius);white-space:pre-wrap;overflow-wrap:anywhere;width:fit-content;max-width:100%;-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);padding:9px 13px;font-size:15px;line-height:1.6}.bubble.fresh{animation:.26s cubic-bezier(.2,.8,.2,1) bubble-in}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px)scale(.97)}}.group.assistant .bubble{background:var(--bubble-them)}.group.user .bubble{background:var(--bubble-me);color:var(--bg)}.typing{gap:4px;padding:15px 14px;display:inline-flex}.typing i{background:var(--text);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite typing}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.2}30%{opacity:.9}}.voice-msg{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.voice-msg.fresh{animation:.26s cubic-bezier(.2,.8,.2,1) bubble-in}.voice-row{align-items:center;gap:8px;max-width:100%;display:flex}.bubble.voice{text-align:left;border:0;align-items:center;gap:10px;max-width:100%;padding:10px 12px;display:flex}.voice-icon{fill:currentColor;flex:none}.bubble.voice.active .voice-icon{fill:var(--accent)}.voice-wave{flex:1;justify-content:space-between;align-items:center;gap:2px;min-width:0;height:18px;display:flex}.voice-wave i{background:var(--text);opacity:.32;width:2px;transition:opacity .15s,background-color .15s}.voice-wave i.on{background:var(--accent);opacity:1}.voice-wave.loading i{animation:1.2s ease-in-out infinite typing}.voice-time{font-family:var(--mono);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--muted);flex:none;font-size:11px}.voice-dot{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px}.voice-text{background:var(--bubble-them);color:var(--muted);font-size:14px}.voice-toggle{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);background:0 0;border:0;padding:2px 0;font-size:11px}.recording{align-items:center;gap:9px;padding:12px 14px;display:inline-flex}.rec-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite typing}.rec-wave{align-items:center;gap:3px;height:14px;display:inline-flex}.rec-wave i{background:var(--text);opacity:.7;width:2px;height:100%;animation:.9s ease-in-out infinite rec}.rec-wave i:nth-child(2){animation-delay:-.6s}.rec-wave i:nth-child(3){animation-delay:-.3s}.rec-wave i:nth-child(4){animation-delay:-.75s}.rec-wave i:nth-child(5){animation-delay:-.15s}@keyframes rec{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.divider{align-items:center;gap:10px;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--line-strong);flex:1}.chat-notice{border-radius:var(--radius);background:var(--glass);max-width:100%;-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);color:var(--muted);text-align:center;align-self:center;padding:7px 14px;font-size:13px;line-height:1.6}.chat-input{padding:10px 12px max(10px, env(safe-area-inset-bottom));align-items:flex-end;gap:8px;margin-top:auto;display:flex;bottom:0}.chat-input textarea{--input-line:22px;min-width:0;height:48px;max-height:calc(var(--input-line) * 5 + 26px);border-radius:var(--radius);background:var(--glass);color:var(--text);caret-color:var(--accent);font:inherit;font-size:16px;line-height:var(--input-line);resize:none;overscroll-behavior:contain;scrollbar-width:none;border:0;flex:1;padding:13px 15px;transition:background-color .2s;display:block;overflow-y:auto}.chat-input textarea::-webkit-scrollbar{display:none}.chat-input textarea::placeholder{color:var(--muted)}.chat-input textarea:focus{background:#ffffff1f;outline:none}.chat-input button{border-radius:var(--radius);background:var(--accent);width:48px;height:48px;color:var(--bg);border:0;flex:none;place-items:center;transition:opacity .2s,transform .15s;display:grid}.chat-input button:active{transform:scale(.94)}.chat-input button:disabled,.chat-input textarea:disabled{opacity:.35}.btn{letter-spacing:.12em;border:0;border-radius:2px;width:100%;padding:15px;font-weight:700;display:block}.btn.primary{background:var(--text);color:var(--bg)}.btn.ghost{color:var(--muted);letter-spacing:.06em;background:0 0;font-weight:400}.btn:disabled{opacity:.4}.btn.inline{letter-spacing:.06em;align-self:center;width:auto;padding:10px 18px;font-size:14px}.sheet-backdrop{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;align-items:flex-end;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.sheet{width:100%;padding:26px var(--gutter) max(20px, env(safe-area-inset-bottom));-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);background:#141619b8;flex-direction:column;gap:12px;animation:.25s ease-out slide-up;display:flex;position:relative}.sheet:before{content:"";top:-1px;left:var(--gutter);background:var(--accent);width:32px;height:3px;position:absolute}@keyframes slide-up{0%{transform:translateY(100%)}}.sheet h2{font-size:20px;font-weight:700;line-height:1.35}.sheet-hint{color:var(--muted);font-size:14px;line-height:1.6}.sheet-error{color:#ff7a63;font-size:14px}.sheet input{border:1px solid var(--line-strong);background:var(--bg);color:var(--text);font:inherit;border-radius:2px;padding:14px;font-size:16px}.sheet input:focus{border-color:var(--accent);outline:none}.sheet .code-input{font-family:var(--mono);letter-spacing:.5em;text-align:center;font-variant-numeric:tabular-nums;font-size:24px}.owned{flex-direction:column;gap:14px;width:min(100%,340px);display:flex}.owned-title{border-bottom:1px solid var(--line-strong);padding-bottom:14px;font-size:24px;font-weight:700}.toast{top:max(14px, env(safe-area-inset-top));z-index:30;max-width:calc(100% - 2 * var(--gutter));border-radius:var(--radius);background:var(--glass-bar);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);padding:10px 16px;font-size:14px;animation:.4s cubic-bezier(.2,.8,.2,1) toast-in;position:fixed;left:50%;translate:-50%}@keyframes toast-in{0%{opacity:0;transform:translateY(-120%)}}html[data-motion=push] [data-morph],html[data-motion=pop] [data-morph]{view-transition-name:var(--vt)}::view-transition-group(*){animation-duration:.46s;animation-timing-function:cubic-bezier(.22,.9,.24,1)}html[data-motion=push]::view-transition-old(root){mix-blend-mode:normal;animation-duration:.46s;animation-timing-function:cubic-bezier(.22,.9,.24,1);animation-fill-mode:both}html[data-motion=push]::view-transition-new(root){mix-blend-mode:normal;animation-duration:.46s;animation-timing-function:cubic-bezier(.22,.9,.24,1);animation-fill-mode:both}html[data-motion=pop]::view-transition-old(root){mix-blend-mode:normal;animation-duration:.46s;animation-timing-function:cubic-bezier(.22,.9,.24,1);animation-fill-mode:both}html[data-motion=pop]::view-transition-new(root){mix-blend-mode:normal;animation-duration:.46s;animation-timing-function:cubic-bezier(.22,.9,.24,1);animation-fill-mode:both}html[data-motion=fade]::view-transition-old(root){mix-blend-mode:normal;animation-duration:.46s;animation-timing-function:cubic-bezier(.22,.9,.24,1);animation-fill-mode:both}html[data-motion=fade]::view-transition-new(root){mix-blend-mode:normal;animation-duration:.46s;animation-timing-function:cubic-bezier(.22,.9,.24,1);animation-fill-mode:both}html[data-motion=push]::view-transition-old(root){animation-name:vt-sink}html[data-motion=push]::view-transition-new(root){box-shadow:-1px 0 0 var(--line-strong);animation-name:vt-from-right}html[data-motion=pop]::view-transition-old(root){z-index:1;box-shadow:-1px 0 0 var(--line-strong);animation-name:vt-to-right}html[data-motion=pop]::view-transition-new(root){animation-name:vt-rise}@keyframes vt-from-right{0%{transform:translate(100%)}}@keyframes vt-to-right{to{transform:translate(100%)}}@keyframes vt-sink{to{opacity:.35;transform:translate(-26%)}}@keyframes vt-rise{0%{opacity:.35;transform:translate(-26%)}}html[data-motion^=tab] .home>.page-scroll{view-transition-name:tab-page}html[data-motion^=tab] .tabbar{view-transition-name:tabbar}html[data-motion^=tab]::view-transition-old(tab-page){mix-blend-mode:normal;animation-duration:.3s;animation-timing-function:cubic-bezier(.22,.9,.24,1);animation-fill-mode:both}html[data-motion^=tab]::view-transition-new(tab-page){mix-blend-mode:normal;animation-duration:.3s;animation-timing-function:cubic-bezier(.22,.9,.24,1);animation-fill-mode:both}html[data-motion=tab-left]::view-transition-old(tab-page){animation-name:vt-out-left}html[data-motion=tab-left]::view-transition-new(tab-page){animation-name:vt-in-right}html[data-motion=tab-right]::view-transition-old(tab-page){animation-name:vt-out-right}html[data-motion=tab-right]::view-transition-new(tab-page){animation-name:vt-in-left}@keyframes vt-out-left{to{opacity:0;transform:translate(-24px)}}@keyframes vt-in-right{0%{opacity:0;transform:translate(24px)}}@keyframes vt-out-right{to{opacity:0;transform:translate(24px)}}@keyframes vt-in-left{0%{opacity:0;transform:translate(-24px)}}html[data-motion^=tab]::view-transition-old(tabbar){display:none}html[data-motion^=tab]::view-transition-new(tabbar){animation:none}html[data-motion=fade]::view-transition-old(root){animation-name:vt-fade-out;animation-duration:.3s}html[data-motion=fade]::view-transition-new(root){animation-name:vt-fade-in;animation-duration:.45s}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0;transform:scale(1.02)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.home,.contact-page,.landing{isolation:isolate;height:100dvh;position:relative;overflow:hidden}.page-scroll{overscroll-behavior:contain;scrollbar-width:none;height:100%;padding-bottom:calc(84px + env(safe-area-inset-bottom));overflow-y:auto}.page-scroll::-webkit-scrollbar{display:none}.page-bar.glass-bar{min-height:calc(48px + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--gutter) 0;-webkit-backdrop-filter:blur()saturate();backdrop-filter:blur()saturate();background:0 0;align-items:center;gap:8px;transition:background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,box-shadow .3s;display:flex;top:0;box-shadow:inset 0 -1px #0000}.page-bar.glass-bar.scrolled{background:var(--glass-bar);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);box-shadow:inset 0 -1px 0 var(--line)}.page-bar-title{white-space:nowrap;text-overflow:ellipsis;opacity:0;min-width:0;font-size:16px;font-weight:700;transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1);overflow:hidden;transform:translateY(8px)}.scrolled .page-bar-title{opacity:1;transform:none}.page-bar.tab-bar-head{min-height:calc(54px + env(safe-area-inset-top));justify-content:center}.tab-bar-head:after{content:"";right:var(--gutter);bottom:0;left:var(--gutter);border-bottom:1px solid var(--line-strong);transition:opacity .3s;position:absolute}.tab-bar-head.scrolled:after{opacity:0}.page-title{letter-spacing:-.01em;font-size:26px;font-weight:800;line-height:1}.section-label{margin-bottom:10px;font-size:10px}.animate .stagger>*{animation:.6s cubic-bezier(.2,.8,.2,1) both rise;animation-delay:calc(var(--i,0) * 50ms + 80ms)}.animate .page-title{animation:.6s cubic-bezier(.2,.8,.2,1) both title-in}.animate .reveal,.animate .stat-grid{animation:.6s cubic-bezier(.2,.8,.2,1) both rise}.animate .stat-grid{animation-delay:.12s}.animate .reveal:nth-of-type(2){animation-delay:80ms}.animate .reveal:nth-of-type(3){animation-delay:.2s}.animate .reveal:nth-of-type(4){animation-delay:.28s}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}@keyframes title-in{0%{opacity:0;transform:translateY(8px)}}.rows{padding:2px 0 0;list-style:none}.chat-row{width:100%;padding:14px var(--gutter);text-align:left;background:0 0;border:0;align-items:center;gap:14px;transition:background-color .25s;display:flex;position:relative}.chat-row:after{content:"";right:var(--gutter);bottom:0;left:calc(var(--gutter) + 64px);border-bottom:1px solid var(--line);position:absolute}.rows li:last-child .chat-row:after{display:none}.chat-row:before{content:"";background:var(--accent);width:2px;transition:transform .25s cubic-bezier(.2,.8,.2,1);position:absolute;top:16px;bottom:16px;left:0;transform:scaleY(0)}.chat-row:active{background:#ffffff0d;transition-duration:0s}.chat-row:active:before{transform:scaleY(1)}.chat-row.opening{background:#ffffff0d}.chat-row.opening:before{animation:.9s ease-in-out infinite scan;transform:none}@keyframes scan{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}.chat-row .avatar{width:50px;height:50px;font-size:20px}.row-main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.row-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.row-name{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.row-time{font-family:var(--mono);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--muted);flex:none;font-size:11px}.row-bottom{align-items:center;gap:12px;display:flex}.row-preview{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--muted);flex:1;font-size:14px;line-height:1.4;overflow:hidden}.row-preview.unread{color:var(--text)}.row-me{color:var(--muted)}.row-voice{vertical-align:-1px;align-items:center;gap:6px;display:inline-flex}.row-voice svg{color:var(--accent)}.unread-dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px;position:relative}.unread-dot:after{content:"";border:1px solid var(--accent);border-radius:50%;animation:2.6s cubic-bezier(.2,.8,.2,1) infinite ping;position:absolute;inset:0}@keyframes ping{0%{opacity:.9;transform:scale(1)}60%,to{opacity:0;transform:scale(2.8)}}.skeleton .avatar,.skeleton .row-main i,.contact-tile.skeleton{background:linear-gradient(100deg,#ffffff0d 30%,#ffffff1c 50%,#ffffff0d 70%) 0 0/300% 100%;animation:1.5s linear infinite shimmer}.skeleton .row-main i{border-radius:2px;height:11px;display:block}.skeleton .row-main{gap:10px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.no-cards{padding:4px var(--gutter) 0;flex-direction:column;gap:10px;display:flex}.no-cards-title{font-size:20px;font-weight:700}.tap-art{--s:1;height:calc(210px * var(--s));place-items:center;display:grid;position:relative}.tap-art>*{position:absolute}.tap-card{width:calc(92px * var(--s));aspect-ratio:54/85.6;border:1px solid var(--line-strong);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);transform:translate(calc(-22px * var(--s)), calc(18px * var(--s))) rotate(-14deg);background:linear-gradient(150deg,#ffffff29,#ffffff08 60%);border-radius:5px}.tap-card:before{content:"";aspect-ratio:1.25;background:var(--accent);opacity:.85;border-radius:2px;width:22%;position:absolute;top:14%;left:14%}.tap-card i{font-size:calc(9px * var(--s));font-style:normal;position:absolute;bottom:10%;left:14%}.tap-ring{width:calc(80px * var(--s));aspect-ratio:1;border:1px solid var(--accent);opacity:0;translate:calc(-14px * var(--s)) calc(4px * var(--s));border-radius:50%;animation:3.4s cubic-bezier(.2,.8,.2,1) infinite ring}.tap-ring:nth-of-type(3){animation-delay:.22s}.tap-ring:nth-of-type(4){animation-delay:.44s}@keyframes ring{0%,36%{opacity:0;transform:scale(.3)}40%{opacity:.9}85%,to{opacity:0;transform:scale(2.5)}}.tap-phone{width:calc(70px * var(--s));height:calc(136px * var(--s));border:2px solid var(--text);border-radius:calc(13px * var(--s));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0c0e8c;animation:3.4s cubic-bezier(.45,0,.2,1) infinite phone}.tap-phone:before{content:"";background:var(--text);opacity:.5;border-radius:2px;width:26%;height:3px;position:absolute;top:7%;left:50%;translate:-50%}@keyframes phone{0%,to{transform:translate(calc(56px * var(--s)), calc(-40px * var(--s))) rotate(10deg);opacity:.4}34%,62%{transform:translate(calc(12px * var(--s)), calc(-6px * var(--s))) rotate(4deg);opacity:1}}.contact-grid{padding:14px var(--gutter) 24px;grid-template-columns:1fr 1fr;gap:12px;display:grid}.contact-tile{--rx:0deg;--ry:0deg;aspect-ratio:54/85.6;background:var(--surface);text-align:left;transform:perspective(700px) rotateX(var(--rx)) rotateY(var(--ry));border:0;border-radius:6px;padding:0;transition:transform .5s cubic-bezier(.2,.8,.2,1),scale .2s;position:relative;overflow:hidden}.contact-tile.lit{transition-duration:.1s,.2s}.contact-tile:active{scale:.97}.tile-art{position:absolute;inset:0}.tile-art img{object-fit:cover;object-position:center top;width:100%;height:100%}.tile-art:after{content:"";background:linear-gradient(#0b0c0e00 40%,#0b0c0ee0 100%);position:absolute;inset:0}.tile-mono{background:linear-gradient(160deg, var(--surface-2), var(--bg));color:#ffffffd9;place-items:center;height:100%;font-size:64px;font-weight:800;display:grid}.tile-glare{background:radial-gradient(circle at var(--gx) var(--gy), #ffffff47, transparent 55%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0;overflow:hidden}.lit .tile-glare{opacity:1}.contact-tile:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 42%,#ffffff29 50%,#0000 58%);position:absolute;inset:-20% -60%;transform:translate(-70%)}.animate .contact-tile:not(.add,.skeleton):after{animation:1.3s cubic-bezier(.4,0,.2,1) both sweep;animation-delay:calc(var(--i,0) * .12s + .45s)}@keyframes sweep{to{transform:translate(70%)}}.tile-no{color:#ffffffd9;font-size:10px;position:absolute;top:10px;left:12px}.tile-foot{flex-direction:column;gap:5px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.tile-name{white-space:nowrap;text-overflow:ellipsis;width:fit-content;max-width:100%;font-size:22px;font-weight:800;line-height:1.1;overflow:hidden}.tile-foot .mono{color:#ffffff9e;font-size:9px}.contact-tile.add{border:1px dashed var(--line-strong);background:#ffffff05;flex-direction:column;justify-content:space-between;padding:12px;display:flex;transform:none}.add-plus{width:20px;height:20px;position:relative}.add-plus:before,.add-plus:after{content:"";background:var(--accent);width:20px;height:2px;position:absolute;top:9px;left:0}.add-plus:after{transform:rotate(90deg)}.add-text{flex-direction:column;gap:6px;font-size:15px;font-weight:700;display:flex}.add-text small{font-size:9px;font-weight:400}.contact-page .page-scroll{padding-bottom:0}.contact-page .page-bar{margin-bottom:calc(-48px - env(safe-area-inset-top))}.contact-page .page-bar.bar-centered{display:grid}.hero{height:min(60vh,560px);position:relative;overflow:hidden}.hero img,.hero .tile-mono{width:100%;height:100%;-webkit-mask-image:linear-gradient(#000 45%,#0000008c 72%,#0000 100%);mask-image:linear-gradient(#000 45%,#0000008c 72%,#0000 100%)}.hero img{object-fit:cover;object-position:center top;animation:1.4s cubic-bezier(.2,.8,.2,1) both hero-settle}@keyframes hero-settle{0%{transform:scale(1.06)}}.hero .tile-mono{font-size:120px}.hero:after{content:"";background:linear-gradient(#0b0c0e4d 0%,#0b0c0e00 22%);position:absolute;inset:0}.profile-head{padding:0 var(--gutter);flex-direction:column;align-items:flex-start;gap:12px;margin-top:-96px;display:flex;position:relative}.profile-name{letter-spacing:-.01em;width:fit-content;font-size:clamp(52px,16vw,76px);font-weight:800;line-height:.95}.stat-grid{margin:22px var(--gutter) 0;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.stat{border-left:1px solid var(--line);padding:12px 0 14px 10px}.stat:first-child{border-left:0;padding-left:0}.stat dt{font-size:10px}.stat dd{font-family:var(--mono);font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:24px;font-weight:500;line-height:1}.stat dd small{font-family:var(--sans);color:var(--muted);margin-left:3px;font-size:11px}.profile-section{margin:28px var(--gutter) 0}.profile-greeting{border-left:2px solid var(--accent);border-radius:var(--radius);background:var(--bubble-them);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);flex-direction:column;gap:4px;padding:14px 16px;font-size:15px;line-height:1.6;display:flex}.points{align-items:center;gap:12px;margin-top:16px;display:flex}.points .mono{flex:none;font-size:10px}.points-bar{flex:1;grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;height:8px;display:grid}.points-bar i{background:var(--line-strong)}.points-bar i.on{background:var(--accent)}.animate .points-bar i.on{animation:.45s cubic-bezier(.3,1.4,.5,1) both seg-in}@keyframes seg-in{0%{opacity:0;transform:scaleY(0)}}.points-num{font-family:var(--mono);font-variant-numeric:tabular-nums;flex:none;font-size:16px}.points-num small{color:var(--muted);font-size:11px}.facts{border-top:1px solid var(--line-strong);grid-template-columns:1fr 1fr;padding-top:12px;display:grid}.facts dt{font-size:10px}.facts dd{font-family:var(--mono);margin:6px 0 0;font-size:14px}.profile-cta{padding:24px var(--gutter) max(18px, env(safe-area-inset-bottom));background:linear-gradient(to bottom, #0b0c0e00, var(--bg) 45%);margin-top:32px;position:sticky;bottom:0}.enter.opening .mono{animation:1.2s ease-in-out infinite typing}.account-card{margin:14px var(--gutter) 0;border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);align-items:center;gap:16px;padding:16px;display:flex}.account-mark{border-radius:var(--radius);background:var(--accent);width:56px;height:56px;color:var(--bg);flex:none;place-items:center;font-size:26px;font-weight:800;display:grid;position:relative;overflow:hidden}.account-mark:after{content:"";background:linear-gradient(105deg,#0000 44%,#ffffff8c 50%,#0000 56%);animation:5s ease-in-out 1s infinite glint;position:absolute;inset:-30% -80%;transform:translate(-60%)}@keyframes glint{0%{transform:translate(-60%)}30%,to{transform:translate(60%)}}.account-who{min-width:0}.account-email{overflow-wrap:anywhere;font-size:16px;font-weight:700}.account-who .mono{margin-top:6px;font-size:10px}.menu{margin:24px var(--gutter) 0}.menu .section-label:not(:first-child){margin-top:26px}.menu-row{border-radius:var(--radius);background:var(--glass);width:100%;-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);text-align:left;border:0;align-items:center;gap:10px;margin-top:2px;padding:16px 14px;font-size:15px;transition:background-color .25s;display:flex}.menu-row:active{background:#ffffff26;transition-duration:0s}.menu-row.danger{color:#ff7a63}.menu-value{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);margin-left:auto;font-size:11px}.menu-chevron{color:var(--muted);margin-left:auto;transition:transform .35s cubic-bezier(.2,.8,.2,1);display:grid}.menu-value+.menu-chevron{margin-left:0}.menu-row.open .menu-chevron{transform:rotate(90deg)}.collapse{grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.2,.8,.2,1);display:grid}.collapse.open{grid-template-rows:1fr}.collapse>div{min-height:0;overflow:hidden}.rules{border-radius:var(--radius);background:#ffffff0a;margin-top:2px;padding:4px 14px;list-style:none}.rules li{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:16px;padding:11px 0;font-size:14px;line-height:1.5;display:flex}.rules li:last-child{border-bottom:0;font-size:12px}.rules b{font-family:var(--mono);color:var(--accent);font-weight:500}.collapse li{opacity:0;transition:opacity .25s,transform .35s;transform:translateY(-6px)}.collapse.open li{opacity:1;transform:none}.collapse.open li:nth-child(2){transition-delay:50ms}.collapse.open li:nth-child(3){transition-delay:.1s}.collapse.open li:nth-child(4){transition-delay:.15s}.page-foot{margin:36px var(--gutter) 0;opacity:.55}.tabbar.glass-bar{z-index:5;padding:0 var(--gutter) env(safe-area-inset-bottom);box-shadow:inset 0 1px 0 var(--line);grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tab-ink{top:0;left:var(--gutter);width:calc((100% - 2 * var(--gutter)) / 3);background:var(--accent);height:2px;transform:translateX(calc(var(--tab) * 100%));transition:transform .5s cubic-bezier(.3,1.35,.5,1);position:absolute}.tabbar button{color:var(--muted);background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:10px 0 8px;transition:color .25s;display:flex}.tabbar button.on{color:var(--text)}.tabbar button:active .tab-icon{transform:scale(.88)}.tab-icon{width:24px;height:24px;transition:transform .15s;display:block;position:relative}.tab-icon svg{display:block}.tabbar button.on .tab-icon svg{animation:.5s cubic-bezier(.3,1.5,.5,1) tab-pop}@keyframes tab-pop{0%{transform:scale(.8)}to{transform:scale(1)}}.tab-label{letter-spacing:.1em;font-size:10px}.badge{border:2px solid var(--bg);background:var(--accent);min-width:17px;height:17px;color:var(--bg);font-family:var(--mono);text-align:center;border-radius:9px;padding:0 5px;font-size:9px;font-weight:500;line-height:13px;animation:.5s cubic-bezier(.3,1.6,.5,1) badge-in;position:absolute;top:-5px;left:16px}@keyframes badge-in{0%{transform:scale(0)}}.landing{padding:max(14px, env(safe-area-inset-top)) var(--gutter) max(24px, env(safe-area-inset-bottom));flex-direction:column;display:flex}.landing .tap-art{--s:1.35;flex:1;height:auto;min-height:240px}.landing-body{flex-direction:column;gap:14px;animation:.7s cubic-bezier(.2,.8,.2,1) .1s both rise;display:flex;position:relative}.landing-title{letter-spacing:-.01em;font-size:clamp(48px,15vw,76px);font-weight:800;line-height:.98}.landing-text{border-top:1px solid var(--line-strong);max-width:21em;color:var(--muted);margin-bottom:14px;padding-top:14px;font-size:15px;line-height:1.7}
