:root{--paper:#f3f4f7;--ink:#161c2b;--muted:#5b6478;--rule:#d8dce5;--hover:#3d4fd114;--surface:#fff;--film:#3d4fd1;--film-1:#c5cbf3;--film-2:#8593e6;--music:#1c8a5f;--show:#b8562a;--book:#8a4fc4;--game:#0f7489;--danger:#b42318;--display:"Bricolage Grotesque", "Figtree", system-ui, sans-serif;--body:"Figtree", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#12151d;--ink:#e8ebf2;--muted:#98a0b3;--rule:#2a3040;--hover:#7083f51f;--surface:#1a1e28;--film:#7083f5;--film-1:#2b3366;--film-2:#4a59b0;--music:#3fbf8a;--show:#e07a4b;--book:#b58ae6;--game:#3fb1c8;--danger:#f97066;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#12151d;--ink:#e8ebf2;--muted:#98a0b3;--rule:#2a3040;--hover:#7083f51f;--surface:#1a1e28;--film:#7083f5;--film-1:#2b3366;--film-2:#4a59b0;--music:#3fbf8a;--show:#e07a4b;--book:#b58ae6;--game:#3fb1c8;--danger:#f97066;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:400 16px/1.55 var(--body);-webkit-font-smoothing:antialiased;margin:0}h1,h2{font-family:var(--display);margin:0}a{color:inherit;-webkit-text-decoration-color:var(--film);text-decoration-color:var(--film);text-underline-offset:3px}button{font:500 15px/1 var(--body);color:var(--ink);background:var(--surface);border:1px solid var(--rule);cursor:pointer;border-radius:999px;padding:10px 16px}button:hover{border-color:var(--film)}button.quiet{color:var(--muted);background:0 0;border-color:#0000}button.quiet:hover{color:var(--ink)}button.danger{color:var(--danger);border-color:var(--danger)}button.link{color:var(--film);text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}:focus-visible{outline:2px solid var(--film);outline-offset:3px}.page{max-width:1080px;padding-block:0 96px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto}@media (width>=720px){.page{padding-left:max(40px, env(safe-area-inset-left,0px));padding-right:max(40px, env(safe-area-inset-right,0px))}}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 0;display:flex}.brand{font:700 50px/1 var(--display);letter-spacing:-.01em}.top nav{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.demo-badge{color:var(--muted);margin-right:8px;font-size:14px}.welcome{max-width:760px;padding:8vh 0 0}.welcome h1{letter-spacing:-.035em;font-variation-settings:"opsz" 96;font-size:clamp(40px,7vw,76px);font-weight:800;line-height:.98}.lede{color:var(--muted);max-width:34em;margin:24px 0 40px;font-size:19px}.import{max-width:640px;margin:8px 0 48px}.drop{border:2px dashed var(--rule);background:var(--surface);cursor:pointer;border-radius:16px;flex-direction:column;gap:4px;padding:32px 24px;display:flex}.drop:hover,.drop.dragging{border-color:var(--film)}.drop:focus-within{outline:2px solid var(--film);outline-offset:3px}.drop input{opacity:0;width:1px;height:1px;position:absolute}.drop strong{font:600 20px/1.3 var(--display)}.drop span{color:var(--muted)}.howto{color:var(--muted);max-width:60ch;margin:12px 0;font-size:14px}.msg{margin:12px 0;font-size:15px}.msg.error{color:var(--danger)}.hero{padding:6vh 0 32px}.hero h1{letter-spacing:-.045em;font-variation-settings:"opsz" 96;font-size:clamp(44px,9vw,112px);font-weight:800;line-height:.92}.hero-sub{letter-spacing:-.02em;color:var(--muted);margin-top:.3em;font-size:.42em;font-weight:400;display:block}.hero-line{font:500 clamp(20px, 2.6vw, 28px) / 1.3 var(--display);letter-spacing:-.015em;max-width:28em;margin:28px 0 40px}.years{flex-wrap:wrap;gap:6px;padding-top:16px;display:flex}.years button{font-variant-numeric:tabular-nums;background:0 0;padding:8px 14px}.strip-months{height:18px;color:var(--muted);gap:3px;font-size:12px;display:grid}.strip-months span{white-space:nowrap;overflow:visible}.strip{margin:0}.strip-grid{gap:3px;display:grid;overflow:hidden}.strip-week{grid-template-rows:repeat(7,1fr);gap:3px;display:grid}.strip-day{aspect-ratio:1;background:var(--rule);border-radius:2px}.strip-day.out{visibility:hidden}.strip-day:hover{outline:2px solid var(--ink);outline-offset:0}.strip figcaption{color:var(--muted);min-height:1.6em;margin-top:12px;font-size:15px}.strip figcaption strong{color:var(--ink);font-weight:600}@media (width<=600px){.strip-months,.strip-grid,.strip-week{gap:1px}.strip-day{border-radius:1px}.strip-months span{font-size:11px}}.sources{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);flex-wrap:wrap;gap:12px 28px;margin:0 0 48px;padding:20px 0;list-style:none;display:flex}.sources li{align-items:center;gap:8px;font-weight:500;display:flex}.sources li.soon{color:var(--muted);font-weight:400}.src-name{color:var(--muted);font-size:14px;font-weight:400}.dot{border:2px solid var(--muted);border-radius:50%;width:10px;height:10px}.on .dot{border:0}.on .dot[data-kind=Películas]{background:var(--film)}.soon .dot[data-kind=Música]{border-color:var(--music)}.soon .dot[data-kind=Series]{border-color:var(--show)}.soon .dot[data-kind=Libros]{border-color:var(--book)}.soon .dot[data-kind=Juegos]{border-color:var(--game)}.figures{grid-template-columns:repeat(2,1fr);gap:28px 24px;margin:0 0 64px;display:grid}@media (width>=800px){.figures{grid-template-columns:repeat(4,1fr)}}.figures dt{color:var(--muted);font-size:14px}.figures dd{font:700 clamp(36px, 5vw, 52px) / 1 var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:2px 0 0}.figures small{font:400 16px var(--body);letter-spacing:0;color:var(--muted)}.charts{gap:56px 48px;margin-bottom:72px;display:grid}@media (width>=800px){.charts{grid-template-columns:1fr 1fr}}.charts h2,.favorites h2,.tags h2{letter-spacing:-.02em;font-size:24px;font-weight:700}.charts .wide{grid-column:1/-1}.note{color:var(--muted);min-height:1.5em;margin:4px 0 16px;font-size:15px}.tip{background:var(--ink);color:var(--paper);border-radius:6px;padding:6px 10px;font-size:14px}.favorites{margin-bottom:64px}.favorites ol{columns:2 320px;column-gap:48px;margin:16px 0 0;padding:0;list-style:none}.favorites li{border-bottom:1px solid var(--rule);break-inside:avoid;align-items:baseline;gap:10px;padding:12px 0;display:flex}.fav-title{font:600 18px/1.3 var(--display);letter-spacing:-.01em}.fav-title a{text-decoration:none}.fav-title a:hover{text-decoration:underline}.fav-year{color:var(--muted);font-size:14px}.fav-rating{color:var(--film);white-space:nowrap;letter-spacing:.05em;margin-left:auto}.tags ul{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.tags li{border:1px solid var(--rule);border-radius:999px;padding:6px 14px;font-weight:500}.tags li span{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:4px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}button.strip-day{cursor:pointer;border:0;border-radius:2px;width:100%;padding:0;display:block}.strip-day.picked{outline:2px solid var(--ink);outline-offset:1px}.day-detail{background:var(--surface);border:1px solid var(--rule);border-radius:12px;max-width:640px;margin-top:16px;padding:16px 20px}.day-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.day-head strong:first-letter{text-transform:uppercase}.day-head button{padding:6px 10px}.day-detail ul{margin:8px 0 0;padding:0;list-style:none}.day-detail li{border-top:1px solid var(--rule);flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:10px 0;display:flex}.badge{color:var(--muted);border:1px solid var(--rule);border-radius:999px;padding:1px 8px;font-size:12px}.muted{color:var(--muted);letter-spacing:0;font-size:14px}.credits{margin-bottom:72px}.credits h2{letter-spacing:-.02em;font-size:24px;font-weight:700}.credit-cols{gap:32px 48px;margin-top:20px;display:grid}@media (width>=800px){.credit-cols{grid-template-columns:repeat(3,minmax(0,1fr))}}.rank h3{font:600 15px/1.3 var(--body);color:var(--muted);margin:0 0 8px}.rank ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.rank li{border-radius:6px;justify-content:space-between;gap:12px;padding:6px 10px;display:flex;position:relative;overflow:hidden}.rank-bar{background:var(--hover);border-radius:6px;position:absolute;inset:0 auto 0 0}.rank-name,.rank-count{position:relative}.rank-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.rank-count{color:var(--muted);font-variant-numeric:tabular-nums}.credits-status{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:20px;display:flex}.credits-status>p{flex-basis:100%;margin:0}.credits-status progress{max-width:360px;accent-color:var(--film);flex:1}.token-form{flex-direction:column;gap:8px;max-width:640px;display:flex}.token-form p{color:var(--muted);margin:0}.token-form label{margin-top:8px;font-weight:600}.token-row{flex-wrap:wrap;gap:8px;display:flex}.token-row input{min-width:0;font:400 15px var(--body);color:var(--ink);background:var(--surface);border:1px solid var(--rule);border-radius:999px;flex:1;padding:10px 16px}.token-row input:focus-visible{outline:2px solid var(--film);outline-offset:2px}.comments{max-width:680px;margin-top:64px}.comments h2{letter-spacing:-.02em;font-size:24px;font-weight:700}.comment-form{flex-direction:column;gap:8px;margin-top:12px;display:flex}.comment-form label{color:var(--muted);font-size:15px;display:block}.comment-form textarea{width:100%;min-height:96px;font:400 16px/1.55 var(--body);color:var(--ink);background:var(--surface);border:1px solid var(--rule);resize:vertical;border-radius:12px;padding:12px 16px;display:block}.comment-form textarea::placeholder{color:var(--muted)}.comment-form textarea:focus-visible{outline:2px solid var(--film);outline-offset:2px}.comment-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.comment-actions button:disabled{background:var(--surface);border-color:var(--rule);color:var(--muted);cursor:default}.comment-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.comment-list{margin:28px 0 0;padding:0;list-style:none}.comment-list li{border-left:3px solid var(--film-1);padding:16px 0 16px 16px}.comment-list li+li{margin-top:12px}.comment-text{font:400 19px/1.45 var(--display);letter-spacing:-.005em;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.comment-meta{color:var(--muted);align-items:center;gap:14px;margin-top:6px;font-size:13px;display:flex}.comment-meta button.link{color:var(--muted);font-size:13px}.comment-meta button.link:hover{color:var(--ink)}.comment-meta button.danger-link,.comment-meta button.danger-link:hover{color:var(--danger)}:root{--coral:#e5484d;--teal:#0e9384;--violet:#8e4ec6;--amber:#c27a00;--blue:#3d4fd1;--pink:#d6409f;--coral-tint:#fdeceb;--teal-tint:#e1f5f1;--violet-tint:#f3ebfb;--amber-tint:#fdf1dc;--blue-tint:#e9ecfb;--pink-tint:#fbe9f4;--on-color:#fff;--heat-1:#ffc89a;--heat-2:#f2754f;--heat-3:#b8235a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--coral:#ee5a50;--teal:#14a88c;--violet:#a06cdb;--amber:#c47e0c;--blue:#6577ee;--pink:#e2559b;--coral-tint:#3a1f24;--teal-tint:#12302c;--violet-tint:#2a2140;--amber-tint:#33270f;--blue-tint:#1f2648;--pink-tint:#3a1d30;--on-color:#12151d;--heat-1:#5c2a4f;--heat-2:#c94763;--heat-3:#ffb224}}:root[data-theme=dark]{--coral:#ee5a50;--teal:#14a88c;--violet:#a06cdb;--amber:#c47e0c;--blue:#6577ee;--pink:#e2559b;--coral-tint:#3a1f24;--teal-tint:#12302c;--violet-tint:#2a2140;--amber-tint:#33270f;--blue-tint:#1f2648;--pink-tint:#3a1d30;--on-color:#12151d;--heat-1:#5c2a4f;--heat-2:#c94763;--heat-3:#ffb224}.hero-num{color:var(--coral)}.profile-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.profile-bar .years{padding-top:0}.years button[aria-pressed=true]{background:var(--coral);border-color:var(--coral);color:var(--on-color)}.share-open{background:var(--ink);border-color:var(--ink);color:var(--paper);margin-left:auto}.share-open:hover{background:var(--coral);border-color:var(--coral);color:var(--on-color)}.strip-day.l1{background:var(--heat-1)}.strip-day.l2{background:var(--heat-2)}.strip-day.l3{background:var(--heat-3)}.figures{gap:12px}.figures>div{background:var(--tile-tint);border-radius:16px;padding:18px 20px}.figures dd{color:var(--tile)}.figures>div:first-child{--tile:var(--amber);--tile-tint:var(--amber-tint)}.figures>div:nth-child(2){--tile:var(--teal);--tile-tint:var(--teal-tint)}.figures>div:nth-child(3){--tile:var(--violet);--tile-tint:var(--violet-tint)}.figures>div:nth-child(4){--tile:var(--blue);--tile-tint:var(--blue-tint)}.credit-cols .rank:first-child{--rank:var(--coral);--rank-tint:var(--coral-tint)}.credit-cols .rank:nth-child(2){--rank:var(--teal);--rank-tint:var(--teal-tint)}.credit-cols .rank:nth-child(3){--rank:var(--violet);--rank-tint:var(--violet-tint)}.rank h3{color:var(--rank)}.rank-bar{background:var(--rank-tint)}.rank li:first-child .rank-bar{background:var(--rank)}.rank li:first-child{color:var(--on-color)}.rank li:first-child .rank-count{color:inherit}.fav-rating{color:var(--amber)}.heart{color:var(--pink)}.comment-list li{border-left-color:var(--violet)}.comment-actions button{background:var(--violet);border-color:var(--violet);color:var(--on-color)}.share-dialog{border:1px solid var(--rule);background:var(--surface);width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);border-radius:20px;padding:20px}.share-dialog::backdrop{background:#0a0c1499}.share-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.share-head h2{letter-spacing:-.02em;font-size:22px;font-weight:700}.share-formats{gap:6px;margin:16px 0;display:flex}.share-formats button{background:0 0;padding:8px 14px}.share-formats button[aria-checked=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.share-preview{background:var(--paper);border-radius:12px;place-items:center;min-height:240px;padding:12px;display:grid}.share-preview img{border-radius:8px;max-width:100%;max-height:56dvh;display:block;box-shadow:0 8px 30px #0a0c1440}.share-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.share-actions button.primary,.share-actions button:first-child:not(.primary){background:var(--coral);border-color:var(--coral);color:var(--on-color)}.share-actions button:disabled{opacity:.5;cursor:default}.loading{max-width:640px;padding:12vh 0 8vh}.loading h1{letter-spacing:-.035em;margin-top:32px;font-size:clamp(36px,6vw,64px);font-weight:800;line-height:1}.loading-step{color:var(--muted);margin:12px 0 0;font-size:18px;animation:.35s both step-in}.loading-strip{grid-template-columns:repeat(18,minmax(0,1fr));gap:4px;max-width:420px;display:grid}.loading-day{aspect-ratio:1;background:var(--rule);border-radius:3px;animation:1.6s ease-in-out infinite day-pulse}.loading-day.h0{--on:var(--heat-1)}.loading-day.h1{--on:var(--heat-2)}.loading-day.h2{--on:var(--heat-3)}@keyframes day-pulse{0%,to{background:var(--rule)}45%{background:var(--on)}}@keyframes step-in{0%{opacity:0;transform:translateY(4px)}}.reveal{animation:.5s ease-out both reveal}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.loading-day,.loading-step,.reveal{animation:none}.loading-day.h2{background:var(--heat-2)}}.top-four{margin:0 0 56px}.top-four h2{letter-spacing:-.02em;font-size:24px;font-weight:700}.top-four ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;max-width:760px;margin:16px 0 0;padding:0;list-style:none;display:grid}@media (width<=480px){.top-four ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}.top-four a{color:inherit;text-decoration:none;display:block}.poster{aspect-ratio:2/3;background:var(--poster);border-radius:8px;max-width:100%;transition:transform .2s;overflow:hidden;box-shadow:0 6px 18px #0a0c142e}.top-four a:hover .poster,.top-four a:focus-visible .poster{transform:translateY(-4px)}.poster img{object-fit:cover;width:100%;height:100%;display:block}.poster.p0{--poster:var(--coral)}.poster.p1{--poster:var(--teal)}.poster.p2{--poster:var(--violet)}.poster.p3{--poster:var(--amber)}.poster-fallback{height:100%;font:800 clamp(15px, 2vw, 22px) / 1.05 var(--display);letter-spacing:-.02em;color:var(--on-color);overflow-wrap:anywhere;align-items:flex-end;padding:12px;display:flex}.top-title{font:600 16px/1.25 var(--display);letter-spacing:-.01em;margin-top:10px;display:block}.top-meta{color:var(--muted);font-size:14px;display:block}.top-stars{color:var(--amber)}@media (prefers-reduced-motion:reduce){.poster{transition:none}}.brand-wrap{align-items:center;gap:10px;min-width:0;display:flex}.user-handle{color:var(--ink);background:var(--coral-tint);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:50vw;padding:4px 12px;font-size:20px;font-weight:600;text-decoration:none;overflow:hidden}.user-handle:hover{background:var(--coral);color:var(--on-color)}.top-four{text-align:center}.top-four ol{margin-inline:auto}.site-footer{margin-top:96px}.footer-band{background:linear-gradient(90deg, var(--coral) 0 16.66%, var(--amber) 16.66% 33.33%, var(--teal) 33.33% 50%, var(--blue) 50% 66.66%, var(--violet) 66.66% 83.33%, var(--pink) 83.33% 100%);border-radius:999px;height:6px}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:32px 48px;padding-top:32px;display:flex}.footer-main{min-width:0;max-width:34em}.footer-brand{font:800 28px/1 var(--display);letter-spacing:-.03em;color:var(--coral);margin:0}.footer-tagline{font:500 18px/1.45 var(--display);letter-spacing:-.01em;margin:12px 0 0}.footer-links p{color:var(--muted);margin:0 0 10px;font-size:14px}.footer-links ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.footer-links a{border:1px solid var(--rule);border-radius:999px;padding:8px 14px;font-weight:600;text-decoration:none;display:inline-block}.footer-links li:first-child a:hover{background:var(--pink);border-color:var(--pink);color:var(--on-color)}.footer-links li:nth-child(2) a:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.footer-links li:nth-child(3) a:hover{background:var(--teal);border-color:var(--teal);color:var(--on-color)}.footer-links li:nth-child(4) a:hover{background:var(--violet);border-color:var(--violet);color:var(--on-color)}.footer-links li:nth-child(5) a:hover{background:var(--blue);border-color:var(--blue);color:var(--on-color)}.footer-fine{color:var(--muted);margin:32px 0 0;font-size:13px}
