:root{--bg-base: #080810;--bg-card: rgba(255, 255, 255, .05);--text-primary: #f0f0f0;--text-secondary: #9ca3af;--text-muted: #586174;--text-inverse: #0a0a0a;--accent: #e63030;--border-subtle: rgba(255, 255, 255, .05);--border-default: rgba(255, 255, 255, .09);--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-card: 0 20px 48px rgba(0, 0, 0, .4);--shadow-accent: 0 0 32px color-mix(in srgb, var(--accent) 24%, transparent);--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text-primary);font-family:var(--font-body);background-color:var(--bg-base);background-image:radial-gradient(ellipse 90% 60% at 20% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%),radial-gradient(ellipse 70% 50% at 80% 100%,rgba(26,115,232,.12),transparent 60%),linear-gradient(180deg,#0c0c14,#07070d)}button,input{font:inherit}.shell{min-height:100dvh;padding:20px 20px 116px}.topbar,.hero,.miniCard,.resultCard,.panel,.bottomNav{position:relative;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.avatar,.iconButton{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--border-default);background:#ffffff0a;color:var(--text-primary)}.iconButton{font-family:var(--font-mono);background:#ffffff0f}.content{display:grid;gap:22px;max-width:1120px;margin:0 auto}.glass{backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);background:linear-gradient(140deg,#ffffff17,#ffffff08 45%,#ffffff12);border:1px solid rgba(255,255,255,.1);border-top-color:#ffffff2e;border-left-color:#ffffff24;box-shadow:var(--shadow-card),0 1px #ffffff14 inset;border-radius:var(--radius-lg)}.glassAccent{box-shadow:var(--shadow-card),var(--shadow-accent),0 1px #ffffff14 inset}.glassInteractive{transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.glassInteractive:hover{transform:translateY(-2px);border-top-color:#ffffff47}.hero{padding:28px;display:grid;gap:22px}.searchStack,.stack,.swatchBlock{display:grid;gap:12px}.display,.title,.sectionTitle,.stat{font-family:var(--font-display);margin:0;letter-spacing:-.03em}.display{max-width:14ch;font-size:clamp(2.5rem,7vw,4.5rem);line-height:.96}.title{font-size:1.4rem}.sectionTitle{font-size:1.35rem}.stat{font-size:clamp(2rem,5vw,2.75rem)}.eyebrow,.detail,.mono,.searchPrompt{margin:0;color:var(--text-secondary)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.detail,.searchPrompt{font-size:.92rem}.mono{font-family:var(--font-mono);font-size:.75rem}.searchCard{display:grid;gap:10px}.scopeRow{display:flex;gap:10px;flex-wrap:wrap}.scopeChip,.ghostButton,.ghostLink{border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:var(--text-primary);border-radius:var(--radius-pill);padding:8px 12px;text-decoration:none}.scopeChipActive{background:color-mix(in srgb,var(--accent) 70%,transparent)}.glassInput{border:1px solid rgba(255,255,255,.1);border-top-color:#ffffff29;border-radius:var(--radius-md);background:#ffffff0d;color:var(--text-primary);padding:16px 18px}.glassInput:focus{outline:2px solid color-mix(in srgb,var(--accent) 40%,transparent);outline-offset:2px}.statsGrid,.dashboardGrid{display:grid;gap:16px}.statsGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.miniCard,.panel,.resultCard{padding:18px}.sectionHeader{display:flex;align-items:end;justify-content:space-between;gap:16px}.cardHeader{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.pill,.badge,.textButton{border-radius:var(--radius-pill)}.pill,.badge{padding:8px 12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;font-size:.82rem}.resultList{display:grid;gap:14px}.banner{padding:14px 18px;color:var(--text-secondary)}.resultHeader,.resultCard footer{display:flex;justify-content:space-between;gap:12px;align-items:center}.resultCard h4,.resultCard p{margin:0}.resultCard h4{font-size:1.05rem;margin-top:14px}.resultCard p{color:var(--text-secondary);line-height:1.55;margin-top:8px;margin-bottom:18px}.badge-file{color:#9cd3ff}.badge-email{color:#ffcd70}.badge-news,.badge-ready,.badge-tech{color:#8ef0b5}.badge-processing,.badge-finance{color:#ffcd70}.badge-failed{color:#ff8f8f}.textButton,.ghostButton,.navItem,.swatch{cursor:pointer}.textButton{border:0;padding:8px 14px;background:color-mix(in srgb,var(--accent) 70%,transparent);color:#fff}.uploadButton{display:inline-flex;align-items:center;justify-content:center}.subCard{padding:14px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.subCard strong,.subCard p{margin:0}.subCard p{color:var(--text-secondary);line-height:1.55;margin-top:8px;margin-bottom:12px}.subCard footer{display:flex;justify-content:space-between;gap:12px;align-items:center}.statusList{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:12px;color:var(--text-secondary)}.statusDot{display:inline-block;width:9px;height:9px;margin-right:10px;border-radius:50%}.success{background:#2ecc71}.pending{background:#f39c12}.info{background:#3498db}.swatchRow{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent}.swatchActive{border-color:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 28%,transparent)}.bottomNav{position:fixed;left:50%;bottom:24px;transform:translate(-50%);display:flex;gap:6px;padding:8px;width:min(92vw,520px)}.navItem{flex:1;border:0;background:transparent;color:var(--text-secondary);border-radius:16px;padding:10px 8px;display:grid;place-items:center;gap:6px}.navItemActive{background:color-mix(in srgb,var(--accent) 78%,white 12%);color:var(--text-inverse)}.navIcon{font-size:1rem}.viewStack{display:grid;gap:18px}.viewHeader{display:flex;align-items:end;justify-content:space-between;gap:12px;padding-bottom:4px}.topbarActions{display:flex;gap:8px}.searchOverlay{display:grid;gap:16px}.searchInputWrap{position:relative;display:flex;align-items:center;gap:10px}.searchIcon{position:absolute;left:14px;pointer-events:none;font-size:.95rem}.searchInput{width:100%;padding-left:42px}.searchSpinner{position:absolute;right:14px;font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.fileList{display:grid;gap:14px}.fileIcon{font-size:1.6rem;line-height:1;width:40px;flex-shrink:0}.fileInfo{flex:1;display:grid;gap:3px}.fileName{font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.fileDesc{color:var(--text-secondary);font-size:.88rem;line-height:1.5;margin:10px 0 0}.cardFooter{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}.storageRow{display:flex;gap:6px;align-items:baseline;margin:10px 0 8px}.muted{color:var(--text-muted)}.progressTrack{width:100%;height:4px;background:#ffffff14;border-radius:var(--radius-pill);overflow:hidden}.progressFill{height:100%;background:var(--accent);border-radius:var(--radius-pill);transition:width .5s cubic-bezier(.25,.46,.45,.94)}.threadList{display:grid;gap:12px}.threadCard{cursor:pointer}.threadCard.unread{border-left-color:var(--accent);border-left-width:2px}.threadInfo{flex:1;display:grid;gap:3px;min-width:0}.threadSubject{font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.threadPreview{color:var(--text-secondary);font-size:.88rem;line-height:1.5;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.unreadDot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:6px}.composeCard{display:grid;gap:12px}.composeBody{resize:vertical;min-height:100px}.composeActions{display:flex;justify-content:flex-end;gap:10px}.articleList{display:grid;gap:16px}.articleCard{cursor:pointer}.articleTitle{font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:-.02em;margin:10px 0 0;line-height:1.35}.signalBlock{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;padding:10px 12px;background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:var(--radius-md)}.signalBolt{flex-shrink:0;font-size:.9rem;color:var(--accent);margin-top:1px}.signalText{margin:0;font-size:.88rem;line-height:1.5;color:var(--text-secondary)}.readLink{display:inline-block;margin-top:12px;font-size:.88rem}.settingLabel{margin:12px 0 6px;font-size:.9rem;color:var(--text-secondary)}.settingRow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border-subtle)}.settingRow:last-child{border-bottom:none}.banner{padding:12px 18px;margin-bottom:4px;font-size:.9rem}.banner-error{border-color:#e74c3c59;color:#ff8f8f}.emptyState{text-align:center;padding:32px 18px}.emptyState p{margin:6px 0 0}.ghostButton.danger{border-color:#e74c3c40;color:#ff8f8f}.ghostButton.small{padding:4px 10px;font-size:.82rem}@keyframes result-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.resultCard{animation:result-arrive .18s cubic-bezier(.25,.46,.45,.94) both}@media(min-width:900px){.fileList,.articleList{grid-template-columns:repeat(2,minmax(0,1fr))}.threadList{max-width:720px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0ms!important;transition-duration:0ms!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
