@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:300;font-display:swap;src:url('/assets/vendor/space-grotesk/space-grotesk-3.woff2') format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/vendor/space-grotesk/space-grotesk-5.woff2') format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/vendor/space-grotesk/space-grotesk-4.woff2') format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/vendor/space-grotesk/space-grotesk-1.woff2') format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/vendor/space-grotesk/space-grotesk-2.woff2') format('woff2')}
:root{color-scheme:dark}
*{box-sizing:border-box}
body{font-family:'Space Grotesk',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#0e0e0e}
body::before,body::after{content:'';position:fixed;inset:auto;pointer-events:none;z-index:0;filter:blur(50px)}
body::before{top:-120px;left:-100px;width:420px;height:420px;background:radial-gradient(circle,rgba(139,92,246,.22),transparent 68%)}
body::after{right:-140px;bottom:-140px;width:520px;height:520px;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%)}
.brand-mark{width:1.65rem;height:1.65rem;border-radius:.5rem;flex-shrink:0;box-shadow:0 10px 24px rgba(139,92,246,.18)}
main{position:relative;z-index:1}
.glass-panel{background:rgba(31,31,31,.42);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(77,77,77,.35);box-shadow:0 24px 80px rgba(0,0,0,.34)}
.glass-input{background-color:rgba(22,22,22,.92)!important;border:1px solid rgba(77,77,77,.42);color:#fff!important;transition:all .2s ease-in-out}
.glass-input:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 2px rgba(139,92,246,.2)}
.glass-input::placeholder{color:#7b7b7b}
.glass-input:-webkit-autofill,.glass-input:-webkit-autofill:hover,.glass-input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px rgba(22,22,22,.98) inset;transition:background-color 9999s ease-out 0s}
select.glass-input{background-image:none}
.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.28);border-top-color:#fff;border-radius:999px;animation:spin .6s linear infinite;display:none}
.status-text{min-height:54px;white-space:pre-line;line-height:1.55}
.cdk-status-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.cdk-status-text{flex:1;min-width:0;min-height:40px;line-height:1.6;white-space:pre-line;word-break:break-word;margin:0}
.cdk-claim-btn{flex-shrink:0;min-width:96px;justify-content:center;white-space:nowrap}
.images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:14px;align-items:start;grid-auto-flow:row}
@media (min-width:1024px){.images-grid.grid-landscape,.images-grid.grid-portrait,.images-grid.grid-square{grid-template-columns:repeat(var(--grid-columns,3),minmax(0,1fr))}}
.placeholder-card{grid-column:1/-1;min-height:520px;display:flex;align-items:center;justify-content:center;padding:32px;border:1px dashed rgba(255,255,255,.1);border-radius:24px;background:rgba(12,12,12,.35)}
.placeholder-inner{display:flex;flex-direction:column;align-items:center;gap:14px;color:#8e8e8e;text-align:center;max-width:340px}
.placeholder-inner i{font-size:44px;color:#8b5cf6}
.task-placeholder-card{position:relative;overflow:hidden;min-height:0;aspect-ratio:var(--card-aspect-ratio,1/1);display:grid;place-items:center;border-radius:20px;background:rgba(20,20,20,.48);border:1px solid rgba(255,255,255,.10);box-shadow:0 24px 80px rgba(0,0,0,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:fadeIn .35s ease}
.task-placeholder-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(139,92,246,.18),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));pointer-events:none}
.task-placeholder-spinner{position:relative;z-index:1;width:42px;height:42px;border-radius:999px;border:3px solid rgba(255,255,255,.16);border-top-color:#c4b5fd;animation:spin .8s linear infinite;box-shadow:0 0 30px rgba(139,92,246,.18)}
.task-generating-badge{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:rgba(139,92,246,.92);border:1px solid rgba(221,214,254,.36);color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em;box-shadow:0 10px 30px rgba(139,92,246,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.task-placeholder-meta{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:14px;background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.task-placeholder-meta strong{color:#fff;font-size:12px;font-weight:900;white-space:nowrap}
.task-placeholder-meta span{color:#c4b5fd;font-size:11px;text-align:right;line-height:1.35;overflow:hidden;text-overflow:ellipsis}
.success-time-badge{position:absolute;top:9px;right:9px;z-index:3;min-width:40px;height:28px;padding:0 8px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(34,197,94,.94);border:1px solid rgba(187,247,208,.5);color:#052e16;font-size:11px;font-weight:900;box-shadow:0 10px 24px rgba(34,197,94,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);white-space:nowrap}
.img-card{position:relative;overflow:hidden;border-radius:20px;background:rgba(20,20,20,.75);border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 80px rgba(0,0,0,.28);animation:fadeIn .35s ease}
.img-card img{display:block;width:100%;height:auto;cursor:pointer}
.img-card.has-aspect{aspect-ratio:var(--card-aspect-ratio,1/1)}
.img-card.has-aspect img{height:100%;object-fit:cover}
.img-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,.18));opacity:0;transition:opacity .2s ease}
.img-overlay{z-index:2}
.img-card:hover .img-overlay{opacity:1}
.shine-btn{position:relative;overflow:hidden;isolation:isolate;transform:translateZ(0);box-shadow:0 0 15px rgba(139,92,246,.3),inset 0 1px 0 rgba(255,255,255,.08)!important;transition:filter .9s ease,box-shadow .9s ease,background-color .25s ease}
.shine-btn::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.52;background:linear-gradient(100deg,rgba(255,255,255,.24) 0%,rgba(255,255,255,.12) 16%,rgba(255,255,255,.04) 28%,rgba(255,255,255,0) 44%);transition:opacity .9s ease,background .9s ease}
.shine-btn::after{content:'';position:absolute;top:-135%;bottom:-135%;left:-18%;width:34%;pointer-events:none;z-index:0;opacity:.88;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.08) 18%,rgba(255,255,255,.88) 50%,rgba(255,255,255,.16) 66%,transparent 100%);transform:skewX(-24deg);mix-blend-mode:screen;filter:blur(.5px);transition:left 1.05s cubic-bezier(.22,.61,.36,1),opacity .45s ease}
.shine-btn > *{position:relative;z-index:1}
.shine-btn:hover{filter:brightness(1.08);box-shadow:0 0 28px rgba(139,92,246,.46),0 14px 34px rgba(139,92,246,.18),inset 0 1px 0 rgba(255,255,255,.18)!important}
.shine-btn:hover::before{opacity:.98;background:linear-gradient(100deg,rgba(255,255,255,.24) 0%,rgba(255,255,255,.21) 30%,rgba(255,255,255,.16) 68%,rgba(255,255,255,.12) 100%)}
.shine-btn:hover::after{left:118%;opacity:1}
.shine-btn:disabled::before,.shine-btn:disabled::after{opacity:0!important}
.ref-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
.ref-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(24,24,24,.82);color:#e5e7eb;font-size:12px;font-weight:600;transition:all .2s ease}
.ref-btn:hover{background:rgba(49,34,77,.82);border-color:rgba(139,92,246,.45);color:#fff}
.ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px}
.ref-empty{grid-column:1/-1;padding:14px 12px;border:1px dashed rgba(255,255,255,.08);border-radius:16px;background:rgba(12,12,12,.18);font-size:12px;color:#737373;text-align:center}
.ref-card{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:rgba(16,16,16,.82);box-shadow:0 12px 28px rgba(0,0,0,.18)}
.ref-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.ref-card-meta{position:absolute;left:0;right:0;bottom:0;padding:18px 8px 8px;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.15));display:flex;flex-direction:column;gap:2px}
.ref-card-name{font-size:10px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ref-card-source{font-size:9px;color:#b7b7b7}
.ref-remove{position:absolute;top:6px;right:6px;width:22px;height:22px;border:none;border-radius:999px;background:rgba(0,0,0,.64);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .2s ease}
.ref-remove:hover{background:rgba(220,38,38,.88);transform:scale(1.04)}
.url-dialog{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:20px;z-index:80}
.url-dialog.active{display:flex}
.url-dialog-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.url-dialog-card{position:relative;width:min(430px,calc(100vw - 32px));padding:22px;border-radius:24px}
.url-dialog-actions{display:flex;justify-content:flex-end;gap:10px}
.url-dialog-status{min-height:18px;font-size:12px;color:#9ca3af}
.url-dialog-status.error{color:#fca5a5}
.icon-btn{width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(42,42,42,.75);color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}
.icon-btn:hover{background:#8b5cf6;border-color:#8b5cf6;transform:translateY(-1px)}
.error-card{display:flex;gap:12px;align-items:flex-start;padding:18px;border-radius:20px;border:1px solid rgba(248,113,113,.35);background:rgba(127,29,29,.16);color:#fecaca;line-height:1.6;word-break:break-word}
.error-card i{margin-top:4px;color:#f87171}
.error-card pre{margin:0;font:inherit;white-space:pre-wrap;word-break:break-word}
.debug-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(15,15,15,.34)}
.debug-toggle-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#d4d4d8;cursor:pointer}
.debug-toggle-label input{accent-color:#8b5cf6}
.debug-clear-btn{border:none;border-radius:999px;padding:6px 10px;background:rgba(255,255,255,.08);color:#d4d4d8;font-size:11px;transition:all .2s ease}
.debug-clear-btn:hover:not(:disabled){background:rgba(139,92,246,.2);color:#fff}
.debug-clear-btn:disabled{cursor:not-allowed}
.debug-panel{padding:10px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(10,10,10,.34);max-height:220px;overflow:auto}
.debug-empty{font-size:11px;color:#7c7c84;text-align:left}
.debug-entry{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.debug-entry:last-child{border-bottom:none;padding-bottom:0}
.debug-entry-head{display:flex;align-items:baseline;gap:8px;font-size:11px;line-height:1.4}
.debug-entry-time{color:#7c7c84;flex-shrink:0}
.debug-entry-title{color:#f3f4f6}
.debug-entry-detail{margin-top:4px;font-size:11px;line-height:1.55;color:#b9bbc3;white-space:pre-wrap;word-break:break-word}
.debug-level-info .debug-entry-title{color:#e5e7eb}
.debug-level-warn .debug-entry-title{color:#fcd34d}
.debug-level-error .debug-entry-title{color:#fca5a5}
.debug-level-success .debug-entry-title{color:#86efac}
.history-empty{font-size:.8rem;color:#737373;text-align:center;padding:18px 12px;border:1px dashed rgba(255,255,255,.08);border-radius:16px;background:rgba(12,12,12,.22)}
.history-item{position:relative}
.history-main-btn{width:100%}
.history-delete-btn{position:absolute;right:8px;bottom:8px;width:26px;height:26px;border:none;border-radius:999px;background:rgba(0,0,0,.68);color:#fca5a5;display:inline-flex;align-items:center;justify-content:center;opacity:0;transform:translateY(3px) scale(.96);pointer-events:none;transition:opacity .18s ease,transform .18s ease,background .18s ease,color .18s ease;z-index:2}
.history-item:hover .history-delete-btn,.history-delete-btn:focus-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.history-delete-btn:hover{background:rgba(220,38,38,.92);color:#fff}
.history-delete-btn i{font-size:11px}
.recycle-bin-section{border-top:1px solid rgba(255,255,255,.08);padding-top:12px;margin-top:2px}
.recycle-bin-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:none;background:transparent;padding:0;color:inherit;cursor:pointer;text-align:left}
.recycle-bin-title{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#d4d4d8;font-weight:700}
.recycle-bin-toggle{font-size:10px;color:#71717a;transition:transform .18s ease,color .18s ease}
.recycle-bin-section.expanded .recycle-bin-toggle{transform:rotate(180deg);color:#c4b5fd}
.recycle-bin-count{font-size:10px;color:#71717a}
.recycle-bin-list{display:flex;flex-direction:column;gap:8px;margin-top:10px;max-height:220px;overflow-y:auto;padding-right:3px}
.recycle-bin-section:not(.expanded) .recycle-bin-list{display:none}
.recycle-bin-empty{font-size:11px;color:#71717a;text-align:center;padding:12px;border:1px dashed rgba(255,255,255,.08);border-radius:12px;background:rgba(12,12,12,.18)}
.recycle-item{display:flex;align-items:center;gap:9px;padding:8px;border-radius:12px;background:rgba(12,12,12,.28);border:1px solid rgba(255,255,255,.07)}
.recycle-thumb{width:36px;height:36px;border-radius:8px;overflow:hidden;background:rgba(53,53,53,.8);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.recycle-thumb img{width:100%;height:100%;object-fit:cover}
.recycle-meta{min-width:0;flex:1}
.recycle-meta p{margin:0}
.recycle-prompt{font-size:11px;color:#e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recycle-time{font-size:10px;color:#71717a;margin-top:2px}
.recycle-action-btn{width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(31,31,31,.84);color:#c4b5fd;display:inline-flex;align-items:center;justify-content:center;transition:background .18s ease,color .18s ease,transform .18s ease;flex-shrink:0}
.recycle-action-btn:hover{background:rgba(139,92,246,.25);color:#fff;transform:translateY(-1px)}
.recycle-action-btn.danger{color:#fca5a5}
.recycle-action-btn.danger:hover{background:rgba(220,38,38,.85);color:#fff}
.history-trend-card{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(180deg,rgba(139,92,246,.12),rgba(12,12,12,.22));padding:14px;box-shadow:0 18px 48px rgba(0,0,0,.16)}
.history-trend-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.history-trend-metric{border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(12,12,12,.22);padding:9px 10px}
.history-trend-metric span{display:block;font-size:10px;line-height:1;color:#8b8b93;margin-bottom:5px}
.history-trend-metric strong{font-size:16px;line-height:1.1;color:#f5f3ff;font-weight:800}
.history-trend-chart{height:156px;margin-top:12px;border-radius:16px;background:rgba(10,10,10,.28);border:1px solid rgba(255,255,255,.06);overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding-bottom:2px}
.history-trend-chart svg{width:100%;height:100%;display:block}
.history-trend-empty{font-size:11px;line-height:1.6;color:#7c7c84;text-align:center;padding:12px}
.history-trend-legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:10px;color:#a1a1aa}
.history-trend-legend i{display:inline-block;width:8px;height:8px;border-radius:999px;margin-right:5px}
.usage-guide{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;color:#a1a1aa}
.usage-guide h3{font-size:12px;color:#f3f4f6;font-weight:700;margin:0 0 8px}
.usage-guide p,.usage-guide li{font-size:12px;line-height:1.75}
.usage-guide ol,.usage-guide ul{margin:0;padding-left:18px}
.usage-guide strong{color:#e5e7eb;font-weight:700}
.lightbox{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:50}
.lightbox.active{display:flex}
.lightbox-shell{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:92vw;max-height:92vh}
.lb-stage{display:flex;align-items:center;justify-content:center;gap:14px;width:min(92vw,1320px);max-height:78vh}
.lightbox img{max-width:min(100%,calc(92vw - 116px));max-height:78vh;border-radius:24px;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 80px rgba(0,0,0,.4)}
.lb-nav{width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.1);color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease,opacity .2s ease;flex-shrink:0}
.lb-nav:hover{background:rgba(255,255,255,.16);transform:scale(1.04)}
.lb-nav[hidden],.lb-counter[hidden]{display:none}
.lb-counter{font-size:12px;line-height:1;color:#d1d5db;min-height:12px}
.lb-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#4d4d4d;border-radius:999px}
::-webkit-scrollbar-thumb:hover{background:#666}
@media (max-width:1024px){
  .placeholder-card{min-height:420px}
  .usage-guide{grid-template-columns:1fr}
}
@media (max-width:420px){
  .cdk-status-row{gap:10px}
  .cdk-claim-btn{min-width:88px;padding-left:10px!important;padding-right:10px!important}
}


/* Local fallbacks for the custom Tailwind theme used by the original single-file page. */
.bg-surface-container-lowest{background-color:#0e0e0e!important}
.bg-surface-container-high{background-color:#2a2a2a!important}
.bg-surface-bright{background-color:#393939!important}
.bg-purple-accent{background-color:#8b5cf6!important}
.text-purple-accent{color:#8b5cf6!important}
.rounded-4xl{border-radius:1rem!important}
.hover\:bg-purple-600:hover{background-color:#7c3aed!important}
.hover\:bg-surface-bright:hover{background-color:#393939!important}
.hover\:bg-surface-container-high:hover{background-color:#2a2a2a!important}
.selection\:bg-purple-accent::selection{background-color:#8b5cf6;color:#fff}
.site-announcement{margin:-4px 0 2px;padding:12px 14px;border-radius:14px;border:1px solid rgba(139,92,246,.32);background:rgba(139,92,246,.12);color:#ddd6fe;font-size:12px;line-height:1.65;white-space:pre-wrap;word-break:break-word}
.notification-bell-btn{margin-left:auto;position:relative;width:38px;height:38px;border:none;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#ddd6fe;display:inline-flex;align-items:center;justify-content:center;transition:background .18s ease,border-color .18s ease,transform .18s ease}
[data-purpose="controls-sidebar"]{position:relative}
.notification-bell-btn:hover{background:rgba(139,92,246,.18);border-color:rgba(139,92,246,.42);transform:translateY(-1px)}
.notification-badge{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(239,68,68,.35)}
.notification-dialog{position:fixed;inset:0;z-index:108;display:flex;align-items:center;justify-content:center;padding:20px}
body.notification-dialog-open{overflow:hidden}
.notification-dialog.hidden{display:none}
.notification-dialog-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.notification-dialog-card{position:relative;width:min(560px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 40px));padding:20px;border-radius:22px;background:rgba(18,18,18,.94);border-color:rgba(139,92,246,.34);box-shadow:0 28px 100px rgba(0,0,0,.58),0 0 0 1px rgba(139,92,246,.12);display:flex;flex-direction:column;gap:14px;animation:fadeIn .22s ease}
.notification-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.notification-dialog-head h2{margin:0;color:#fff;font-size:20px;line-height:1.2;font-weight:900}
.notification-dialog-head p{margin:7px 0 0;color:#a1a1aa;font-size:12px;line-height:1.5}
.notification-dialog-close{width:34px;height:34px;border:none;border-radius:999px;background:rgba(255,255,255,.07);color:#d4d4d8;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .18s ease,color .18s ease}
.notification-dialog-close:hover{background:rgba(139,92,246,.18);color:#fff}
.notification-dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;background:rgba(10,10,10,.28);border:1px solid rgba(255,255,255,.07)}
.notification-dialog-toolbar span{color:#a1a1aa;font-size:12px}
.notification-dialog-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.notification-dialog-toolbar button,.notification-item-foot button{border:none;border-radius:999px;background:rgba(139,92,246,.16);color:#ddd6fe;font-size:11px;font-weight:800;padding:7px 10px;transition:background .18s ease,color .18s ease}
.notification-dialog-toolbar button:hover:not(:disabled),.notification-item-foot button:hover{background:rgba(139,92,246,.3);color:#fff}
.notification-dialog-toolbar button:disabled{opacity:.48;cursor:not-allowed}
.notification-dialog-list{display:grid;gap:10px;overflow:auto;padding-right:2px}
.notification-empty{margin:0;color:#71717a;font-size:12px;text-align:center;padding:14px;border:1px dashed rgba(255,255,255,.08);border-radius:12px}
.notification-item{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(10,10,10,.28);padding:12px;display:grid;gap:8px}
.notification-item.unread{border-color:rgba(139,92,246,.34);background:rgba(139,92,246,.10)}
.notification-item-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.notification-item h4{margin:0;color:#fff;font-size:13px;font-weight:800}
.notification-item-head span{color:#fca5a5;font-size:10px;font-weight:900}
.notification-item-head span.read{color:#71717a}
.notification-item p{margin:0;color:#d4d4d8;font-size:12px;line-height:1.65;white-space:pre-wrap}
.notification-item-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}
.notification-item time{color:#71717a;font-size:10px}
.message-popup{position:fixed;left:50%;top:50%;z-index:100;width:min(460px,calc(100vw - 44px));padding:22px;border-radius:22px;background:linear-gradient(180deg,rgba(30,24,42,.97),rgba(16,16,18,.97));border-color:rgba(196,181,253,.34);box-shadow:0 30px 100px rgba(0,0,0,.62),0 0 0 1px rgba(139,92,246,.16),inset 0 1px 0 rgba(255,255,255,.08);display:none;grid-template-columns:46px minmax(0,1fr);gap:14px;align-items:start;transform:translate(-50%,-50%);overflow:hidden}
.message-popup::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#8b5cf6,#22d3ee)}
.message-popup.show{display:grid;animation:fadeIn .22s ease}
.message-popup-icon{width:46px;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(139,92,246,.18);border:1px solid rgba(196,181,253,.28);color:#ddd6fe;font-size:18px;box-shadow:0 14px 30px rgba(139,92,246,.18)}
.message-popup-body{min-width:0;padding-right:26px}
.message-popup-kicker{display:block;margin-bottom:5px;color:#a78bfa;font-size:11px;font-weight:900;letter-spacing:.08em}
.message-popup strong{display:block;color:#fff;font-size:18px;line-height:1.35;font-weight:900}
.message-popup p{margin:9px 0 0;color:#d4d4d8;font-size:13px;line-height:1.75;white-space:pre-wrap}
.message-popup-actions{grid-column:1/-1;display:flex;gap:10px;justify-content:flex-end;margin-top:2px}
.message-popup button{border:none;border-radius:12px;font-size:12px;font-weight:800;padding:10px 13px;transition:background .18s ease,color .18s ease,transform .18s ease}
.message-popup button:hover{transform:translateY(-1px)}
.message-popup-primary{background:#8b5cf6!important;color:#fff!important;box-shadow:0 12px 26px rgba(139,92,246,.22)}
.message-popup-secondary{background:rgba(255,255,255,.08)!important;color:#d4d4d8!important;border:1px solid rgba(255,255,255,.08)!important}
.message-popup .message-popup-close{position:absolute;right:12px;top:12px;width:32px;height:32px;padding:0;border-radius:999px;background:rgba(255,255,255,.07);color:#d4d4d8}
.message-popup .message-popup-close:hover{background:rgba(255,255,255,.12);color:#fff}
.history-clear-dialog{position:fixed;inset:0;z-index:112;display:flex;align-items:center;justify-content:center;padding:20px}
body.history-clear-dialog-open{overflow:hidden}
.history-clear-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.74);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.history-clear-card{position:relative;width:min(460px,calc(100vw - 32px));padding:24px;border-radius:22px;background:rgba(18,18,18,.96);border-color:rgba(248,113,113,.36);box-shadow:0 28px 100px rgba(0,0,0,.58),0 0 0 1px rgba(248,113,113,.10);display:grid;gap:13px;animation:fadeIn .22s ease}
.history-clear-close{position:absolute;right:13px;top:13px;width:34px;height:34px;border:none;border-radius:999px;background:rgba(255,255,255,.07);color:#d4d4d8;display:inline-flex;align-items:center;justify-content:center}
.history-clear-close:hover{background:rgba(255,255,255,.12);color:#fff}
.history-clear-icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(220,38,38,.16);border:1px solid rgba(248,113,113,.32);color:#fca5a5;font-size:20px}
.history-clear-card h2{margin:0;color:#fff;font-size:20px;font-weight:900;line-height:1.25}
.history-clear-card p{margin:0;color:#d4d4d8;font-size:13px;line-height:1.75}
.history-clear-count{padding:10px 12px;border-radius:14px;background:rgba(127,29,29,.16);border:1px solid rgba(248,113,113,.22);color:#fecaca;font-size:12px;font-weight:800}
.history-clear-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.history-clear-options label{min-height:42px;padding:0 12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);display:flex;align-items:center;gap:9px;color:#e5e7eb;font-size:12px;font-weight:800}
.history-clear-options input{width:16px;height:16px;accent-color:#8b5cf6}
.history-clear-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:2px}
.history-clear-actions button{border:none;border-radius:12px;padding:10px 14px;font-size:12px;font-weight:900;transition:background .18s ease,color .18s ease,transform .18s ease}
.history-clear-actions button:hover:not(:disabled){transform:translateY(-1px)}
.history-clear-actions button:disabled{opacity:.62;cursor:not-allowed}
.history-clear-secondary{background:rgba(255,255,255,.08);color:#e5e7eb;border:1px solid rgba(255,255,255,.09)!important}
.history-clear-danger{background:#dc2626;color:#fff;box-shadow:0 12px 28px rgba(220,38,38,.22)}
.history-clear-danger:hover:not(:disabled){background:#b91c1c}
.recycle-delete-dialog{z-index:116}
.recycle-delete-card{
  border-color:rgba(139,92,246,.36);
  background:linear-gradient(180deg,rgba(24,24,27,.98),rgba(12,12,12,.96));
  box-shadow:0 30px 110px rgba(0,0,0,.62),0 0 0 1px rgba(139,92,246,.14),0 0 42px rgba(139,92,246,.12);
}
.recycle-delete-card .history-clear-icon{
  background:rgba(139,92,246,.16);
  border-color:rgba(139,92,246,.36);
  color:#ddd6fe;
}
.recycle-delete-card .history-clear-count{
  background:rgba(139,92,246,.12);
  border-color:rgba(139,92,246,.24);
  color:#ddd6fe;
}
.onboarding-dialog{position:fixed;inset:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:20px}
.onboarding-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.onboarding-card{position:relative;width:min(520px,calc(100vw - 32px));padding:24px;border-radius:22px;background:rgba(24,24,24,.9);border-color:rgba(139,92,246,.34)}
.onboarding-close{position:absolute;right:14px;top:14px;width:34px;height:34px;border:none;border-radius:999px;background:rgba(255,255,255,.07);color:#d4d4d8}
.onboarding-card h2{margin:0 38px 14px 0;color:#fff;font-size:22px;font-weight:900}
.onboarding-card ol{margin:0;padding-left:20px;display:grid;gap:10px;color:#d4d4d8;font-size:13px;line-height:1.7}
.onboarding-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.primary-onboarding-btn,.secondary-onboarding-btn,.ghost-onboarding-btn{min-height:42px;border:none;border-radius:12px;padding:0 14px;font-size:13px;font-weight:800}
.primary-onboarding-btn{background:#8b5cf6;color:#fff}
.secondary-onboarding-btn{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.1);color:#fff}
.ghost-onboarding-btn{background:transparent;color:#a1a1aa}
.queue-overlay{position:fixed;left:50%;top:50%;z-index:90;width:min(440px,calc(100vw - 28px));transform:translate(-50%,-50%);animation:fadeIn .22s ease}
.queue-overlay.hidden{display:none}
.queue-overlay-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;padding:18px;border-radius:18px;background:rgba(18,18,18,.88);border-color:rgba(139,92,246,.38);box-shadow:0 24px 80px rgba(0,0,0,.5),0 0 0 1px rgba(139,92,246,.12)}
.queue-overlay-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(139,92,246,.16);border:1px solid rgba(196,181,253,.24);color:#c4b5fd;flex-shrink:0}
.queue-overlay-main{min-width:0}
.queue-overlay-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.queue-overlay-head h3{margin:0;color:#fff;font-size:16px;font-weight:800}
.queue-overlay-head span{display:none}
.queue-overlay-main p{margin:7px 0 0;color:#f4f4f5;font-size:14px;line-height:1.5;font-weight:700}
.queue-overlay-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.queue-overlay-stats span{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);color:#c4b5fd;font-size:11px;font-weight:700}
.queue-overlay-cancel{grid-column:1/-1;min-height:40px;border:none;border-radius:12px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:rgba(220,38,38,.14);border:1px solid rgba(248,113,113,.32);color:#fecaca;font-size:12px;font-weight:800;white-space:nowrap;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.queue-overlay-cancel:hover:not(:disabled){background:rgba(220,38,38,.28);border-color:rgba(248,113,113,.52);transform:translateY(-1px)}
.queue-overlay-cancel:disabled{opacity:.58;cursor:not-allowed}
@media(max-width:640px){.queue-overlay-card{grid-template-columns:auto minmax(0,1fr);align-items:start}.queue-overlay-cancel{width:100%}.queue-overlay-head{align-items:flex-start;flex-direction:column}}