:root{--bg: #000;--fg: #fff;--accent: #f2efe9;--accent-fg: #0a0a0a;--tab-inactive: rgba(255, 255, 255, .5);--tab-active: #ffffff;--surface: rgba(255, 255, 255, .06);--surface-border: rgba(255, 255, 255, .07);--glass-bg: rgba(28, 28, 30, .55);--glass-border: rgba(255, 255, 255, .09);--glass-shadow: 0 10px 34px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .07);--page-pad: 17px;--header-h: 72px;--tabbar-h: 52px;--tabbar-gap: 14px;--tabbar-bottom: 18px;--radius-pill: 26px;--safe-top: calc( max(env(safe-area-inset-top, 0px), var(--tg-safe-area-inset-top, 0px)) + var(--tg-content-safe-area-inset-top, 0px) );--safe-bottom: calc( max(env(safe-area-inset-bottom, 0px), var(--tg-safe-area-inset-bottom, 0px)) + var(--tg-content-safe-area-inset-bottom, 0px) );--safe-left: calc( max(env(safe-area-inset-left, 0px), var(--tg-safe-area-inset-left, 0px)) + var(--tg-content-safe-area-inset-left, 0px) );--safe-right: calc( max(env(safe-area-inset-right, 0px), var(--tg-safe-area-inset-right, 0px)) + var(--tg-content-safe-area-inset-right, 0px) );--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{width:0;height:0;display:none}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font);overflow:hidden}.app{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden}[data-lucide]{display:inline-flex}.header{position:absolute;top:0;left:0;right:0;z-index:30;padding:18px calc(22px + var(--safe-right)) 14px calc(22px + var(--safe-left));padding-top:calc(18px + var(--safe-top));display:flex;align-items:center;justify-content:space-between;pointer-events:none}.avatar{pointer-events:auto}.header__title{margin:0;font-size:34px;font-weight:700;letter-spacing:-.5px}.avatar{width:46px;height:46px;border-radius:50%;padding:2px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.avatar__inner{width:100%;height:100%;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 30%,#4a4a52,#1c1c20);position:relative}.avatar__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar__face{position:absolute;left:50%;top:24%;transform:translate(-50%);width:42%;height:42%;border-radius:50%;background:#d9d4cc}.avatar__body{position:absolute;left:50%;bottom:-6%;transform:translate(-50%);width:80%;height:55%;border-radius:50% 50% 0 0;background:#23262b}.deck{flex:1;position:relative;overflow:hidden}.deck:before{content:"";position:absolute;top:0;left:0;right:0;height:calc(var(--safe-top) + var(--header-h) + 36px);background:linear-gradient(to bottom,#000000d9,#000c calc(var(--safe-top) + 12px),#00000073 calc(var(--safe-top) + var(--header-h)),#0000);z-index:10;pointer-events:none}.panel{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;padding:calc(var(--header-h) + var(--safe-top) + 12px) calc(var(--page-pad) + var(--safe-right)) calc(130px + var(--safe-bottom)) calc(var(--page-pad) + var(--safe-left));opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .22s ease,transform .22s ease;will-change:opacity,transform}.panel.is-active{opacity:1;transform:none;pointer-events:auto}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(100deg,#161617 30%,#202022,#161617 70%);background-size:200% 100%;animation:shimmer 2.3s linear infinite}.row{display:flex;gap:14px;margin-top:24px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.stack{display:flex;flex-direction:column;gap:14px;margin-top:18px}.btn-create{width:100%;height:48px;border:none;border-radius:24px;background:var(--accent);color:var(--accent-fg);font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 2px 14px #0006;transition:transform .12s ease}.btn-create:active{transform:scale(.97)}.btn-create [data-lucide]{width:17px;height:17px;stroke-width:2.4}.dots{display:flex;justify-content:center;gap:7px;margin-top:14px}.dot{width:7px;height:7px;border-radius:4px;background:#fff3}.dot.is-active{width:20px;background:#ffffffb3}.hero{height:200px;border-radius:24px;background:linear-gradient(135deg,#1c1c1f,#101012);border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.hero__icon{width:40px;height:40px;color:#ffffffb3;stroke-width:1.6}.hero__label{color:#fff9;font-size:15px}.searchbar{height:50px;border-radius:25px;background:var(--surface);border:1px solid var(--surface-border);display:flex;align-items:center;padding:0 18px;gap:12px}.searchbar__icon{width:20px;height:20px;color:#ffffff73}.searchbar__label{color:#fff6;font-size:15px}.chips{display:flex;gap:10px;margin-top:18px;overflow:hidden}.chip{flex:none;padding:9px 18px;border-radius:18px;background:#ffffff0d;color:#ffffff8c;font-size:14px}.chip.is-active{background:#ffffff1a;color:#fff;font-weight:600}.tabbar{position:absolute;left:0;right:0;bottom:0;z-index:50;padding:0 calc(var(--page-pad) + var(--safe-right)) var(--tabbar-bottom) calc(var(--page-pad) + var(--safe-left));padding-bottom:calc(var(--tabbar-bottom) + var(--safe-bottom));display:flex;align-items:center;gap:var(--tabbar-gap);pointer-events:none}.tabbar__nav{flex:1;position:relative;height:var(--tabbar-h);border-radius:var(--radius-pill);background:var(--glass-bg);backdrop-filter:blur(28px) saturate(1.6);-webkit-backdrop-filter:blur(28px) saturate(1.6);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);pointer-events:auto;overflow:hidden}.tabbar__indicator{position:absolute;top:0;left:0;width:25%;height:100%;transform:translate(0);transition:transform .5s cubic-bezier(.22,.61,.36,1),opacity .2s ease;padding:4px}.tabbar__indicator-pill{width:100%;height:100%;border-radius:22px;background:#ffffff29;backdrop-filter:blur(10px) saturate(1.4);-webkit-backdrop-filter:blur(10px) saturate(1.4)}.tabbar__tabs{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.tab{flex:1;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--tab-inactive);transition:color .3s}.tab.is-active{color:var(--tab-active)}.tab [data-lucide]{width:18px;height:18px}.tab__label{font-size:11px;font-weight:500;line-height:1}.fab{flex:none;width:var(--tabbar-h);height:var(--tabbar-h);border-radius:50%;background:var(--glass-bg);backdrop-filter:blur(28px) saturate(1.6);-webkit-backdrop-filter:blur(28px) saturate(1.6);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:transform .12s ease}.fab:active{transform:scale(.92)}.fab [data-lucide]{width:20px;height:20px;stroke-width:2.2}.home{opacity:0;transform:translateZ(0);backface-visibility:hidden}.home.is-in{opacity:1}.home:not(.is-in){pointer-events:none}.quick-actions{display:flex;gap:10px;margin-top:18px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-left:calc(-1 * var(--page-pad));margin-right:calc(-1 * var(--page-pad));padding-left:var(--page-pad);padding-right:var(--page-pad)}.quick-actions::-webkit-scrollbar{display:none}.qa{flex:none;display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 18px;border-radius:23px;border:none;background:#222;color:#fff;font-size:15px;font-weight:500;white-space:nowrap;cursor:pointer}.qa [data-lucide]{width:18px;height:18px;color:#ffffffd9}.carousel{margin-top:22px;overflow:hidden;margin-left:calc(-1 * var(--page-pad));margin-right:calc(-1 * var(--page-pad))}.carousel__track{display:flex;transition:transform .55s cubic-bezier(.22,.61,.36,1)}.banner-slide{flex:0 0 100%;padding:0 var(--page-pad)}.banner{display:flex;gap:12px;width:100%;height:106px;border-radius:20px;overflow:hidden;background:#222}.banner__art{flex:0 0 106px;display:flex;align-items:center;justify-content:center}.banner__art [data-lucide]{width:38px;height:38px;color:#fff;stroke-width:1.6}.banner__text{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0 16px 0 4px}.banner__tag{font-size:12px;color:#ffffff80}.banner__title{margin:0;font-size:15px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.carousel__dots{display:flex;justify-content:center;gap:7px;margin-top:14px}.cdot{width:7px;height:7px;border-radius:4px;background:#fff3;transition:width .3s ease,background .3s ease;cursor:pointer}.cdot.is-active{width:20px;background:#ffffffb3}.section-title{margin:26px 0 16px;font-size:20px;font-weight:600;color:#ffffffd9}.projects{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:0}.project{min-width:0}.project__art{position:relative;aspect-ratio:1 / 1;border-radius:20px;overflow:hidden}.project__play,.project__more{position:absolute;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.project__play{left:12px;top:12px;width:34px;height:34px;border-radius:50%;background:#00000047;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.project__play [data-lucide]{width:16px;height:16px}.project__more{right:8px;top:10px;width:30px;height:30px;border-radius:50%;background:transparent}.project__more [data-lucide]{width:18px;height:18px}.project__info{position:absolute;left:0;right:0;bottom:0;padding:14px;background:linear-gradient(to top,#0009,#0000)}.project__name{font-size:17px;font-weight:600;color:#fff}.project__meta{margin-top:3px;font-size:13px;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-load{display:grid;min-width:0}.home-load>*{grid-column:1;grid-row:1;min-width:0}.create-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#000;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s}.create-screen.is-open{opacity:1;visibility:visible}.create-screen__header{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;justify-content:space-between;padding:18px calc(22px + var(--safe-right)) 14px calc(22px + var(--safe-left));padding-top:calc(18px + var(--safe-top));pointer-events:none}.create-screen__header .avatar{pointer-events:auto}.create-screen__title{margin:0;font-size:34px;font-weight:700;letter-spacing:-.5px}.create-screen:before{content:"";position:absolute;top:0;left:0;right:0;height:calc(var(--safe-top) + var(--header-h) + 30px);background:linear-gradient(to bottom,#000000d9,#000c calc(var(--safe-top) + 12px),#00000073 calc(var(--safe-top) + var(--header-h)),#0000);z-index:5;pointer-events:none}.create-screen__body{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;padding:calc(var(--header-h) + var(--safe-top) + 8px) calc(18px + var(--safe-right)) calc(var(--tabbar-h) + var(--tabbar-bottom) + var(--safe-bottom) + 26px) calc(18px + var(--safe-left))}.create-screen__section{margin:4px 2px 14px;font-size:15px;color:#ffffff80}.create-list{display:flex;flex-direction:column;gap:9px}.create-item{position:relative;display:flex;align-items:center;gap:12px;height:52px;padding:0 80px 0 16px;border:none;border-radius:20px;background:#1c1c1e;color:#fff;font-size:15px;font-weight:500;text-align:left;cursor:pointer;overflow:visible;transition:transform .12s ease}.create-item:active{transform:scale(.98)}.create-item__icon{flex:none;display:flex;color:#ffffffeb}.create-item__icon [data-lucide]{width:19px;height:19px}.create-item__label{flex:1;min-width:0}.create-item__thumb{position:absolute;right:0;top:0;height:100%;width:96px;border-radius:0 20px 20px 0;background-size:cover;background-position:center;-webkit-mask-image:linear-gradient(to right,transparent,#000 60%);mask-image:linear-gradient(to right,transparent,#000 60%)}.create-item__badge{position:absolute;top:-6px;right:12px;z-index:2;padding:2px 8px;border-radius:9px;background:#ff7a1a;color:#fff;font-size:10px;font-weight:700;letter-spacing:.02em}.empty{position:relative}.empty__ghosts{display:grid;grid-template-columns:1fr 1fr;gap:14px}.empty__ghost{height:340px;border-radius:20px;background:linear-gradient(180deg,#ffffff0d,#ffffff03);-webkit-mask-image:linear-gradient(to bottom,#000 28%,transparent 92%);mask-image:linear-gradient(to bottom,#000 28%,transparent 92%)}.empty__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px}.empty__hint{font-size:15px;color:#fff6}.empty__title{margin:6px 0 0;font-size:26px;font-weight:700;letter-spacing:-.3px}.empty__text{margin:8px 0 20px;max-width:320px;font-size:15px;line-height:1.45;color:#ffffff8c}.empty__btn{width:100%;max-width:320px;height:48px;border:none;border-radius:24px;background:#ffffff14;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .12s ease,background .15s ease}.empty__btn:active{transform:scale(.98)}.popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80}.popover{position:fixed;z-index:81;min-width:168px;padding:5px;border-radius:15px;background:#2c2c2eb8;backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 44px #0000008c;opacity:0;transform:scale(.96);transform-origin:top right;transition:opacity .14s ease,transform .14s ease}.popover.is-open{opacity:1;transform:none}.popover__item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;border-radius:10px;background:none;color:#fff;font-size:14px;font-weight:500;text-align:left;cursor:pointer}.popover__item:active{background:#ffffff14}.popover__item [data-lucide]{width:17px;height:17px}.popover__item--danger{color:#ff453a}.no-displacement .tabbar__nav,.no-displacement .fab{background:#1c1c1e73;-webkit-backdrop-filter:blur(6px) saturate(120%);backdrop-filter:blur(6px) saturate(120%)}