@keyframes homeTicker { to { transform: translateX(-50%); } }
@keyframes homePulse { 50% { opacity: .35; } }

.brand__mark--logo { width: 32px; height: 32px; border: 0; border-radius: 0; background: transparent; object-fit: contain; }
.button--pink { background: var(--pink); color: #fff; }
.button--pink:hover { background: #b83568; color: #fff; }
.home-ticker { direction:ltr; overflow:hidden; padding:8px 0; background:var(--ink); color:#cfccd8; white-space:nowrap; }
.home-ticker__track { display:inline-flex; min-width:max-content; gap:40px; animation:homeTicker 38s linear infinite; }
.home-ticker span { display:inline-flex; align-items:center; gap:8px; font-size:13px; }
.home-ticker i { width:5px; height:5px; border-radius:50%; background:var(--dot); }
.page-home .site-header { top:0; }
.page-home .site-header__inner { min-height:64px; padding-block:10px; }

.home-feature-wrap { padding:20px 40px 0; }
.home-feature-layout { width:min(1440px,100%); margin:auto; display:grid; grid-template-columns:minmax(0,1fr) 336px; gap:16px; }
.home-feature { position:relative; min-height:520px; border-radius:24px; overflow:hidden; background:#4f46c8; }
.home-feature__slide { position:absolute; inset:0; display:flex; align-items:flex-end; padding:40px 46px 38px; opacity:0; visibility:hidden; transition:opacity .45s ease,visibility .45s; color:#fff; }
.home-feature__slide.is-active { opacity:1; visibility:visible; }
.home-feature__slide>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.72; }
.tone-violet { background-color:#4f46c8!important; }.tone-teal { background-color:#0f8f86!important; }.tone-yellow { background-color:#d99913!important; }.tone-pink { background-color:#d9457f!important; }
.home-feature__pattern { position:absolute; inset:0; background:repeating-linear-gradient(135deg,rgba(255,255,255,.1) 0 18px,transparent 18px 36px); }
.home-feature__shade { position:absolute; inset:0; background:linear-gradient(to top,rgba(10,9,12,.94) 5%,rgba(10,9,12,.36) 58%,rgba(10,9,12,.08)); }
.home-feature__badges { position:absolute; top:26px; right:30px; display:flex; gap:10px; }
.home-feature__badges span,.home-feature__badges b { padding:6px 12px; border-radius:8px; font-size:12.5px; background:rgba(10,9,12,.66); }
.home-feature__badges b { background:var(--pink); }
.home-feature__copy { position:relative; z-index:2; max-width:760px; }
.home-feature__copy>.pixel-text { color:var(--teal-light); font-size:17px; letter-spacing:.2em; }
.home-feature__copy h1 { margin:12px 0 0; font-size:clamp(2.8rem,5vw,3.7rem); font-weight:900; letter-spacing:-.04em; }
.home-feature__copy p { max-width:620px; margin:14px 0 0; color:#d5d2dd; font-size:17px; }
.home-feature__copy>div { display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:26px; }
.home-feature__copy>div>span { color:#aaa7b3; font-size:14px; }
.home-feature__controls { position:absolute; z-index:5; bottom:27px; left:28px; display:flex; align-items:center; gap:8px; direction:ltr; }
.home-feature__controls>button { width:42px; height:42px; border:0; border-radius:11px; background:rgba(255,255,255,.15); color:#fff; cursor:pointer; }
.home-feature__controls>span { display:flex; gap:6px; margin-left:8px; }
.home-feature__controls>span button { width:9px; height:6px; padding:0; border:0; border-radius:6px; background:rgba(255,255,255,.42); transition:.25s; }
.home-feature__controls>span button.is-active { width:28px; background:#fff; }
.home-focus { display:flex; flex-direction:column; gap:9px; }
.home-focus__head { display:flex; align-items:center; padding:0 2px 3px; }
.home-focus__head strong { font:800 17px Rubik; }.home-focus__head span { margin-right:auto; direction:ltr; color:var(--soft); font:16px VT323; }
.home-focus__item { width:100%; display:flex; align-items:center; gap:12px; padding:9px 11px; border:1px solid var(--line); border-radius:14px; background:#fff; color:var(--ink); text-align:right; cursor:pointer; }
.home-focus__item.is-active { background:var(--ink); border-color:var(--ink); color:#fff; }
.home-focus__item>span:first-child { width:62px; height:46px; flex:none; border-radius:9px; overflow:hidden; }
.home-focus__item img { width:100%; height:100%; object-fit:cover; }
.home-focus__item>span:last-child { min-width:0; display:grid; flex:1; }
.home-focus__item small { color:var(--pink); }.home-focus__item b,.home-focus__item em { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.home-focus__item b { font-size:14.5px; }.home-focus__item em { color:var(--soft); font-size:12px; font-style:normal; }
.daily-card { flex:1; min-height:165px; display:flex; flex-direction:column; padding:18px; border-radius:16px; background:var(--ink); color:#fff; }
.daily-card>.pixel-text { color:var(--yellow); letter-spacing:.2em; }.daily-card h2 { margin:8px 0 0; font-size:17px; }.daily-card p { margin:6px 0; color:#aaa7b3; font-size:13px; }.daily-card>div { height:6px; margin-top:auto; border-radius:6px; background:#2a2933; overflow:hidden; }.daily-card>div i { display:block; width:33%; height:100%; background:var(--yellow); }.daily-card a { margin-top:13px; padding:10px; border-radius:10px; background:var(--yellow); color:var(--ink); text-align:center; font-weight:700; }

.home-live-stats { width:min(1440px,calc(100% - 80px)); margin:18px auto 0; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.home-live-stats>div { display:grid; grid-template-columns:9px auto 1fr; align-items:center; gap:11px; padding:14px 16px; border:1px solid var(--line); border-radius:14px; background:#fff; }
.home-live-stats i { width:8px; height:8px; border-radius:50%; animation:homePulse 1.8s infinite; }.is-teal{background:#0f8f86}.is-pink{background:#d9457f}.is-yellow{background:#f0b429}.is-violet{background:#4f46c8}
.home-live-stats strong { direction:ltr; font:24px/1 VT323; }.home-live-stats span { color:var(--muted); font-size:12.5px; }

.home-rail { padding-top:40px; }.home-section-head { display:flex; align-items:center; margin-bottom:16px; gap:14px; }.home-section-head>div:first-child { display:flex; align-items:baseline; gap:12px; }.home-section-head h2 { margin:0; font-size:25px; }.home-section-head span { color:var(--muted); font-size:14px; }.home-section-head>div:last-child,.home-section-head>a { margin-right:auto; display:flex; align-items:center; gap:6px; }.home-section-head button { width:38px; height:38px; border:1px solid #ddd7ca; border-radius:10px; background:#fff; cursor:pointer; }
.home-rail__track { display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; scroll-behavior:smooth; }.home-rail__track::-webkit-scrollbar{display:none}.home-media-card { flex:0 0 262px; color:var(--ink); scroll-snap-align:start; }.home-media-card__visual { position:relative; display:block; aspect-ratio:16/10; overflow:hidden; border-radius:15px; }.home-media-card__visual img { width:100%; height:100%; object-fit:cover; }.home-media-card__visual:after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(10,9,12,.63),transparent 60%); }.home-media-card__visual b,.home-media-card__visual em { position:absolute; z-index:2; color:#fff; font-style:normal; }.home-media-card__visual b { top:10px; right:10px; padding:3px 9px; border-radius:6px; background:rgba(10,9,12,.7); font-size:11.5px; }.home-media-card__visual em { bottom:9px; left:11px; font:16px VT323; }.home-media-card>strong,.home-media-card>small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.home-media-card>strong { margin-top:10px; font:600 15.5px Rubik; }.home-media-card>small { margin-top:3px; color:var(--muted); }

.home-time { margin-top:46px; padding:30px 32px; display:grid; grid-template-columns:320px 1fr; gap:40px; border-radius:22px; background:var(--ink); color:#fff; }.home-time .pixel-text { color:var(--teal-light); }.home-time>div:first-child>strong { display:block; margin-top:8px; direction:ltr; font:76px/1 VT323; text-align:right; }.home-time p { color:#aaa7b3; }.home-time input { accent-color:var(--pink); }.home-time a { display:block; margin-top:8px; }.home-time__bars { display:flex; align-items:end; gap:6px; min-height:180px; direction:ltr; }.home-time__bars>span { flex:1; height:100%; display:flex; flex-direction:column; justify-content:end; align-items:center; gap:5px; }.home-time__bars small { display:none; }.home-time__bars i { width:100%; max-width:24px; height:var(--bar); min-height:8px; border-radius:5px 5px 2px 2px; background:var(--pink); }.home-time__bars b { font:13px VT323; color:#aaa7b3; }

.home-tools { padding-top:40px; display:grid; grid-template-columns:1.1fr 1fr 1fr; gap:20px; align-items:start; }.home-tools>article { min-height:355px; padding:24px; border-radius:20px; }.home-jukebox { border:1px solid var(--line); background:#fff; }.home-jukebox header { display:flex; }.home-jukebox header small { margin-right:auto; }.home-jukebox .pixel-text { color:var(--pink); }.home-jukebox h2,.home-identify h2,.home-now h2 { margin:8px 0 16px; font-size:21px; }.home-jukebox button { width:100%; display:flex; gap:10px; padding:10px; border:0; border-radius:9px; background:transparent; cursor:pointer; text-align:right; }.home-jukebox button:hover{background:var(--paper)}.home-jukebox button span{flex:1}.home-jukebox audio{width:100%;margin-top:14px}.home-tool-empty{padding:25px;border-radius:12px;background:var(--paper);color:var(--muted)}
.home-identify { border:1px solid #f0d9a0; background:#fdf0d6; }.home-identify .pixel-text { color:#8a6a17; }.home-identify>div { aspect-ratio:4/3; display:grid; place-items:end center; padding:12px; border-radius:12px; background:repeating-linear-gradient(135deg,rgba(255,255,255,.15) 0 10px,transparent 10px 20px),#c23b2e; color:#fff; font:15px VT323; }.home-identify p{color:#57545f}.home-now { background:var(--ink); color:#fff; }.home-now>.pixel-text{color:var(--teal-light)}.home-now>a:not(.home-now__cta){display:flex;align-items:center;gap:10px;padding:8px 0;color:#eee}.home-now>a i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#fff;font-style:normal}.home-now>a span{display:grid}.home-now>a small{color:#7f7c8b}.home-now__cta{display:block;margin-top:12px;padding:11px;border-radius:11px;background:var(--pink);color:#fff;text-align:center;font-weight:700}

.home-memories { padding-top:46px; }.home-memories>form{display:flex;gap:10px;margin-bottom:16px}.home-memories>form input{flex:1;border:1px solid #ddd7ca;background:#fff}.home-memories>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.home-memories article{padding:18px 20px;border:1px solid var(--line);border-radius:15px;background:#fff}.home-memories article header{display:flex;align-items:center;gap:10px}.home-memories article header i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#f0ece3;font-style:normal}.home-memories article header span{margin-right:auto;color:var(--muted);font-size:12px}.home-memories article p{color:#3c3945}.home-memories article small{color:var(--pink)}
.home-collections { padding-block:46px; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }.home-collections>a{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink)}.home-collections>a:hover{border-color:var(--ink)}.home-collections i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#fff;font:18px VT323;font-style:normal}.home-collections span{display:grid}.home-collections small{color:var(--muted)}

/* Standalone authentication */
.auth-v3-body { margin:0; background:var(--paper); color:var(--ink); font-family:Heebo,system-ui,sans-serif; }
.auth-v3 { min-height:100vh; display:grid; grid-template-columns:minmax(0,1fr) minmax(430px,540px); direction:ltr; }
.auth-v3__main,.auth-v3__aside { direction:rtl; }
.auth-v3__main { min-width:0; display:flex; flex-direction:column; padding:30px 48px 44px; }
.auth-v3__brand { align-self:flex-start; }
.auth-v3__center { flex:1; display:grid; place-items:center; padding:34px 0; }
.auth-v3__card { width:min(430px,100%); }
.auth-v3__tabs { display:flex; gap:4px; margin-bottom:28px; padding:4px; border-radius:12px; background:#ebe6dc; }
.auth-v3__tabs a { flex:1; padding:11px 4px; border-radius:9px; color:var(--muted); text-align:center; }
.auth-v3__tabs a.is-active { background:#fff; color:var(--ink); box-shadow:0 1px 2px rgba(23,23,28,.12); }
.auth-v3__card h1 { margin:0; font-size:34px; font-weight:800; letter-spacing:-.035em; }.auth-v3__intro { margin:10px 0 25px; color:#57545f; }
.auth-v3__form { display:grid; gap:14px; }.auth-v3__form .field label,.auth-choice legend,.auth-interests legend { display:block; margin-bottom:6px; color:#57545f; font-size:13.5px; }.auth-v3__form input[type=text],.auth-v3__form input[type=email],.auth-v3__form input[type=password] { width:100%; padding:13px 15px; border:1px solid #ddd7ca; border-radius:11px; background:#fff; color:var(--ink); outline:none; }.auth-v3__form input:focus { border-color:var(--teal); box-shadow:0 0 0 3px rgba(15,143,134,.12); }
.password-strength { position:relative; display:flex; align-items:center; gap:8px; margin-top:9px; }.password-strength:before { content:""; flex:1; height:4px; border-radius:4px; background:#e4dfd4; }.password-strength i { position:absolute; top:50%; right:0; transform:translateY(-50%); height:4px; width:var(--strength,0%); max-width:calc(100% - 34px); border-radius:4px; background:var(--strength-color,#d9457f); transition:.3s; }.password-strength span{color:var(--muted);font-size:12.5px}
.auth-choice,.auth-interests { padding:0; border:0; margin:0; }.auth-choice>div { display:flex; gap:4px; padding:4px; border-radius:11px; background:#ebe6dc; }.auth-choice label { flex:1; }.auth-choice input,.auth-interests input { position:absolute; opacity:0; pointer-events:none; }.auth-choice span { display:block; padding:10px 4px; border-radius:8px; color:var(--muted); text-align:center; cursor:pointer; }.auth-choice input:checked+span { background:#fff; color:var(--ink); box-shadow:0 1px 2px rgba(23,23,28,.12); }.auth-interests>div{display:flex;flex-wrap:wrap;gap:7px}.auth-interests span{display:block;padding:8px 14px;border:1px solid #ddd7ca;border-radius:999px;background:#fff;color:#57545f;cursor:pointer}.auth-interests input:checked+span{border-color:var(--ink);background:var(--ink);color:#fff}
.auth-check { display:flex; align-items:flex-start; gap:9px; color:#57545f; font-size:13.5px; }.auth-check input { flex:none; width:19px; height:19px; margin:1px 0 0; accent-color:var(--teal); }.auth-v3__submit{margin-top:5px}.auth-v3__divider{display:flex;align-items:center;gap:12px;margin:16px 0}.auth-v3__divider:before,.auth-v3__divider:after{content:"";height:1px;flex:1;background:#e4dfd4}.auth-v3__divider span{color:var(--soft);font-size:13px}.google-v3{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;border:1px solid #ddd7ca;border-radius:11px;background:#fff;color:var(--ink)}.google-v3 b{font:700 18px Arial;color:#4285f4}.google-v3.is-disabled{opacity:.58;cursor:not-allowed}.auth-v3__switch{text-align:center;color:var(--muted);font-size:14px}.form-message,.form-error{padding:11px 13px;margin-bottom:14px;border-radius:10px;background:#e6f4f2;color:#0b6d66}.form-error{background:#fbe7ee;color:#a52a5f}
.auth-v3__aside { display:flex; flex-direction:column; justify-content:space-between; gap:30px; padding:38px 44px; background:var(--ink); color:#fff; }.auth-v3__tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-v3__tiles>span{position:relative;aspect-ratio:4/3;display:grid;place-items:center;border-radius:14px;overflow:hidden;color:rgba(255,255,255,.88);font:19px VT323;text-align:center}.auth-v3__tiles>span:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.14) 0 11px,transparent 11px 22px)}.auth-v3__tiles small{display:block;position:relative;color:rgba(255,255,255,.65);font-size:12px;letter-spacing:.2em}.auth-v3__tiles>span{display:flex;flex-direction:column}.auth-v3__perks>.pixel-text{color:var(--teal-light);letter-spacing:.2em}.auth-v3__perks h2{margin:12px 0 0;font-size:28px}.auth-v3__perks ul{display:grid;gap:16px;padding:0;margin:24px 0 0;list-style:none}.auth-v3__perks li{display:flex;gap:12px}.auth-v3__perks li i{width:27px;height:27px;display:grid;place-items:center;flex:none;border-radius:8px;background:var(--yellow);color:var(--ink);font-style:normal}.auth-v3__perks li span{display:grid}.auth-v3__perks li small{margin-top:2px;color:#aaa7b3}.auth-v3__community{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid #2b2a34;color:#aaa7b3}.auth-v3__community>span{display:flex}.auth-v3__community i{width:30px;height:30px;border:2px solid var(--ink);border-radius:50%;background:var(--teal)}.auth-v3__community i+ i{margin-right:-10px;background:var(--pink)}.auth-v3__community i+ i+ i{background:var(--yellow)}

@media(max-width:1100px){.desktop-nav{gap:13px}.desktop-nav .nav-link:nth-last-child(2){display:none}.home-feature-layout{grid-template-columns:minmax(0,1fr) 290px}.home-feature{min-height:500px}.home-tools{grid-template-columns:1fr 1fr}.home-now{grid-column:1/-1}.home-collections{grid-template-columns:repeat(3,1fr)}.auth-v3{grid-template-columns:minmax(0,1fr) 440px}.auth-v3__aside{padding-inline:30px}}
@media(max-width:820px){.home-feature-wrap{padding:14px 20px 0}.home-feature-layout{grid-template-columns:1fr}.home-focus{display:grid;grid-template-columns:1fr 1fr}.home-focus__head{grid-column:1/-1}.daily-card{grid-column:1/-1}.home-live-stats{width:calc(100% - 40px);grid-template-columns:1fr 1fr}.home-time{grid-template-columns:1fr}.home-time__bars{min-height:130px}.home-memories>div:last-child{grid-template-columns:1fr}.home-collections{grid-template-columns:1fr 1fr}.auth-v3{grid-template-columns:1fr}.auth-v3__aside{display:none}.auth-v3__main{padding:24px 28px}.auth-v3__center{place-items:start center;padding-top:32px}}
@media(max-width:560px){.home-ticker__track{animation-duration:26s}.home-feature-wrap{padding-inline:12px}.home-feature{min-height:520px;border-radius:18px}.home-feature__slide{padding:30px 22px 92px}.home-feature__badges{top:18px;right:18px}.home-feature__copy h1{font-size:2.55rem}.home-feature__copy p{font-size:15px}.home-feature__controls{bottom:22px;left:20px}.home-focus{display:none}.home-live-stats{width:calc(100% - 24px);grid-template-columns:1fr}.home-rail.shell,.home-time.shell,.home-tools.shell,.home-memories.shell,.home-collections.shell{width:calc(100% - 24px)}.home-section-head{align-items:flex-start}.home-section-head>div:first-child{display:block}.home-section-head>div:last-child button{display:none}.home-media-card{flex-basis:82vw}.home-time{padding:24px 20px}.home-time__bars>span:nth-child(odd){display:none}.home-tools{grid-template-columns:1fr}.home-now{grid-column:auto}.home-memories>form{display:grid}.home-collections{grid-template-columns:1fr}.auth-v3__main{padding:20px 18px}.auth-v3__center{padding-top:24px}.auth-v3__card h1{font-size:30px}.auth-v3__brand{margin-right:4px}.auth-v3__tabs{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.home-ticker__track{animation:none}.home-feature__slide{transition:none}}