@import"https://fonts.googleapis.com/css2?family=Anton&family=Chivo:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";.admin-theme{--background: #131313;--on-background: #e5e2e1;--surface: #131313;--surface-container-lowest: #0e0e0e;--surface-container-low: #1c1b1b;--surface-container: #201f1f;--surface-container-high: #2a2a2a;--surface-container-highest: #353534;--surface-bright: #393939;--on-surface: #e5e2e1;--on-surface-variant: #cdc3d0;--primary: #dcb8ff;--on-primary: #3f225e;--secondary: #ffe08b;--on-secondary: #3d2f00;--tertiary-container: #ffb1c0;--on-tertiary-container: #7b404e;--error: #ffb4ab;--on-error: #690005;--outline: #968e99;--outline-variant: #4b454f;--font-display: "Anton", sans-serif;--font-body: "Chivo", sans-serif;background-color:var(--background);color:var(--on-surface);font-family:var(--font-body)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.brutalist-border{border:4px solid black}.brutalist-border-sm{border:2px solid black}.brutalist-shadow-black{box-shadow:4px 4px #000}.brutalist-shadow-black-lg{box-shadow:8px 8px #000}.brutalist-shadow-primary{box-shadow:4px 4px 0 0 var(--primary)}.brutalist-interactive{transition:transform .1s ease,box-shadow .1s ease;cursor:pointer}.brutalist-interactive:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}.brutalist-interactive:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.brutalist-input{background-color:var(--surface);color:var(--on-surface);border:2px solid var(--outline-variant);border-radius:4px;padding:8px 12px;font-family:inherit;font-size:14px;transition:all .2s ease}.brutalist-input:focus{border-color:var(--primary);box-shadow:4px 4px 0 0 var(--primary);outline:none}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--background);border-left:2px solid var(--surface-container-highest)}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--primary);border:2px solid var(--background)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--secondary)}.admin-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.top-app-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background-color:var(--surface);border-bottom:4px solid black;box-shadow:0 4px #000;z-index:50}.title-area{display:flex;align-items:center;gap:16px}.title-text{font-family:var(--font-display);font-size:24px;color:var(--secondary);text-transform:uppercase;transform:skew(-12deg);text-shadow:2px 2px 0px #ffb1c0;letter-spacing:.05em}.header-actions{display:flex;align-items:center;gap:24px}.backend-pill{display:flex;align-items:center;gap:8px;padding:4px 12px;background-color:var(--surface-container);border:2px solid black;font-family:var(--font-display);font-size:12px;letter-spacing:.1em;color:var(--primary)}.status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--outline-variant)}.status-dot.active{background-color:var(--primary);box-shadow:0 0 8px var(--primary)}.token-input{display:flex;align-items:center;background-color:var(--surface-container);border:2px solid black;overflow:hidden}.token-input .material-symbols-outlined{padding:0 8px;color:var(--outline)}.token-input input{background:transparent;border:none;color:var(--on-surface);font-family:var(--font-body);font-size:12px;font-weight:700;padding:8px;width:120px;outline:none}.token-input input:focus{width:180px}.main-layout{display:flex;flex:1;overflow:hidden;position:relative}.nav-drawer{display:flex;flex-direction:column;width:280px;background-color:var(--surface-container);border-right:4px solid black;box-shadow:8px 0 #000;padding-top:32px;flex-shrink:0;z-index:40}.nav-drawer h2{font-family:var(--font-display);font-size:32px;color:var(--secondary);padding:0 24px;margin:0 0 32px}.nav-drawer ul{list-style:none;padding:0 16px;margin:0;display:flex;flex-direction:column;gap:8px}.nav-drawer li{display:flex;align-items:center;gap:16px;padding:12px;font-family:var(--font-display);font-size:14px;letter-spacing:.05em;text-transform:uppercase;color:var(--on-surface-variant);border-radius:4px;cursor:pointer;transition:all .2s ease}.nav-drawer li:hover{background-color:var(--surface-bright);color:var(--on-surface);transform:translate(4px)}.nav-drawer li.active{background-color:var(--primary);color:var(--on-primary);border:2px solid black;transform:translate(4px,4px)}.sys-status{margin-top:auto;padding:24px;border-top:2px solid black}.sys-status p{margin:0;font-size:12px;font-weight:700;color:var(--outline-variant)}.content-canvas{flex:1;overflow-y:auto;padding:32px;display:flex;flex-direction:column;gap:32px;background-color:var(--background)}.top-stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{background-color:var(--surface-container);padding:16px}.stat-card p:first-child{margin:0 0 8px;font-size:12px;font-weight:700;color:var(--outline);text-transform:uppercase}.stat-value{margin:0;font-family:var(--font-display);font-size:64px;line-height:1}.stat-value.total{color:var(--primary)}.stat-value.active{color:var(--secondary)}.stat-value.drafts{color:var(--tertiary-container)}.stat-value.archived{color:var(--on-surface-variant)}.split-pane{display:flex;gap:24px;align-items:flex-start}.left-pane{flex:1;display:flex;flex-direction:column;gap:16px}.right-pane{flex:1;background-color:var(--surface-container);padding:24px;position:relative}.pane-header{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:4px solid black;padding-bottom:8px}.pane-header h3{margin:0;font-family:var(--font-display);font-size:32px;color:var(--on-surface);text-transform:uppercase}.filter-actions{display:flex;gap:8px}.filter-btn{background:var(--surface-container);color:var(--on-surface);border:none;display:grid;place-items:center;padding:4px}.collection-list{display:flex;flex-direction:column;gap:8px;max-height:600px;overflow-y:auto;padding-right:8px}.collection-row{display:flex;align-items:center;gap:16px;background-color:var(--surface-container);padding:12px;position:relative}.collection-row .thumb{width:64px;height:64px;background-color:var(--surface-container-highest);position:relative;overflow:hidden;display:grid;place-items:center}.collection-row .thumb img,.collection-row .thumb video{width:100%;height:100%;object-fit:cover}.collection-row .thumb .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--primary);opacity:.2;mix-blend-mode:overlay}.collection-meta{flex:1;min-width:0}.collection-meta h4{margin:0 0 4px;font-family:var(--font-display);font-size:14px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--on-surface)}.badge-row{display:flex;gap:8px;align-items:center}.badge{font-size:10px;font-weight:700;padding:2px 8px;text-transform:uppercase}.badge.active{background:var(--secondary);color:var(--on-secondary)}.badge.draft{background:var(--tertiary-container);color:var(--on-tertiary-container)}.badge.archived{background:var(--surface-bright);color:var(--outline)}.likes-count{color:var(--outline);font-size:12px;display:flex;align-items:center;gap:4px}.likes-count .material-symbols-outlined{font-size:14px}.row-id{margin:4px 0 0;font-size:12px;color:var(--outline-variant);font-family:monospace}.row-actions{display:flex;flex-direction:column;gap:8px;opacity:0;transition:opacity .2s ease}.collection-row:hover .row-actions{opacity:1}.row-actions button{background-color:var(--surface);color:var(--primary);border:none;padding:4px 8px;font-size:10px;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:4px}.row-actions button.delete-btn{color:var(--error)}.row-actions button:hover{background-color:var(--primary);color:var(--on-primary)}.row-actions button.delete-btn:hover{background-color:var(--error);color:var(--on-error)}.edit-mode-tag{position:absolute;top:0;right:0;background-color:var(--secondary);color:var(--on-secondary);font-family:var(--font-display);font-size:14px;padding:4px 16px;transform:translate(8px,-8px)}.right-pane h3{font-family:var(--font-display);font-size:32px;color:var(--primary);margin:0 0 16px;border-bottom:4px solid var(--primary);display:inline-block;padding-bottom:4px}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.form-group label{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--secondary)}.media-zone{display:flex;gap:16px}.file-dropzone{width:33%;aspect-ratio:1;border:4px dashed var(--outline-variant);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--outline-variant);cursor:pointer;background-color:var(--surface);transition:all .2s ease}.file-dropzone:hover{border-color:var(--primary);color:var(--primary)}.file-dropzone .material-symbols-outlined{font-size:36px;margin-bottom:8px}.file-dropzone span{font-size:12px;font-weight:700;text-align:center;padding:0 8px}.file-dropzone input{display:none}.url-zone{width:66%;display:flex;flex-direction:column;gap:16px}.metadata-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.col-span-2{grid-column:1 / -1}.advanced-toggle{margin-top:16px;border-top:2px dashed var(--outline-variant);padding-top:16px}.advanced-summary{font-family:var(--font-display);font-size:14px;color:var(--outline);cursor:pointer;display:flex;align-items:center;gap:8px;list-style:none}.advanced-summary::-webkit-details-marker{display:none}.advanced-content{margin-top:16px;background-color:var(--surface);padding:16px;display:grid;gap:16px}.form-actions{margin-top:32px;display:flex;gap:16px}.btn-primary{flex:1;background-color:var(--secondary);color:var(--on-secondary);font-family:var(--font-display);font-size:24px;padding:16px;text-transform:uppercase;border:none;letter-spacing:.1em}.btn-primary:hover{background-color:var(--primary);color:var(--on-primary)}.btn-clear{background-color:var(--surface);color:var(--outline);border:none;font-family:var(--font-display);font-size:14px;padding:0 24px;text-transform:uppercase}.btn-clear:hover{color:var(--error);border-color:var(--error)}@media(max-width:1024px){.split-pane{flex-direction:column}.left-pane,.right-pane{width:100%}.nav-drawer{display:none}.top-stats-bar{grid-template-columns:1fr 1fr}}:root{color:#16120f;background:#fff8e7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #16120f;--paper: #fff8e7;--surface: #ffffff;--surface-strong: #f8efe0;--accent: #ffcc4d;--coral: #ff6f61;--mint: #3bc8a0;--blue: #4a8cff;--line: rgba(22, 18, 15, .14);--shadow: 0 24px 80px rgba(22, 18, 15, .16)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{border:0;color:inherit;font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;gap:22px;padding:clamp(18px,4vw,42px);background:radial-gradient(circle at 15% 14%,rgba(255,204,77,.45),transparent 28%),radial-gradient(circle at 88% 72%,rgba(59,200,160,.28),transparent 24%),linear-gradient(145deg,#fff8e7,#f7fbff 48%,#fff1ee)}.top-strip,.status-row{width:min(1040px,100%);margin:0 auto}.top-strip{display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow,.category-label,.status-row{color:#16120fad;font-size:.82rem;font-weight:800}.eyebrow{margin:0 0 6px;text-transform:uppercase}h1{margin:0;max-width:720px;font-size:clamp(2rem,6vw,4.8rem);line-height:.95;letter-spacing:0}.daily-button,.spawn-button,.secondary-actions button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;border-radius:999px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease,background-color .16s ease}.daily-button{flex:0 0 auto;padding:0 18px;background:var(--ink);color:var(--paper);box-shadow:0 14px 30px #16120f2e}.capsule-stage{width:min(760px,100%);margin:0 auto;align-self:center;display:grid;gap:20px}.meme-area{min-height:clamp(320px,58vh,620px);display:grid;place-items:center}.empty-state{width:min(420px,100%);aspect-ratio:1;display:grid;place-items:center;align-content:center;gap:18px;padding:36px;color:#16120fb8;text-align:center;background:#ffffff9e;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.empty-state p{max-width:260px;margin:0;font-size:1.05rem;font-weight:800}.meme-reveal{width:min(560px,100%);animation:memePop .52s cubic-bezier(.2,.9,.2,1) both}.meme-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.rarity-badge{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;color:var(--ink);font-size:.78rem;font-weight:900;text-transform:uppercase}.tone-common{background:#ffcc4d}.tone-rare{background:#75d7ff}.tone-legendary{background:#ff7aa7}.meme-image{display:block;width:auto;max-width:100%;max-height:min(62vh,680px);object-fit:contain;border-radius:32px;box-shadow:var(--shadow);background:var(--surface);margin:0 auto}.primary-actions{display:flex;justify-content:center;gap:10px}.spawn-button{min-width:min(100%,320px);min-height:62px;padding:0 24px;background:var(--ink);color:var(--paper);font-size:1rem;font-weight:950;box-shadow:0 18px 42px #16120f38}.secondary-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.secondary-actions button{min-width:0;padding:0 12px;background:#ffffffb8;border:1px solid var(--line);font-weight:900}.secondary-actions button.is-active{background:#ffe2eb;color:#b41446;border-color:#b4144647}.daily-button:hover,.spawn-button:hover,.secondary-actions button:hover:not(:disabled){transform:translateY(-2px)}.daily-button:active,.spawn-button:active,.secondary-actions button:active:not(:disabled){transform:translateY(1px) scale(.98)}button:disabled{cursor:not-allowed;opacity:.46}.status-row{display:flex;justify-content:space-between;gap:14px;padding-bottom:4px}@keyframes memePop{0%{opacity:0;transform:translateY(18px) scale(.94) rotate(-1deg);filter:saturate(.6)}60%{opacity:1;transform:translateY(-4px) scale(1.02) rotate(.4deg);filter:saturate(1.15)}to{transform:translateY(0) scale(1) rotate(0);filter:saturate(1)}}@media(max-width:720px){.app-shell{gap:16px}.top-strip{align-items:flex-start;flex-direction:column}.daily-button{width:100%}.meme-area{min-height:360px}.primary-actions{display:grid;grid-template-columns:1fr}.spawn-button{width:100%}.secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.status-row{flex-direction:column;align-items:center;text-align:center}}