*{box-sizing:border-box}:root{--brand:#8a5cff;--brand-strong:#7a4bf5;--brand-deep:#6533e0;--brand-soft:#a884ff;--brand-glow:#8a5cff66;--brand-line:#8a5cffb8;--brand-tint:#8a5cff2e;--brand-tint-weak:#8a5cff17;--success:#00e6ab;--success-soft:#b6fff0;--warning:#ffd84d;--info:#00d4ff;--accent-pink:#ff4d8a;--accent-orange:#ff7a45;--danger:#ff4d8a;--danger-soft:#ff9dbf;--danger-line:#ff4d8a57;--danger-tint:#ff4d8a1f;--hue-violet:#8a5cff;--hue-indigo:#6c63ff;--hue-magenta:#b14dff;--hue-blue:#4d7cff;--hue-cyan:#00d4ff;--hue-pink:#ff4d8a;--hue-rose:#ff7aa8;--surface-0:#0e0e13;--surface-1:#14141c;--surface-2:#1a1a24;--surface-3:#22222d;--surface-4:#2a2a35;--surface-0-blur:#0a0a0ff5;--surface-1-blur:#14141cf5;--surface-2-blur:#1a1a24f5;--surface-debug:#0a0a10b8;--backdrop-tint:#8a5cff33;--backdrop-warm:#1a1526;--text-1:#fff;--text-2:#ffffffe6;--text-3:#ffffffc7;--text-4:#ffffff9e;--text-5:#ffffff80;--text-6:#fff6;--text-on-bright:#0e0e13;--fill-1:#ffffff0f;--fill-2:#ffffff17;--fill-3:#ffffff1f;--fill-4:#ffffff2e;--fill-5:#ffffff3d;--ink-1:#00000059;--ink-2:#00000073;--ink-3:#00000094;--ink-4:#000000d1;--fs-h1:28px;--fs-h2:20px;--fs-h3:16px;--fs-body:14px;--fs-sm:12px;--fs-xs:11px;--fw-bold:700;--fw-semi:600;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-pill:999px;--app-height:100dvh;--app-nav-total-height:calc(68px + var(--safe-area-bottom));--app-nav-bottom-space:0px;--keyboard-offset:0px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:min(env(safe-area-inset-bottom,0px), 34px);--safe-area-left:env(safe-area-inset-left,0px);--icon-heart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1-1.1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.6 1-1a5.5 5.5 0 0 0 0-7.8Z'/%3E%3C/svg%3E");--icon-comment:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.4 8.4 0 0 1-3.8-.9L3 21l1.9-5.7a8.4 8.4 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.4 8.4 0 0 1 3.8-.9h.5a8.5 8.5 0 0 1 8 8v.5Z'/%3E%3C/svg%3E");--icon-home:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.4 10.3 12 3.5l8.6 6.8v9a1.6 1.6 0 0 1-1.6 1.6H5a1.6 1.6 0 0 1-1.6-1.6Z'/%3E%3Cpath d='M9.6 21.4v-6.2h4.8v6.2'/%3E%3C/svg%3E");--icon-home-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2.9 2.6 10.3v9.1a2.2 2.2 0 0 0 2.2 2.2h14.4a2.2 2.2 0 0 0 2.2-2.2v-9.1Z'/%3E%3C/svg%3E");--icon-gamepad:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 7.5h8a5.6 5.6 0 0 1 5.5 6.6l-.6 3.3a2.7 2.7 0 0 1-4.6 1.4l-1.5-1.5a1.8 1.8 0 0 0-1.3-.5h-2.9a1.8 1.8 0 0 0-1.3.5l-1.5 1.5a2.7 2.7 0 0 1-4.6-1.4l-.6-3.3A5.6 5.6 0 0 1 8 7.5Z'/%3E%3Cpath d='M8.1 11.4v3'/%3E%3Cpath d='M6.6 12.9h3'/%3E%3Cpath d='M15.5 11.9h.01'/%3E%3Cpath d='M17.6 14h.01'/%3E%3C/svg%3E");--icon-gamepad-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath fill-rule='evenodd' d='M7.8 6.8h8.4a5.9 5.9 0 0 1 5.8 6.9l-.6 3.4a2.9 2.9 0 0 1-4.9 1.5l-1.6-1.6a1.5 1.5 0 0 0-1-.4h-2.8a1.5 1.5 0 0 0-1 .4l-1.6 1.6a2.9 2.9 0 0 1-4.9-1.5l-.6-3.4A5.9 5.9 0 0 1 7.8 6.8ZM7.2 10.4h1.7v1.9h1.9v1.7H8.9v1.9H7.2v-1.9H5.3v-1.7h1.9Zm8.2.3a1.15 1.15 0 1 1 0 2.3 1.15 1.15 0 0 1 0-2.3Zm2.3 2.3a1.15 1.15 0 1 1 0 2.3 1.15 1.15 0 0 1 0-2.3Z'/%3E%3C/svg%3E");--icon-chat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 11.8a8.6 8.6 0 0 1-11.6 8.1L3.4 21.3l1.5-5.4A8.6 8.6 0 1 1 20.8 11.8Z'/%3E%3C/svg%3E");--icon-chat-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 3.2a8.8 8.8 0 0 0-7.7 13l-1.4 4.2 4.4-1.3A8.8 8.8 0 1 0 12 3.2Z'/%3E%3C/svg%3E");--icon-user:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8.2' r='4.1'/%3E%3Cpath d='M4.6 20.6a7.4 7.4 0 0 1 14.8 0'/%3E%3C/svg%3E");--icon-user-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 12.4a4.3 4.3 0 1 0 0-8.6 4.3 4.3 0 0 0 0 8.6Z'/%3E%3Cpath d='M12 14.3c-4.3 0-7.8 2.6-7.8 5.8 0 .8.6 1.4 1.4 1.4h12.8c.8 0 1.4-.6 1.4-1.4 0-3.2-3.5-5.8-7.8-5.8Z'/%3E%3C/svg%3E");--icon-bell:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18.2 9.6a6.2 6.2 0 1 0-12.4 0c0 5.4-2.1 6.9-2.1 6.9h16.6s-2.1-1.5-2.1-6.9Z'/%3E%3Cpath d='M13.9 19.8a2.2 2.2 0 0 1-3.8 0'/%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.8' cy='10.8' r='6.6'/%3E%3Cpath d='m15.7 15.7 4.6 4.6'/%3E%3C/svg%3E");--icon-plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4.8v14.4'/%3E%3Cpath d='M4.8 12h14.4'/%3E%3C/svg%3E");--icon-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8.2 12.2 2.6 2.6 5-5.2'/%3E%3C/svg%3E");--icon-error:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m9 9 6 6'/%3E%3Cpath d='m15 9-6 6'/%3E%3C/svg%3E");--icon-warn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4.4 2.9 20h18.2Z'/%3E%3Cpath d='M12 10v4.2'/%3E%3Cpath d='M12 17.2h.01'/%3E%3C/svg%3E");--icon-info:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5.2'/%3E%3Cpath d='M12 7.9h.01'/%3E%3C/svg%3E");--icon-flame:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5c3 2.6 5.2 5.3 5.2 8.4a5.2 5.2 0 1 1-10.4 0c0-1.7.8-3.3 2-4.6.2 1.1.8 2 1.6 2.4.3-2.4.7-4.3 1.6-6.2Z'/%3E%3C/svg%3E");--icon-sparkle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 3.4l1.8 4.8 4.8 1.8-4.8 1.8L11 16.6l-1.8-4.8L4.4 10l4.8-1.8Z'/%3E%3Cpath d='M18 15.2l.7 1.9 1.9.7-1.9.7-.7 1.9-.7-1.9-1.9-.7 1.9-.7Z'/%3E%3C/svg%3E");--icon-crown:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 18.4h16'/%3E%3Cpath d='M4 18.4 2.9 7.2l4.7 3.4L12 4.4l4.4 6.2 4.7-3.4-1.1 11.2Z'/%3E%3C/svg%3E");--icon-users:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9.4' cy='8.4' r='3.6'/%3E%3Cpath d='M3.2 19.8a6.4 6.4 0 0 1 12.4 0'/%3E%3Cpath d='M16.2 5.2a3.6 3.6 0 0 1 0 6.4'/%3E%3Cpath d='M17.8 14.4a6.4 6.4 0 0 1 3 5.4'/%3E%3C/svg%3E");--icon-bolt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.4 2.8 4.6 13.6h6.2l-.8 7.6 8.8-10.8h-6.2Z'/%3E%3C/svg%3E");--icon-grid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.6' y='3.6' width='7' height='7' rx='2'/%3E%3Crect x='13.4' y='3.6' width='7' height='7' rx='2'/%3E%3Crect x='3.6' y='13.4' width='7' height='7' rx='2'/%3E%3Crect x='13.4' y='13.4' width='7' height='7' rx='2'/%3E%3C/svg%3E");--icon-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.2' y='4.6' width='17.6' height='14.8' rx='3'/%3E%3Ccircle cx='8.9' cy='10.1' r='1.5'/%3E%3Cpath d='m4.4 17.6 4.5-4.3 3.4 3.2 3-2.8 4.5 4.1'/%3E%3C/svg%3E");--icon-share:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M8 7h9v9'/%3E%3C/svg%3E")}html.is-standalone{--app-nav-total-height:calc(68px + var(--safe-area-bottom))}[hidden]{display:none!important}html,body{overscroll-behavior:none;background:var(--surface-0);width:100%;height:100%;min-height:100%;color:var(--text-1);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;overflow:hidden}html{height:100%}body{-webkit-overflow-scrolling:auto;position:fixed;inset:0}button{appearance:none;font:inherit;-webkit-tap-highlight-color:transparent;margin:0}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--brand-soft);outline-offset:2px}input,textarea,select{font-size:16px}#app{background:radial-gradient(circle at 20% 15%, var(--backdrop-tint), transparent 28%), linear-gradient(135deg, var(--surface-1) 0%, var(--backdrop-warm) 46%, var(--surface-0) 100%);touch-action:pan-y;place-items:center;width:100%;height:100%;min-height:100%;display:grid;position:fixed;inset:0}.phone-frame{background:var(--surface-0);width:min(100vw,430px);height:100%;min-height:0;max-height:932px;box-shadow:0 24px 80px var(--ink-2);position:relative;overflow:hidden}.top-bar{z-index:5;height:calc(62px + var(--safe-area-top));padding:calc(14px + var(--safe-area-top)) 18px 0;text-shadow:0 2px 16px var(--ink-2);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.top-bar>strong{font-size:15px;font-weight:800;line-height:1;display:inline-block}.sheet-overlay{z-index:20;background:var(--ink-1);align-items:flex-end;display:flex;position:absolute;inset:0}.bottom-sheet{width:100%;max-height:62%;padding:10px 16px max(16px, var(--safe-area-bottom));border-radius:var(--r-xl) var(--r-xl) 0 0;background:var(--surface-2-blur);box-shadow:0 -18px 42px var(--ink-1);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.social-sheet,.auth-sheet{max-height:min(82%,720px)}.sheet-handle{background:var(--fill-5);border-radius:999px;width:42px;height:4px;margin:0 auto 14px}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.sheet-head strong{font-size:16px}.sheet-close{aspect-ratio:1;width:34px;min-width:34px;height:34px;min-height:34px;color:var(--text-3);background:var(--fill-2);cursor:pointer;border:0;border-radius:50%;flex:0 0 34px;place-items:center;padding:0;font-size:24px;line-height:1;display:grid}.comment-list{max-height:220px;margin-bottom:12px;overflow-y:auto}.comment-list p{color:var(--text-2);background:var(--fill-2);border-radius:8px;margin:0 0 10px;padding:10px 12px;font-size:14px;line-height:1.45}.comment-list .empty-comment{color:var(--text-4)}.comment-list{gap:10px;max-height:42vh;padding:4px 0 14px;display:grid;overflow-y:auto}.comment-empty{color:var(--text-5);text-align:center;padding:24px 8px;font-size:13px}.comment-item{background:var(--fill-2);border-radius:10px;padding:10px 12px}.comment-item strong,.comment-item p,.comment-item time{display:block}.comment-item p{color:var(--text-2);overflow-wrap:anywhere;margin:5px 0;line-height:1.45}.comment-item time{color:var(--text-6);font-size:11px}.social-empty{text-align:center;justify-items:center;padding:24px 16px 28px;display:grid}.social-empty strong{font-size:16px}.social-empty p{max-width:30ch;color:var(--text-5);margin:8px 0 0;font-size:13px;line-height:1.55}.comment-form{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}.comment-form input,.comment-form textarea{appearance:none;resize:vertical;border:1px solid var(--fill-3);min-height:44px;max-height:90px;color:var(--text-1);background:var(--fill-2);border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:16px}.comment-form button,.share-grid button{appearance:none;border-radius:var(--r-sm);color:var(--text-1);background:var(--brand);font-weight:var(--fw-semi);cursor:pointer;border:0}.comment-form button:active{background:var(--brand-strong)}.comment-form button:disabled{color:var(--text-6);background:var(--surface-4);cursor:default}.comment-form button{min-width:64px;height:44px}.comment-sheet .comment-list{flex:auto;align-content:start;gap:18px;min-height:0;max-height:none;margin:0;padding:6px 0 18px}.comment-sheet .comment-empty{padding:36px 8px}.comment-sheet .comment-item{background:0 0;border-radius:0;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:10px;padding:0;display:grid}.comment-avatar,.comment-composer-avatar{color:var(--text-1);background:linear-gradient(145deg, var(--hue-pink), var(--hue-violet));border-radius:50%;place-items:center;font-size:13px;font-weight:750;display:grid}.comment-avatar{width:36px;height:36px}.comment-content{min-width:0}.comment-meta{align-items:baseline;gap:8px;min-width:0;display:flex}.comment-sheet .comment-item strong{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.comment-sheet .comment-item p{color:var(--text-2);background:0 0;margin:4px 0 6px;padding:0;font-size:15px;line-height:1.5}.comment-sheet .comment-item time{color:var(--text-6);font-size:12px}.comment-actions{align-items:center;gap:16px;display:flex}.comment-reply,.comment-like{appearance:none;min-width:0;min-height:22px;color:var(--text-5);cursor:pointer;background:0 0;border:0;border-radius:0;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:650;line-height:1;display:inline-flex}.comment-like.is-liked{color:var(--accent-pink)}.comment-like span{margin-left:2px}.comment-like-icon{width:13px;height:13px;-webkit-mask:var(--icon-heart) center / contain no-repeat;-webkit-mask:var(--icon-heart) center / contain no-repeat;mask:var(--icon-heart) center / contain no-repeat;background:currentColor;display:inline-block}.comment-replies{border-left:2px solid var(--fill-2);gap:12px;margin-top:14px;padding-left:12px;display:grid}.comment-reply-item p{color:var(--text-2);margin:4px 0 6px;font-size:14px;line-height:1.45}.comment-total{color:var(--text-5);margin-left:4px;font-size:13px;font-weight:600}.comment-sheet .comment-form{border-top:1px solid var(--fill-2);flex:none;align-items:center;gap:8px;padding-top:10px;display:flex}.comment-sheet{max-height:min(72%, calc(var(--app-height) - var(--safe-area-top) - 16px));padding-bottom:max(16px, calc(var(--safe-area-bottom) + var(--keyboard-offset)));flex-direction:column;display:flex;overflow:hidden}.comment-sheet .comment-form input{background:var(--fill-2);border:1px solid #0000;border-radius:999px;flex:auto;min-width:0;min-height:40px;padding:8px 14px}.comment-sheet .comment-form button{border-radius:999px;flex:0 0 58px;width:58px;min-width:0;height:36px;font-size:13px}.comment-composer-avatar{background:linear-gradient(145deg, var(--hue-blue), var(--hue-cyan));flex:0 0 34px;width:34px;height:34px;font-size:12px}.share-grid{gap:10px;display:grid}.share-grid button{background:var(--fill-2);text-align:left;height:46px;padding:0 14px}.social-account-row,.friend-row,.share-friends>button{width:100%;min-height:58px;color:var(--text-1);text-align:left;background:0 0;border:0;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:8px 0;display:grid}.social-account-row{border-bottom:1px solid var(--fill-2);margin-bottom:12px;padding-bottom:14px}.social-account-row>span:not(.social-avatar),.friend-profile-link>span:not(.social-avatar),.share-friends>button>span:not(.social-avatar){gap:3px;min-width:0;display:grid}.social-account-row small,.friend-row small,.share-friends small,.chat-head small{color:var(--text-5);font-size:12px}.social-avatar{width:42px;height:42px;color:var(--text-1);background:linear-gradient(145deg, var(--hue-rose), var(--brand-deep));border-radius:50%;place-items:center;font-size:15px;font-weight:900;display:grid}.text-button,.friend-chat-action,.share-friends b{border:1px solid var(--brand-line);border-radius:var(--r-pill);color:var(--brand-soft);font-size:var(--fs-sm);font-weight:var(--fw-semi);background:0 0;padding:8px 12px}.text-button:active,.friend-chat-action:active{background:var(--brand-tint)}.add-friend-form,.direct-message-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.add-friend-form input,.direct-message-form input,.auth-form input{border:1px solid var(--fill-3);width:100%;min-width:0;height:44px;color:var(--text-1);background:var(--fill-2);border-radius:10px;outline:none;padding:0 12px;font-family:inherit;font-size:16px}.add-friend-form input:focus,.direct-message-form input:focus,.auth-form input:focus,.comment-form input:focus,.comment-form textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint-weak)}.add-friend-form input:disabled,.direct-message-form input:disabled,.auth-form input:disabled{color:var(--text-6);background:var(--fill-1)}.add-friend-form button,.direct-message-form button,.primary-button,.login-to-share{border-radius:var(--r-md);min-width:66px;color:var(--text-1);background:var(--brand);box-shadow:0 6px 18px var(--brand-glow);font-size:var(--fs-body);font-weight:var(--fw-bold);border:0;padding:0 14px}.add-friend-form button:active,.direct-message-form button:active,.primary-button:active,.login-to-share:active,.world-enter:active,.composer-publish:active,.request-accept:active{background:var(--brand-strong);box-shadow:none}.add-friend-form button:disabled,.direct-message-form button:disabled,.primary-button:disabled,.login-to-share:disabled,.world-enter:disabled{color:var(--text-6);background:var(--surface-4);box-shadow:none;cursor:default}.form-error{min-height:18px;color:var(--danger-soft);margin:7px 2px;font-size:12px}.friend-list,.share-friends{max-height:310px;overflow-y:auto}.friend-row,.share-friends>button{cursor:pointer}.friend-profile-link{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;padding:0;display:grid}.friend-profile-link>span:not(.social-avatar){gap:3px;min-width:0;display:grid}.friend-chat-action{cursor:pointer}.friend-row+.friend-row,.share-friends>button+button{border-top:1px solid var(--fill-1)}.auth-switch{background:var(--fill-1);border-radius:10px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.auth-switch button{height:36px;color:var(--text-5);background:0 0;border:0;border-radius:8px;font-weight:750}.auth-switch button.is-active{color:var(--text-1);background:var(--fill-3)}.auth-form{gap:12px;padding-top:16px;display:grid}.auth-form label{color:var(--text-4);gap:7px;font-size:12px;font-weight:700;display:grid}.auth-form .primary-button{height:46px}.auth-form .code-row{grid-template-columns:1fr auto;gap:8px;display:grid}.code-send{border:1px solid var(--fill-4);min-width:96px;height:44px;color:var(--text-1);background:var(--fill-2);border-radius:10px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:750}.code-send:disabled{color:var(--text-6)}.form-note{color:var(--text-4);margin:0 2px;font-size:12px;line-height:1.5}.link-button{color:var(--text-4);background:0 0;border:0;justify-self:center;padding:4px;font-family:inherit;font-size:12px;font-weight:700;text-decoration:underline}.chat-head{grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;display:grid}.chat-head>span{text-align:center;gap:2px;display:grid}.chat-back{width:34px;height:34px;color:var(--text-1);background:0 0;border:0;padding:0;font-size:34px;line-height:1}.direct-message-list{height:min(48vh,420px);padding:8px 0 14px;overflow-y:auto}.direct-message{justify-items:start;margin:8px 0;display:grid}.direct-message.is-own{justify-items:end}.direct-message>p{background:var(--fill-2);border-radius:14px 14px 14px 4px;max-width:82%;margin:0;padding:9px 12px;font-size:14px;line-height:1.45}.direct-message.is-own>p{background:var(--brand-strong);border-radius:14px 14px 4px}.direct-message time{color:var(--text-6);margin:4px 3px 0;font-size:10px}.world-message-card{border:1px solid var(--fill-3);background:linear-gradient(145deg, var(--brand-tint), var(--fill-2));border-radius:14px;gap:7px;width:min(82%,260px);padding:12px;display:grid}.world-message-card small{color:var(--text-5)}.world-message-card button{height:34px;color:var(--text-1);background:var(--brand);border:0;border-radius:8px;font-size:12px;font-weight:800}.login-to-share{width:100%;height:46px}.share-divider{border-top:1px solid var(--fill-2);text-align:center;margin:14px 0;position:relative}.share-divider span{color:var(--text-6);background:var(--surface-2);padding:0 10px;font-size:11px;position:relative;top:-9px}.copy-world-link{width:100%;min-height:58px;color:var(--text-1);background:var(--fill-2);text-align:left;border:0;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:8px 12px;display:grid}.copy-world-link>span:last-child{gap:3px;display:grid}.copy-world-link small{color:var(--text-5)}.share-option-icon{background:var(--fill-2);border-radius:50%;place-items:center;width:38px;height:38px;font-size:24px;display:grid}.app-toast{left:50%;bottom:calc(var(--app-nav-total-height) + 8px);z-index:30;border:1px solid var(--fill-2);border-radius:var(--r-pill);width:max-content;max-width:calc(100% - 40px);color:var(--text-1);background:var(--surface-2-blur);box-shadow:0 10px 32px var(--ink-2);font-size:var(--fs-body);align-items:center;gap:10px;padding:10px 8px 10px 14px;display:flex;position:absolute;transform:translate(-50%)}.app-toast-icon{background:var(--text-4);width:18px;height:18px;-webkit-mask:var(--icon-info) center / contain no-repeat;-webkit-mask:var(--icon-info) center / contain no-repeat;mask:var(--icon-info) center / contain no-repeat;flex:0 0 18px}.app-toast.is-success .app-toast-icon{background:var(--success);-webkit-mask-image:var(--icon-check);-webkit-mask-image:var(--icon-check);mask-image:var(--icon-check)}.app-toast.is-error .app-toast-icon{background:var(--danger);-webkit-mask-image:var(--icon-error);-webkit-mask-image:var(--icon-error);mask-image:var(--icon-error)}.app-toast.is-warn .app-toast-icon{background:var(--warning);-webkit-mask-image:var(--icon-warn);-webkit-mask-image:var(--icon-warn);mask-image:var(--icon-warn)}.app-toast.is-info .app-toast-icon{background:var(--info)}.app-toast>span{flex:auto;min-width:0}.app-toast-close{width:26px;height:26px;color:var(--text-5);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:0 0 26px;font-size:18px;line-height:1}.app-tab-bar{left:8px;right:8px;bottom:max(4px, var(--safe-area-bottom));z-index:8;background:var(--surface-0-blur);border:1px solid var(--fill-3);height:60px;box-shadow:0 12px 30px var(--ink-2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;grid-template-columns:repeat(4,1fr);align-items:center;padding:4px 8px;display:grid;position:absolute}.app-content{background:var(--surface-1);height:100%;overflow:hidden}.app-view{height:100%;padding:calc(58px + var(--safe-area-top)) 0 calc(var(--app-nav-total-height) + 8px);overflow:hidden}.app-view[hidden]{display:none}.view-header{border-bottom:1px solid var(--fill-1);justify-content:space-between;align-items:flex-end;min-height:66px;padding:0 18px 12px;display:flex}.eyebrow{color:var(--brand-soft);letter-spacing:.16em;margin-bottom:5px;font-size:9px;font-weight:850;display:block}.view-header h1{letter-spacing:-.04em;margin:0;font-size:25px}.icon-button{border:1px solid var(--fill-3);width:36px;height:36px;color:var(--text-1);background:var(--fill-1);cursor:pointer;border-radius:50%;place-items:center;display:grid}.icon-search{width:18px;height:18px;-webkit-mask:var(--icon-search) center / contain no-repeat;-webkit-mask:var(--icon-search) center / contain no-repeat;mask:var(--icon-search) center / contain no-repeat;background:currentColor;display:block}.social-feed{scrollbar-width:none;overflow-y:auto}.social-feed::-webkit-scrollbar{display:none}.feed-tabs{border-bottom:1px solid var(--fill-1);gap:22px;height:44px;padding:0 18px;display:flex}.feed-tabs button,.world-filters button{color:var(--text-6);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:750}.feed-tabs button.is-active{color:var(--text-1);border-bottom:2px solid var(--brand)}.social-post-list{gap:12px;padding:12px;display:grid}.floating-compose{right:18px;bottom:calc(var(--app-nav-total-height) + 14px);z-index:12;width:52px;height:52px;color:var(--text-1);background:linear-gradient(135deg,var(--hue-rose),var(--accent-pink));cursor:pointer;border:0;border-radius:16px;place-items:center;display:grid;position:absolute;box-shadow:0 10px 26px #ff4d8a5c}.floating-compose[hidden]{display:none}.icon-plus{width:24px;height:24px;-webkit-mask:var(--icon-plus) center / contain no-repeat;-webkit-mask:var(--icon-plus) center / contain no-repeat;mask:var(--icon-plus) center / contain no-repeat;background:currentColor;display:block}.social-post{border:1px solid var(--fill-2);border-radius:var(--r-lg);background:var(--surface-2);min-width:0;padding:14px;box-shadow:0 10px 26px #00000029}.post-head{align-items:center;gap:10px;display:flex}.post-avatar{width:36px;height:36px;color:var(--text-on-bright);background:linear-gradient(135deg,var(--warning),var(--brand-soft));border-radius:12px;place-items:center;font-size:12px;font-weight:900;display:grid}.post-body{min-width:0}.post-meta{white-space:nowrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.post-meta strong{font-size:13px}.post-meta span,.post-meta time{color:var(--text-6);text-overflow:ellipsis;font-size:11px;overflow:hidden}.post-caption{color:var(--text-2);white-space:pre-wrap;margin:7px 0 10px;font-size:14px;line-height:1.5}.post-media{border:1px solid var(--fill-2);background:var(--surface-3);border-radius:14px;max-height:220px;overflow:hidden}.post-media video,.post-media img{object-fit:cover;width:100%;max-height:220px;display:block}.post-world-link{border:1px solid var(--fill-3);width:100%;color:var(--text-1);background:var(--fill-1);text-align:left;cursor:pointer;border-radius:13px;align-items:center;gap:9px;padding:10px;display:flex}.post-world-icon{width:64px;height:40px;color:var(--text-1);background:linear-gradient(135deg,var(--hue-violet),var(--brand));border-radius:9px;flex:0 0 64px;place-items:center;font-weight:900;display:grid;overflow:hidden}.post-world-icon.has-cover{background:var(--surface-4)}.icon-image,.icon-gamepad{background:currentColor;width:20px;height:20px;display:block}.icon-image{-webkit-mask:var(--icon-image) center / contain no-repeat;-webkit-mask:var(--icon-image) center / contain no-repeat;mask:var(--icon-image) center / contain no-repeat}.icon-gamepad{-webkit-mask:var(--icon-gamepad) center / contain no-repeat;-webkit-mask:var(--icon-gamepad) center / contain no-repeat;mask:var(--icon-gamepad) center / contain no-repeat}.post-world-link span:nth-child(2){flex:1;min-width:0}.post-world-link strong,.post-world-link small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.post-world-link small{color:var(--text-6);margin-top:3px;font-size:11px}.post-world-link b{color:var(--text-1);background:var(--brand);border-radius:999px;padding:7px 10px;font-size:11px}.post-actions{justify-content:space-between;max-width:320px;margin-top:7px;display:flex}.post-actions button{min-width:68px;min-height:44px;color:var(--text-4);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:14px;display:inline-flex}.post-actions button:active,.post-actions button:hover{color:var(--text-1);background:var(--fill-2)}.post-actions button.is-liked{color:var(--accent-pink)}.post-action-count{margin-left:0;font-size:11px}.post-action-icon{background:currentColor;flex:none;width:17px;height:17px;display:inline-block}.post-action-icon--heart{-webkit-mask:var(--icon-heart) center / contain no-repeat;-webkit-mask:var(--icon-heart) center / contain no-repeat;mask:var(--icon-heart) center / contain no-repeat}.post-action-icon--comment{-webkit-mask:var(--icon-comment) center / contain no-repeat;-webkit-mask:var(--icon-comment) center / contain no-repeat;mask:var(--icon-comment) center / contain no-repeat}.post-action-icon--share{-webkit-mask:var(--icon-share) center / contain no-repeat;-webkit-mask:var(--icon-share) center / contain no-repeat;mask:var(--icon-share) center / contain no-repeat}.worlds-view{scrollbar-width:none;overflow-y:auto}.worlds-view::-webkit-scrollbar{display:none}.world-search{border:1px solid var(--fill-2);border-radius:var(--r-pill);height:44px;color:var(--text-5);background:var(--fill-1);align-items:center;gap:10px;margin:13px 16px 10px;padding:0 15px;display:flex}.world-search .icon-search{flex:0 0 18px}.world-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint-weak)}.world-search input{width:100%;color:var(--text-1);background:0 0;border:0;outline:0}.world-search input::placeholder{color:var(--text-6)}.world-filters{scrollbar-width:none;gap:8px;padding:2px 16px 16px;display:flex;overflow-x:auto}.world-filters::-webkit-scrollbar{display:none}.world-filters button{border:1px solid var(--fill-3);border-radius:var(--r-pill);color:var(--text-4);font-size:var(--fs-sm);font-weight:var(--fw-semi);cursor:pointer;white-space:nowrap;background:0 0;flex:none;padding:7px 14px}.world-filters button.is-active{color:var(--text-1);border-color:var(--brand-line);background:var(--brand-tint)}.world-filters button[data-world-filter=new]{color:var(--warning);border-color:#ffd84d6b}.world-filters button[data-world-filter=social]{color:var(--success);border-color:#00e6ab6b}.world-filters button[data-world-filter=action]{color:var(--accent-orange);border-color:#ff7a456b}.world-feature-hero{border-radius:var(--r-lg);background:var(--surface-3);cursor:pointer;margin:0 16px 18px;position:relative;overflow:hidden}.world-feature-hero-media{aspect-ratio:16/9;width:100%;position:relative}.world-feature-hero-media img{object-fit:cover;width:100%;height:100%;display:block}.world-feature-hero-media .world-tile-placeholder{width:100%;height:100%}.world-feature-hero-shade{background:linear-gradient(180deg, var(--ink-1) 0%, transparent 34%, var(--ink-4) 100%);position:absolute;inset:0}.world-feature-hero-eyebrow{border-radius:var(--r-pill);color:var(--text-1);background:var(--ink-3);font-size:var(--fs-xs);font-weight:var(--fw-semi);padding:5px 11px;position:absolute;top:11px;left:12px}.world-feature-hero-foot{align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:13px;left:14px;right:14px}.world-feature-hero-copy{flex:1;gap:3px;min-width:0;display:grid}.world-feature-hero-copy strong{font-size:var(--fs-h2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.world-feature-hero-copy small{color:var(--text-3);font-size:var(--fs-sm)}.world-feature-hero-play{border-radius:var(--r-pill);color:var(--text-1);background:var(--brand);box-shadow:0 6px 18px var(--brand-glow);font-size:var(--fs-sm);font-weight:var(--fw-bold);flex:none;padding:8px 16px}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 14px;display:grid}.world-tile{border:1px solid var(--fill-2);border-radius:var(--r-lg);background:var(--surface-3);min-width:0;padding-bottom:12px;overflow:hidden}.world-tile-media{aspect-ratio:1.18;background:var(--surface-4);position:relative}.world-tile-media video{object-fit:cover;width:100%;height:100%;display:block}.world-tile-badge{border-radius:var(--r-pill);color:var(--text-1);background:var(--ink-3);font-size:var(--fs-xs);padding:4px 8px;position:absolute;top:8px;left:8px}.world-tile-copy{align-items:center;gap:5px;padding:10px 10px 0;display:flex}.world-tile-copy div{flex:1;min-width:0}.world-tile h2{font-size:var(--fs-body);font-weight:var(--fw-semi);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.world-tile p{color:var(--text-5);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;overflow:hidden}.world-tile-copy button{color:var(--text-1);background:var(--brand);cursor:pointer;border:0;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.world-tile-meta{color:var(--text-5);font-size:var(--fs-xs);justify-content:space-between;gap:8px;padding:9px 10px 0;display:flex}.world-tile-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.world-tile-placeholder{color:var(--text-2);background:radial-gradient(circle at 30% 20%, var(--hue-indigo), var(--surface-4) 65%);place-items:center;font-size:34px;font-weight:900;display:grid}.app-tab{height:44px;color:var(--text-4);cursor:pointer;background:0 0;border:0;align-content:center;justify-items:center;gap:4px;padding:4px 0 3px;display:grid}.app-tab span{font-size:10px;font-weight:700;line-height:1}.app-tab.is-active{color:var(--brand)}.app-tab:hover:not(.is-active){color:var(--text-3)}.app-tab:focus-visible{outline:0}.app-tab:focus-visible .app-tab-icon{filter:drop-shadow(0 0 5px var(--brand-soft))}.app-tab-icon{width:24px;height:24px;-webkit-mask:var(--icon-home) center / contain no-repeat;-webkit-mask:var(--icon-home) center / contain no-repeat;mask:var(--icon-home) center / contain no-repeat;background:currentColor;display:block}.app-tab-icon--worlds{-webkit-mask-image:var(--icon-gamepad);-webkit-mask-image:var(--icon-gamepad);mask-image:var(--icon-gamepad)}.app-tab-icon--messages{-webkit-mask-image:var(--icon-chat);-webkit-mask-image:var(--icon-chat);mask-image:var(--icon-chat)}.app-tab-icon--mine{-webkit-mask-image:var(--icon-user);-webkit-mask-image:var(--icon-user);mask-image:var(--icon-user)}.app-tab.is-active .app-tab-icon--home{-webkit-mask-image:var(--icon-home-fill);-webkit-mask-image:var(--icon-home-fill);mask-image:var(--icon-home-fill)}.app-tab.is-active .app-tab-icon--worlds{-webkit-mask-image:var(--icon-gamepad-fill);-webkit-mask-image:var(--icon-gamepad-fill);mask-image:var(--icon-gamepad-fill)}.app-tab.is-active .app-tab-icon--messages{-webkit-mask-image:var(--icon-chat-fill);-webkit-mask-image:var(--icon-chat-fill);mask-image:var(--icon-chat-fill)}.app-tab.is-active .app-tab-icon--mine{-webkit-mask-image:var(--icon-user-fill);-webkit-mask-image:var(--icon-user-fill);mask-image:var(--icon-user-fill)}.social-page-overlay{inset:0 0 var(--app-nav-total-height);z-index:7;min-height:0;color:var(--text-1);background:var(--surface-1);position:absolute;overflow:hidden}.app-page-header{min-height:calc(56px + var(--safe-area-top));padding:var(--safe-area-top) max(14px, var(--safe-area-right)) 0 max(14px, var(--safe-area-left));border-bottom:1px solid var(--fill-2);background:var(--surface-1-blur);grid-template-columns:40px 1fr 40px;align-items:center;display:grid}.app-page-header>strong{text-align:center;font-size:16px}.social-page-scroll{height:calc(100% - 56px - var(--safe-area-top));overscroll-behavior:contain;padding:16px max(16px, var(--safe-area-right)) 24px max(16px, var(--safe-area-left));overflow-y:auto}.app-add-friend-form{margin-top:2px}.inbox-section-title{justify-content:space-between;align-items:baseline;margin:15px 2px 7px;display:flex}.inbox-section-title strong{font-size:14px}.inbox-section-title span{color:var(--text-6);font-size:11px}.inbox-friend-row{grid-template-columns:minmax(0,1fr) auto auto auto;min-height:72px}.inbox-friend-row .social-avatar{width:48px;height:48px;font-size:var(--fs-h3)}.inbox-friend-row strong{font-size:var(--fs-h3);font-weight:var(--fw-semi)}.inbox-friend-row.is-playing .social-avatar{box-shadow:0 0 0 2px var(--surface-1), 0 0 0 4px var(--success);position:relative}.inbox-friend-row.is-playing .social-avatar:after{content:"";border:2px solid var(--surface-1);background:var(--success);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}.social-page-chat{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.chat-page-header>span{text-align:center;gap:2px;display:grid}.chat-page-header small{color:var(--text-6);font-size:11px}.app-page-back{width:40px;height:44px;color:var(--text-1);background:0 0;border:0;padding:0;font-size:38px;line-height:1}.app-direct-message-list{height:auto;min-height:0;padding:12px max(14px, var(--safe-area-right));margin:0}.app-direct-message-form{padding:9px max(12px, var(--safe-area-right)) 10px max(12px, var(--safe-area-left));border-top:1px solid var(--fill-2);background:var(--surface-2)}.my-page-scroll{padding:0 0 24px}.my-profile-head{text-align:center;justify-items:center;padding:26px 22px 22px;display:grid}.my-profile-avatar{border:3px solid var(--text-2);background:linear-gradient(145deg, var(--hue-rose), var(--hue-magenta));width:88px;height:88px;box-shadow:0 12px 34px var(--brand-tint);border-radius:50%;place-items:center;margin-bottom:14px;font-size:28px;font-weight:900;display:grid}.my-profile-head h1{margin:0;font-size:22px}.my-profile-handle{color:var(--text-5);margin:5px 0 0;font-size:13px}.my-profile-bio{max-width:32ch;color:var(--text-3);margin:15px 0 0;font-size:14px;line-height:1.5}.my-profile-stats{gap:34px;margin-top:18px;display:flex}.my-profile-stats>button,.my-profile-stats>div{min-width:54px;color:var(--text-1);background:0 0;border:0;gap:3px;padding:0;display:grid}.my-profile-stats strong{font-size:17px}.my-profile-stats span{color:var(--text-6);font-size:11px}.profile-logout{border:1px solid var(--fill-4);min-width:116px;height:36px;color:var(--text-3);background:var(--fill-1);border-radius:8px;margin-top:18px;font-size:12px}.my-works{width:100%}.creator-profile-overlay{z-index:9;color:var(--text-1);background:var(--surface-1);grid-template-rows:auto minmax(0,1fr);display:grid;position:absolute;inset:0}.creator-profile-nav{min-height:calc(56px + var(--safe-area-top));padding:var(--safe-area-top) max(12px, var(--safe-area-right)) 0 max(12px, var(--safe-area-left));border-bottom:1px solid var(--fill-2);background:var(--surface-1-blur);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:44px 1fr 44px;align-items:center;display:grid}.creator-profile-nav>strong{text-align:center;font-size:15px}.creator-profile-back{width:44px;height:44px;color:var(--text-1);cursor:pointer;background:0 0;border:0;padding:0;font-size:38px;font-weight:300;line-height:1}.creator-profile-scroll{overscroll-behavior:contain;min-height:0;padding-bottom:max(24px, var(--safe-area-bottom));overflow-y:auto}.creator-profile-head{text-align:center;justify-items:center;padding:28px 24px 22px;display:grid}.creator-profile-avatar{border:3px solid var(--text-2);width:88px;height:88px;color:var(--text-1);background:radial-gradient(circle at 32% 25%, hsla(var(--avatar-hue), 95%, 78%, .85), transparent 25%), linear-gradient(145deg, hsl(var(--avatar-hue), 72%, 55%), hsl(calc(var(--avatar-hue) + 58), 72%, 38%));box-shadow:0 10px 32px hsla(var(--avatar-hue), 70%, 42%, .24);border-radius:50%;place-items:center;margin-bottom:14px;font-size:26px;font-weight:900;display:grid}.creator-profile-head h1{margin:0;font-size:22px;line-height:1.2}.creator-profile-handle{color:var(--text-5);margin:5px 0 0;font-size:13px}.creator-profile-bio{max-width:32ch;color:var(--text-3);margin:15px 0 0;font-size:14px;line-height:1.5}.creator-profile-stats{align-items:baseline;gap:6px;margin-top:18px;display:flex}.creator-profile-stats strong{font-size:17px}.creator-profile-stats span{color:var(--text-5);font-size:12px}.creator-works{border-top:1px solid var(--fill-2)}.creator-works-title{height:44px;color:var(--text-2);place-items:center;font-size:13px;display:grid}.creator-works-title strong{border-bottom:2px solid var(--text-1);height:44px;padding:14px 12px 10px}.creator-works-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;display:grid}.creator-work{aspect-ratio:3/4;color:var(--text-1);background:var(--surface-4);text-align:left;cursor:pointer;border:0;padding:0;position:relative;overflow:hidden}.creator-work video,.creator-work-shade{width:100%;height:100%;position:absolute;inset:0}.creator-work video{object-fit:cover}.creator-work-placeholder.has-cover,.recent-play-cover.has-cover,.played-cover.has-cover{background:var(--surface-4)}.creator-work-placeholder{color:var(--text-2);background:radial-gradient(circle at 30% 20%, var(--hue-indigo), var(--surface-4) 68%);place-items:center;font-size:30px;font-weight:900;display:grid;position:absolute;inset:0}.creator-work-shade{background:linear-gradient(180deg, transparent 48%, var(--ink-4));pointer-events:none}.creator-work>strong{z-index:1;text-shadow:0 2px 8px var(--ink-4);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;position:absolute;bottom:8px;left:8px;right:8px;overflow:hidden}.creator-work:active video{transform:scale(.98)}@media (width>=700px){.phone-frame{border:8px solid var(--surface-2);border-radius:28px;height:min(100dvh,932px)}}.viewport-debug{left:max(8px, var(--safe-area-left));top:max(8px, var(--safe-area-top));z-index:9999;max-width:calc(100vw - 16px - var(--safe-area-left) - var(--safe-area-right));border:1px solid var(--fill-4);color:var(--success-soft);background:var(--surface-debug);pointer-events:none;white-space:pre;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:7px 9px;font:700 10px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;position:fixed}.composer-sheet{max-height:min(76%,560px)}.composer-form textarea{resize:vertical;border:1px solid var(--fill-3);width:100%;min-height:140px;color:var(--text-1);background:var(--fill-1);border-radius:13px;outline:0;padding:12px;line-height:1.5}.composer-form textarea::placeholder{color:var(--text-6)}.composer-preview{background:var(--surface-0);border-radius:12px;max-height:180px;margin-top:10px;overflow:hidden}.composer-preview img,.composer-preview video{object-fit:contain;width:100%;max-height:180px;display:block}.composer-tools{align-items:center;gap:8px;margin-top:12px;display:flex}.composer-tool{border:1px solid var(--fill-3);color:var(--text-3);text-align:center;cursor:pointer;border-radius:10px;flex:1;padding:10px 8px;font-size:11px}.composer-tool input{display:none}.composer-world-select{min-width:0;color:var(--text-6);flex:1.15;font-size:10px}.composer-world-select span{margin-bottom:3px;display:block}.composer-world-select select{border:1px solid var(--fill-3);width:100%;min-width:0;color:var(--text-1);background:var(--surface-4);border-radius:8px;padding:7px}.composer-submit{color:var(--text-1);background:var(--brand);cursor:pointer;border:0;border-radius:10px;padding:10px 13px;font-size:12px;font-weight:800}.player-frame{z-index:40;background:var(--surface-0);border:0;width:100%;height:100%;position:fixed;inset:0}.post-page-overlay{inset:0 0 var(--app-nav-total-height);z-index:9;min-height:0;color:var(--text-1);background:var(--surface-1);flex-direction:column;display:flex;position:absolute}.post-page-scroll{scrollbar-width:none;flex:auto;min-height:0;overflow-y:auto}.post-page-scroll::-webkit-scrollbar{display:none}.post-detail{border-bottom:1px solid var(--fill-1);padding:16px 16px 4px}.post-detail-author{width:100%;color:var(--text-1);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.post-detail-author>span:last-child{min-width:0;display:grid}.post-detail-author strong{font-size:15px}.post-detail-author small{color:var(--text-6);font-size:12px}.post-detail-caption{color:var(--text-2);white-space:pre-wrap;margin:13px 0 12px;font-size:17px;line-height:1.55}.post-detail-media,.post-detail-media img,.post-detail-media video{max-height:340px}.post-detail-time{color:var(--text-6);margin:12px 0 0;font-size:12px;display:block}.post-detail-stats{border-top:1px solid var(--fill-1);color:var(--text-6);gap:18px;margin-top:12px;padding:12px 0;font-size:12px;display:flex}.post-detail-stats strong{color:var(--text-1);margin-right:3px;font-size:13px}.post-detail-actions{border-top:1px solid var(--fill-1);max-width:none;margin:0;padding:2px 0 6px}.post-detail-actions button{flex:1;min-width:0}.comment-sort{justify-content:space-between;align-items:center;padding:14px 16px 6px;display:flex}.comment-sort>strong{font-size:14px}.comment-sort span{color:var(--text-6);margin-left:4px;font-weight:600}.comment-sort>div{gap:6px;display:flex}.comment-sort button{border:1px solid var(--fill-2);color:var(--text-5);cursor:pointer;background:0 0;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:700}.comment-sort button.is-active{color:var(--text-1);border-color:var(--brand-line);background:var(--brand-tint)}.post-page-comments{align-content:start;gap:20px;max-height:none;margin:0;padding:8px 16px 24px;display:grid}.post-page-comments .comment-item{background:0 0;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:10px;padding:0;display:grid}.post-page-comments .comment-item>.comment-replies{grid-column:2}.post-page-comments .comment-item strong{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.post-page-comments .comment-item p{color:var(--text-2);background:0 0;margin:4px 0 6px;padding:0;font-size:15px;line-height:1.5}.post-page-comments .comment-item time{color:var(--text-6);font-size:12px}.post-page-comments .comment-reply-item{grid-template-columns:30px minmax(0,1fr);align-items:start;gap:9px;display:grid}.post-page-comments .comment-reply-item .comment-avatar{width:30px;height:30px;font-size:11px}.post-page-comments .comment-reply-item p{font-size:14px}.comment-reply-to{color:var(--info);font-weight:650}.post-reply-bar{padding:8px max(12px, var(--safe-area-left)) max(10px, var(--safe-area-bottom)) max(12px, var(--safe-area-right));border-top:1px solid var(--fill-2);background:var(--surface-1-blur);flex:none}.post-reply-bar .comment-form{border:0;align-items:center;gap:9px;margin:0;padding:0;display:flex}.post-reply-bar .comment-form input{border:1px solid var(--fill-3);min-width:0;height:38px;color:var(--text-1);background:var(--fill-1);border-radius:999px;outline:0;flex:1;padding:0 14px;font-size:14px}.post-reply-bar .comment-form button{height:36px;color:var(--text-1);background:var(--brand);cursor:pointer;border:0;border-radius:999px;flex:0 0 58px;font-size:13px;font-weight:800}.reply-chip{color:var(--text-4);background:var(--fill-1);border-radius:999px;align-items:center;gap:8px;margin-bottom:7px;padding:5px 11px;font-size:12px;display:inline-flex}.reply-chip[hidden]{display:none}.reply-chip button{color:var(--text-4);cursor:pointer;background:0 0;border:0;font-size:15px;line-height:1}.post-avatar{cursor:pointer;border:0}.post-author-link{min-width:0;color:var(--text-1);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:flex}.post-author-link span{color:var(--text-6);font-size:11px}.post-open{cursor:pointer}.recent-plays{padding:4px 0 2px}.recent-plays .creator-works-title{justify-content:space-between;align-items:baseline;display:flex}.recent-plays .creator-works-title span{color:var(--text-6);font-size:11px}.recent-plays-row{scrollbar-width:none;gap:10px;padding:2px 14px 14px;display:flex;overflow-x:auto}.recent-plays-row::-webkit-scrollbar{display:none}.recent-play{width:96px;color:var(--text-1);text-align:left;cursor:pointer;background:0 0;border:0;flex:0 0 96px;gap:2px;padding:0;display:grid}.recent-play-cover{aspect-ratio:1;background:radial-gradient(circle at 30% 20%, var(--hue-indigo), var(--surface-4) 68%);border-radius:14px;place-items:center;font-size:22px;font-weight:900;display:grid;overflow:hidden}.recent-play strong{text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:12px;overflow:hidden}.recent-play small{color:var(--text-6);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.profile-tabs{border-bottom:1px solid var(--fill-2);align-items:stretch;gap:22px;height:44px;margin:6px 16px 0;display:flex}.profile-tabs button{color:var(--text-5);font-size:var(--fs-body);font-weight:var(--fw-semi);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:0;display:inline-flex}.profile-tabs button.is-active{color:var(--text-1);border-bottom-color:var(--brand);font-weight:var(--fw-bold)}.profile-tabs .tab-badge{margin-left:0}.profile-panel{padding-top:10px}.profile-post-list{display:grid}.profile-post{border:0;border-bottom:1px solid var(--fill-1);width:100%;color:var(--text-1);text-align:left;cursor:pointer;background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 16px;display:grid}.profile-post-copy{gap:5px;min-width:0;display:grid}.profile-post-text{-webkit-line-clamp:2;color:var(--text-2);-webkit-box-orient:vertical;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.profile-post-meta{color:var(--text-6);font-size:11px}.profile-post img{object-fit:cover;border-radius:10px;width:52px;height:52px}.composer-page-overlay{z-index:14;min-height:0;color:var(--text-1);background:var(--surface-1);flex-direction:column;display:flex;position:absolute;inset:0}.composer-page-head{min-height:calc(54px + var(--safe-area-top));padding:var(--safe-area-top) max(14px, var(--safe-area-right)) 0 max(14px, var(--safe-area-left));border-bottom:1px solid var(--fill-2);flex:none;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.composer-cancel{color:var(--text-3);cursor:pointer;background:0 0;border:0;padding:6px 2px;font-size:15px}.composer-status{color:var(--text-5);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.composer-publish{border-radius:var(--r-pill);color:var(--text-1);background:var(--brand);font-size:var(--fs-body);font-weight:var(--fw-bold);cursor:pointer;border:0;padding:8px 18px}.composer-publish:disabled{color:var(--text-6);background:var(--fill-2);cursor:default}.composer-page-form{flex-direction:column;flex:auto;min-height:0;display:flex}.composer-page-body{min-height:0;padding:14px max(14px, var(--safe-area-right)) 14px max(14px, var(--safe-area-left));flex:auto;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:10px;display:grid;overflow-y:auto}.composer-avatar{width:38px;height:38px;color:var(--text-1);background:linear-gradient(145deg,var(--hue-pink),var(--hue-violet));border-radius:50%;place-items:center;font-size:14px;font-weight:750;display:grid}.composer-page-input{min-width:0}.composer-page-form textarea{resize:none;width:100%;min-height:120px;color:var(--text-1);background:0 0;border:0;outline:0;padding:6px 0;font-family:inherit;font-size:17px;line-height:1.55;overflow:hidden}.composer-page-form textarea::placeholder{color:var(--text-6)}.composer-page-input .composer-preview{border-radius:14px;max-height:300px;margin-top:10px;position:relative}.composer-page-input .composer-preview img,.composer-page-input .composer-preview video{max-height:300px}.composer-world{margin-top:12px}.composer-chip-remove{width:28px;height:28px;color:var(--text-1);background:var(--ink-3);cursor:pointer;border:0;border-radius:50%;place-items:center;font-size:17px;line-height:1;display:grid;position:absolute;top:8px;right:8px}.composer-world .composer-chip-remove{background:var(--fill-3);flex:0 0 28px;position:static}.composer-page-tools{padding:9px max(14px, var(--safe-area-right)) max(10px, var(--safe-area-bottom)) max(14px, var(--safe-area-left));border-top:1px solid var(--fill-2);flex:none;align-items:center;gap:8px;display:flex}.composer-tool-button{border:1px solid var(--fill-3);width:38px;height:38px;color:var(--brand-soft);background:var(--fill-1);cursor:pointer;border-radius:12px;place-items:center;font-size:15px;font-weight:800;display:grid}.composer-tool-button input{display:none}.composer-count{color:var(--text-6);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.composer-count.is-over{color:var(--danger)}.world-picker{z-index:3;background:var(--ink-3);align-items:flex-end;display:flex;position:absolute;inset:0}.world-picker-panel{width:100%;max-height:68%;padding:10px 14px max(14px, var(--safe-area-bottom));background:#17181d;border-radius:20px 20px 0 0;flex-direction:column;display:flex}.world-picker-list{flex:auto;gap:8px;min-height:0;padding-top:6px;display:grid;overflow-y:auto}.world-picker-list button{border:1px solid var(--fill-2);width:100%;color:var(--text-1);background:var(--fill-1);text-align:left;cursor:pointer;border-radius:13px;align-items:center;gap:10px;padding:9px;display:flex}.world-picker-list button>span:last-child{min-width:0;display:grid}.world-picker-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.world-picker-list small{color:var(--text-6);font-size:11px}.post-menu,.comment-menu{color:var(--text-6);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0 4px;font-size:16px;line-height:1}.post-page-nav .post-menu{justify-self:end;font-size:18px}.comment-menu{font-size:14px}.action-sheet{padding-bottom:max(12px, var(--safe-area-bottom))}.action-sheet-note{color:var(--text-4);margin:4px 4px 12px;font-size:13px;line-height:1.5}.action-sheet-list{gap:8px;display:grid}.action-sheet-list button{border:1px solid var(--fill-2);border-radius:var(--r-md);width:100%;color:var(--text-1);background:var(--fill-1);cursor:pointer;padding:14px;font-size:15px}.action-sheet-list button.is-danger{color:var(--danger);border-color:var(--danger-line);background:var(--danger-tint)}.action-sheet-cancel{border-radius:var(--r-md);width:100%;color:var(--text-3);background:var(--fill-1);cursor:pointer;border:0;margin-top:10px;padding:14px;font-size:15px;font-weight:650}.blocked-list{gap:8px;max-height:46vh;display:grid;overflow-y:auto}.blocked-row{background:var(--fill-1);border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex}.blocked-row>span:not(.social-avatar){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.blocked-row button{color:var(--text-1);background:var(--fill-3);cursor:pointer;border:0;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:700}.profile-settings{gap:8px;margin-top:14px;display:grid}.profile-settings .profile-logout{min-width:0;height:auto;margin-top:0}.profile-settings>button{border:1px solid var(--fill-3);width:100%;color:var(--text-3);background:var(--fill-1);cursor:pointer;border-radius:12px;padding:11px;font-size:13px}.profile-switch{border:1px solid var(--fill-3);color:var(--text-3);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:11px;font-size:13px;display:flex}.profile-switch>span{text-align:left;flex:1}.profile-switch input{opacity:0;pointer-events:none;position:absolute}.profile-switch i{background:var(--fill-4);border-radius:999px;flex:0 0 40px;height:24px;transition:background .16s;position:relative}.profile-switch i:after{content:"";background:var(--text-1);border-radius:50%;width:18px;height:18px;transition:transform .16s;position:absolute;top:3px;left:3px}.profile-switch input:checked+i{background:var(--brand)}.profile-switch input:checked+i:after{transform:translate(16px)}.profile-switch input:disabled+i{opacity:.5}.recent-play.is-playing .recent-play-cover{box-shadow:0 0 0 2px var(--success)}.recent-play.is-playing small{color:var(--success);font-weight:700}.view-header-actions{gap:8px;display:flex}.icon-bell{width:18px;height:18px;-webkit-mask:var(--icon-bell) center / contain no-repeat;-webkit-mask:var(--icon-bell) center / contain no-repeat;mask:var(--icon-bell) center / contain no-repeat;background:currentColor;display:block}button.is-loading{cursor:default}button.is-loading:after{content:"";vertical-align:-2px;border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;margin-left:8px;animation:.7s linear infinite button-spin;display:inline-block}@keyframes button-spin{to{transform:rotate(360deg)}}.icon-button.has-unread{position:relative}.icon-button.has-unread:after{content:"";border:2px solid var(--surface-1);background:var(--accent-pink);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.messages-tabs{margin:0 16px}.messages-scroll{height:calc(100% - 56px - var(--safe-area-top) - 44px)}.tab-badge{border-radius:var(--r-pill);min-width:16px;color:var(--text-1);background:var(--accent-pink);font-size:10px;font-weight:var(--fw-bold);margin-left:4px;padding:1px 5px;display:inline-block}.unread-dot{border-radius:var(--r-pill);min-width:18px;height:18px;color:var(--text-1);background:var(--accent-pink);font-size:10px;font-weight:var(--fw-bold);text-align:center;place-items:center;padding:0 5px;line-height:1;display:inline-grid}.friend-more{color:var(--text-6);cursor:pointer;background:0 0;border:0;padding:0 6px;font-size:16px}.friend-row small.is-playing{color:var(--success)}.request-row{align-items:center;gap:10px}.request-copy{flex:1;min-width:0;display:grid}.request-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.request-copy small{color:var(--text-6);font-size:11px}.request-accept{color:var(--text-1);background:var(--brand);cursor:pointer;border:0;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:800}.request-decline{border:1px solid var(--fill-3);color:var(--text-4);cursor:pointer;background:0 0;border-radius:999px;padding:7px 12px;font-size:12px}.notification-list{display:grid}.notification-row{border:0;border-bottom:1px solid var(--fill-1);width:100%;color:var(--text-1);text-align:left;cursor:pointer;background:0 0;grid-template-columns:40px minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 16px;display:grid}.notification-row.is-unread{background:var(--brand-tint-weak)}.notification-copy{gap:4px;min-width:0;display:grid}.notification-row .social-avatar{width:40px;height:40px;font-size:var(--fs-body)}.notification-copy span{font-size:var(--fs-body);line-height:1.45}.notification-copy strong{font-weight:var(--fw-semi)}.notification-copy small{-webkit-line-clamp:2;color:var(--text-5);font-size:var(--fs-sm);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notification-row time{color:var(--text-6);font-size:var(--fs-xs);white-space:nowrap;justify-items:end;gap:8px;display:grid}.notification-row.is-unread time:after{content:"";background:var(--brand);border-radius:50%;width:8px;height:8px}.world-sections{padding-bottom:18px}.world-shelf+.world-shelf{margin-top:6px}.world-shelf .creator-works-title{height:auto;color:var(--text-1);font-size:var(--fs-h3);font-weight:var(--fw-bold);justify-content:space-between;align-items:baseline;padding:16px 16px 10px;display:flex}.world-shelf .creator-works-title span{color:var(--text-5);font-size:var(--fs-sm);font-weight:400}.world-tile{cursor:pointer}.world-tile-rank{min-width:22px;color:var(--text-on-bright);background:var(--warning);text-align:center;border-radius:8px;padding:2px 6px;font-size:12px;font-weight:900;position:absolute;bottom:8px;left:8px}.world-tile-copy{padding-bottom:4px}.world-page-overlay{z-index:10}.world-hero{background:radial-gradient(circle at 32% 24%, var(--hue-indigo), var(--surface-3) 68%);height:190px;color:var(--text-2);place-items:center;font-size:54px;font-weight:900;display:grid}.world-page-head{border-bottom:1px solid var(--fill-1);padding:16px}.world-page-head h1{letter-spacing:-.02em;margin:0;font-size:22px}.world-creator-link{color:var(--text-5);cursor:pointer;background:0 0;border:0;margin-top:6px;padding:0;font-size:13px}.world-page-stats{gap:26px;margin:14px 0 16px;display:flex}.world-page-stats div{gap:2px;display:grid}.world-page-stats strong{font-size:15px}.world-page-stats span{color:var(--text-6);font-size:11px}.world-enter{border-radius:var(--r-lg);width:100%;height:46px;color:var(--text-1);background:var(--brand);box-shadow:0 8px 22px var(--brand-glow);font-size:var(--fs-h3);font-weight:var(--fw-bold);cursor:pointer;border:0}.world-about{padding:14px 0 4px}.world-about p{color:var(--text-3);margin:0;padding:0 16px;font-size:14px;line-height:1.6}.world-friends{gap:10px;padding:2px 16px 14px;display:grid}.world-friend{align-items:center;gap:10px;display:flex}.world-friend>span:last-child{min-width:0;display:grid}.world-friend strong{font-size:14px}.world-friend small{color:var(--text-6);font-size:11px}.world-friend.is-playing small{color:var(--success);font-weight:700}button.comment-avatar{cursor:pointer;border:0;font-family:inherit}.comment-meta strong[data-open-commenter]{cursor:pointer}.played-list{display:grid}.played-row{border:0;border-bottom:1px solid var(--fill-1);width:100%;color:var(--text-1);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:11px;padding:11px 16px;display:flex}.played-cover{background:radial-gradient(circle at 30% 20%, var(--hue-indigo), var(--surface-4) 68%);border-radius:12px;flex:0 0 46px;place-items:center;height:46px;font-size:15px;font-weight:900;display:grid;overflow:hidden}.played-copy{gap:3px;min-width:0;display:grid}.played-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.played-copy small{color:var(--text-6);font-size:11px}.profile-form textarea{resize:none;border:1px solid var(--fill-3);width:100%;color:var(--text-1);background:var(--fill-1);border-radius:12px;outline:0;padding:10px;font-family:inherit;font-size:14px}.world-cover,.world-tile-media img{object-fit:cover;width:100%;height:100%;display:block}.world-hero img{object-fit:cover;width:100%;height:100%}