:root{--color-bg:#060a10;--color-card-bg:#0d1520;--color-card-border:#1e2a3a;--color-text:#f0f4f8;--color-overlay:#060a10d9;--color-text-muted:#6a8099;--color-pink:#ff2d78;--color-blue:#00cfff;--color-amber:#e8933a;--color-gold:#d4a843;--color-green:#00ff9d;--color-purple:#bf5fff;--color-red:#ff3030;--font-body:"Mulish", "Trebuchet MS", sans-serif;--font-header:"Mulish", "Trebuchet MS", sans-serif;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:24px;--text-2xl:32px;--text-3xl:40px;--text-4xl:48px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--safe-top:env(safe-area-inset-top);--safe-bottom:env(safe-area-inset-bottom);--safe-left:env(safe-area-inset-left);--safe-right:env(safe-area-inset-right);--glow-pink:0 0 20px #ff2d78;--glow-blue:0 0 20px #00cfff;--glow-amber:0 0 20px #e8933a;--glow-gold:0 0 20px #d4a843;--glow-green:0 0 20px #00ff9d;--glow-purple:0 0 20px #bf5fff;--glow-red:0 0 20px #ff3030;--glow-pink-soft:0 0 10px #ff2d78;--glow-blue-soft:0 0 10px #00cfff;--glow-amber-soft:0 0 10px #e8933a;--glow-gold-soft:0 0 10px #d4a843;--glow-green-soft:0 0 10px #00ff9d;--glow-purple-soft:0 0 10px #bf5fff;--glow-red-soft:0 0 10px #ff3030}html{-webkit-text-size-adjust:100%}html,body{overscroll-behavior:none}body{-webkit-tap-highlight-color:transparent;min-width:100%;margin:0}#root{width:100%;max-width:none;margin:0;padding:0}input,textarea,select{font-size:16px}.mall-badge{border-radius:50%;flex-shrink:0}.two-hearts{vertical-align:-1px;color:var(--color-pink);filter:drop-shadow(0 0 4px #ff2d78e6)drop-shadow(0 0 10px #ff2d7873);flex-shrink:0;margin-left:5px;display:inline-block}.report-flag{appearance:none;cursor:pointer;letter-spacing:.5px;color:var(--color-text-muted);opacity:.55;background:0 0;border:none;padding:2px 4px;font-family:Mulish,sans-serif;font-size:11px;font-weight:700;transition:opacity .15s,color .15s}.report-flag:hover{opacity:1;color:var(--color-pink)}.confirm-modal-overlay{z-index:1200;background:var(--color-overlay);overscroll-behavior:contain;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.confirm-modal{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:12px;width:100%;max-width:440px;padding:28px 24px 20px;position:relative}.confirm-modal-title{color:var(--color-pink);text-shadow:var(--glow-pink-soft);letter-spacing:1px;text-align:center;margin:0 0 12px;font-family:Mulish,sans-serif;font-size:18px;font-weight:800}.confirm-modal-body{font-family:var(--font-body);color:var(--color-text);text-align:center;margin:0 0 24px;font-size:15px;line-height:1.5}.confirm-modal-actions{gap:12px;display:flex}.confirm-modal-cancel,.confirm-modal-confirm{cursor:pointer;letter-spacing:2px;text-transform:uppercase;border-radius:8px;flex:1;min-height:44px;padding:12px 16px;font-family:Mulish,sans-serif;font-size:13px}.confirm-modal-cancel{border:1px solid var(--color-card-border);color:var(--color-text);background:0 0;font-weight:700;transition:border-color .15s}.confirm-modal-cancel:hover:not(:disabled){border-color:var(--color-text)}.confirm-modal-confirm{color:#060a10;border:none;font-family:Archivo Black,sans-serif}.confirm-modal-cancel:disabled,.confirm-modal-confirm:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.confirm-modal-confirm-pink{background:var(--color-pink);box-shadow:var(--glow-pink-soft)}.confirm-modal-confirm-red{background:var(--color-red);box-shadow:var(--glow-red-soft)}.locker-trigger{position:relative}.locker-icon{color:var(--color-blue);transition:color .22s,filter .22s}.locker-icon-active{color:var(--color-green);filter:drop-shadow(0 0 4px var(--color-green));animation:1.8s ease-in-out infinite locker-icon-pulse}@keyframes locker-icon-pulse{0%,to{filter:drop-shadow(0 0 4px var(--color-green))}50%{filter:drop-shadow(0 0 10px var(--color-green))}}.locker-overlay{z-index:1200;background:var(--color-overlay);overscroll-behavior:contain;justify-content:center;align-items:flex-start;padding:64px 16px 24px;display:flex;position:fixed;inset:0;overflow-y:auto}.locker-modal{background:repeating-linear-gradient(90deg, #ffffff04 0px, #ffffff04 1px, transparent 1px, transparent 3px), linear-gradient(180deg, #8c98a412 0%, #3c465208 50%, #8c98a412 100%), var(--color-card-bg);width:100%;max-width:440px;max-height:calc(100dvh - 96px);font-family:var(--font-body);color:var(--color-text);border:1px solid #8c98a438;border-radius:12px;flex-direction:column;padding:18px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0d,0 12px 32px #00000080}.locker-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.locker-header-titles{flex:1;min-width:0}.locker-title{letter-spacing:2px;text-transform:uppercase;color:var(--color-pink);text-shadow:var(--glow-pink-soft);margin:0;font-family:Mulish,sans-serif;font-size:18px;font-weight:800}.locker-subtitle{color:var(--color-text-muted);letter-spacing:.5px;margin:6px 0 0;font-size:12px}.locker-close{width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:26px;line-height:1;transition:color .15s,background .15s;display:flex}.locker-close:hover{color:var(--color-text);background:#ffffff0a}.locker-content{flex:1;min-height:0;overflow-y:auto}.locker-state{text-align:center;color:var(--color-text-muted);padding:36px 8px;font-size:14px;line-height:1.5}.locker-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:28px 12px 24px;display:flex}.locker-empty-heading{color:var(--color-text);letter-spacing:.3px;margin:0;font-family:Mulish,sans-serif;font-size:15px;font-weight:700}.locker-empty-body{color:var(--color-text-muted);max-width:320px;margin:0;font-size:13px;line-height:1.55}.locker-empty-cta{background:var(--color-pink);color:#000;letter-spacing:3px;text-transform:uppercase;cursor:pointer;border:none;border-radius:8px;min-height:44px;margin-top:6px;padding:12px 22px;font-family:Archivo Black,sans-serif;font-size:14px;transition:box-shadow .2s;box-shadow:0 0 16px #ff2d7873}.locker-empty-cta:hover{box-shadow:0 0 24px #ff2d78b3}.locker-list{flex-direction:column;gap:6px;display:flex}.locker-row-wrap{background:#141a2280;border:1px solid #8c98a42e;border-radius:10px;flex-direction:column;transition:border-color .15s;display:flex;overflow:hidden}.locker-row-wrap:hover{border-color:var(--color-pink)}.locker-row{text-align:left;cursor:pointer;width:100%;font-family:var(--font-body);color:var(--color-text);opacity:.62;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:12px;padding:10px 12px;transition:opacity .15s,background .15s;display:flex}.locker-row-unread{opacity:1;border-left-color:var(--color-pink);background:#ff2d781a}.locker-row-unread .locker-row-name{font-weight:800}.locker-row-expanded{opacity:1;background:#00cfff0a}.locker-section-header{letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-muted);padding:16px 12px 6px;font-family:Mulish,sans-serif;font-size:11px;font-weight:800}.locker-list>.locker-section-header:first-child{padding-top:4px}.locker-detail{background:#080c1266;border-top:1px solid #8c98a42e;flex-direction:column;gap:10px;padding:12px;display:flex}.locker-detail-state{text-align:center;color:var(--color-text-muted);margin:0;padding:6px 0;font-size:13px}.locker-detail-state-error{color:var(--color-red)}.locker-detail-song{flex-direction:column;gap:2px;display:flex}.locker-detail-title{color:var(--color-text);word-break:break-word;margin:0;font-family:Mulish,sans-serif;font-size:14px;font-weight:700}.locker-detail-artist{color:var(--color-text-muted);margin:0;font-size:12px}.locker-embed{aspect-ratio:16/9;border:1px solid var(--color-card-border);background:#000;border-radius:6px;width:100%;position:relative;overflow:hidden}.locker-embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.locker-detail-message{color:var(--color-text);border-left:2px solid var(--color-blue);white-space:pre-wrap;word-break:break-word;background:#00cfff0a;border-radius:0 6px 6px 0;margin:0;padding:8px 10px;font-family:Georgia,serif;font-size:13px;font-style:italic;line-height:1.5}.locker-detail-gift{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:8px 4px 4px;display:flex}.locker-detail-gift-emoji{font-size:44px;line-height:1}.locker-detail-gift-line{color:var(--color-text);margin:0;font-size:14px}.locker-detail-gift .locker-detail-message{text-align:left;align-self:stretch}.locker-detail-gift-decline{color:var(--color-text-dim);border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:999px;margin-top:2px;padding:6px 16px;font-size:12px}.locker-detail-gift-decline:hover{color:var(--color-text);border-color:var(--color-text-dim)}.locker-detail-gift-wall{letter-spacing:.5px;color:#000;background:var(--color-pink);cursor:pointer;border:none;border-radius:999px;margin-top:2px;padding:8px 18px;font-size:12px;font-weight:700}.locker-detail-accepted{background:#ff2d780d;border:1px solid #ff2d7840;border-radius:10px;padding:12px;box-shadow:inset 0 0 16px #ff2d7814}.locker-detail-accepted-pair{text-align:center;letter-spacing:.4px;color:var(--color-text);border-bottom:1px solid #ff2d7833;margin:0 0 12px;padding:0 0 10px;font-family:Mulish,sans-serif;font-size:14px;font-weight:700}.locker-detail-accepted-pair-and{color:var(--color-text-muted);text-shadow:none;font-weight:600}.locker-detail-accepted-body{color:var(--color-text);margin:0;font-family:Georgia,serif;font-size:13px;font-style:italic;line-height:1.6}.locker-detail-mall{background:#ff2d780a;border:1px solid #ff2d784d;border-radius:10px;padding:14px}.locker-detail-mall-eyebrow{letter-spacing:3px;text-transform:uppercase;color:var(--color-pink);text-shadow:var(--glow-pink-soft);border-bottom:1px solid #ff2d7840;margin:0 0 10px;padding:0 0 8px;font-family:Mulish,sans-serif;font-size:11px;font-weight:800}.locker-detail-mall-body{color:var(--color-text);white-space:pre-wrap;word-break:break-word;margin:0;font-family:Georgia,serif;font-size:13px;font-style:italic;line-height:1.6}.locker-row-name-partners{white-space:normal;word-break:break-word;color:var(--color-text);line-height:1.35}.locker-row-name-and{color:var(--color-text-muted);font-weight:600}.locker-reply{flex-direction:column;gap:8px;display:flex}.locker-reply-input{background:var(--color-card-bg);border:1px solid var(--color-card-border);width:100%;color:var(--color-text);font-family:var(--font-body);resize:vertical;border-radius:8px;min-height:80px;padding:10px 12px;font-size:16px;line-height:1.45;transition:border-color .15s,box-shadow .15s}.locker-reply-input:focus{border-color:var(--color-pink);outline:none;box-shadow:0 0 0 3px #ff2d7826}.locker-reply-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.locker-reply-cost{letter-spacing:.3px;color:var(--color-gold);font-size:12px;font-weight:600}.locker-reply-cost-free{color:var(--color-green)}.locker-reply-cost-low{color:var(--color-red)}.locker-reply-send{background:var(--color-pink);color:#000;letter-spacing:3px;text-transform:uppercase;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;min-height:40px;padding:10px 18px;font-family:Archivo Black,sans-serif;font-size:13px;transition:opacity .2s,box-shadow .2s;box-shadow:0 0 16px #ff2d7873}.locker-reply-send:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.locker-reply-send:not(:disabled):hover{box-shadow:0 0 24px #ff2d78a6}.locker-row-avatar{border:1px solid var(--color-card-border);background:#ffffff05;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.locker-row-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.locker-row-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-family:Mulish,sans-serif;font-size:13px;font-weight:700;overflow:hidden}.locker-row-preview{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.4;overflow:hidden}.locker-row-time{color:var(--color-text-muted);letter-spacing:.3px;flex-shrink:0;font-size:11px}.locker-note-quiet-row{gap:12px;margin:-4px 0 4px;display:flex}.purchase-overlay{z-index:1400;background:var(--color-overlay);overscroll-behavior:contain;justify-content:center;align-items:flex-start;padding:92px 16px 24px;display:flex;position:fixed;inset:0;overflow-y:auto}.purchase-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:14px;width:100%;max-width:480px;padding:18px 18px 16px;position:relative;box-shadow:0 12px 44px #0000008c,0 0 24px #d4a84324}.purchase-toast{z-index:1400;background:var(--color-card-bg);border:1px solid var(--color-card-border);color:var(--color-text);border-radius:10px;align-items:center;gap:8px;padding:9px 8px 9px 16px;font-size:14px;font-weight:700;display:flex;position:fixed;top:100px;left:50%;transform:translate(-50%);box-shadow:0 12px 44px #0000008c}.purchase-toast-close{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;font-size:20px;line-height:1}.purchase-card-close{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1;position:absolute;top:8px;right:8px}.purchase-card-head{justify-content:center;align-items:center;gap:8px;display:flex}.purchase-card-title{letter-spacing:1px;text-transform:uppercase;color:var(--color-gold);text-shadow:var(--glow-gold-soft);margin:0;font-family:Mulish,sans-serif;font-size:19px;font-weight:800}.purchase-card-sub{text-align:center;color:var(--color-text-muted);margin:8px 0 16px;font-size:14px;line-height:1.5}.purchase-card-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.purchase-card-action{text-align:center;border:1px solid var(--color-card-border);color:var(--color-text);background:#0a121c;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:14px 10px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.purchase-card-action:hover{border-color:var(--color-pink);background:#0e1622}.purchase-card-action-label{color:var(--color-pink);font-size:15px;font-weight:800}.purchase-card-action-desc{color:var(--color-text-muted);font-size:12px;line-height:1.35}.purchase-card-back{border:1px solid var(--color-card-border);width:100%;color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:10px;margin-top:14px;padding:11px;font-family:Mulish,sans-serif;font-size:14px;font-weight:700;transition:border-color .15s,color .15s}.purchase-card-back:hover{border-color:var(--color-text-muted);color:var(--color-text)}.purchase-welcome-headline{text-align:center;letter-spacing:.3px;color:var(--color-text);margin:4px 0 12px;font-family:Mulish,sans-serif;font-size:22px;font-weight:800;line-height:1.3}.purchase-welcome-town{color:var(--color-blue);text-shadow:var(--glow-blue-soft)}.purchase-welcome-line2{white-space:nowrap}.purchase-card-welcome{border-color:var(--color-pink);box-shadow:0 0 32px #ff2d788c,0 0 60px #ff2d7840,inset 0 0 24px #ff2d7814}.purchase-welcome-go{background:var(--color-pink);color:#000;letter-spacing:3px;text-transform:uppercase;cursor:pointer;border:none;border-radius:8px;width:100%;min-height:50px;margin-top:16px;padding:14px;font-family:Impact,Arial Narrow Bold,sans-serif;font-size:18px;transition:box-shadow .2s;box-shadow:0 0 24px #ff2d788c}.purchase-welcome-go:hover{box-shadow:0 0 36px #ff2d78d9}.account-screen{z-index:2000;background:var(--color-bg,#060a10);font-family:var(--font-body);color:var(--color-text);justify-content:center;align-items:center;padding:24px 18px;display:flex;position:fixed;inset:0}.account-screen-card{border:1px solid var(--color-card-border);text-align:center;background:radial-gradient(circle at top,#ffffff0a 0%,#0000 70%),#0d1520;border-radius:16px;width:100%;max-width:440px;padding:38px 26px}.account-screen-amber .account-screen-card{border-color:var(--color-amber);box-shadow:0 0 28px #e8933a59,inset 0 0 20px #e8933a0f}.account-screen-amber .account-screen-eyebrow{color:var(--color-amber);text-shadow:var(--glow-amber-soft)}.account-screen-red .account-screen-card{border-color:var(--color-red);box-shadow:0 0 28px #ff303059,inset 0 0 20px #ff30300d}.account-screen-red .account-screen-eyebrow{color:var(--color-red)}.account-screen-muted .account-screen-card{border-color:var(--color-card-border);box-shadow:none}.account-screen-muted .account-screen-eyebrow{color:var(--color-text-muted)}.account-screen-eyebrow{letter-spacing:3px;text-transform:uppercase;margin:0 0 18px;font-family:Mulish,sans-serif;font-size:11px;font-weight:800}.account-screen-headline{letter-spacing:.5px;color:var(--color-text);margin:0 0 16px;font-family:Mulish,sans-serif;font-size:22px;font-weight:800;line-height:1.3}.account-screen-body{color:var(--color-text);margin:0 0 26px;font-family:Georgia,serif;font-size:15px;font-style:italic;line-height:1.55}.account-screen-emphasis{color:var(--color-amber);font-family:Mulish,sans-serif;font-style:normal;font-weight:700}.account-screen-button{appearance:none;border:1px solid var(--color-card-border);letter-spacing:2.4px;text-transform:uppercase;color:var(--color-text);cursor:pointer;background:0 0;border-radius:999px;padding:12px 28px;font-family:Mulish,sans-serif;font-size:12px;font-weight:700;transition:border-color .15s,color .15s;display:inline-block}.account-screen-button:hover{border-color:var(--color-text)}.app-layout{background:var(--color-bg);min-height:100dvh;color:var(--color-text);flex-direction:column;display:flex}.app-header{z-index:50;height:calc(56px + var(--safe-top));padding:0 12px;padding-top:var(--safe-top);background:var(--color-bg);border-bottom:1px solid var(--color-card-border);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.app-logo{letter-spacing:3px;text-transform:uppercase;color:var(--color-pink);text-shadow:var(--glow-pink-soft);white-space:nowrap;font-family:Mulish,sans-serif;font-size:16px;font-weight:800}.app-header-utils{align-items:center;gap:4px;display:flex}.util-quarters{cursor:pointer;color:var(--color-gold);text-shadow:var(--glow-gold-soft);white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 8px;font-family:Mulish,sans-serif;font-size:15px;font-weight:700;display:flex}.util-quarters:hover{background:#ffffff0d}.util-button{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:8px;display:inline-flex}.util-button:hover{background:#ffffff0d}.util-admin-pill{appearance:none;border:1px solid var(--color-pink);letter-spacing:2px;color:var(--color-pink);text-shadow:var(--glow-pink-soft);cursor:pointer;background:#ff2d7814;border-radius:999px;align-items:center;padding:5px 10px;font-family:Mulish,sans-serif;font-size:11px;font-weight:800;transition:box-shadow .15s,background .15s;display:inline-flex;box-shadow:0 0 12px #ff2d784d}.util-admin-pill:hover{background:#ff2d7829;box-shadow:0 0 18px #ff2d7880}.profile-menu-container{position:relative}.profile-menu-backdrop{z-index:1099;background:0 0;position:fixed;inset:0}.profile-menu{z-index:1100;background:var(--color-card-bg);border:1px solid var(--color-card-border);min-width:180px;font-family:var(--font-body);border-radius:10px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #0000008c}.profile-menu-item{text-align:left;width:100%;color:var(--color-text);font-family:var(--font-body);letter-spacing:.3px;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:10px 12px;font-size:14px;transition:background .12s,color .12s;display:block}.profile-menu-item:hover{background:#ffffff0d}.profile-menu-item-logout{color:var(--color-text-muted)}.profile-menu-item-logout:hover{color:var(--color-pink);background:#ff2d780f}.profile-menu-divider{background:var(--color-card-border);height:1px;margin:4px 6px}.app-nav-desktop{display:none}@media (width>=768px){.app-header{height:calc(64px + var(--safe-top));padding:0 24px;padding-top:var(--safe-top);gap:16px}.app-logo{font-size:18px}.app-nav-desktop{flex:1;justify-content:center;gap:4px;display:flex}.app-nav-desktop .nav-tab{border-radius:6px;flex-direction:row;flex:none;gap:8px;padding:8px 14px}.app-nav-desktop .nav-tab-label{white-space:nowrap;font-size:13px}.util-quarters{font-size:16px}}.app-content{padding-bottom:calc(72px + var(--safe-bottom));flex-direction:column;flex:1;display:flex}@media (width>=768px){.app-content{padding-bottom:0}}.app-nav-mobile{z-index:50;background:var(--color-bg);border-top:1px solid var(--color-card-border);padding-bottom:var(--safe-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}@media (width>=768px){.app-nav-mobile{display:none}}body.genxkid-immersive .app-nav-mobile,body.latchkey-immersive .app-nav-mobile,body.swarm-immersive .app-nav-mobile,body.flight19-immersive .app-nav-mobile,body.razorapple-immersive .app-nav-mobile,body.quicksand-immersive .app-nav-mobile,body.skylab-immersive .app-nav-mobile{display:none}body.genxkid-immersive .app-content,body.latchkey-immersive .app-content,body.swarm-immersive .app-content,body.flight19-immersive .app-content,body.razorapple-immersive .app-content,body.quicksand-immersive .app-content,body.skylab-immersive .app-content{padding-bottom:0}.nav-tab{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:4px;min-height:64px;padding:10px 2px;font-family:Mulish,sans-serif;text-decoration:none;transition:color .15s;display:flex}.nav-tab-label{letter-spacing:.5px;text-transform:uppercase;text-align:center;overflow-wrap:break-word;word-break:normal;font-size:10px;font-weight:600;line-height:1.2}.nav-tab-active{color:var(--color-pink);text-shadow:var(--glow-pink-soft)}.nav-tab-active img{filter:drop-shadow(0 0 6px var(--color-pink))}.welcome{background-image:-webkit-image-set(url(/assets/mall-entrance-mobile.webp) 1x type("image/webp"),url(/assets/mall-entrance-mobile.png) 1x type("image/png"));background-image:image-set("/assets/mall-entrance-mobile.webp" 1x type("image/webp"),"/assets/mall-entrance-mobile.png" 1x type("image/png"));background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100dvh;position:relative;overflow:hidden}.welcome-overlay{pointer-events:none;background:radial-gradient(80% 50% at 50% 80%,#060a10d9 0%,#060a1099 40%,#0000 75%);position:absolute;inset:0}.welcome-content{text-align:center;z-index:2;position:absolute;bottom:80px;left:24px;right:24px}.hero-divider{background:linear-gradient(90deg,#0000,#ff2d78,#0000);border:none;width:60%;max-width:240px;height:2px;margin:0 auto 16px;box-shadow:0 0 12px #ff2d78}.tagline{color:#f0f4f8;text-shadow:0 0 12px #00cfff;margin-bottom:20px;font-family:Georgia,Times New Roman,serif;font-size:22px;font-style:italic;font-weight:400;line-height:1.2}.subtitle{font-family:var(--font-body);color:var(--color-text);opacity:.85;max-width:420px;margin:0 auto 32px;font-size:16px;font-weight:400;line-height:1.5}.cta-button{color:#000;cursor:pointer;letter-spacing:4px;text-transform:uppercase;background:#00cfff;border:none;border-radius:8px;width:100%;max-width:480px;min-height:48px;padding:20px 64px;font-family:Impact,Arial Narrow Bold,sans-serif;font-size:20px;box-shadow:0 0 24px #00cfff88}.hero-footer{padding-bottom:var(--safe-bottom);text-align:center;font-family:var(--font-body);letter-spacing:2px;text-transform:uppercase;color:#f0f4f8;margin-top:24px;font-size:13px;font-weight:600}@media (width>=768px){.welcome{background-image:-webkit-image-set(url(/assets/mall-entrance-desktop.webp) 1x type("image/webp"),url(/assets/mall-entrance-desktop.jpg) 1x type("image/jpeg"));background-image:image-set("/assets/mall-entrance-desktop.webp" 1x type("image/webp"),"/assets/mall-entrance-desktop.jpg" 1x type("image/jpeg"))}.welcome-content{max-width:700px;bottom:120px;left:50%;right:auto;transform:translate(-50%)}.hero-divider{max-width:320px;margin:0 auto 32px}.tagline{margin-bottom:32px;font-size:26px}.subtitle{max-width:600px;margin:0 auto 48px;font-size:17px}.cta-button{letter-spacing:4px;width:100%;max-width:560px;padding:22px 80px;font-size:20px}.hero-footer{margin-top:32px;font-size:13px}}.welcome-legal{letter-spacing:.5px;color:#f0f4f880;margin-top:14px;font-size:12px}.welcome-legal a{color:#f0f4f899;text-decoration:none}.welcome-legal a:hover{color:#f0f4f8;text-decoration:underline}.avatar-picker{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.avatar-tile{background:var(--color-card-bg);border:2px solid var(--color-card-border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:56px;padding:10px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.avatar-tile:hover{border-color:var(--color-pink);background:#ff2d780d}.avatar-tile-active{border-color:var(--color-pink);box-shadow:var(--glow-pink-soft);background:#ff2d7814}@media (width>=768px){.avatar-tile{min-height:68px;padding:14px}}.forgot-modal-overlay{z-index:1100;background:var(--color-overlay);overscroll-behavior:contain;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.forgot-modal{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:12px;width:100%;max-width:420px;padding:32px 24px 24px;position:relative}.forgot-modal-close{color:var(--color-text);cursor:pointer;font-size:28px;line-height:1;font-family:var(--font-body);opacity:.7;background:0 0;border:none;padding:8px 14px;position:absolute;top:8px;right:8px}.forgot-modal-close:hover{opacity:1}.forgot-modal-title{letter-spacing:1px;color:var(--color-pink);text-shadow:var(--glow-pink-soft);text-align:center;margin-bottom:8px;font-family:Mulish,sans-serif;font-size:22px;font-weight:800}.forgot-modal-subtitle{font-family:var(--font-body);color:var(--color-text);opacity:.8;text-align:center;margin-bottom:20px;font-size:14px}.forgot-modal-input{background:var(--color-bg);border:1px solid var(--color-card-border);width:100%;font-family:var(--font-body);color:var(--color-text);border-radius:8px;outline:none;margin-bottom:16px;padding:14px 16px;font-size:16px;transition:border-color .15s,box-shadow .15s}.forgot-modal-input:focus{border-color:var(--color-blue);box-shadow:var(--glow-blue-soft)}.forgot-modal-error{font-family:var(--font-body);color:var(--color-red);text-align:center;margin-bottom:12px;font-size:13px}.forgot-modal-button{background:var(--color-blue);color:#000;letter-spacing:2px;text-transform:uppercase;cursor:pointer;border:none;border-radius:8px;width:100%;min-height:48px;padding:14px;font-family:Mulish,sans-serif;font-size:15px;font-weight:800;box-shadow:0 0 16px #00cfff66}.forgot-modal-button:disabled{opacity:.6;cursor:not-allowed}.forgot-modal-success{text-align:center}.forgot-modal-success p{font-family:var(--font-body);color:var(--color-text);margin-bottom:20px;font-size:15px;line-height:1.5}.auth{background-image:-webkit-image-set(url(/assets/mall-entrance-mobile.webp) 1x type("image/webp"),url(/assets/mall-entrance-mobile.png) 1x type("image/png"));background-image:image-set("/assets/mall-entrance-mobile.webp" 1x type("image/webp"),"/assets/mall-entrance-mobile.png" 1x type("image/png"));background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100dvh;position:relative}@media (width>=768px){.auth{background-image:-webkit-image-set(url(/assets/mall-entrance-desktop.webp) 1x type("image/webp"),url(/assets/mall-entrance-desktop.jpg) 1x type("image/jpeg"));background-image:image-set("/assets/mall-entrance-desktop.webp" 1x type("image/webp"),"/assets/mall-entrance-desktop.jpg" 1x type("image/jpeg"));background-attachment:fixed}}.auth-overlay{pointer-events:none;background:#060a10c7;position:absolute;inset:0}.auth-container{z-index:1;padding:32px 16px calc(48px + var(--safe-bottom));padding-top:calc(32px + var(--safe-top));flex-direction:column;align-items:center;gap:24px;display:flex;position:relative}.auth-title{letter-spacing:6px;text-transform:uppercase;color:var(--color-pink);text-shadow:var(--glow-pink);text-align:center;font-family:Mulish,sans-serif;font-size:28px;font-weight:800}.auth-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:12px;width:100%;max-width:480px;overflow:hidden}.auth-banner-success{color:var(--color-green);font-family:var(--font-body);text-align:center;text-shadow:var(--glow-green-soft);background:#00ff9d14;border:1px solid #00ff9d59;border-radius:8px;margin:16px 20px 0;padding:12px 16px;font-size:14px;font-weight:600}.auth-tabs{border-bottom:1px solid var(--color-card-border);display:flex}.auth-tab{letter-spacing:2px;text-transform:uppercase;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:16px;font-family:Mulish,sans-serif;font-size:14px;font-weight:700;transition:color .15s,box-shadow .15s}.auth-tab-active{color:var(--color-pink);text-shadow:var(--glow-pink-soft);border-bottom-color:var(--color-pink);box-shadow:0 2px 12px #ff2d784d}.auth-form{flex-direction:column;gap:16px;padding:20px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-label{letter-spacing:2px;text-transform:uppercase;color:var(--color-text);opacity:.85;font-family:Mulish,sans-serif;font-size:12px;font-weight:700}.auth-input{background:var(--color-bg);border:1px solid var(--color-card-border);width:100%;font-family:var(--font-body);color:var(--color-text);border-radius:8px;outline:none;padding:14px 16px;font-size:16px;transition:border-color .15s,box-shadow .15s}.auth-input:focus{border-color:var(--color-blue);box-shadow:var(--glow-blue-soft)}select.auth-input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--color-text-muted) 50%), linear-gradient(135deg, var(--color-text-muted) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 12px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:36px}.auth-radio-row{flex-wrap:wrap;gap:8px;display:flex}.auth-radio{background:var(--color-bg);border:1px solid var(--color-card-border);cursor:pointer;font-family:var(--font-body);color:var(--color-text);border-radius:8px;flex:1;align-items:center;gap:10px;min-width:0;padding:12px 14px;font-size:15px;transition:border-color .15s;display:flex}.auth-radio:has(input:checked){border-color:var(--color-pink);box-shadow:var(--glow-pink-soft)}.auth-radio input[type=radio]{appearance:none;border:2px solid var(--color-card-border);border-radius:50%;flex-shrink:0;width:18px;height:18px;margin:0;position:relative}.auth-radio input[type=radio]:checked{border-color:var(--color-pink)}.auth-radio input[type=radio]:checked:after{content:"";background:var(--color-pink);box-shadow:var(--glow-pink-soft);border-radius:50%;position:absolute;inset:3px}.auth-error{font-family:var(--font-body);color:var(--color-red);font-size:13px;line-height:1.4}.auth-server-error{text-align:center;background:#ff30301a;border:1px solid #ff30304d;border-radius:8px;padding:10px 12px}.auth-forgot{color:var(--color-blue);font-family:var(--font-body);text-align:right;cursor:pointer;text-shadow:var(--glow-blue-soft);background:0 0;border:none;padding:4px 0;font-size:14px}.auth-submit{background:var(--color-blue);color:#000;letter-spacing:4px;text-transform:uppercase;cursor:pointer;border:none;border-radius:8px;width:100%;min-height:48px;margin-top:8px;padding:16px;font-family:Archivo Black,sans-serif;font-size:18px;box-shadow:0 0 24px #00cfff88}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-consent{text-align:center;color:var(--color-text-muted);margin:12px 0 0;font-size:12px;line-height:1.5}.auth-consent a{color:var(--color-text);text-decoration:underline}.reset-state{flex-direction:column;align-items:center;gap:18px;padding:32px 24px;display:flex}.reset-divider{background:linear-gradient(90deg,#0000,#ff2d78,#0000);border:none;width:60%;max-width:200px;height:2px;margin:0 0 4px;box-shadow:0 0 12px #ff2d78}.reset-header{letter-spacing:3px;text-transform:uppercase;color:var(--color-pink);text-shadow:var(--glow-pink);text-align:center;font-family:Mulish,sans-serif;font-size:22px;font-weight:800;line-height:1.2}.reset-body{font-family:var(--font-body);color:var(--color-text);opacity:.85;text-align:center;max-width:380px;font-size:15px;line-height:1.5}.reset-email{font-family:var(--font-body);color:var(--color-text);opacity:.85;text-align:center;letter-spacing:.5px;font-size:14px}.reset-email strong{color:var(--color-blue);text-shadow:var(--glow-blue-soft);font-weight:700}.reset-form{flex-direction:column;gap:16px;width:100%;margin-top:4px;display:flex}.reset-submit{margin-top:4px}.daily-question{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:720px;margin:0 auto;padding:32px 24px 24px;display:flex}.daily-question-date{letter-spacing:3px;text-transform:uppercase;color:var(--color-blue);text-shadow:var(--glow-blue-soft);margin:0;font-family:Mulish,sans-serif;font-size:12px;font-weight:700}.daily-question-text{color:var(--color-pink);text-shadow:var(--glow-pink);letter-spacing:.5px;margin:0;font-family:Mulish,sans-serif;font-size:24px;font-weight:800;line-height:1.3}.daily-question-empty{color:var(--color-text);opacity:.7;margin:0;font-family:Georgia,Times New Roman,serif;font-size:18px;font-style:italic;line-height:1.4}.daily-question-empty-link{color:var(--color-pink);border-bottom:1px solid #ff2d7880;text-decoration:none}.daily-question-empty-link:hover{border-bottom-color:var(--color-pink)}@media (width>=768px){.daily-question{gap:16px;padding:48px 32px 32px}.daily-question-date{font-size:13px}.daily-question-text{font-size:32px}.daily-question-empty{font-size:22px}}.response-composer{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:12px;flex-direction:column;gap:10px;max-width:720px;margin:0 auto 20px;padding:16px;display:flex}.response-composer-input{background:var(--color-bg);border:1px solid var(--color-card-border);width:100%;font-family:var(--font-body);color:var(--color-text);resize:vertical;border-radius:8px;outline:none;min-height:80px;padding:12px 14px;font-size:16px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.response-composer-input:focus{border-color:var(--color-pink);box-shadow:var(--glow-pink-soft)}.response-composer-input::placeholder{color:var(--color-text-muted)}.response-composer-bottom{justify-content:space-between;align-items:center;gap:12px;display:flex}.response-composer-counter{font-family:var(--font-body);color:var(--color-text-muted);font-size:12px}.response-composer-counter-warning{color:var(--color-amber);text-shadow:var(--glow-amber-soft)}.response-composer-error{font-family:var(--font-body);color:var(--color-red);text-align:center;flex:1;font-size:13px}.response-composer-button{background:var(--color-pink);color:#060a10;letter-spacing:3px;text-transform:uppercase;cursor:pointer;box-shadow:var(--glow-pink-soft);border:none;border-radius:8px;min-height:44px;padding:10px 28px;font-family:Archivo Black,sans-serif;font-size:14px}.response-composer-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}@media (width>=768px){.response-composer{padding:20px}}.response-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:12px;max-width:720px;margin:0 auto 12px;padding:14px 16px}.response-card-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.response-card-avatar{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.response-card-meta{flex:1;min-width:0}.response-card-nickname{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;text-align:left;width:100%;margin:0;font-family:Mulish,sans-serif;font-size:14px;font-weight:700;display:block;overflow:hidden}.response-card-time{font-family:var(--font-body);color:var(--color-text-muted);letter-spacing:.5px;margin:0;font-size:11px}.response-card-like{color:var(--color-text-muted);cursor:pointer;font-family:var(--font-body);background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;min-height:36px;padding:6px 8px;font-size:13px;font-weight:600;transition:color .15s;display:flex}.response-card-like:hover{color:var(--color-pink)}.response-card-like-active{color:var(--color-pink);text-shadow:var(--glow-pink-soft)}.response-card-like-active svg{filter:drop-shadow(0 0 6px var(--color-pink))}.response-card-text{font-family:var(--font-body);color:var(--color-text);white-space:pre-wrap;word-wrap:break-word;margin:0 0 10px;font-size:15px;line-height:1.5}.response-card-replies-toggle{color:var(--color-text-muted);cursor:pointer;font-family:var(--font-body);letter-spacing:.3px;background:0 0;border:none;align-items:center;gap:6px;padding:6px 0;font-size:13px;font-weight:600;transition:color .15s;display:flex}.response-card-replies-toggle:hover,.response-card-replies-toggle-active{color:var(--color-blue)}.response-card-replies-toggle-active{text-shadow:var(--glow-blue-soft)}.response-card-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}@media (width>=768px){.response-card{padding:16px 20px}}.reply-thread{border-top:1px solid var(--color-card-border);margin-top:12px;padding-top:12px}.reply-thread-composer{gap:8px;margin-bottom:12px;display:flex}.reply-thread-input{background:var(--color-bg);border:1px solid var(--color-card-border);font-family:var(--font-body);color:var(--color-text);resize:vertical;border-radius:8px;outline:none;flex:1;min-height:44px;padding:10px 12px;font-size:16px;line-height:1.4;transition:border-color .15s,box-shadow .15s}.reply-thread-input:focus{border-color:var(--color-pink);box-shadow:var(--glow-pink-soft)}.reply-thread-input::placeholder{color:var(--color-text-muted)}.reply-thread-button{background:var(--color-pink);color:#060a10;letter-spacing:2px;text-transform:uppercase;cursor:pointer;min-height:44px;box-shadow:var(--glow-pink-soft);border:none;border-radius:8px;align-self:flex-end;padding:8px 16px;font-family:Archivo Black,sans-serif;font-size:12px}.reply-thread-button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.reply-thread-error{font-family:var(--font-body);color:var(--color-red);margin:0 0 8px;font-size:12px}.reply-thread-empty{font-family:var(--font-body);color:var(--color-text-muted);margin:4px 0 0;padding-left:12px;font-size:12px;font-style:italic}.reply-thread-list{flex-direction:column;gap:12px;padding-left:12px;display:flex}.reply-item{align-items:flex-start;gap:10px;display:flex}.reply-item-avatar{flex-shrink:0;justify-content:center;align-items:center;padding-top:2px;display:flex}.reply-item-body{flex:1;min-width:0}.reply-item-header{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:2px;display:flex}.reply-item-nickname{color:var(--color-text);font-family:Mulish,sans-serif;font-size:13px;font-weight:700}.reply-item-time{font-family:var(--font-body);color:var(--color-text-muted);letter-spacing:.5px;font-size:10px}.reply-item-text{font-family:var(--font-body);color:var(--color-text);white-space:pre-wrap;word-wrap:break-word;margin:0;font-size:14px;line-height:1.5}.qthread{margin:0}.qthread:not(.qthread-hero){border-top:1px solid var(--color-card-border)}.qthread-toggle{text-align:center;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:720px;margin:0 auto;padding:18px 44px;display:flex;position:relative}.qthread-toggle:hover .daily-question-text{opacity:.85}.qthread-chevron{color:var(--color-text-muted);font-size:30px;line-height:1;transition:transform .2s;position:absolute;top:50%;right:18px;transform:translateY(-50%)rotate(90deg)}.qthread-chevron-open{transform:translateY(-50%)rotate(-90deg)}.qthread-open{padding-bottom:8px}.earn-praise{background:linear-gradient(180deg, #d4a84314, #0d152066), var(--color-card-bg);border:1px solid var(--color-gold);border-radius:12px;margin:0 0 18px;padding:16px 18px;animation:.32s earn-praise-in;position:relative;box-shadow:0 0 20px #d4a8432e}@keyframes earn-praise-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.earn-praise-close{width:30px;height:30px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1;position:absolute;top:6px;right:8px}.earn-praise-close:hover{color:var(--color-text)}.earn-praise-headline{color:var(--color-gold);margin:0 0 6px;padding-right:24px;font-family:Mulish,sans-serif;font-size:16px;font-weight:800}.earn-praise-sub{color:var(--color-text);margin:0 0 12px;font-size:14px;line-height:1.5}.earn-praise-list{margin:0 0 12px;padding:0;list-style:none}.earn-praise-row{color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:12px;padding:3px 0;font-size:13px;display:flex}.earn-praise-amount{color:var(--color-gold);white-space:nowrap;align-items:center;gap:4px;font-weight:700;display:inline-flex}.earn-praise-foot{color:var(--color-text-muted);margin:0;font-size:13px;font-style:italic}.home{padding:8px 12px 24px}.home-empty{text-align:center;font-family:var(--font-body);color:var(--color-text-muted);margin:0;padding:32px 24px;font-size:14px;font-style:italic}@media (width>=768px){.home{padding:16px 16px 32px}}.home-previous-title{border-top:1px solid var(--color-card-border);text-align:center;letter-spacing:2px;text-transform:uppercase;max-width:720px;color:var(--color-text-muted);margin:30px auto 4px;padding:18px 24px 0;font-family:Mulish,sans-serif;font-size:12px;font-weight:800}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}.profile-link{font:inherit;color:inherit;letter-spacing:inherit;text-align:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0}.profile-link:hover{text-decoration:underline}.app-route-fallback{width:100%;min-height:100dvh}