:root{--primary: #2563EB;--primary-dark: #1D4ED8;--primary-light: #60A5FA;--accent: #F59E0B;--accent-dark: #D97706;--primary-grad: linear-gradient(135deg, #3B82F6 0%, #2563EB 55%, #1D4ED8 100%);--primary-grad-soft: linear-gradient(135deg, #60A5FA, #3B82F6);--accent-grad: linear-gradient(135deg, #FBBF24 0%, #F59E0B 100%);--surface: #FFFFFF;--surface-raised: #F3F7FF;--surface-deep: #EAF1FC;--bg: #EAF0FB;--bg-dark: #0B1120;--surface-dark: rgba(23, 33, 60, .62);--surface-raised-dark: rgba(34, 47, 82, .55);--surface-deep-dark: rgba(13, 21, 42, .66);--text-primary: #0F172A;--text-secondary: #4A5878;--edge-light: #FFFFFF;--edge-shadow: #A8B8D6;--font-display: "Plus Jakarta Sans", "DM Sans", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--bg-page: radial-gradient(ellipse at 18% 0%, #E2ECFF 0%, #EEF3FB 55%, #F7FAFF 100%);--text: var(--text-primary);--text-muted: var(--text-secondary);--radius-lg: 22px;--radius-md: 18px;--radius-sm: 14px;--nav-h: 72px}[data-theme=dark]{--surface: var(--surface-dark);--surface-raised: var(--surface-raised-dark);--surface-deep: var(--surface-deep-dark);--bg: #0B1120;--text-primary: #E8EEFB;--text-secondary: #9FB0CE;--edge-light: rgba(255, 255, 255, .07);--edge-shadow: rgba(0, 0, 0, .5);--bg-page: radial-gradient(ellipse at 15% -5%, #1c2c52 0%, #0d1628 48%, #070b16 100%);--text: #E8EEFB;--text-muted: #9FB0CE}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--text);background:var(--bg-page);background-attachment:fixed;color-scheme:light dark;min-height:100vh;font-size:15px;line-height:1.5;overscroll-behavior-y:contain;transition:background-color .3s ease}h1,h2,h3,h4,h5{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin:0}a{color:var(--primary);text-decoration:none}.mono{font-family:var(--font-mono)}.muted{color:var(--text-muted)}.accent-text{color:var(--accent)}.card-3d{background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0f172a14,0 2px 6px #0f172a0d;border:1px solid rgba(255,255,255,.7);transform:translateZ(0);transition:box-shadow .28s ease,transform .28s ease,border-color .28s ease}[data-theme=dark] .card-3d{background:var(--surface);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:0 14px 34px #0006,inset 0 1px #ffffff12}.card-3d:hover{box-shadow:0 14px 32px #2563eb24,0 4px 10px #0f172a14;transform:translateY(-3px) translateZ(0);border-color:#2563eb2e}[data-theme=dark] .card-3d:hover{box-shadow:0 18px 40px #00000080,inset 0 1px #ffffff17;border-color:#60a5fa38}.btn-primary-3d,.btn-accent-3d{border:none;border-radius:var(--radius-sm);color:#fff;font-weight:700;font-family:var(--font-body);font-size:15px;padding:12px 24px;transform:translateY(0);transition:transform .12s ease,box-shadow .18s ease,filter .15s ease;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;-webkit-user-select:none;user-select:none}.btn-primary-3d{background:linear-gradient(180deg,#3b82f6,#2563eb 60%,#1d4ed8);box-shadow:0 6px #1e40af,0 8px 16px #2563eb66,inset 0 1px #ffffff40}.btn-accent-3d{background:linear-gradient(180deg,#fbbf24,#f59e0b 60%,#d97706);box-shadow:0 6px #b45309,0 8px 16px #f59e0b66,inset 0 1px #ffffff4d}.btn-primary-3d:hover{box-shadow:0 7px #1e40af,0 14px 24px #2563eb73,inset 0 1px #ffffff4d;filter:brightness(1.05)}.btn-accent-3d:hover{box-shadow:0 7px #b45309,0 14px 24px #f59e0b73,inset 0 1px #ffffff59;filter:brightness(1.05)}.btn-primary-3d:active,.btn-accent-3d:active{transform:translateY(4px);box-shadow:0 2px #1e40af,0 4px 8px #2563eb4d,inset 0 1px #ffffff26}.btn-accent-3d:active{box-shadow:0 2px #b45309,0 4px 8px #f59e0b4d,inset 0 1px #ffffff26}.btn-primary-3d:disabled,.btn-accent-3d:disabled{filter:grayscale(.5) opacity(.6);cursor:not-allowed;transform:none}.btn-block{width:100%}.btn-ghost{background:transparent;border:none;color:var(--primary);font-weight:700;cursor:pointer;padding:8px 14px;border-radius:12px;transition:background-color .15s ease,transform .1s ease}.btn-ghost:hover{background:var(--surface-deep)}.btn-ghost:active{transform:translateY(1px)}.btn-success-3d{background:linear-gradient(180deg,#34d399,#10b981 60%,#059669);box-shadow:0 6px #047857,0 8px 16px #10b98166,inset 0 1px #ffffff40}.btn-danger-3d{background:linear-gradient(180deg,#fb7185,#ef4444 60%,#dc2626);box-shadow:0 6px #991b1b,0 8px 16px #ef444466,inset 0 1px #ffffff40}.bottom-nav{position:fixed;left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);height:64px;display:flex;align-items:center;justify-content:space-around;padding:0 6px;background:var(--surface);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-radius:22px;border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 36px #080c1859;z-index:50}[data-theme=dark] .bottom-nav{border-color:#ffffff14;box-shadow:0 16px 40px #00000080}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 0;position:relative;color:var(--text-muted);font-size:11px;font-weight:700;font-family:var(--font-body);background:none;border:none;cursor:pointer;transition:color .2s ease,transform .12s ease,background-color .2s ease,box-shadow .2s ease}.nav-tab:active{transform:scale(.93)}.nav-tab.active{color:#fff;background:var(--primary-grad);border-radius:14px;box-shadow:0 4px #1e40af,0 6px 14px #2563eb66,inset 0 1px #ffffff40}.nav-tab .nav-icon{position:relative}.input-3d{background:var(--surface-deep);border-radius:var(--radius-sm);border:1.5px solid rgba(148,163,184,.4);box-shadow:inset 3px 3px 8px #94a3b859,inset -2px -2px 6px #fffc;padding:14px 16px;font-size:15px;font-family:var(--font-body);color:var(--text);width:100%;transition:box-shadow .2s ease,border-color .2s ease}[data-theme=dark] .input-3d{border-color:#94a3b840;box-shadow:inset 3px 3px 8px #00000080,inset -2px -2px 6px #ffffff0a}.input-3d:focus{border-color:#2563eb;box-shadow:inset 3px 3px 8px #94a3b859,inset -2px -2px 6px #fffc,0 0 0 3px #2563eb26;outline:none}.input-3d::placeholder{color:var(--text-muted);opacity:.8}textarea.input-3d{resize:vertical;min-height:96px}select.input-3d{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.field-label{font-size:12px;font-weight:700;color:var(--text-muted);margin:0 0 6px 4px;display:block}.field-group{margin-bottom:16px}.faculty-card{border-top:4px solid var(--primary);padding:20px;position:relative}.faculty-card .icon-badge{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px #1e40af,0 6px 12px #2563eb4d;display:flex;align-items:center;justify-content:center;color:#fff}.category-badge-3d{border-radius:20px;padding:4px 12px;background:linear-gradient(180deg,#fbbf24,#f59e0b);box-shadow:0 3px #d97706,0 4px 8px #f59e0b4d;font-size:11px;font-weight:700;color:#fff;letter-spacing:.04em;display:inline-block}.cat-academic{background:linear-gradient(180deg,#60a5fa,#2563eb);box-shadow:0 3px #1e40af,0 4px 8px #2563eb4d}.cat-sug{background:linear-gradient(180deg,#a78bfa,#7c3aed);box-shadow:0 3px #6d28d9,0 4px 8px #7c3aed4d}.cat-faculty,.cat-department{background:linear-gradient(180deg,#34d399,#059669);box-shadow:0 3px #047857,0 4px 8px #10b9814d}.cat-scholarships,.cat-internships{background:linear-gradient(180deg,#fbbf24,#f59e0b)}.cat-events{background:linear-gradient(180deg,#fb7185,#ef4444);box-shadow:0 3px #991b1b,0 4px 8px #ef44444d}.file-type-pill{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:11px;color:#fff;flex-shrink:0;box-shadow:0 3px #0000002e,0 5px 10px #0000002e,inset 0 1px #ffffff40}.ft-pdf{background:linear-gradient(180deg,#f87171,#dc2626)}.ft-docx{background:linear-gradient(180deg,#60a5fa,#2563eb)}.ft-ppt,.ft-pptx{background:linear-gradient(180deg,#fb923c,#ea580c)}.ft-img{background:linear-gradient(180deg,#34d399,#059669)}.ft-zip{background:linear-gradient(180deg,#a78bfa,#7c3aed)}.ft-default{background:linear-gradient(180deg,#94a3b8,#475569)}.top-bar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px));background:#ffffffb8;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.6);box-shadow:0 6px 22px #0f172a0f}[data-theme=dark] .top-bar{background:#0b11209e;border-bottom:1px solid rgba(255,255,255,.07);box-shadow:0 6px 24px #0000004d}.top-bar-title{font-size:18px;font-weight:800;font-family:var(--font-display)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f172a73;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.modal-3d{width:100%;max-width:560px;max-height:92vh;overflow-y:auto;background:var(--surface);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid rgba(255,255,255,.1);border-radius:28px 28px 0 0;box-shadow:0 -12px 44px #0000004d,inset 0 2px #ffffff1f;padding:20px 20px calc(24px + env(safe-area-inset-bottom,0px));animation:sheetUp .32s cubic-bezier(.32,.72,0,1)}@media (min-width: 700px){.modal-overlay{align-items:center}.modal-3d{border-radius:28px;animation:popIn .28s ease-in-out}}.modal-handle{width:44px;height:5px;border-radius:3px;background:var(--edge-shadow);margin:0 auto 14px}.avatar-3d{border-radius:50%;box-shadow:0 4px 0 var(--edge-shadow),0 6px 16px #00000026,inset 0 -2px 4px #0000001a,0 0 0 3px #ffffffe6;object-fit:cover;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;flex-shrink:0}.badge-dot{background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:50%;box-shadow:0 2px #b45309,0 3px 8px #ef444466;border:2px solid #fff}.badge-count{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px #b45309,0 3px 8px #ef444466;border:2px solid #fff;position:absolute;top:-4px;right:-4px}.toggle-track{width:52px;height:30px;border-radius:20px;padding:3px;background:var(--surface-deep);box-shadow:inset 3px 3px 6px #94a3b866,inset -2px -2px 5px #ffffffb3;display:inline-flex;align-items:center;cursor:pointer;transition:background .2s ease}[data-theme=dark] .toggle-track{box-shadow:inset 3px 3px 6px #00000080,inset -2px -2px 5px #ffffff0d}.toggle-thumb{width:24px;height:24px;border-radius:50%;background:linear-gradient(180deg,#fff,#e2e8f0);box-shadow:0 3px #94a3b880,0 4px 8px #00000026;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.toggle-track.active{background:var(--surface-raised)}.toggle-track.active .toggle-thumb{transform:translate(22px);background:linear-gradient(180deg,#60a5fa,#2563eb);box-shadow:0 3px #1e40af,0 4px 8px #2563eb66}.section-divider{height:4px;background:linear-gradient(90deg,transparent,var(--primary-light),transparent);border-radius:2px;box-shadow:0 2px 4px #2563eb33;margin:28px 0}.skeleton-3d{background:linear-gradient(90deg,var(--surface-deep) 25%,var(--surface-raised) 50%,var(--surface-deep) 75%);background-size:200% 100%;animation:shimmer3d 1.5s infinite;border-radius:12px;box-shadow:inset 2px 2px 6px #94a3b84d,inset -1px -1px 4px #ffffffb3}@keyframes shimmer3d{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes badgePop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pillPop{0%{transform:scale(.7)}to{transform:scale(1)}}@keyframes splashScale{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bubbleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes progressFill{0%{width:0%}to{width:100%}}.page-enter{animation:slideInRight .28s ease-in-out}.page-back{animation:slideInLeft .28s ease-in-out}.splash-logo{animation:splashScale .6s cubic-bezier(.34,1.56,.64,1) both}.badge-dot.pop{animation:badgePop .25s cubic-bezier(.34,1.56,.64,1)}.bubble-in{animation:bubbleIn .18s ease-out}.upload-pill-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#60a5fa,#2563eb);animation:progressFill 1.4s ease forwards}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.app-shell{min-height:100vh;padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))}.page{padding:18px 16px;max-width:720px;margin:0 auto}.row{display:flex;align-items:center;gap:10px}.col{display:flex;flex-direction:column}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.center{justify-content:center;align-items:center}.grow{flex:1}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.p-16{padding:16px}.p-20{padding:20px}.h-scroll{display:flex;gap:14px;overflow-x:auto;padding:4px 16px 16px;scroll-snap-type:x mandatory}.h-scroll>*{scroll-snap-align:start;flex-shrink:0}.h-scroll::-webkit-scrollbar{display:none}.text-center{text-align:center}.error-text{color:#dc2626;font-size:13px;font-weight:600;margin:4px 2px 0}.success-text{color:#059669;font-size:13px;font-weight:600;margin:4px 2px 0}.banner{background:linear-gradient(180deg,#fef3c7,#fde68a);color:#92400e;font-weight:700;font-size:13px;border-radius:14px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 3px #d97706,0 4px 10px #f59e0b4d}[data-theme=dark] .banner{background:linear-gradient(180deg,#3a2e10,#2a2109);color:#fcd34d;box-shadow:0 3px #92400e,0 4px 10px #0006}.pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--surface);border:none;font-weight:700;font-size:13px;color:var(--text-muted);cursor:pointer;box-shadow:0 3px 0 var(--edge-shadow),inset 0 1px #ffffffb3}.pill.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 3px #1e40af}.stars{color:var(--accent);letter-spacing:2px;font-size:14px}.star-btn{background:none;border:none;cursor:pointer;font-size:20px;color:var(--edge-shadow);padding:0 1px}.star-btn.on{color:var(--accent)}.chat-bubble-sent{background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff;border-radius:18px 18px 4px;box-shadow:0 4px #1e40af,0 6px 12px #2563eb4d,inset 0 1px #fff3;padding:10px 14px;max-width:78%;align-self:flex-end}.chat-bubble-recv{background:var(--surface);color:var(--text);border-radius:18px 18px 18px 4px;box-shadow:0 4px 0 var(--edge-shadow),0 6px 12px #0000000f,inset 0 1px #ffffffb3;padding:10px 14px;max-width:78%;align-self:flex-start}[data-theme=dark] .chat-bubble-recv{box-shadow:0 4px 0 var(--edge-shadow),0 6px 12px #0006,inset 0 1px #ffffff0d}.stat-tile{padding:16px;border-radius:16px;background:var(--surface-raised);box-shadow:inset 2px 2px 6px #94a3b84d,inset -2px -2px 5px #ffffffb3;text-align:center}[data-theme=dark] .stat-tile{box-shadow:inset 2px 2px 6px #00000080,inset -2px -2px 5px #ffffff0a}.stat-num{font-family:var(--font-display);font-size:26px;font-weight:800;color:var(--primary)}.quick-tile{width:100%;aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:none;background:var(--surface);border-radius:18px;cursor:pointer;box-shadow:0 5px 0 var(--edge-shadow),inset 0 1px #ffffffb3;color:var(--text);font-weight:700;font-family:var(--font-body)}[data-theme=dark] .quick-tile{box-shadow:0 5px 0 var(--edge-shadow),inset 0 1px #ffffff0a}.quick-tile:active{transform:translateY(3px)}.icon-btn{width:42px;height:42px;border-radius:13px;border:1px solid var(--edge-shadow);background:var(--surface-raised);color:var(--text-muted);box-shadow:0 1px 2px #0f172a0f;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .1s ease}.icon-btn:hover{color:var(--primary);border-color:var(--primary-light)}.icon-btn:active{transform:scale(.93)}.icon-btn.on{color:var(--accent);border-color:var(--accent)}.icon-btn.on:hover{background:#f59e0b1f}.icon-btn.ok{color:#10b981;border-color:#10b981}.icon-btn.ok:hover{background:#10b9811f}.icon-btn.danger{color:#ef4444;border-color:#ef4444}.icon-btn.danger:hover{background:#ef44441f}.icon-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.welcome-banner-accent{border-top:4px solid var(--accent)}.tile-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.quick-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-nav-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 8px;border:none;background:var(--surface);border-radius:20px;cursor:pointer;box-shadow:0 5px 0 var(--edge-shadow),inset 0 1px #ffffffb3;transition:transform .12s ease,box-shadow .12s ease}[data-theme=dark] .quick-nav-item{box-shadow:0 5px 0 var(--edge-shadow),inset 0 1px #ffffff0a}.quick-nav-item:active{transform:translateY(3px);box-shadow:0 2px 0 var(--edge-shadow)}.quick-nav-icon{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 5px #0f172a2e,0 8px 16px #0f172a2e,inset 0 1px #ffffff40}.quick-nav-label{font-size:13px;font-weight:700;color:var(--text);font-family:var(--font-body)}.fab-sheet{animation:sheetUp .32s cubic-bezier(.32,.72,0,1)}.drop-zone{border:2px dashed rgba(148,163,184,.6);border-radius:18px;padding:28px 16px;text-align:center;background:var(--surface-deep);box-shadow:inset 3px 3px 8px #94a3b859,inset -2px -2px 6px #fffc;color:var(--text-muted);font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;width:100%;transition:border-color .2s ease,background-color .2s ease}.drop-zone:hover{border-color:var(--primary-light)}[data-theme=dark] .drop-zone{box-shadow:inset 3px 3px 8px #00000080,inset -2px -2px 6px #ffffff0a}.upload-preview{display:flex;align-items:center;gap:12px;padding:12px;border-radius:18px;background:var(--surface-raised);box-shadow:inset 2px 2px 6px #94a3b84d,inset -2px -2px 5px #ffffffb3}[data-theme=dark] .upload-preview{box-shadow:inset 2px 2px 6px #00000080,inset -2px -2px 5px #ffffff0a}.upload-thumb{width:56px;height:56px;border-radius:14px;object-fit:cover;background:var(--surface-deep);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 0 var(--edge-shadow);color:var(--primary)}.full-screen{min-height:100vh;display:flex;flex-direction:column}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.empty-state{text-align:center;color:var(--text-muted);padding:40px 16px}.empty-state svg{opacity:.7;margin-bottom:12px}.viewer-shell{width:100%;max-width:960px;height:90vh;background:#0b0e14;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 -8px #a0b4d64d,0 -12px 40px #00000073;animation:popIn .28s ease-in-out}.viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#111827;color:#e2e8f0;flex-shrink:0}.viewer-title{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-body{position:relative;flex:1;min-height:0;background:#0b0e14}.viewer-media{width:100%;height:100%;border:none;display:block}.viewer-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.viewer-foot{padding:6px 14px;font-size:11px;background:#111827;color:#94a3b8;flex-shrink:0}.viewer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#111827;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.viewer-actions .va-rating{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:13px;font-weight:600}@media (max-width: 699px){.viewer-shell{height:94vh;border-radius:20px 20px 0 0}}#root{position:relative;z-index:1}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:url(/logo.png) center / min(60vmin,460px) no-repeat;opacity:.06;pointer-events:none;z-index:0}