@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--void:#03030a;--deep:#070712;--surface:#0c0c1e;--glass:#ffffff0a;--glass-h:#ffffff12;--border:#ffffff14;--border-lit:#8b5cf666;--violet:#8b5cf6;--indigo:#6366f1;--cyan:#06b6d4;--emerald:#10b981;--rose:#f43f5e;--amber:#f59e0b;--glow-v:#8b5cf64d;--glow-c:#06b6d440;--glow-e:#10b98133;--t1:#f1f0ff;--t2:#a9a3c9;--t3:#5c5680;--t4:#3a3560;--font:"Outfit", sans-serif;--font2:"Space Grotesk", sans-serif;--mono:"JetBrains Mono", monospace;--r-sm:12px;--r-md:18px;--r-lg:24px;--r-xl:32px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--void);color:var(--t1);-webkit-font-smoothing:antialiased;min-height:100dvh;overflow-x:hidden}#app{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative}#app:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 20% -10%,#8b5cf626 0%,#0000 60%),radial-gradient(60% 40% at 80% 100%,#06b6d41a 0%,#0000 50%),radial-gradient(40% 30%,#6366f10d 0%,#0000 70%);max-width:480px;position:fixed;inset:0 0 0 50%;transform:translate(-50%)}#app:after{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 20% 15%,#fff6 0%,#0000 100%),radial-gradient(1px 1px at 75% 25%,#ffffff4d 0%,#0000 100%),radial-gradient(1px 1px at 40% 60%,#ffffff59 0%,#0000 100%),radial-gradient(1px 1px at 85% 70%,#ffffff40 0%,#0000 100%),radial-gradient(1px 1px at 10% 80%,#ffffff4d 0%,#0000 100%),radial-gradient(1.5px 1.5px at 60% 10%,#8b5cf699 0%,#0000 100%),radial-gradient(1.5px 1.5px at 30% 90%,#06b6d480 0%,#0000 100%);max-width:480px;position:fixed;inset:0 0 0 50%;transform:translate(-50%)}.hdr{z-index:100;-webkit-backdrop-filter:blur(24px)saturate(1.8);border-bottom:1px solid var(--border);background:#03030abf;justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:sticky;top:0}.logo{align-items:center;gap:10px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--violet), var(--cyan));width:36px;height:36px;box-shadow:0 0 20px var(--glow-v), 0 0 40px #8b5cf626;border-radius:11px;justify-content:center;align-items:center;font-size:17px;display:flex;position:relative}.logo-icon:after{content:"";z-index:-1;filter:blur(8px);background:linear-gradient(135deg,#8b5cf680,#06b6d44d);border-radius:12px;position:absolute;inset:-1px}.logo-name{font-family:var(--font2);letter-spacing:-.5px;background:linear-gradient(135deg, #fff 30%, var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.logo-name em{background:linear-gradient(135deg, var(--violet), var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.hdr-stat{font-family:var(--mono);color:var(--t3);background:var(--glass);border:1px solid var(--border);border-radius:20px;padding:4px 10px;font-size:11px}.main{z-index:1;flex:1;padding:18px 16px 100px;position:relative}.bnav{-webkit-backdrop-filter:blur(24px)saturate(1.8);border-top:1px solid var(--border);width:100%;max-width:480px;padding:10px 24px max(16px, env(safe-area-inset-bottom));z-index:100;background:#03030ad9;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nbtn{cursor:pointer;color:var(--t3);font-family:var(--font);border-radius:var(--r-md);letter-spacing:.3px;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:5px;padding:6px;font-size:11px;font-weight:500;transition:all .25s;display:flex}.nbtn span:first-child{font-size:20px;transition:transform .25s}.nbtn.active{color:var(--violet)}.nbtn.active span:first-child{filter:drop-shadow(0 0 8px var(--glow-v));transform:scale(1.15)}.nbtn:hover{color:var(--t2)}.nfab{background:linear-gradient(135deg, var(--violet), var(--indigo), var(--cyan));width:56px;height:56px;box-shadow:0 0 30px var(--glow-v), 0 8px 32px #0006;cursor:pointer;background-size:200% 200%;border:2px solid #ffffff26;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;margin-top:-28px;font-size:26px;line-height:1;transition:all .3s;animation:4s infinite gradShift;display:flex}.nfab:hover{box-shadow:0 0 50px var(--glow-v), 0 12px 40px #00000080;transform:scale(1.1)translateY(-2px)}.nfab:active{transform:scale(.96)}.srch-wrap{margin-bottom:20px;position:relative}.srch{background:var(--glass);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;color:var(--t1);font-family:var(--font);letter-spacing:.2px;outline:none;padding:13px 18px 13px 44px;font-size:14px;font-weight:400;transition:all .25s}.srch::placeholder{color:var(--t3)}.srch:focus{border-color:var(--border-lit);background:#8b5cf60f;box-shadow:0 0 0 3px #8b5cf61a,0 0 20px #8b5cf614}.srch-ico{color:var(--t3);pointer-events:none;font-size:16px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.slabel{font-family:var(--mono);letter-spacing:1.5px;color:var(--t3);align-items:center;gap:8px;margin-bottom:14px;font-size:10px;display:flex}.slabel:after{content:"";background:linear-gradient(90deg, var(--border), transparent);flex:1;height:1px}.empty{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:64px 24px;display:flex}.empty-ico{background:var(--glass);border:1px solid var(--border);border-radius:28px;justify-content:center;align-items:center;width:88px;height:88px;font-size:36px;display:flex;position:relative;box-shadow:0 8px 32px #0000004d}.empty-ico:after{content:"";z-index:-1;filter:blur(12px);background:linear-gradient(135deg,#8b5cf633,#06b6d41a);border-radius:29px;position:absolute;inset:-1px}.empty h3{color:var(--t1);font-size:20px;font-weight:700;font-family:var(--font2)}.empty p{color:var(--t2);max-width:260px;font-size:14px;line-height:1.7}.grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.scard{background:var(--glass);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:.4s both cardIn;position:relative;overflow:hidden}.scard:before{content:"";opacity:0;border-radius:var(--r-lg);background:linear-gradient(135deg,#8b5cf60f,#06b6d40a);transition:opacity .3s;position:absolute;inset:0}.scard:hover{border-color:#8b5cf659;transform:translateY(-4px)scale(1.01);box-shadow:0 12px 40px #8b5cf633,0 4px 16px #0006}.scard:hover:before{opacity:1}.scard-thumb{aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;border-bottom:1px solid var(--border);width:100%;display:block}.scard-ph{aspect-ratio:4/3;background:var(--surface);border-bottom:1px solid var(--border);justify-content:center;align-items:center;width:100%;font-size:28px;display:flex}.scard-body{padding:10px 12px 12px}.scard-topic{font-family:var(--mono);letter-spacing:.5px;background:linear-gradient(90deg, var(--cyan), var(--emerald));-webkit-text-fill-color:transparent;white-space:nowrap;text-overflow:ellipsis;-webkit-background-clip:text;background-clip:text;margin-bottom:5px;font-size:10px;font-weight:500;overflow:hidden}.scard-reason{color:var(--t2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden}.scard-tags{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.scard-tag{font-size:9px;font-family:var(--mono);color:var(--violet);letter-spacing:.3px;background:#8b5cf61f;border:1px solid #8b5cf633;border-radius:20px;padding:2px 7px}.scard-time{color:var(--t4);font-size:10px;font-family:var(--mono);margin-top:6px}.cap{flex-direction:column;gap:16px;display:flex}.upzone{border-radius:var(--r-xl);cursor:pointer;background:var(--glass);border:2px dashed #8b5cf640;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:210px;padding:36px 24px;transition:all .3s;display:flex;position:relative;overflow:hidden}.upzone:before{content:"";opacity:0;background:radial-gradient(#8b5cf60d 0%,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.upzone:hover{background:#8b5cf60d;border-color:#8b5cf680}.upzone:hover:before{opacity:1}.upzone.filled{border-style:solid;border-color:#8b5cf64d;padding:0}.upzone-img{-o-object-fit:contain;object-fit:contain;background:var(--surface);border-radius:22px;width:100%;max-height:290px;display:block}.upzone-overlay{text-align:center;color:var(--t2);font-size:12px;font-family:var(--font);letter-spacing:.3px;background:linear-gradient(#0000,#03030ae6);padding:14px;position:absolute;bottom:0;left:0;right:0}.upzone-hint{color:var(--t2);text-align:center;font-size:14px;line-height:1.7}.upzone-icon{filter:drop-shadow(0 0 16px #8b5cf666);font-size:44px;animation:3s ease-in-out infinite float}.upzone-badge{font-family:var(--mono);letter-spacing:1px;color:var(--cyan);background:#06b6d41a;border:1px solid #06b6d433;border-radius:20px;padding:5px 14px;font-size:10px}.lbl{color:var(--t2);letter-spacing:.3px;align-items:center;gap:7px;margin-bottom:9px;font-size:12px;font-weight:500;display:flex}.lbl em{color:var(--cyan);font-style:normal}.ta{background:var(--glass);border:1px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--t1);font-family:var(--font);resize:none;letter-spacing:.2px;outline:none;min-height:96px;padding:14px 16px;font-size:14px;line-height:1.7;transition:all .25s}.ta::placeholder{color:var(--t3)}.ta:focus{border-color:var(--border-lit);background:#8b5cf60f;box-shadow:0 0 0 3px #8b5cf61a}.char-c{text-align:right;color:var(--t4);font-size:10px;font-family:var(--mono);margin-top:5px}.btn{border-radius:var(--r-md);width:100%;font-family:var(--font2);cursor:pointer;letter-spacing:.2px;border:none;justify-content:center;align-items:center;gap:9px;padding:15px;font-size:14px;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.btn:after{content:"";background:#fff0;transition:background .2s;position:absolute;inset:0}.btn:hover:after{background:#ffffff0f}.btn:active{transform:scale(.98)}.btn-p{background:linear-gradient(135deg, var(--violet), var(--indigo));color:#fff;box-shadow:0 4px 24px #8b5cf659,inset 0 1px #ffffff1a}.btn-p:hover{transform:translateY(-2px);box-shadow:0 8px 32px #8b5cf680,inset 0 1px #ffffff1a}.btn-p:disabled{opacity:.3;cursor:not-allowed;box-shadow:none;transform:none}.btn-s{background:linear-gradient(135deg, var(--emerald), var(--cyan));color:#fff;box-shadow:0 4px 24px #10b9814d}.btn-s:hover{transform:translateY(-2px);box-shadow:0 8px 32px #10b98173}.btn-o{background:var(--glass);border:1px solid var(--border);color:var(--t2)}.btn-o:hover{color:var(--t1);border-color:#8b5cf64d}.btn-d{color:var(--rose);background:#f43f5e1a;border:1px solid #f43f5e33}.btn-d:hover{background:#f43f5e2e}.abox{background:var(--glass);border-radius:var(--r-xl);border:1px solid #8b5cf633;padding:20px;animation:.5s both fadeSlide;position:relative;overflow:hidden}.abox:before{content:"";background:linear-gradient(90deg,#0000,#8b5cf699,#06b6d466,#0000);height:1px;position:absolute;top:0;left:0;right:0}.abox-hdr{align-items:center;gap:10px;margin-bottom:16px;display:flex}.abox-badge{font-family:var(--mono);letter-spacing:.8px;color:var(--cyan);background:linear-gradient(90deg,#8b5cf633,#06b6d426);border:1px solid #06b6d433;border-radius:20px;padding:4px 14px;font-size:10px;font-weight:500}.abox-pulse{background:var(--emerald);width:7px;height:7px;box-shadow:0 0 8px var(--emerald);border-radius:50%;margin-left:auto;animation:2s ease-in-out infinite pulse-dot}.abox-text{color:var(--t2);letter-spacing:.1px;font-size:13.5px;font-weight:400;line-height:1.85}.abox-text strong{color:var(--cyan);font-weight:600}.bullet-row{gap:10px;margin-bottom:5px;display:flex}.bullet-dot{color:var(--violet);flex-shrink:0;margin-top:1px}.ldbox{background:var(--glass);border:1px solid var(--border);border-radius:var(--r-xl);text-align:center;flex-direction:column;align-items:center;gap:16px;padding:36px 24px;display:flex;position:relative;overflow:hidden}.ldbox:before{content:"";background:linear-gradient(90deg, transparent, var(--violet), var(--cyan), transparent);height:1px;animation:2s linear infinite shimmer;position:absolute;top:0;left:0;right:0}.ldbox-title{font-size:15px;font-weight:600;font-family:var(--font2);color:var(--t1)}.ldbox-sub{color:var(--t2);font-size:13px;animation:2s ease-in-out infinite fadeInOut}.spinner-big{border:3px solid var(--border);border-top-color:var(--violet);border-right-color:var(--cyan);width:48px;height:48px;filter:drop-shadow(0 0 12px var(--glow-v));border-radius:50%;animation:1s cubic-bezier(.68,-.55,.27,1.55) infinite spin}.dots{gap:7px;margin-top:4px;display:flex}.dot{background:var(--violet);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite dotPulse}.dot:first-child{background:var(--violet);animation-delay:0s}.dot:nth-child(2){background:var(--indigo);animation-delay:.2s}.dot:nth-child(3){background:var(--cyan);animation-delay:.4s}.det{flex-direction:column;gap:16px;display:flex}.back-btn{color:var(--t3);cursor:pointer;font-family:var(--font);letter-spacing:.2px;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:4px;padding:0;font-size:13px;font-weight:500;transition:color .2s;display:inline-flex}.back-btn:hover{color:var(--t1)}.det-img-wrap{background:var(--glass);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;box-shadow:0 8px 32px #0006}.det-img{-o-object-fit:contain;object-fit:contain;background:var(--surface);width:100%;max-height:270px;display:block}.det-card{background:var(--glass);border:1px solid var(--border);border-radius:var(--r-xl);padding:18px;position:relative;overflow:hidden}.det-topic{font-family:var(--font2);background:linear-gradient(135deg, var(--t1), var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:20px;font-weight:700}.det-rlabel{font-family:var(--mono);letter-spacing:1.5px;color:var(--t3);margin-bottom:8px;font-size:9px}.det-reason{color:var(--t2);border-radius:var(--r-sm);border-left:3px solid var(--violet);background:#8b5cf60f;padding:12px 16px;font-size:13.5px;line-height:1.7}.det-tags{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.det-tag{font-family:var(--mono);color:var(--violet);letter-spacing:.3px;background:#8b5cf61f;border:1px solid #8b5cf638;border-radius:20px;padding:4px 12px;font-size:11px}.det-meta{color:var(--t4);font-size:11px;font-family:var(--mono);letter-spacing:.3px;margin-top:12px}.toast{color:#fff;font-family:var(--font2);z-index:200;white-space:nowrap;letter-spacing:.2px;background:linear-gradient(135deg,#10b981f2,#06b6d4e6);border-radius:30px;padding:11px 24px;font-size:13px;font-weight:600;animation:.4s cubic-bezier(.34,1.56,.64,1) toastIn,.3s 2.3s forwards toastOut;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #10b9814d,inset 0 2px #ffffff1a}@keyframes spin{to{transform:rotate(360deg)}}@keyframes gradShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes cardIn{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}@keyframes dotPulse{0%,to{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(20px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes toastOut{to{opacity:0;transform:translate(-50%)translateY(10px)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b5cf680}::selection{color:var(--t1);background:#8b5cf64d}