:root{--mt-bg:#020914;--mt-bg-deep:#01050d;--mt-surface:#071523;--mt-surface-raised:#0c1e2d;--mt-card:#081825;--mt-border:#183144;--mt-border-neon:#a925d6;--mt-text:#f8fbff;--mt-text-muted:#9ab0c3;--mt-pink:#f91fbd;--mt-purple:#8f36ef;--mt-blue:#2869ff;--mt-cyan:#18ddf2;--mt-success:#1bdb9b;--mt-warning:#f6b81a;--mt-danger:#ff506c;--mt-radius-sm:10px;--mt-radius-md:16px;--mt-radius-lg:24px;--mt-space-1:4px;--mt-space-2:8px;--mt-space-3:12px;--mt-space-4:16px;--mt-space-6:24px;--mt-shadow:0 14px 40px #00000073;--mt-glow:0 0 22px #f91fbd3d;--mt-gradient-brand:linear-gradient(100deg, #f91fbd 0%, #a736eb 52%, #18ddf2 100%);--mt-gradient-cta:linear-gradient(100deg, #ff16ba 0%, #f23aca 100%);--mt-font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mt-font-size-xs:12px;--mt-font-size-sm:13px;--mt-font-size-base:15px;--mt-font-size-lg:17px;--mt-font-size-xl:28px;--mt-font-weight-regular:400;--mt-font-weight-medium:500;--mt-font-weight-semibold:600;--mt-font-weight-bold:700;--mt-line-height:1.45}
*{box-sizing:border-box}html{background:var(--mt-bg)}body{background:radial-gradient(circle at 50% -10%,#14255b55,transparent 35%),var(--mt-bg);color:var(--mt-text);font-family:var(--mt-font-family);font-size:var(--mt-font-size-base);line-height:var(--mt-line-height);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.app-shell{width:100%;min-height:100vh;padding-bottom:78px}.app-content{width:min(100%,680px);margin:auto;padding:14px 14px 34px}.app-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020914e8;border-bottom:1px solid #173246;justify-content:space-between;align-items:center;height:68px;padding:9px max(16px,50% - 324px);display:flex;position:sticky;top:0}.app-header>div{gap:4px;display:flex}.wordmark img{object-fit:contain;width:132px;height:48px;display:block}.icon-button,.icon-link{color:var(--mt-text);background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:inline-grid;position:relative}.icon-link i{background:var(--mt-pink);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.bottom-nav{z-index:30;height:68px;padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#03101cf2;border-top:1px solid #19374b;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:#bfd0df;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:min(20%,136px);font-size:10px;display:flex}.bottom-nav a:first-child{color:var(--mt-pink)}.bottom-nav .primary svg{color:#fff;background:var(--mt-gradient-cta);width:42px;height:42px;box-shadow:var(--mt-glow);border-radius:50%;margin-top:-22px;padding:9px}.bottom-nav .primary span{font-size:0}.page-title{margin:5px 0 14px;font-size:22px}.section-title{justify-content:space-between;align-items:center;margin:22px 0 10px;display:flex}.section-title h2{margin:0;font-size:17px}.section-title a{color:var(--mt-cyan);font-size:12px}.muted{color:var(--mt-text-muted)}.eyebrow{color:var(--mt-cyan);text-transform:uppercase;letter-spacing:.12em;font-size:11px}.card{border:1px solid var(--mt-border);border-radius:var(--mt-radius-md);box-shadow:var(--mt-shadow);background:linear-gradient(145deg,#0b1c2a,#06121e);overflow:hidden}.button{background:var(--mt-gradient-cta);color:#fff;cursor:pointer;border:0;border-radius:9px;min-height:44px;padding:0 20px;font-weight:700}.button.secondary{background:#0b2131;border:1px solid #345267}.input,.search-field{color:#f7fbff;background:#0e2030;border:1px solid #284155;border-radius:12px;width:100%;height:42px}.input{padding:0 14px}.search-field{align-items:center;gap:8px;padding:0 12px;display:flex}.search-field input{color:#fff;background:0 0;border:0;outline:0;flex:1}.chips{gap:8px;padding:10px 0;display:flex;overflow:auto}.badge,.status-badge,.chip{color:#dce8f2;white-space:nowrap;background:#102438;border-radius:20px;align-items:center;padding:6px 12px;font-size:12px;display:inline-flex}.chips .chip:first-child,.status-badge{background:var(--mt-gradient-cta);color:#fff}.stories{gap:15px;padding:3px 0 12px;display:flex;overflow:auto}.story{text-align:center;min-width:55px;font-size:10px}.story-ring,.avatar{object-fit:cover;border:2px solid var(--mt-pink);background:url(/brand/wallpaper.png) 50%/cover;border-radius:50%;width:48px;height:48px}.story-ring{margin:auto auto 5px}.event-card{grid-template-columns:76px 1fr;margin-bottom:12px;display:grid}.event-art{background:url(/brand/wallpaper.png) 50% 76%/260px;min-height:118px;position:relative}.event-date{color:#07111c;text-align:center;background:#fff;border-radius:8px;padding:6px 9px;font-weight:900;line-height:1;position:absolute;top:9px;left:9px}.event-date small{margin-top:4px;font-size:9px;display:block}.event-info{padding:12px}.event-info h3{margin:0 0 5px;font-size:16px}.event-info p{color:#b5c6d4;margin:4px 0;font-size:12px}.event-actions{gap:8px;margin-top:10px;display:flex}.event-actions>*{flex:1;min-height:34px;padding:0 8px;font-size:12px}.hero-card{background:linear-gradient(#0000 30%,#020914 100%),url(/brand/wallpaper.png) 50% 62%/cover;align-items:flex-end;min-height:270px;padding:16px;display:flex}.hero-card h1{margin:5px 0;font-size:28px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.feature{min-height:112px;padding:14px}.feature svg{color:var(--mt-pink);margin-bottom:10px}.feature h3{margin:0;font-size:15px}.feature p{color:var(--mt-text-muted);font-size:11px}.community-row{border-bottom:1px solid #173246;align-items:center;gap:12px;padding:12px;display:flex}.community-row:last-child{border:0}.community-row .avatar{flex:0 0 48px}.community-row strong{display:block}.community-row small{color:var(--mt-text-muted)}.community-row .chev{color:var(--mt-cyan);margin-left:auto}.tabs{border-bottom:1px solid var(--mt-border);margin:12px 0;display:flex}.tabs span{text-align:center;color:var(--mt-text-muted);flex:1;padding:10px;font-size:12px}.tabs .active{color:var(--mt-cyan);border-bottom:2px solid var(--mt-cyan)}.profile-cover{background:url(/brand/wallpaper.png) 50% 82%/cover;height:145px}.profile-main{padding:0 16px 16px}.profile-main .avatar{width:82px;height:82px;margin-top:-41px}.stats{text-align:center;justify-content:space-around;margin:15px 0;display:flex}.stats strong{display:block}.stats small{color:var(--mt-text-muted)}.gallery{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.gallery div{aspect-ratio:1;background:url(/brand/wallpaper.png) 50%/cover}.gallery div:nth-child(2n){background-position:35% 90%}.gallery div:nth-child(3n){background-position:65% 55%}.auth-page{background:linear-gradient(#02091499,#020914),url(/brand/wallpaper.png) 50%/cover;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#04111dec;border:1px solid #9f28d3;border-radius:24px;width:min(100%,390px);padding:25px;box-shadow:0 0 45px #f91fbd22}.auth-logo{width:230px;margin:0 auto 16px;display:block}.auth-card h1{text-align:center}.form-stack{gap:12px;display:grid}.form-stack label{color:#bed0de;gap:5px;font-size:12px;display:grid}.form-stack .button{width:100%;margin-top:4px}.auth-links{justify-content:space-between;margin-top:16px;font-size:12px;display:flex}.auth-links a{color:var(--mt-cyan)}.form-message{background:#142536;border-radius:8px;padding:9px;font-size:12px}.detail-hero{background:linear-gradient(#0000,#04101c),url(/brand/wallpaper.png) 50% 70%/cover;align-items:flex-end;height:230px;padding:18px;display:flex}.detail-body{padding:16px}.detail-body h1{margin:0}.info-list{gap:10px;margin:16px 0;display:grid}.info-list p{color:#c8d8e4;margin:0}.reel{background:linear-gradient(#0000 45%,#010711),url(/brand/wallpaper.png) 50%/cover;height:calc(100vh - 164px);min-height:540px;position:relative}.reel-copy{position:absolute;bottom:24px;left:16px;right:70px}.reel-actions{text-align:center;gap:18px;display:grid;position:absolute;bottom:26px;right:14px}.pass{padding:18px;position:relative}.pass:before{content:"DEMO";color:var(--mt-warning);font-size:10px;position:absolute;top:12px;right:12px}.qr-placeholder{background:repeating-conic-gradient(#fff 0 25%,#091523 0 50%) 0/20px 20px;border:10px solid #fff;width:150px;height:150px;margin:18px auto}.desktop-note{display:none}.error-state{border-color:var(--mt-danger);padding:16px}.skeleton{background:linear-gradient(90deg,#0b1b29,#173043,#0b1b29) 0 0/200%;border-radius:16px;height:120px;animation:1.5s infinite pulse}@keyframes pulse{to{background-position:-200%}}@media (min-width:768px){.app-content{padding-top:24px}.feature-grid{grid-template-columns:repeat(4,1fr)}.desktop-note{color:#678095;font-size:11px;display:block;position:fixed;bottom:20px;right:20px}.event-card{grid-template-columns:150px 1fr}.event-art{background-size:400px}}@media (min-width:1024px){.app-shell{border-left:1px solid #112a3c;border-right:1px solid #112a3c;max-width:760px;margin:auto}.app-header{padding-left:calc(50% - 365px);padding-right:calc(50% - 365px)}}
.avatar{display:inline-block}.auth-logo{height:auto}body{background:0 0;overflow-x:clip}.site-backdrop{z-index:-1;pointer-events:none;background:var(--mt-bg);height:100lvh;position:fixed;inset:0;overflow:hidden}.site-backdrop img{object-fit:cover;object-position:50% 0}.site-backdrop:after{content:"";background:linear-gradient(#02091426 0%,#0209148c 42%,#020914d9 100%);position:absolute;inset:0}.auth-page{min-height:100svh;padding:max(24px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:0 0}.app-shell{background:linear-gradient(#020914b3,#020914e0 30%)}button,input,textarea,select{font-family:inherit}.auth-card h1{font-size:var(--mt-font-size-xl);font-weight:var(--mt-font-weight-bold);letter-spacing:-.01em;margin:4px 0 10px;line-height:1.2}@media (min-width:768px){.auth-card h1{font-size:32px}}.auth-card .muted{font-size:var(--mt-font-size-base)}.form-stack label{font-size:var(--mt-font-size-sm);font-weight:var(--mt-font-weight-medium)}.form-stack label span{font-weight:var(--mt-font-weight-regular)}.input{font-size:16px}.button{font-size:var(--mt-font-size-base);font-weight:var(--mt-font-weight-semibold)}.form-message{font-size:var(--mt-font-size-sm);line-height:var(--mt-line-height)}.auth-links{font-size:var(--mt-font-size-sm)}.auth-card:has(.signup-done)>h1{display:none}.auth-card:has(.signup-done)>.muted{display:none}.signup-done{text-align:center;justify-items:center;gap:10px;padding:4px 4px 0;display:grid}.signup-done-icon{width:56px;height:56px;color:var(--mt-pink);box-shadow:var(--mt-glow);background:radial-gradient(circle,#f91fbd26,#f91fbd08 70%);border:1px solid #f91fbd55;border-radius:50%;place-items:center;display:grid}.signup-done h1{margin:6px 0 0}.signup-done p{color:var(--mt-text-muted);font-size:var(--mt-font-size-base);line-height:var(--mt-line-height);max-width:32ch;margin:0}.signup-done .signup-done-hint{font-size:var(--mt-font-size-sm);margin-top:6px}.signup-done .button{place-items:center;width:100%;margin-top:8px;display:grid}.demo-note{margin:4px 0 12px;font-size:12px}