:root{--black: #000;--bg: #121212;--raised: #1f1f1f;--hover: #282828;--pill: #2a2a2a;--text: #fff;--sub: #b3b3b3;--acc: #1ed760;--down: #f3727f;color-scheme:dark;font-family:Figtree,system-ui,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:var(--black);color:var(--text)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--text);outline-offset:2px;border-radius:4px}h1,h2,p{margin:0}.sub{color:var(--sub);font-size:.875rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.privacy{max-width:680px;line-height:1.6}.privacy ul{margin:0;padding-left:1.2em;color:var(--sub)}.shell{overflow:hidden;display:grid;grid-template-columns:var(--side-w, 232px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:8px;padding:8px;height:100vh;transition:grid-template-columns .35s cubic-bezier(.2,.8,.2,1)}.shell.dragging{transition:none;cursor:col-resize;-webkit-user-select:none;user-select:none}.side{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:20px 12px;background:var(--bg);border-radius:8px}.side-top{display:flex;align-items:center;justify-content:space-between;gap:4px;padding-bottom:20px}.side-top .logo{padding-bottom:0;min-width:0}.logo span,.nav .label{min-width:0;overflow:hidden;white-space:nowrap}.side-drag{position:absolute;top:0;bottom:0;right:-8px;width:8px;cursor:col-resize;touch-action:none;outline:none}.side-drag:after{content:"";position:absolute;inset:12px 2px;border-radius:2px;transition:background-color .15s}.side-drag:hover:after{background:#535353}.dragging .side-drag:after,.side-drag:focus-visible:after{background:var(--acc)}.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.6rem;letter-spacing:-.04em;color:var(--acc);padding:0 12px 20px}.logo img{width:1.25em;height:1.25em;border-radius:22%}.nav{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:6px;font-weight:700;color:var(--sub);transition:color .15s,background-color .15s}.nav:hover{color:var(--text)}.nav svg{flex:none;transition:transform .15s}.nav:active svg{transform:scale(.9)}.nav[aria-current=page] svg{color:var(--acc)}.nav[aria-current=page]{color:var(--text);background:var(--raised)}.me{margin-top:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:12px 8px 0;border-top:1px solid var(--pill)}.me-who{display:flex;align-items:center;gap:12px;padding:0 4px;font-size:.875rem}.me-who img,.me-who .ph{width:38px;height:38px;border-radius:50%;flex:none;object-fit:cover;transition:box-shadow .4s ease}.me-who img.live{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--acc)}.me-who .title{min-width:0}.me-who .sub{font-size:.78rem}.me-bar{display:flex;justify-content:space-between}.icon-btn{display:grid;place-items:center;width:36px;height:36px;flex:none;border:0;border-radius:50%;background:none;color:var(--sub);cursor:pointer;transition:color .15s,background-color .15s,transform .1s}.icon-btn:hover{color:var(--text);background:var(--hover)}.icon-btn:active{transform:scale(.9)}.icon-btn[aria-pressed=true],.icon-btn[aria-current=page]{color:var(--acc)}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:11px;margin-right:6px;flex:none}.eq i{width:3px;height:100%;border-radius:1px;background:var(--acc);transform-origin:bottom;animation:eq .9s ease-in-out infinite alternate}.eq i:nth-child(2){animation-delay:-.45s;animation-duration:.7s}.eq i:nth-child(3){animation-delay:-.2s;animation-duration:1.1s}@keyframes eq{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.main{position:relative;isolation:isolate;background:var(--bg);border-radius:8px;overflow-y:auto;padding:28px 28px 64px}.main:before{content:"";position:absolute;inset:0 0 auto;height:460px;z-index:-1;pointer-events:none;background-color:var(--ambient, transparent);opacity:.6;transition:background-color 1.2s ease;-webkit-mask-image:linear-gradient(#000 0%,rgb(0 0 0 / .5) 45%,transparent 100%);mask-image:linear-gradient(#000 0%,rgb(0 0 0 / .5) 45%,transparent 100%)}.page{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;max-width:1800px;animation:fade .25s ease-out}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding:28px;border-radius:12px;background-color:var(--hero, var(--pill));transition:background-color .6s ease}.hero.art-left{grid-template-columns:auto minmax(0,1fr)}.hero-label{color:#ffffffc7;font-size:.9rem;font-weight:600}.hero-big{font-size:clamp(3rem,7vw,5.5rem);font-weight:900;line-height:.95;letter-spacing:-.045em;margin-top:8px;overflow-wrap:anywhere}.hero-big small{font-size:.32em;letter-spacing:-.01em;margin-left:6px}.hero-name{font-size:clamp(2rem,5vw,3.75rem);font-weight:900;line-height:1;letter-spacing:-.04em;margin-top:6px;overflow-wrap:anywhere}.hero-meta{margin-top:12px;color:#ffffffd9;font-size:.9rem}.hero-meta b{color:var(--text)}.hero-art{width:clamp(96px,14vw,176px);aspect-ratio:1;object-fit:cover;border-radius:8px;box-shadow:0 8px 24px #0006}.round{border-radius:50%}h1{font-size:2rem;font-weight:800;letter-spacing:-.03em}h2{font-size:1.4rem;font-weight:800;letter-spacing:-.025em}.shelf-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px}.shelf-head a{color:var(--sub);font-size:.875rem;font-weight:700;white-space:nowrap}.shelf-head a:hover{color:var(--text);text-decoration:underline}.pills{display:flex;gap:8px;flex-wrap:wrap}.pill{border:0;padding:8px 16px;border-radius:999px;background:var(--pill);font-size:.875rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:background-color .15s,transform .1s}.pill:hover{background:#333}.pill:active{transform:scale(.97)}.pill[aria-pressed=true]{background:var(--text);color:var(--black)}.stat-pill{cursor:default}.stat-pill b,.up{color:var(--acc)}.down{color:var(--down)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px;margin:0 -12px}.tile{padding:12px;border-radius:8px;transition:background-color .2s}.tile:hover{background:var(--hover)}.tile:active{transform:scale(.98)}.tile img,.tile .ph{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;display:block;background:var(--pill)}.tile p{font-weight:700;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rows{margin:0 -12px;container-type:inline-size}.row{display:grid;grid-template-columns:28px 44px 48px minmax(0,1fr) 80px 80px 28px;gap:12px;align-items:center;padding:8px 12px;border-radius:6px;transition:background-color .15s}.row.simple{grid-template-columns:48px minmax(0,1fr) auto 28px}.row:hover{background:var(--hover)}.row.head{color:var(--sub);font-size:.8rem;border-bottom:1px solid var(--pill);border-radius:0;margin-bottom:8px}.row.head:hover{background:none}.row img,.row .ph{width:48px;height:48px;object-fit:cover;border-radius:4px;background:var(--pill)}.row .num{text-align:right;font-variant-numeric:tabular-nums}.title{min-width:0}.title b,.title span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title b{font-weight:700}.title .sub>span{display:inline-flex}.rank{color:var(--sub);text-align:right;font-variant-numeric:tabular-nums}.chg{font-size:.75rem;font-weight:800}.chg.same{color:var(--sub)}.open{color:var(--sub);opacity:0;transition:opacity .15s;text-align:center}.row:hover .open,.row:focus-visible .open{opacity:1}@container (max-width: 600px){.row{grid-template-columns:24px 36px 44px minmax(0,1fr) 56px}.row .mins,.row .open{display:none}.row img,.row .ph{width:44px;height:44px}}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--pill)}.tab{background:none;border:0;padding:0 0 10px;font-weight:700;color:var(--sub);cursor:pointer;position:relative}.tab:hover,.tab[aria-selected=true]{color:var(--text)}.tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--acc);transform:scaleX(0);transition:transform .25s cubic-bezier(.2,.8,.2,1)}.tab[aria-selected=true]:after{transform:scaleX(1)}.controls{position:sticky;top:-28px;z-index:2;display:grid;gap:16px;padding:16px 0 0;margin-top:-16px;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%)}.dates{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.dates input{background:var(--pill);border:0;border-radius:6px;color:var(--text);padding:8px 10px;font:inherit;color-scheme:dark}.note{display:flex;gap:10px;padding:12px 16px;border-radius:8px;background:var(--raised);color:var(--sub);font-size:.875rem}.note b{color:var(--text)}.busy{opacity:.55;transition:opacity .2s}.empty{padding:48px 0;text-align:center;display:grid;gap:12px;justify-items:center}.error{color:var(--down)}.button{display:inline-block;border:0;padding:12px 28px;border-radius:999px;background:var(--acc);color:var(--black);font-weight:800;cursor:pointer;transition:transform .1s,background-color .15s}.button:hover{background:#3be477;transform:scale(1.03)}.button:active{transform:scale(.97)}.button:has(:focus-visible){outline:2px solid var(--text);outline-offset:3px}.ghost{background:none;border:1px solid #7c7c7c;color:var(--text)}.ghost:hover{background:none;border-color:var(--text)}.center{min-height:100vh;display:grid;place-content:center;gap:28px;text-align:center;justify-items:center}.center .logo{font-size:3.5rem;padding:0}.not-listed{gap:16px;padding:24px 16px}.not-listed .tenor-gif-embed{width:min(260px,70vw);border-radius:8px;overflow:hidden}.not-listed .sub{max-width:300px;line-height:1.5}.panel{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:24px;border-radius:12px;background:var(--raised);max-width:560px;justify-items:start}.account{display:flex;align-items:center;gap:16px}.account img{width:64px;height:64px;border-radius:50%}.account-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.stats,.log{margin:0;padding:0;list-style:none;display:grid;gap:6px}.stats b{color:var(--acc)}.log{font-size:.85rem;color:var(--sub)}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.tile-stat{background:var(--raised);border-radius:10px;padding:16px;display:grid;gap:2px;align-content:start}.tile-stat b{font-size:1.9rem;font-weight:900;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.box{background:var(--raised);border-radius:10px;padding:20px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-content:start;min-width:0}.box h2{font-size:1.15rem}.box-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.white{color:var(--text)}.two-up{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px}.pills.small .pill{padding:5px 12px;font-size:.8rem}.tip{position:absolute;z-index:3;pointer-events:none;transform:translate(-50%);background:var(--text);color:var(--black);font-size:.75rem;font-weight:700;padding:5px 9px;border-radius:4px;white-space:nowrap}.clock-scroll{overflow-x:auto;margin:0 -4px;padding:0 4px}.clock{position:relative;display:grid;grid-template-columns:34px repeat(24,minmax(14px,1fr));gap:3px;align-items:center;min-width:480px}.clock .cell{aspect-ratio:1;border-radius:3px}.clock .cell:hover{outline:2px solid var(--text);outline-offset:-1px}.clock-hours{display:grid;grid-template-columns:34px repeat(4,1fr);min-width:480px;margin-top:6px;font-size:.75rem}.chart{position:relative}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart .tip{transform:translate(-50%,calc(-100% - 12px))}.big-num{font-size:3rem;font-weight:900;letter-spacing:-.045em;line-height:1;margin-top:4px}.big-num small{font-size:.32em;letter-spacing:0;margin-left:6px}.streak-now{font-weight:700;margin-top:6px}.skip-list{display:grid;margin:0 -8px}.skip-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:6px 8px;border-radius:6px}.skip-row:hover{background:var(--hover)}.skip-row img,.skip-row .ph{width:40px;height:40px;border-radius:4px;object-fit:cover}.search{display:flex;gap:8px}.search input{flex:1;min-width:0;background:var(--pill);border:0;border-radius:999px;padding:10px 16px;color:var(--text);font:inherit}.search input:focus-visible{outline:2px solid var(--text)}.first{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:center}.first img,.first .ph{width:56px;height:56px;object-fit:cover;border-radius:6px}.first .round{border-radius:50%}.wrapped-start{display:grid;gap:20px;justify-items:start;padding:32px;border-radius:12px;background:var(--raised);max-width:560px}.wrapped-start .logo{padding:0;font-size:1.1rem}.story{display:grid;gap:14px;justify-items:center}.story{--story-w: min(360px, 100%, max(220px, calc((100dvh - 250px)*.5625) ))}.story-bars{display:flex;gap:4px;width:var(--story-w)}.story-bars i{flex:1;height:3px;border-radius:3px;background:#ffffff40;transition:background-color .2s}.story-bars i.on{background:var(--text)}.story-stage{container-type:inline-size;width:var(--story-w);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:pointer;overflow:hidden;border-radius:16px}.story-slide{animation:slide-in .35s cubic-bezier(.2,.8,.2,1)}.story-slide.from-left{animation-name:slide-in-left}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-24px)}}.story-actions{display:flex;gap:12px;align-items:center}.story-actions .pill:disabled{opacity:.4;cursor:default}.story-card{position:relative;aspect-ratio:9 / 16;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;padding:8cqw 7cqw 14cqw;color:var(--text);font-size:4.2cqw;font-family:Figtree,system-ui,sans-serif}.story-card.on-light{color:var(--black)}.story-card .k{font-weight:700;font-size:1em;line-height:1.35;opacity:.9}.story-card .big{font-weight:900;letter-spacing:-.045em;line-height:.95}.story-card .huge{font-size:4.4em;margin-top:auto}.story-card .unit{font-size:1.6em;font-weight:800;margin-top:.2em}.story-card .fact{margin-top:1.2em}.story-card .name{font-size:2.5em;margin:.15em 0 .3em;overflow-wrap:anywhere}.story-card .title{font-size:2.1em;margin-bottom:.6em}.story-card .accent{color:var(--acc)}.story-card .dim{display:block;opacity:.7;font-weight:600}.story-art{width:78%;aspect-ratio:1;object-fit:cover;border-radius:50%;margin:1.2em auto 1em;display:block;background:#0003}.story-art.square{border-radius:8px;width:72%}.story-art.small{width:58%;margin:0 auto 1.2em}.story-list{list-style:none;margin:0;padding:0;display:grid;gap:.9em}.story-list li{display:grid;grid-template-columns:1.2em 3.2em minmax(0,1fr);gap:.7em;align-items:center}.story-list .n{color:var(--acc);font-size:1.3em}.story-list img,.story-list .ph{width:3.2em;height:3.2em;border-radius:4px;object-fit:cover}.story-list b,.story-list .dim{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eras{display:grid;gap:.55em}.eras p{display:grid;grid-template-columns:3em minmax(0,1fr)}.eras b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.traits{display:grid;gap:1em;margin-top:.8em}.summary{display:grid;grid-template-columns:1fr 1fr;gap:1.1em .8em}.summary b{display:block;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary .stat{font-size:1.7em;font-weight:900;letter-spacing:-.03em}.story-card .mark{position:absolute;left:7cqw;bottom:5cqw;font-weight:900;font-size:1.05em;letter-spacing:-.03em;color:var(--acc)}.story-card.on-light .mark{color:var(--black)}@keyframes fade{0%{opacity:0}}.skel{display:block;max-width:100%;border-radius:6px;background:linear-gradient(100deg,#ffffff0f 40%,#ffffff21,#ffffff0f 60%) 0 0 / 300% 100%;animation:shimmer 1.6s ease-in-out infinite}.skel.round{border-radius:50%}.hero-big .skel{display:inline-block;vertical-align:baseline}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.pair{display:grid;gap:28px}@media(min-width:1500px){.pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.pair:has(>.box){gap:8px}}@media(min-width:761px){.tiles.one-row{grid-template-rows:auto;grid-auto-rows:0;row-gap:0;overflow:hidden}}.ph{background:var(--pill)}:is(img,.ph).round{border-radius:50%}.shell:has(.story) .np{display:none}.liked{color:var(--acc);vertical-align:-2px;margin-right:6px;flex:none}.np{grid-column:1 / -1;display:grid;grid-template-columns:56px minmax(0,260px) minmax(0,1fr) auto;gap:16px;align-items:center;padding:8px 12px 8px 8px;border-radius:10px;background:color-mix(in srgb,var(--np, var(--raised)) 55%,var(--bg));transition:background-color 1s ease;animation:np-in .55s cubic-bezier(.2,.8,.2,1)}.np.leaving{animation:np-out .32s cubic-bezier(.4,0,1,1) forwards}@keyframes np-in{0%{transform:translateY(110%);opacity:0}}@keyframes np-out{to{transform:translateY(110%);opacity:0}}.np img,.np .ph{width:56px;height:56px;object-fit:cover;border-radius:6px;background:var(--pill);box-shadow:0 4px 14px #00000059}.np-art{animation:np-art .45s cubic-bezier(.2,.8,.2,1)}@keyframes np-art{0%{transform:scale(.85);opacity:0}}.np-time{display:flex;align-items:center;gap:10px;max-width:600px;width:100%;justify-self:center;font-variant-numeric:tabular-nums;font-size:.75rem}.np-bar{flex:1;height:4px;border-radius:2px;background:#ffffff2e;overflow:hidden}.np-bar i{display:block;height:100%;border-radius:2px;background:var(--text);transition:width 1s linear}.np:hover .np-bar i{background:var(--acc)}.np-paused{color:var(--sub);margin-right:4px}.np-open{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;color:var(--text);padding:8px 14px;border-radius:999px;background:#ffffff1a;transition:background-color .15s,transform .1s}.np-open:hover{background:#ffffff2e}.np-open:active{transform:scale(.96)}.settings .panel{max-width:640px;width:100%;justify-items:stretch}.setting{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;cursor:pointer}.setting>span{display:grid;gap:2px;flex:1 1 10rem}.switch{appearance:none;flex:none;width:40px;height:24px;margin:0;border-radius:999px;background:#535353;position:relative;cursor:pointer;transition:background-color .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--text);transition:transform .25s cubic-bezier(.2,.8,.2,1)}.switch:checked{background:var(--acc)}.switch:checked:after{transform:translate(16px);background:var(--black)}.switch:focus-visible{outline:2px solid var(--text);outline-offset:2px}.select{flex:none;background:var(--pill);color:var(--text);border:0;border-radius:6px;padding:8px 10px;font:inherit;font-size:.875rem;cursor:pointer}[data-glow=off] .main:before{display:none}[data-motion=off] *,[data-motion=off] *:before,[data-motion=off] *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}@media(min-width:761px)and (min-height:481px){.rail .side{padding-inline:8px;align-items:center}.rail .side-top{flex-direction:column;gap:12px}.rail .logo{padding:0}.rail .logo span,.rail .me-who .title{display:none}.rail .nav{position:relative;justify-content:center;padding-inline:0;width:44px}.rail .nav .label{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);pointer-events:none;opacity:0;transition:opacity .12s;background:var(--text);color:var(--black);font-size:.75rem;padding:5px 9px;border-radius:4px}.rail .nav:hover .label,.rail .nav:focus-visible .label{opacity:1}.rail .me{padding-inline:0;justify-items:center}.rail .me-who{padding:0}.rail .me-bar{flex-direction:column;gap:2px}}@media(max-width:760px),(max-height:480px){.shell{display:block;padding:0;height:auto}.main{border-radius:0;padding:20px 16px 96px;min-height:100vh;overflow:visible}.side{position:fixed;inset:auto 0 0;z-index:10;flex-direction:row;justify-content:space-around;padding:8px 4px calc(8px + env(safe-area-inset-bottom));border-radius:0;background:#121212d9;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%)}.side-top,.side-drag,.me{display:none}.nav{flex-direction:column;gap:3px;font-size:.7rem;padding:6px 8px}.nav svg{width:22px;height:22px}.nav[aria-current=page]{background:none;color:var(--acc)}.hero,.hero.art-left{grid-template-columns:1fr;padding:22px}.hero.art-left .hero-art{order:-1}.controls{top:-20px}.controls .pills{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}.controls .pills::-webkit-scrollbar{display:none}.main{padding-bottom:168px}.np{position:fixed;z-index:10;left:8px;right:8px;bottom:calc(60px + env(safe-area-inset-bottom));grid-template-columns:40px minmax(0,1fr) auto;gap:10px;row-gap:6px;padding:6px 10px 6px 6px}.np img,.np .ph{width:40px;height:40px}.np-time{grid-column:1 / -1;grid-row:2;max-width:none}.np-time>span{display:none}.np-open span{display:none}.np-open{padding:8px}.tiles{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.tiles.one-row>:nth-child(n+7){display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(prefers-reduced-transparency:reduce){.controls,.side{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg)}}