:root{--bg: #0e0f13;--panel: #161821;--text: #e9ebf3;--inter-era-text: #e9ebf3;--muted: #9aa2b1;--accent: #8cf2ff;--danger: #ff6b6b;--card: #1e2130;--shadow: 0 6px 16px rgba(0, 0, 0, .35);--radius: 14px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}.era-3{--bg: #002b36;--panel: #073642;--card: #094051;--accent: #b58900;--text: #eee8d5;--muted: #93a1a1}.era-4{--bg: #1d1b22;--panel: #23212a;--card: #2b2933;--accent: #ffb3c1;--text: #f8eef7;--muted: #c7b9c5}.era-5{--bg: #0f0e0d;--panel: #1b1917;--card: #272522;--accent: #d1a46f;--text: #f3eadc;--muted: #bcae9a}.app{min-height:100%;display:flex;flex-direction:column;background:var(--bg);color:var(--text)}.header{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:color-mix(in oklab,var(--bg) 65%,black);border-bottom:1px solid color-mix(in oklab,var(--panel) 60%,#fff 5%);box-shadow:var(--shadow)}.header-inner{display:flex;gap:16px;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;padding:16px 20px}.badge{padding:6px 10px;border:1px solid color-mix(in oklab,var(--accent) 30%,black);color:var(--accent);border-radius:999px;font-weight:600;letter-spacing:.3px}.title{font-weight:800;letter-spacing:.5px}.main-container{max-width:1100px;margin:20px auto}.controls{display:flex;align-items:center;justify-content:center;margin-bottom:14px;gap:16px;flex-wrap:wrap}.sort-controls{display:flex;align-items:center;gap:8px}.sort-controls label{color:var(--muted);font-size:.9rem}.counter{display:flex;gap:14px;align-items:center;background:var(--panel);border-radius:var(--radius);padding:10px 14px;box-shadow:var(--shadow)}.counter strong{font-size:1.1rem}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;padding:0 18px 18px}.grid.grid--balanced{grid-template-columns:repeat(2,minmax(0,1fr))}.column-preserve{grid-column:span 4}.column-dispose{grid-column:span 2}.grid.grid--balanced .column-preserve,.grid.grid--balanced .column-dispose{grid-column:span 1}.column{background:var(--panel);border-radius:var(--radius);padding:14px;min-height:400px;box-shadow:var(--shadow);display:flex;flex-direction:column}.column-preserve{flex:4}.column-dispose{flex:2}.column h3{margin:6px 6px 12px;font-size:.95rem;letter-spacing:.3px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.dropzone{border:2px dashed color-mix(in oklab,var(--danger) 20%,var(--panel));background:color-mix(in oklab,var(--panel) 85%,var(--danger) 10%);min-height:140px;border-radius:var(--radius);padding:12px;transition:background .2s ease;flex-grow:1;display:grid;grid-template-columns:repeat(var(--card-columns, 4),1fr);gap:16px;align-content:start}.dropzone.active{background:color-mix(in oklab,var(--panel) 55%,var(--danger) 25%)}.card{background:var(--card);border:1px solid color-mix(in oklab,var(--card) 90%,white 4%);border-radius:calc(var(--radius) - 4px);overflow:hidden;box-shadow:var(--shadow);cursor:grab;transition:transform .12s ease,box-shadow .12s ease}.card .cover-image{width:100%;height:100%;object-fit:cover}.card:active{cursor:grabbing}.cover{aspect-ratio:3 / 4;width:100%;display:grid;place-items:center;font-weight:800;font-size:1.6rem;letter-spacing:.5px}.card .meta{padding:10px 12px 12px}.card .meta h4{margin:0 0 4px}.card .meta .sub{margin:0;color:var(--muted);font-size:.9rem}.btn{padding:10px 14px;border-radius:10px;font-weight:700;border:1px solid color-mix(in oklab,var(--accent) 30%,black);background:color-mix(in oklab,var(--accent) 20%,var(--panel) 80%);color:var(--text);cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-danger{border-color:color-mix(in oklab,var(--danger) 30%,black);background:color-mix(in oklab,var(--danger) 25%,var(--panel) 75%)}.footer{color:var(--muted);margin-top:24px;font-size:.9rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:grid;place-items:center;z-index:50}.modal{background:var(--panel);width:min(840px,92vw);border-radius:var(--radius);overflow:hidden;border:1px solid color-mix(in oklab,var(--panel) 90%,white 6%);box-shadow:var(--shadow)}.modal .modal-header{display:grid;grid-template-columns:220px 1fr}.modal .modal-cover{aspect-ratio:3 / 4}.modal .modal-body{padding:16px}.modal .pill{display:inline-block;border:1px solid color-mix(in oklab,var(--accent) 30%,black);color:var(--accent);border-radius:999px;padding:4px 8px;font-size:.85rem}.modal h2{margin:10px 0 8px}.modal h3{margin:16px 0 10px}.notes{display:grid;gap:10px;margin-top:10px}.note{background:var(--card);padding:10px 12px;border-radius:10px;border:1px solid color-mix(in oklab,var(--card) 85%,white 6%)}.note-text{margin:0}.note-author{margin:6px 0 0;text-align:right;color:var(--muted);font-size:.9em}.empty{color:var(--muted);text-align:center;padding:40px 10px}a{color:pink}a:hover{color:#ff69b4}.modal{color:var(--muted)}.info-modal{background:var(--panel);width:min(840px,92vw);border-radius:var(--radius);border:1px solid color-mix(in oklab,var(--panel) 90%,white 6%);box-shadow:var(--shadow);max-height:90vh;display:flex;flex-direction:column;color:var(--text)}.modal-wide{width:min(925px,95vw)!important}.info-modal h2{margin:0;padding:20px 24px 0;flex-shrink:0}.info-modal-body{margin:16px 0;padding:0 24px;line-height:1.6;color:var(--muted);overflow-y:auto;flex-grow:1}.info-modal-body p{margin-top:0}.info-modal-footer{margin-top:24px;text-align:right;padding:0 24px 20px;flex-shrink:0}.final-grid{display:flex;gap:16px;overflow-x:auto;padding:10px 4px;margin-top:16px}.final-grid .card{flex-shrink:0;width:160px;cursor:pointer}.interera{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;background:var(--bg, #000);color:var(--text, #fff);overflow:hidden;isolation:isolate}.interera__fade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(80% 60% at 50% 50%,#0000,#00000059 60%,#000c);opacity:calc(.6 * (1 - var(--p)));transition:opacity .3s ease}.interera__labels{position:absolute;top:6vh;width:100%;text-align:center;font-size:clamp(14px,2.2vw,24px);letter-spacing:.04em;opacity:.9}.ticker{width:min(920px,92vw);margin-inline:auto;position:relative}.ticker__window{position:relative;overflow:hidden;border-radius:14px;background:color-mix(in srgb,var(--panel, #1e1e1e) 70%,#000 30%);box-shadow:inset 0 0 0 2px #ffffff0f;height:72px;padding:0}.ticker__track{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:16px;will-change:transform}.ticker__item{flex:0 0 auto;width:var(--cellpx, auto);text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.06em;white-space:nowrap;line-height:72px}.ticker__item.is-pivot{color:var(--accent, #7cf);opacity:.95;text-shadow:0 0 12px color-mix(in srgb,var(--accent, #7cf) 40%,transparent)}.ticker__centerline{position:absolute;top:0;right:0;bottom:0;left:0;margin:0 auto;width:0;border-left:2px dashed rgba(255,255,255,.2)}.ticker__big{margin-top:12px;font-size:clamp(18px,3vw,36px);letter-spacing:.08em;color:var(--inter-era-text, #fff)}.ticker__caption{margin-top:6px;opacity:.7;letter-spacing:.04em;color:var(--inter-era-text, #fff)}.ticker__sizer{position:absolute;visibility:hidden;pointer-events:none;white-space:nowrap;display:inline-block;font-variant-numeric:tabular-nums;line-height:1.25}.interera__arrow{margin:0 .5em;opacity:.7}.interera__skip{position:absolute;top:10px;right:10px;background:color-mix(in srgb,var(--panel, #222) 70%,#000 30%);color:var(--text, #fff);border:1px solid color-mix(in srgb,var(--text, #fff) 30%,transparent);padding:6px 10px;border-radius:8px;opacity:.85;cursor:pointer}.interera__skip:hover{opacity:1}.era-0{--bg: #f3f2f1;--panel: #ffffff;--text: #0b0c0c;--inter-era-text: #0b0c0c;--muted: #505a5f;--accent: #1d70b8;--danger: #d4351c;--card: #ffffff;--shadow: none;--radius: 0}.era-0 .header{background:var(--bg);border-bottom:10px solid var(--accent);-webkit-backdrop-filter:none;backdrop-filter:none}.era-0 .column,.era-0 .counter,.era-0 .card,.era-0 .note{border:2px solid black;border-radius:0}.era-0 .modal{border:4px solid var(--text);padding:10px}.era-0 .modal .pill{border-radius:0;border:1px solid var(--muted);background-color:var(--bg);color:var(--text);font-size:.8rem;font-weight:400;padding:3px 6px}.era-0 .dropzone{border:2px dashed var(--text);background:var(--bg)}.era-0 .dropzone.active{border-color:var(--danger);outline:3px solid var(--danger);background:#fdf1f1}.era-0 .btn,.era-0 select.btn{border-radius:0;font-weight:700;border:none;background-color:#00703c;color:#fff;padding:8px 12px;border-bottom:3px solid #002d18}.era-0 .btn:disabled{background-color:#b1b4b6;border-bottom:3px solid #505a5f;opacity:1}.era-0 .sort-controls .btn{background-color:var(--panel);border:2px solid var(--text);color:var(--text)}.era-0 .btn:focus,.era-0 select:focus{outline:3px solid #ffdd00;outline-offset:0;box-shadow:inset 0 0 0 2px}.era-0 .title{font-size:2rem;letter-spacing:0}.era-1{--bg: #fafafa;--panel: #ffffff;--card: #ffffff;--text: #0a0a0a;--inter-era-text: #0a0a0a;--muted: #6b7280;--accent:#da1e28;--danger:#b42318;--shadow: 0 1px 0 rgba(0,0,0,.06), 0 8px 20px rgba(0,0,0,.04);--radius: 6px;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, "Noto Sans", "Liberation Sans", sans-serif;--size-xs: 12px;--size-sm: 13px;--size-md: 15px;--size-lg: 18px;--size-xl: 22px;--lh-tight: 1.15;--lh-body: 1.45;--ease: cubic-bezier(.2,.8,.2,1);--focus: 0 0 0 2px #ffffff, 0 0 0 4px #111827}.era-1 body,.era-1 .app{font-family:var(--font);font-size:var(--size-md);line-height:var(--lh-body);letter-spacing:.001em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.era-1 .header{background:var(--panel);border-bottom:1px solid rgba(0,0,0,.08);padding:21px 28px;display:flex;justify-content:space-between;align-items:baseline}.era-1 .header .title{font-family:var(--font);font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text);margin:0}.era-1 .header .subtitle{font-size:14px;font-weight:400;color:var(--muted);margin-top:4px;text-transform:none;letter-spacing:.01em}.era-1 .header .era-info{font-size:13px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.era-1 .column .label{font-size:var(--size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.era-2{--bg: #f9aefc;--panel: #161a2a;--card: #1b2036;--text: #f6f7ff;--inter-era-text: #1b2036;--muted: #c2c9de;--accent:#ffb3d9;--danger:#ff7aa3;--shadow: 0 12px 36px rgba(0,0,0,.5), 0 2px 8px rgba(0,0,0,.35);--radius: 16px}.era-2 .app{background:radial-gradient(1200px 600px at 80% -20%,color-mix(in oklab,var(--accent) 16%,transparent) 0%,transparent 60%),radial-gradient(900px 600px at -10% 40%,color-mix(in oklab,var(--danger) 10%,transparent) 0%,transparent 60%),var(--bg)}.era-2 .header{position:sticky;top:0;z-index:50;backdrop-filter:blur(10px) saturate(1.15);-webkit-backdrop-filter:blur(10px) saturate(1.15);background:linear-gradient(180deg,color-mix(in oklab,var(--panel) 60%,white 28%),color-mix(in oklab,var(--panel) 76%,var(--accent) 10%));border-bottom:1px solid color-mix(in oklab,var(--panel) 65%,var(--accent) 24%);box-shadow:var(--shadow)}.era-2 .header .title{color:var(--text);font-weight:800;letter-spacing:.02em;margin:0;padding-bottom:2px;background:linear-gradient(to right,color-mix(in oklab,var(--accent) 60%,white 0%),transparent 60%) bottom / 100% 2px no-repeat}.era-2 .badge,.era-2 .counter{background:linear-gradient(180deg,color-mix(in oklab,var(--panel) 70%,white 18%),color-mix(in oklab,var(--panel) 82%,var(--accent) 10%));border:1px solid color-mix(in oklab,var(--accent) 30%,black);box-shadow:var(--shadow);color:var(--text)}.era-2 .column{background:linear-gradient(180deg,color-mix(in oklab,var(--panel) 72%,white 16%),color-mix(in oklab,var(--panel) 88%,var(--accent) 6%));border:1px solid color-mix(in oklab,var(--panel) 80%,var(--accent) 18%);border-radius:var(--radius);box-shadow:var(--shadow)}.era-2 .column h3{color:color-mix(in oklab,var(--muted) 70%,var(--accent) 30%)}.era-2 .dropzone{border:2px dashed color-mix(in oklab,var(--accent) 45%,black);background:linear-gradient(180deg,color-mix(in oklab,var(--panel) 65%,var(--accent) 20%),color-mix(in oklab,var(--panel) 78%,white 10%))}.era-2 .dropzone.active{background:linear-gradient(180deg,color-mix(in oklab,var(--panel) 45%,var(--accent) 40%),color-mix(in oklab,var(--panel) 60%,white 16%))}.era-2 .card{background:linear-gradient(180deg,color-mix(in oklab,var(--card) 70%,white 18%),color-mix(in oklab,var(--card) 85%,var(--accent) 8%));border:1px solid color-mix(in oklab,var(--card) 75%,var(--accent) 16%);border-radius:calc(var(--radius) - 4px);box-shadow:var(--shadow);transition:transform .14s cubic-bezier(.16,1,.3,1),box-shadow .14s cubic-bezier(.16,1,.3,1),border-color .14s cubic-bezier(.16,1,.3,1)}.era-2 .card:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--accent) 28%,white 8%)}.era-2 .cover{background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 14%,transparent),color-mix(in oklab,var(--danger) 12%,transparent))}.era-2 .btn{border:1px solid color-mix(in oklab,var(--accent) 36%,black);background:linear-gradient(180deg,color-mix(in oklab,var(--panel) 60%,var(--accent) 40%),color-mix(in oklab,var(--panel) 78%,white 12%));color:var(--text);border-radius:999px;box-shadow:0 1px #ffffff14 inset,var(--shadow);transition:transform .08s cubic-bezier(.16,1,.3,1),filter .12s cubic-bezier(.16,1,.3,1)}.era-2 .btn:hover{filter:brightness(1.06)}.era-2 .btn:active{transform:translateY(0)}.era-2 .btn-danger{border-color:color-mix(in oklab,var(--danger) 36%,black);background:linear-gradient(180deg,color-mix(in oklab,var(--panel) 60%,var(--danger) 40%),color-mix(in oklab,var(--panel) 78%,white 12%))}.era-2 .modal-backdrop{background:#06080e8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.era-2 .modal{background:linear-gradient(180deg,color-mix(in oklab,var(--panel) 70%,white 16%),color-mix(in oklab,var(--panel) 86%,var(--accent) 8%));border:1px solid color-mix(in oklab,var(--panel) 85%,var(--accent) 14%);box-shadow:var(--shadow)}.era-2 .modal .pill{border:1px solid color-mix(in oklab,var(--accent) 38%,black);color:color-mix(in oklab,var(--text) 90%,white 10%);background:linear-gradient(180deg,color-mix(in oklab,var(--panel) 55%,var(--accent) 45%),color-mix(in oklab,var(--panel) 70%,white 16%))}.era-2 .note{background:linear-gradient(180deg,color-mix(in oklab,var(--card) 68%,white 18%),color-mix(in oklab,var(--card) 84%,var(--accent) 8%));border:1px solid color-mix(in oklab,var(--card) 80%,var(--accent) 16%)}.era-3{--bg:#0b0b0d;--panel:#8f0094;--card:#574619;--text:#f5f7ff;--inter-era-text: #f5f7ff;--muted:#b3b8c7;--accent:#f0d300;--danger:#28ff15;--shadow:none;--radius:0}.era-3 *{border-radius:0!important;box-shadow:none!important}.era-3 :focus-visible{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 6px var(--accent);outline:0}.era-3 .app{background:var(--bg);color:var(--text)}.era-3 .header{position:sticky;top:0;z-index:50;background:#0c0c0e;color:var(--text);border-bottom:6px solid var(--accent);padding:18px 22px}.era-3 .header .title{text-transform:uppercase;font-weight:900;letter-spacing:.08em;margin:0}.era-3 .header .subtitle{color:#6bd0ff}.era-3 .header .era-info{color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.era-3 .columns{gap:14px}.era-3 .column{background:var(--panel);border:0}.era-3 .column .label{color:#ff4df2;background:#162d34;padding:8px 10px;text-transform:uppercase;letter-spacing:.1em}.era-3 .card{background:var(--card);border:0}.era-3 .card .title{color:var(--accent);text-transform:uppercase;font-weight:900}.era-3 .card .meta{border-top:3px dotted #6bd0ff;color:var(--muted)}.era-3 .cover{background:#113e4e}.era-3 .modal-backdrop{background:#1e1e00b3}.era-3 .modal-cover{background:#1e1e00b3;margin-left:-20px;margin-top:-20px}.era-3 .modal{background:#241426;border:0;overflow:visible}.era-3 .modal .title{color:var(--accent);text-transform:uppercase}.era-3 .modal .pill{background:#122933;border:2px solid #ff4df2;color:var(--text)}.era-3 .btn{background:#15171c;color:var(--text);border:3px solid var(--accent);text-transform:uppercase;letter-spacing:.08em}.era-3 .btn:hover{background:var(--accent);color:#0c0c0e}.era-3 .btn:active{transform:translateY(0)}.era-3 .btn.danger{border-color:var(--danger);background:#2a1313;color:var(--text)}.era-3 .dropzone,.era-3 .trash-zone{border:3px dashed var(--danger);background:#62ce67;color:var(--text)}.era-3 .dropzone.active{background:#2a1832}.era-3 a,.era-3 .pill{color:#ff4df2;background:#102b33;border:0;text-decoration:underline}.era-3 .note{background:#2b1335;border:3px solid #f0d300;color:#f5f7ff;padding:12px 14px;margin:12px 0;font-size:14px;line-height:1.4;text-transform:none}.era-3 .note .meta{display:inline-block;background:#1ebfff;color:#ff4df2;padding:2px 6px;font-size:12px;font-weight:600;margin-bottom:8px}.era-3 .header{position:sticky;top:0;width:100%;height:52px;background:linear-gradient(to right,#6a1b9a,#ff3434,#1a461c);border-bottom:3px solid black;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:10}.era-3 .header-inner{max-width:none;padding:12px 16px;gap:8px}.era-3 .title{font-family:Arial Black,Impact,sans-serif;font-size:20px;font-weight:900;text-transform:uppercase;color:#fff176;margin:0}