@layer tokens,base,layout,components,utilities;@layer tokens{:root{--fundo: #121214;--superficie: #1c1c1f;--texto: #f2f0ea;--secundario: #9b9890;--acento: #e8b04b;--borda: #2a2a2e;--acento-soft: color-mix(in srgb, var(--acento) 12%, transparent);--danger: #d96358;--font-serif: "Fraunces", Georgia, serif;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: 2rem;--border: 1px solid var(--borda);--ease: cubic-bezier(.4, 0, .2, 1);--duration: .2s;color-scheme:dark}}@layer base{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;display:flex;flex-direction:column;background:var(--fundo);color:var(--texto);font-family:var(--font-sans);font-size:1rem;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-serif);font-weight:500;line-height:1.1;letter-spacing:-.01em;text-wrap:balance}*{scrollbar-width:thin;scrollbar-color:var(--borda) transparent}::-webkit-scrollbar{width:.625rem;height:.625rem}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--borda);border-radius:var(--radius-lg);border:2px solid var(--fundo)}::-webkit-scrollbar-thumb:hover{background:var(--secundario)}a{color:inherit;text-decoration-color:var(--borda);text-underline-offset:.25em}a:hover{color:var(--acento);text-decoration-color:var(--acento)}img{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--acento);outline-offset:2px;border-radius:var(--radius-sm)}[hidden]{display:none!important}::selection{background:var(--acento);color:var(--fundo)}}@layer layout{.container{width:100%;max-width:72rem;margin-inline:auto;padding-inline:var(--space-5)}.page{flex:1;display:flex;flex-direction:column}body>div[data-phx-main]{flex:1;display:flex;flex-direction:column}.stack{display:flex;flex-direction:column;gap:var(--stack-space, var(--space-4))}}@layer components{.site-header{position:sticky;top:0;z-index:40;background:var(--fundo);border-bottom:var(--border)}.site-header-inner{display:flex;align-items:center;justify-content:space-between;height:4rem}.wordmark{font-family:var(--font-serif);font-size:1.375rem;font-weight:600;letter-spacing:-.02em;text-decoration:none}.wordmark:hover{color:var(--texto)}.site-nav{display:flex;align-items:center;gap:var(--space-5)}.nav-link{font-size:.9375rem;color:var(--secundario);text-decoration:none;transition:color var(--duration) var(--ease)}.nav-link:hover{color:var(--texto)}.nav-link[aria-current=page]{color:var(--texto);border-bottom:2px solid var(--acento);padding-bottom:var(--space-1)}@media(max-width:26rem){.site-header-inner{flex-wrap:wrap;height:auto;padding-block:var(--space-3);row-gap:var(--space-2)}.site-nav{width:100%;justify-content:space-between;gap:var(--space-3)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-sm);font-weight:600;text-decoration:none;transition:background var(--duration) var(--ease),border-color var(--duration) var(--ease),color var(--duration) var(--ease),transform var(--duration) var(--ease)}.btn-primary{background:var(--acento);color:var(--fundo);font-weight:700}.btn-primary:hover{color:var(--fundo);transform:scale(1.02)}.btn-outline{background:transparent;border-color:var(--borda);color:var(--texto)}.btn-outline:hover{background:var(--superficie);color:var(--texto)}.btn-lg{height:4rem;padding-inline:2.5rem;font-size:1.0625rem;border-radius:var(--radius-md)}.btn-md{height:3.5rem;padding-inline:2.5rem;font-size:1rem}.btn-block{width:100%}.btn[disabled],.btn[aria-disabled=true]{opacity:.45;pointer-events:none}.btn-pill{display:inline-flex;align-items:center;gap:var(--space-2);height:2.5rem;padding-inline:var(--space-5);border:var(--border);border-radius:999px;font-size:.8125rem;font-weight:600;color:var(--secundario);white-space:nowrap;transition:border-color var(--duration) var(--ease),color var(--duration) var(--ease)}.btn-pill:hover{border-color:var(--secundario);color:var(--texto)}.btn-pill[aria-pressed=true]{border-color:var(--acento);color:var(--acento)}.section-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--secundario)}.search{position:relative}.search .icon{position:absolute;inset-inline-start:var(--space-4);top:50%;translate:0 -50%;color:var(--acento);pointer-events:none}.search-input{width:100%;height:3.5rem;padding-inline:calc(var(--space-4) * 2 + 1.25rem) var(--space-4);background:var(--superficie);border:var(--border);border-radius:var(--radius-md);font-size:1rem;transition:border-color var(--duration) var(--ease)}.search-input::placeholder{color:var(--secundario)}.search-input:focus{outline:none;border-color:var(--acento)}.result-list{display:flex;flex-direction:column;gap:var(--space-3)}.result-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);background:var(--superficie);border:var(--border);border-radius:var(--radius-sm);transition:border-color var(--duration) var(--ease)}.result-row:hover{border-color:color-mix(in srgb,var(--acento) 50%,var(--borda))}.row-info{display:flex;align-items:center;gap:var(--space-4);min-width:0}.row-thumb{width:3rem;height:4rem;object-fit:cover;border-radius:var(--radius-sm);background:var(--fundo);flex-shrink:0}.row-name{font-weight:500;font-size:1rem}.row-meta{font-size:.8125rem;color:var(--secundario)}.poster-blank{display:grid;place-items:center;background:var(--superficie);border:var(--border);color:var(--secundario)}.status-card{background:color-mix(in srgb,var(--superficie) 50%,var(--fundo));border:var(--border);border-radius:var(--radius-md);padding:var(--space-5)}.status-title{font-family:var(--font-sans);font-size:1rem;font-weight:700;color:var(--acento)}.status-copy{font-size:.875rem;color:var(--secundario);line-height:1.6}.mini-grid{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2);scrollbar-width:none}.mini-poster{display:flex;flex-direction:column;gap:var(--space-2);width:5rem;flex-shrink:0}.mini-poster img,.mini-poster .poster-blank{width:100%;aspect-ratio:2 / 3;object-fit:cover;border:var(--border);border-radius:var(--radius-sm)}.mini-poster p{font-size:.625rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-add{width:5rem;aspect-ratio:2 / 3;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px dashed var(--borda);border-radius:var(--radius-sm);color:var(--secundario);text-decoration:none}.cta-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5);background:color-mix(in srgb,var(--acento) 10%,var(--fundo));border:1px solid color-mix(in srgb,var(--acento) 20%,var(--fundo));border-radius:var(--radius-md);text-decoration:none;transition:background var(--duration) var(--ease)}.cta-card:hover{background:color-mix(in srgb,var(--acento) 16%,var(--fundo))}.cta-card-title{color:var(--acento);font-weight:700;font-size:1rem}.cta-card-sub{color:color-mix(in srgb,var(--acento) 70%,var(--fundo));font-size:.75rem}.cta-card .icon{color:var(--acento)}.recovery-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;height:3rem;border:var(--border);border-radius:var(--radius-md);font-size:.8125rem;color:var(--secundario);transition:color var(--duration) var(--ease)}.recovery-toggle:hover{color:var(--texto)}.recovery-box{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);background:var(--fundo);border:1px solid color-mix(in srgb,var(--acento) 30%,var(--fundo));border-radius:var(--radius-sm)}.recovery-token{font-family:var(--font-mono);font-size:.9rem;font-weight:700;color:var(--acento);overflow-wrap:anywhere}.recovery-hint{font-size:.6875rem;color:var(--secundario);line-height:1.6}.banner{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:color-mix(in srgb,var(--acento) 10%,var(--fundo));border:1px solid color-mix(in srgb,var(--acento) 25%,var(--fundo));border-radius:var(--radius-md)}.banner-title{font-family:var(--font-sans);font-size:1rem;font-weight:700;color:var(--acento)}.discover{flex:1;display:flex;position:relative}.discover-sidebar{display:none}.discover-main{flex:1;display:flex;flex-direction:column;min-width:0}.filters-trigger{align-self:flex-end;display:flex;align-items:center;gap:var(--space-2);margin:var(--space-4) var(--space-5) 0;color:var(--acento);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.filter-group{display:flex;flex-direction:column;gap:var(--space-5)}.format-list{display:flex;flex-direction:column;gap:var(--space-3)}.format-option{display:flex;align-items:center;gap:var(--space-3);font-size:.875rem;color:var(--secundario);text-align:left;transition:color var(--duration) var(--ease)}.format-option:hover,.format-option[aria-pressed=true]{color:var(--texto)}.format-box{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border:var(--border);border-radius:var(--radius-sm);flex-shrink:0;transition:border-color var(--duration) var(--ease)}.format-option:hover .format-box{border-color:var(--acento)}.format-option[aria-pressed=true] .format-box:after{content:"";width:.625rem;height:.625rem;background:var(--acento);border-radius:var(--radius-sm)}.chip-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;padding:.375rem var(--space-3);border:var(--border);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;color:var(--secundario);transition:border-color var(--duration) var(--ease),color var(--duration) var(--ease)}.chip:hover{border-color:var(--texto);color:var(--texto)}.chip[aria-pressed=true]{border-color:var(--acento);color:var(--acento)}.rec-hero{position:relative;min-height:55dvh;overflow:hidden}.rec-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.rec-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--fundo),transparent 60%)}.rec-body{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-5);margin-top:-8rem;padding-inline:var(--space-5);padding-bottom:var(--space-7)}.rec-meta{display:flex;align-items:center;gap:var(--space-3);font-size:.8125rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--secundario)}.rec-meta-sep{width:.25rem;height:.25rem;background:var(--borda);border-radius:999px}.rec-title{font-size:2.5rem}.rec-provenance{font-size:1.0625rem;color:var(--secundario);line-height:1.7}.rec-provenance strong{color:var(--texto);font-weight:500}.rec-why{font-size:.8125rem;color:var(--secundario)}.rec-why summary{cursor:pointer;color:var(--texto);font-weight:500}.rec-why ul{list-style:none;padding:var(--space-3) 0 0;display:flex;flex-direction:column;gap:var(--space-2)}.rec-actions{display:flex;gap:var(--space-4);padding-top:var(--space-4)}.rec-actions .btn{flex:1;height:4rem;font-size:1.0625rem;border-radius:var(--radius-md)}.rec-actions .btn:active{transform:scale(.97)}.state-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-7) var(--space-5);text-align:center}.state-title{font-size:2.5rem;max-width:36rem}.state-copy{font-size:1.0625rem;color:var(--secundario);line-height:1.7;max-width:32rem}.state-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding-top:var(--space-4)}.state-note{font-size:.875rem;color:var(--secundario)}.state-dashes{display:flex;justify-content:center;gap:var(--space-4);padding-top:var(--space-6)}.state-dashes span{width:3rem;height:.25rem;background:var(--borda)}.state-posters{display:flex;justify-content:center;gap:var(--space-4);padding-top:var(--space-6)}.state-posters .slot{width:4rem;height:6rem;border:1px dashed var(--borda);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--superficie) 30%,var(--fundo))}.state-posters .slot-done{display:flex;align-items:center;justify-content:center;aspect-ratio:2 / 3;width:100%;border:var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--superficie) 30%,var(--fundo));opacity:.4}.sheet{position:fixed;inset:0;z-index:50}.sheet-overlay{position:absolute;inset:0;background:#0009}.sheet-panel{position:absolute;bottom:0;inset-inline:0;max-height:85dvh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-5) var(--space-6) var(--space-7);background:var(--superficie);border-start-start-radius:var(--radius-lg);border-start-end-radius:var(--radius-lg)}.sheet-handle{width:3rem;height:.375rem;background:var(--borda);border-radius:999px;margin-inline:auto}.sheet-format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.format-btn{height:3rem;border:var(--border);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--secundario);transition:border-color var(--duration) var(--ease),color var(--duration) var(--ease),background var(--duration) var(--ease)}.format-btn[aria-pressed=true]{border-color:var(--acento);background:color-mix(in srgb,var(--acento) 10%,transparent);color:var(--acento);font-weight:700}.sheet .chip{padding:var(--space-2) var(--space-4);border-radius:999px;font-size:.8125rem}.home-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-7) var(--space-5);text-align:center}.home-title{font-size:2.625rem;line-height:1.1;max-width:48rem}.home-sub{font-size:1rem;color:var(--secundario);line-height:1.7;max-width:36rem}.home-ctas{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:24rem;padding-top:var(--space-4)}.home-count{font-size:.8125rem;color:var(--secundario)}.home-count a{color:var(--acento)}.home-count strong{color:var(--acento);font-weight:700}.home-posters{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-7);opacity:.2;filter:grayscale(1);pointer-events:none}.home-posters span{width:4rem;height:6rem;border:var(--border);border-radius:var(--radius-sm);background:var(--superficie)}.home-posters span:nth-child(2){transform:translateY(-.75rem)}.prose-page{flex:1;width:100%;max-width:42rem;margin-inline:auto;padding:var(--space-7) var(--space-5)}.prose-page>h1{font-size:1.875rem;font-weight:600;margin-bottom:var(--space-7)}.prose-section{display:flex;flex-direction:column;gap:var(--space-4)}.prose-section+.prose-section{margin-top:var(--space-7);padding-top:var(--space-7);border-top:var(--border)}.prose-section h2{font-family:var(--font-sans);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--acento)}.prose-section p{font-size:1rem;line-height:1.7;color:var(--secundario)}.prose-section p strong{color:var(--texto);font-weight:500}.prose-section .btn-outline{align-self:flex-start;height:3rem;padding-inline:var(--space-5);font-size:.875rem;background:var(--superficie)}.site-footer{border-top:var(--border);padding:var(--space-7) var(--space-5);text-align:center}.site-footer p{font-size:.8125rem;color:var(--secundario);max-width:42rem;margin-inline:auto}.recovery-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-7) var(--space-5);text-align:center}.recovery-card{width:100%;max-width:24rem;display:flex;flex-direction:column;gap:var(--space-6)}.recovery-card h1{font-size:1.875rem}.code-input{width:100%;height:3.5rem;padding-inline:var(--space-4);background:var(--superficie);border:var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.9rem;text-align:center;transition:border-color var(--duration) var(--ease)}.code-input:focus{outline:none;border-color:var(--acento)}.toast-region{position:fixed;top:var(--space-3);inset-inline-end:var(--space-3);z-index:60;display:flex;flex-direction:column;gap:var(--space-2)}.toast{display:flex;align-items:flex-start;gap:var(--space-3);width:min(24rem,calc(100vw - var(--space-6)));padding:var(--space-3) var(--space-4);background:var(--superficie);border:var(--border);border-inline-start-width:3px;border-radius:var(--radius-sm);font-size:.875rem;overflow-wrap:break-word;cursor:pointer}.toast-info{border-inline-start-color:var(--acento)}.toast-info>.icon{color:var(--acento)}.toast-error{border-inline-start-color:var(--danger)}.toast-error>.icon{color:var(--danger)}.toast-body{flex:1;min-width:0}.toast-title{font-weight:650}.toast-close{color:var(--secundario);line-height:0}.toast-close:hover{color:var(--texto)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-7) var(--space-4);text-align:center;color:var(--secundario)}.empty-state .icon{color:var(--secundario)}.empty-state p{max-width:34ch}.empty-circle{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border:1px dashed var(--borda);border-radius:999px;color:var(--secundario)}.icon{width:1.125rem;height:1.125rem;flex-shrink:0}@media(min-width:64rem){.wordmark{font-size:1.5rem}.site-nav{gap:var(--space-6)}.nav-link{font-size:1rem}.nav-recover{display:none}.home-title{font-size:4.5rem;line-height:1.05}.home-sub{font-size:1.25rem}.home-ctas{flex-direction:row;max-width:none;width:auto}.home-count{font-size:.875rem}.home-posters{gap:var(--space-4)}.home-posters span{width:7.5rem;height:11.25rem}.home-posters span:nth-child(2){transform:translateY(-1rem)}.status-card{padding:var(--space-6)}.status-title{font-size:1.125rem;font-weight:600}.mini-poster,.mini-add{width:6.25rem}.mini-poster p{font-size:.75rem}.discover-sidebar{display:block;width:18.75rem;flex-shrink:0;border-right:var(--border);padding:var(--space-6)}.discover-sidebar>.stack{--stack-space: var(--space-7)}.discover-sidebar.is-locked{opacity:.3;pointer-events:none}.sidebar-note{padding-top:var(--space-6);border-top:var(--border);font-size:.75rem;color:var(--secundario);line-height:1.7}.sidebar-note strong{color:var(--texto);font-weight:500}.filters-trigger,.sheet{display:none}.discover-main{align-items:center;justify-content:center;padding:var(--space-7)}.discover:has(.discover-sidebar.is-locked) .discover-main{position:absolute;inset:0}.rec-card{display:flex;align-items:center;gap:var(--space-7);max-width:64rem;width:100%}.rec-hero{min-height:0;width:21.25rem;flex-shrink:0;aspect-ratio:2 / 3;border:var(--border);border-radius:var(--radius-sm);box-shadow:0 25px 50px -12px #00000080}.rec-hero:after{content:none}.rec-body{margin-top:0;padding:0;gap:var(--space-6)}.rec-meta{font-size:.875rem;text-transform:none;letter-spacing:0}.rec-title{font-size:3rem}.rec-provenance{font-size:1.125rem}.rec-actions .btn{flex:none;height:3.5rem;border-radius:var(--radius-sm)}.state-title{font-size:3.75rem}.state-copy{font-size:1.125rem}.prose-page{padding-block:var(--space-8)}.prose-page>h1{font-size:2rem}.prose-section p{font-size:1.125rem}.prose-section h2{font-size:.8125rem}}.my-titles{flex:1;width:100%;max-width:72rem;margin-inline:auto;padding:var(--space-6) var(--space-5) var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}.my-titles-main{display:flex;flex-direction:column;gap:var(--space-6);min-width:0}.my-titles-aside{display:flex;flex-direction:column;gap:var(--space-5)}.my-titles h1{font-size:2rem}.stats-page{flex:1;width:100%;max-width:72rem;margin-inline:auto;padding:var(--space-6) var(--space-5) var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}.stats-header{max-width:48rem}.stats-page h1{font-size:2rem}.stats-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.stats-total{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--superficie);border:var(--border)}.stats-label{color:var(--secundario);font-size:.75rem}.stats-value{color:var(--acento);font-family:var(--font-serif);font-size:1.75rem;line-height:1}.stats-section{display:flex;flex-direction:column;gap:var(--space-3)}.stats-count{flex-shrink:0;color:var(--acento);font-size:.8125rem;text-align:end}.stats-pair-titles{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.stats-pair-titles span{color:var(--secundario)}.page-sub{color:var(--secundario);font-size:.9375rem}.mobile-cta{position:sticky;bottom:0;padding:var(--space-5);background:linear-gradient(to top,var(--fundo) 60%,transparent)}@media(min-width:64rem){.my-titles{display:grid;grid-template-columns:1fr 25rem;gap:var(--space-7);padding-top:var(--space-7)}.my-titles h1{font-size:2.25rem}.page-sub{font-size:1rem}.stats-page{padding-top:var(--space-7)}.stats-page h1{font-size:2.25rem}.stats-totals{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-cta{display:none}}}@layer utilities{.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.text-muted{color:var(--secundario)}.desktop-only{display:none}@media(min-width:64rem){.desktop-only{display:inline-flex}.mobile-only{display:none}}@media(prefers-reduced-motion:no-preference){.spin{animation:spin 1s linear infinite}.sheet-overlay{animation:fade-in var(--duration) var(--ease)}.sheet-panel{animation:sheet-in .4s var(--ease)}.rec-card,.state-panel{animation:fade-in .5s var(--ease)}}.spinner{width:1rem;height:1rem;border:2px solid color-mix(in srgb,var(--acento) 20%,transparent);border-top-color:var(--acento);border-radius:999px;animation:spin .8s linear infinite}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-in{0%{transform:translateY(100%)}}