@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--background:#050a14;--background-2:#0a1220;--foreground:#f0f4ff;--foreground-2:rgba(240,244,255,0.7);--foreground-3:rgba(240,244,255,0.35);--muted:#64748b;--brand:#002C5F;--brand-light:#0047a0;--brand-glow:#1a6dd4;--accent:#60a5fa;--accent-2:#a78bfa;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--glass-bg:rgba(255,255,255,0.04);--glass-border:rgba(255,255,255,0.08);--glass-bg-hover:rgba(255,255,255,0.07);--nav-bg:rgba(5,10,20,0.85);--nav-border:rgba(255,255,255,0.06);--card-inner:rgba(0,0,0,0.2);--input-bg:rgba(255,255,255,0.06);--input-border:rgba(255,255,255,0.1);--divider:rgba(255,255,255,0.06);--scrollbar:rgba(255,255,255,0.1);--scrollbar-hover:rgba(255,255,255,0.2);--logo-filter:brightness(0) invert(1);--body-gradient-1:rgba(0,44,95,0.15);--body-gradient-2:rgba(96,165,250,0.05)}[data-theme=light]{--background:#eef2f8;--background-2:#e0e7f0;--foreground:#060d1a;--foreground-2:#1e2d45;--foreground-3:#475569;--muted:#334155;--brand:#002C5F;--brand-light:#0047a0;--brand-glow:#1a6dd4;--accent:#1d4ed8;--accent-2:#6d28d9;--success:#15803d;--warning:#b45309;--danger:#b91c1c;--glass-bg:rgba(255,255,255,0.75);--glass-border:rgba(0,0,0,0.1);--glass-bg-hover:rgba(0,0,0,0.05);--nav-bg:rgba(220,228,240,0.95);--nav-border:rgba(0,0,0,0.1);--card-inner:rgba(0,0,0,0.05);--input-bg:rgba(255,255,255,0.85);--input-border:rgba(0,0,0,0.18);--divider:rgba(0,0,0,0.09);--scrollbar:rgba(0,0,0,0.2);--scrollbar-hover:rgba(0,0,0,0.35);--logo-filter:none;--body-gradient-1:rgba(0,44,95,0.08);--body-gradient-2:rgba(96,165,250,0.06)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--foreground);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;background-image:radial-gradient(ellipse at 20% 50%,var(--body-gradient-1) 0,transparent 60%),radial-gradient(ellipse at 80% 20%,var(--body-gradient-2) 0,transparent 50%);transition:background-color .25s ease,color .25s ease}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}@keyframes ping{75%,to{transform:scale(1.4);opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(96,165,250,.4)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(96,165,250,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(96,165,250,0)}}@keyframes spin{to{transform:rotate(1turn)}}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;backdrop-filter:blur(12px);transition:background .25s ease,border-color .25s ease}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:600;letter-spacing:.02em}.badge-service{background:rgba(96,165,250,.15);color:#60a5fa;border:1px solid rgba(96,165,250,.2)}.badge-test{background:rgba(167,139,250,.15);color:#a78bfa;border:1px solid rgba(167,139,250,.2)}.badge-gallery{background:rgba(34,197,94,.15);color:#22c55e;border:1px solid rgba(34,197,94,.2)}.badge-other{background:rgba(100,116,139,.15);color:#94a3b8;border:1px solid rgba(100,116,139,.2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:10px;font-size:.85rem;font-weight:500;cursor:pointer;border:none;transition:all .2s ease;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--brand-light),var(--brand-glow));color:white;box-shadow:0 4px 15px rgba(0,71,160,.3)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,71,160,.4)}.btn-danger{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:rgba(239,68,68,.25)}.btn-ghost{background:var(--glass-bg);color:var(--muted);border:1px solid var(--glass-border)}.btn-ghost:hover{background:var(--glass-bg-hover);color:var(--foreground)}[data-theme=light]{color-scheme:light}[data-theme=light] nav{background:var(--nav-bg)!important;border-color:var(--nav-border)!important}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:var(--input-bg)!important;border-color:var(--input-border)!important;color:var(--foreground)!important}[data-theme=light] .glass-card{box-shadow:0 2px 16px rgba(0,0,0,.08)}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4{color:var(--foreground)!important}[data-theme=light]{--rgba-fg:#060d1a}[data-theme=light] .badge-service{color:#1d4ed8!important}[data-theme=light] .badge-test{color:#6d28d9!important}[data-theme=light] .badge-gallery{color:#15803d!important}[data-theme=light] .badge-other{color:#334155!important}[data-theme=light] .tab-btn,[data-theme=light] [style*="rgba(240,244,255,0.3"],[data-theme=light] [style*="rgba(240,244,255,0.4"],[data-theme=light] [style*="rgba(240,244,255,0.5"],[data-theme=light] [style*="rgba(240,244,255,0.6"],[data-theme=light] [style*="rgba(240,244,255,0.7"]{color:var(--foreground-3)!important}[data-theme=light] .btn-ghost{background:rgba(0,0,0,.05)!important;border-color:rgba(0,0,0,.12)!important;color:var(--foreground)!important}[data-theme=light] .btn-ghost:hover{background:rgba(0,0,0,.09)!important}[data-theme=light] .btn-danger{background:rgba(185,28,28,.1)!important;border-color:rgba(185,28,28,.25)!important;color:#b91c1c!important}[data-theme=light] .btn-danger:hover{background:rgba(185,28,28,.18)!important}[data-theme=light] .admin-content button,[data-theme=light] .admin-content code,[data-theme=light] .admin-content div,[data-theme=light] .admin-content label,[data-theme=light] .admin-content li,[data-theme=light] .admin-content p,[data-theme=light] .admin-content pre,[data-theme=light] .admin-content span,[data-theme=light] .admin-content summary{color:var(--foreground)!important}[data-theme=light] .admin-content button.btn-primary,[data-theme=light] .admin-content button[style*="background: #0ea5e9"],[data-theme=light] .admin-content button[style*="background: #2563eb"],[data-theme=light] .admin-content button[style*="background: var(--accent)"]{color:#fff!important}[data-theme=light] .admin-content .keep-accent{color:var(--accent)!important}[data-theme=light] .admin-content .keep-success{color:var(--success)!important}[data-theme=light] .admin-content .keep-warning{color:var(--warning)!important}[data-theme=light] .admin-content .keep-danger{color:var(--danger)!important}[data-theme=light] .admin-content .keep-muted{color:var(--muted)!important}[data-theme=light] .admin-content [style*="rgba(255,255,255,0.02)"],[data-theme=light] .admin-content [style*="rgba(255,255,255,0.03)"],[data-theme=light] .admin-content [style*="rgba(255,255,255,0.04)"],[data-theme=light] .admin-content [style*="rgba(255,255,255,0.05)"],[data-theme=light] .admin-content [style*="rgba(255,255,255,0.06)"],[data-theme=light] .admin-content [style*="rgba(255,255,255,0.07)"],[data-theme=light] .admin-content [style*="rgba(255,255,255,0.08)"]{background:var(--glass-bg)!important;border-color:var(--glass-border)!important}[data-theme=light] .admin-content a:hover,[data-theme=light] .admin-content button:hover{background:var(--glass-bg-hover)!important;color:var(--foreground)!important}[data-theme=light] .nav-item:hover,[data-theme=light] nav a:hover,[data-theme=light] nav li:hover{background:rgba(0,0,0,.06)!important;color:var(--foreground)!important}[data-theme=light] .btn-ghost:hover{background:rgba(0,0,0,.07)!important;color:var(--foreground)!important}[data-theme=light] .btn-danger:hover{background:#ef4444!important;color:#fff!important}[data-theme=light] .tab-btn:hover{background:rgba(0,0,0,.05)!important}[data-theme=light] .kb-item:hover,[data-theme=light] .rec-item:hover{background:rgba(0,0,0,.03)!important}[data-theme=light] .admin-content [style*="rgba(0,0,0,0.15"],[data-theme=light] .admin-content [style*="rgba(0,0,0,0.2"],[data-theme=light] .admin-content [style*="rgba(0,0,0,0.25"]{background:rgba(0,0,0,.04)!important}[data-theme=light] .admin-content [style*="background: rgb(13"]{background:var(--background-2)!important}[data-theme=light] .admin-content [style*="rgba(240,244,255"]{color:var(--foreground)!important}[data-theme=light] .admin-content [style*="rgba(240,244,255,0.3"],[data-theme=light] .admin-content [style*="rgba(240,244,255,0.4"],[data-theme=light] .admin-content [style*="rgba(240,244,255,0.5"]{color:var(--foreground-3)!important}[data-theme=light] .admin-content select option{background:var(--background)!important;color:var(--foreground)!important}[data-theme=light] .tab-btn:hover{color:var(--foreground)!important}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--glass-border);background:var(--glass-bg);cursor:pointer;font-size:1rem;transition:all .2s ease;color:var(--muted);flex-shrink:0}.theme-toggle:hover{background:var(--glass-bg-hover);color:var(--foreground)}.direct-chat-container{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;position:relative;overflow:hidden;background:var(--background);color:var(--foreground);padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}.dc-flex-center{align-items:center;justify-content:center}.dc-bg-orbs{position:absolute;inset:0;pointer-events:none;overflow:hidden}.dc-orb{position:absolute;border-radius:50%;filter:blur(120px)}.dc-orb-1{width:500px;height:500px;opacity:.04;top:-15%;right:-15%;animation:dc-float 8s ease-in-out infinite}.dc-orb-2{width:400px;height:400px;opacity:.03;bottom:-10%;left:-10%;animation:dc-float 10s ease-in-out 2s infinite}.dc-orb-live{width:500px;height:500px;top:50%;left:50%;transform:translate(-50%,-50%);transition:all 1s}.dc-orb-mic{width:350px;height:350px;bottom:10%;left:50%;transform:translateX(-50%);transition:opacity .15s;filter:blur(100px)}.dc-nav{position:relative;z-index:10;padding:1rem 1.5rem}.dc-back-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);text-decoration:none;font-size:.85rem;font-weight:500;transition:color .2s;min-height:44px;padding:0 .5rem}.dc-back-link:hover{color:var(--foreground)}.dc-center-content{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem}.dc-logo-wrap{position:relative;margin-bottom:2rem}.dc-logo-box{width:112px;height:112px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 40px rgba(139,92,246,.4),0 0 80px rgba(139,92,246,.15)}.dc-logo-box,.dc-pulse-ring{border-radius:24px;background:linear-gradient(135deg,#8b5cf6,#3b82f6,#ec4899)}.dc-pulse-ring{position:absolute;inset:0}.dc-pulse-ring-1{animation:dc-pulse-ring 2.5s ease-out infinite;opacity:.2}.dc-pulse-ring-2{animation:dc-pulse-ring 2.5s ease-out 1s infinite;opacity:.15}.dc-title{font-size:2rem;font-weight:700;margin-bottom:.75rem;background:linear-gradient(135deg,#8b5cf6,#3b82f6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.dc-subtitle{font-size:1rem;color:var(--muted);margin-bottom:.5rem}.dc-desc,.dc-subtitle{text-align:center;max-width:400px}.dc-desc{font-size:.85rem;color:var(--foreground-3,#64748b);margin-bottom:2.5rem;line-height:1.6}.dc-error-box{padding:.8rem 1.2rem;border-radius:12px;margin-bottom:1.5rem;font-size:.85rem;max-width:400px;text-align:center;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#f87171;animation:dc-fadeInUp .3s ease-out}.dc-start-btn{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 8px 30px rgba(34,197,94,.4),0 0 60px rgba(34,197,94,.1);transition:all .3s;-webkit-tap-highlight-color:transparent}.dc-start-btn:hover{transform:scale(1.05)}.dc-start-btn:active{transform:scale(.95)}.dc-start-label{margin-top:1rem;font-size:.9rem;font-weight:500;color:#22c55e}.dc-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2.5rem;justify-content:center}.dc-chip{padding:.5rem 1rem;border-radius:12px;font-size:.75rem;font-weight:500;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--muted);white-space:nowrap}.dc-connecting-orb-wrap{position:relative;margin-bottom:2rem}.dc-connecting-orb-outer{width:96px;height:96px;background:linear-gradient(135deg,#8b5cf6,#3b82f6,#ec4899);animation:dc-pulse-ring 1.5s ease-in-out infinite}.dc-connecting-orb-inner-bg,.dc-connecting-orb-outer{border-radius:50%;display:flex;align-items:center;justify-content:center}.dc-connecting-orb-inner-bg{width:80px;height:80px;background:var(--background)}.dc-connecting-orb-inner{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf6,#3b82f6,#ec4899)}.dc-connecting-text{font-size:1.1rem;font-weight:500;color:var(--foreground)}.dc-connecting-sub{font-size:.85rem;margin-top:.5rem;color:var(--muted)}.dc-header{position:relative;z-index:10;justify-content:space-between;padding:.8rem 1.5rem;background:rgba(5,10,20,.6);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border)}.dc-header,.dc-header-left{display:flex;align-items:center}.dc-header-left{gap:.75rem}.dc-header-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf6,#3b82f6,#ec4899);box-shadow:0 4px 15px rgba(139,92,246,.3);flex-shrink:0}.dc-header-title{font-size:1rem;font-weight:600;color:var(--foreground)}.dc-header-status{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--muted)}.dc-live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,.5);animation:dc-dotPulse 2s infinite}.dc-call-area{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem}.dc-main-orb-wrap{position:relative;margin-bottom:3rem}.dc-mic-ring{inset:-20px;transition:all .15s}.dc-mic-ring,.dc-speak-ring{position:absolute;border-radius:50%}.dc-speak-ring{inset:-30px}.dc-speak-ring-1{border:2px solid rgba(139,92,246,.3);animation:dc-pulse-ring 2s ease-out infinite}.dc-speak-ring-2{border:2px solid rgba(139,92,246,.2);animation:dc-pulse-ring 2s ease-out .7s infinite}.dc-main-orb{width:144px;height:144px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .5s}.dc-status-text{font-size:1.1rem;font-weight:500;margin-bottom:.5rem;text-align:center;max-width:400px;transition:color .3s}.dc-status-sub{font-size:.85rem;text-align:center;max-width:450px;color:var(--muted);animation:dc-fadeInUp .3s ease-out}.dc-waveform{display:flex;align-items:center;gap:3px;height:40px;margin-top:2rem}.dc-wave-bar{width:3px;border-radius:99px;transition:all ease}.dc-controls{position:relative;z-index:10;padding:1rem 1.5rem calc(1.5rem + env(safe-area-inset-bottom, 0px));background:rgba(5,10,20,.6);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border)}.dc-controls-inner{max-width:560px;margin:0 auto}.dc-text-input-wrap{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.dc-text-input-box{flex:1;display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:12px;background:var(--glass-bg);border:1px solid var(--glass-border)}.dc-text-input{flex:1;background:transparent;outline:none;border:none;font-size:.85rem;color:var(--foreground);font-family:inherit;min-height:24px}.dc-text-input::placeholder{color:var(--muted)}.dc-send-btn{width:28px;height:28px;border-radius:8px;align-items:center;cursor:pointer;border:none;background:linear-gradient(135deg,#8b5cf6,#3b82f6);flex-shrink:0;-webkit-tap-highlight-color:transparent}.dc-end-btn,.dc-end-call-wrap,.dc-send-btn{display:flex;justify-content:center}.dc-end-btn{width:64px;height:64px;border-radius:50%;align-items:center;cursor:pointer;border:none;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 25px rgba(239,68,68,.4);transition:all .2s;-webkit-tap-highlight-color:transparent}.dc-end-btn:hover{transform:scale(1.05)}.dc-end-btn:active{transform:scale(.95)}.dc-footer-hint{text-align:center;font-size:.7rem;margin-top:.75rem;color:var(--muted)}@keyframes dc-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}@keyframes dc-pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(1.4);opacity:0}}@keyframes dc-fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes dc-dotPulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes dc-waveform-anim{0%,to{height:4px}50%{height:20px}}@media (max-width:480px){.dc-logo-box{width:88px;height:88px;border-radius:20px}.dc-logo-box svg{width:36px;height:36px}.dc-title{font-size:1.6rem}.dc-start-btn{width:80px;height:80px}.dc-start-btn svg{width:30px;height:30px}.dc-main-orb{width:120px;height:120px}.dc-main-orb svg{width:40px;height:40px}.dc-end-btn{width:56px;height:56px}.dc-controls{padding:.75rem 1rem calc(1rem + env(safe-area-inset-bottom, 0px))}.dc-header{padding:.6rem 1rem}.dc-desc{margin-bottom:1.5rem}.dc-chips{margin-top:1.5rem}.dc-main-orb-wrap{margin-bottom:2rem}}[data-theme=light] .direct-chat-container{background:var(--background)}[data-theme=light] .dc-controls,[data-theme=light] .dc-header{background:rgba(220,228,240,.85)}[data-theme=light] .dc-text-input-box{background:var(--input-bg);border-color:var(--input-border)}[data-theme=light] .dc-text-input{color:var(--foreground)}[data-theme=light] .dc-chip{background:var(--glass-bg);border-color:var(--glass-border);color:var(--foreground-3)}.dc-mode-selector{display:flex;gap:4px;padding:4px;border-radius:14px;background:var(--glass-bg);border:1px solid var(--glass-border);margin-bottom:1rem}.dc-mode-btn{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;border-radius:11px;border:none;background:transparent;color:var(--muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .25s;font-family:inherit;min-height:44px;-webkit-tap-highlight-color:transparent}.dc-mode-btn:hover{color:var(--foreground)}.dc-mode-btn-active{background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(59,130,246,.15));color:#a78bfa;box-shadow:0 2px 8px rgba(139,92,246,.15)}.dc-mode-desc{font-size:.78rem;color:var(--muted);text-align:center;max-width:380px;margin-bottom:2rem;line-height:1.5}.dc-mode-badge{padding:.35rem .75rem;border-radius:8px;font-size:.7rem;font-weight:600;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--muted);white-space:nowrap}.dc-transcript{display:flex;flex-direction:column;gap:.5rem;max-width:480px;width:100%;max-height:160px;overflow-y:auto;padding:0 1rem;margin-top:1rem}.dc-transcript-entry{padding:.5rem .8rem;border-radius:10px;font-size:.8rem;line-height:1.4;animation:dc-fadeInUp .3s ease-out}.dc-transcript-ai{background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.15);color:#c4b5fd;align-self:flex-start;border-bottom-left-radius:3px;max-width:85%}.dc-transcript-user{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.15);color:#86efac;align-self:flex-end;border-bottom-right-radius:3px;max-width:85%}[data-theme=light] .dc-mode-btn-active{background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(59,130,246,.1));color:#7c3aed}[data-theme=light] .dc-transcript-ai{background:rgba(139,92,246,.08);color:#6d28d9}[data-theme=light] .dc-transcript-user{background:rgba(34,197,94,.08);color:#15803d}@media (max-width:480px){.dc-mode-btn{padding:.5rem .9rem;font-size:.75rem}.dc-transcript{max-height:120px;padding:0 .5rem}.dc-mode-desc{margin-bottom:1.5rem}}