:root{color-scheme:dark;--bg: #0f1115;--bg2: #12151c;--card: #171a21;--border: #232732;--text: #e7e9ee;--muted: #9aa0ac;--accent: #6ea8fe;--accent2: #8b7cff;--ok: #43c67f;--warn: #e6b800;--bad: #e5534b;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.splash,.login,.vincular{min-height:100vh;display:grid;place-items:center;padding:1rem}.app{min-height:100vh;display:flex;flex-direction:column}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;background:#0f1115d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brand{font-weight:700;font-size:1.15rem;letter-spacing:-.01em}.nav-links{display:flex;gap:.25rem;flex:1}.nav-links a{padding:.4rem .8rem;border-radius:999px;color:var(--muted);font-weight:500}.nav-links a.on{color:var(--text);background:var(--card)}.nav-links a:hover{color:var(--text)}.nav-user{display:flex;align-items:center;gap:.6rem;font-size:.85rem}.content{flex:1;padding:1rem;max-width:1400px;width:100%;margin:0 auto}.btn{padding:.5rem .9rem;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text)}.btn.primary{background:var(--accent);color:#0b1220;border-color:transparent;font-weight:600}.btn.ghost{background:transparent}.btn.small{padding:.3rem .6rem;font-size:.85rem}.btn:disabled{opacity:.5;cursor:not-allowed}.chips{display:flex;gap:.4rem;flex-wrap:wrap}.chip{padding:.35rem .75rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted)}.chip.on{background:var(--accent);color:#0b1220;border-color:transparent;font-weight:600}.chip.small{font-size:.8rem;padding:.25rem .6rem}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.25rem;margin-bottom:1rem}.card.center{max-width:400px;text-align:center}.card.center input{width:100%;margin:.5rem 0;padding:.7rem;border-radius:10px;border:1px solid var(--border);background:var(--bg2);color:var(--text)}.muted{color:var(--muted)}.error{color:var(--bad)}.ok-text{color:var(--ok)}.empty{text-align:center;color:var(--muted);padding:3rem 1rem}.loading-row{text-align:center;padding:1rem;color:var(--muted)}.toolbar{display:flex;flex-direction:column;gap:.6rem;margin-bottom:.8rem}.toolbar h2{margin:0}.grid-scroll{height:calc(100vh - 200px);overflow-y:auto}.grid-row{display:flex}.grid-cell{position:relative;padding:0;border:none;background:var(--bg2);border-radius:8px;overflow:hidden}.grid-cell:focus-visible,.grid-cell:focus{outline:3px solid var(--accent);outline-offset:2px;z-index:2;transform:scale(1.03);transition:transform .12s ease}.badge-video{position:absolute;bottom:6px;right:6px;font-size:.72rem;background:#0009;padding:2px 6px;border-radius:6px}.bh-wrap{position:relative;width:100%;height:100%;overflow:hidden}.bh-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.bh-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease}.bh-img.loaded{opacity:1}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000000f2;display:grid;place-items:center}.viewer-stage{max-width:96vw;max-height:92vh;display:grid;place-items:center}.viewer-media{max-width:96vw;max-height:92vh;object-fit:contain;border-radius:6px}.viewer-loading{color:var(--muted)}.viewer-close{position:absolute;top:1rem;right:1rem;z-index:51;background:#ffffff1a;border:none;color:#fff;width:44px;height:44px;border-radius:50%;font-size:1.1rem}.viewer-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:51;background:#ffffff14;border:none;color:#fff;width:56px;height:56px;border-radius:50%;font-size:2rem}.viewer-nav.left{left:1rem}.viewer-nav.right{right:1rem}.viewer-nav:focus-visible{outline:3px solid var(--accent)}.cfg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1rem}.cfg-grid label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.cfg-grid select,.cfg-grid input[type=range]{width:100%}.check{flex-direction:row!important;align-items:center;gap:.5rem!important}.check.strong{font-weight:600}.cfg-backup{display:flex;flex-direction:column;gap:.6rem}.warn-box{background:#e6b80014;border:1px solid rgba(230,184,0,.35);border-radius:10px;padding:.8rem}.warn-box input{width:100%;padding:.5rem;border-radius:8px;border:1px solid var(--border);background:var(--bg2);color:var(--text)}.warn-box p{font-size:.82rem;color:var(--warn);margin:.5rem 0 0}.dropzone{border:2px dashed var(--border);border-radius:14px;padding:2.5rem 1rem;text-align:center;color:var(--muted);margin-bottom:1rem;cursor:pointer}.dropzone:hover{border-color:var(--accent);color:var(--text)}.queue-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.queue{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.qitem{display:grid;grid-template-columns:1fr auto 120px auto;gap:.6rem;align-items:center}.qname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}.qstage{font-size:.8rem;color:var(--muted)}.qitem.done .qstage{color:var(--ok)}.qitem.error .qstage{color:var(--bad)}.qbar{height:6px;background:var(--bg2);border-radius:4px;overflow:hidden}.qbar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .2s ease}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.album-card{text-align:left;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--card);padding:0}.album-card:focus-visible{outline:3px solid var(--accent)}.album-cover{aspect-ratio:1;background:var(--bg2)}.album-cover img{width:100%;height:100%;object-fit:cover}.album-meta{padding:.6rem .8rem;display:flex;flex-direction:column}.memories{touch-action:pan-y}.mem-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.mem-title{text-align:center}.mem-title h2{margin:0}.mem-title p{margin:.2rem 0 0;color:var(--muted)}.mem-arrow{background:var(--card);border:1px solid var(--border);color:var(--text);width:48px;height:48px;border-radius:50%;font-size:1.6rem}.mem-arrow:focus-visible{outline:3px solid var(--accent)}.mem-year{margin-bottom:1.5rem}.mem-year h3{position:sticky;top:60px;background:var(--bg);padding:.3rem 0}.mem-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}.mem-cell{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;background:var(--bg2)}.mem-hint{text-align:center;margin-top:1rem;font-size:.85rem}.code-input{text-transform:uppercase;letter-spacing:.15em;text-align:center;font-size:1.2rem}@media(max-width:640px){.nav-links a{padding:.4rem .6rem;font-size:.9rem}.nav-user .muted{display:none}.grid-scroll{height:calc(100vh - 240px)}}@media(min-width:1280px)and (pointer:coarse),(min-width:1920px){.nav-links a{font-size:1.1rem;padding:.6rem 1.1rem}.grid-cell:focus{transform:scale(1.06)}}:focus{outline:none}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}