/* NEXUS ULTIMUS — ajustement responsive : image plein écran et menus repliables */ @media (max-width: 700px) { #concept-shell { width: 100vw !important; height: 100dvh !important; min-height: 100vh !important; inset: 0 !important; } #concept-image { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; } #concept-skin { background-size: cover !important; background-position: center center !important; } .concept-brand { top: max(10px, env(safe-area-inset-top)) !important; left: 12px !important; transform: scale(.78) !important; transform-origin: top left !important; z-index: 230 !important; } .concept-left-ui { display: none !important; top: calc(max(72px, env(safe-area-inset-top) + 62px)) !important; left: 10px !important; right: 10px !important; bottom: auto !important; width: auto !important; max-height: 48dvh !important; overflow-y: auto !important; transform: none !important; z-index: 260 !important; background: rgba(1, 9, 16, .94) !important; border: 1px solid rgba(34,211,238,.55) !important; box-shadow: 0 12px 36px rgba(0,0,0,.55) !important; } body.nexus-modes-open .concept-left-ui { display: flex !important; } .concept-action-ui { display: none !important; left: 10px !important; right: 10px !important; top: auto !important; bottom: calc(env(safe-area-inset-bottom) + 5.8rem) !important; width: auto !important; max-width: none !important; transform: none !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 7px !important; z-index: 250 !important; padding: 9px !important; border: 1px solid rgba(34,211,238,.45) !important; border-radius: 16px !important; background: rgba(1,9,16,.94) !important; box-shadow: 0 12px 36px rgba(0,0,0,.55) !important; } body.nexus-actions-open .concept-action-ui { display: grid !important; } .concept-mobile-toggle { position: fixed !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; min-height: 38px !important; padding: 8px 12px !important; color: #dffaff !important; background: rgba(1, 9, 16, .94) !important; border: 1px solid rgba(34,211,238,.7) !important; border-radius: 999px !important; font: 600 12px/1.1 system-ui, sans-serif !important; box-shadow: 0 4px 18px rgba(0,0,0,.4) !important; z-index: 400 !important; cursor: pointer !important; -webkit-tap-highlight-color: transparent; } #nexus-modes-toggle { top: calc(max(12px, env(safe-area-inset-top))) !important; right: 12px !important; } #nexus-actions-toggle { right: 12px !important; bottom: calc(env(safe-area-inset-bottom) + 5.2rem) !important; } body.nexus-modes-open #nexus-modes-toggle, body.nexus-actions-open #nexus-actions-toggle { border-color: #67f5ff !important; background: rgba(0, 34, 48, .97) !important; } .voice-transcript { left: 10px !important; right: 10px !important; bottom: calc(env(safe-area-inset-bottom) + 4.9rem) !important; width: auto !important; max-width: none !important; max-height: 12dvh !important; z-index: 180 !important; } .concept-composer, .concept-composer-ui, .composer, #composer { max-width: none !important; } } @media (min-width: 701px) { .concept-mobile-toggle { display: none !important; } } /* ========================================================= NEXUS ULTIMUS — CORRECTION MOBILE V2 Corrige le fond tronqué, les cartes qui débordent et le composeur. ========================================================= */ *, *::before, *::after { box-sizing: border-box; } @media (max-width: 700px) { html, body { width: 100% !important; min-width: 0 !important; max-width: 100% !important; min-height: 100% !important; margin: 0 !important; overflow-x: hidden !important; } body { min-height: 100dvh !important; min-height: 100vh !important; } #concept-shell { position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100vh !important; height: 100dvh !important; overflow: hidden !important; background: #02070d !important; isolation: isolate !important; } /* Force l'image à couvrir toute la hauteur, au lieu de rester dans une bande. */ #concept-image { position: fixed !important; inset: 0 !important; display: block !important; width: 100vw !important; max-width: none !important; height: 100vh !important; height: 100dvh !important; max-height: none !important; object-fit: cover !important; object-position: center center !important; opacity: 1 !important; visibility: visible !important; z-index: 0 !important; transform: none !important; } #concept-skin { position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100vh !important; height: 100dvh !important; background-color: transparent !important; background-image: none !important; pointer-events: none !important; z-index: 1 !important; } .concept-brand { position: fixed !important; top: calc(env(safe-area-inset-top) + 8px) !important; left: 12px !important; max-width: calc(100vw - 120px) !important; transform: scale(.66) !important; transform-origin: top left !important; z-index: 230 !important; } /* Les anciennes cartes horizontales sont cachées jusqu'à l'ouverture du menu. */ .concept-mobile-cards, .concept-left-ui { display: none !important; } body.nexus-modes-open .concept-mobile-cards { position: fixed !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; top: calc(env(safe-area-inset-top) + 58px) !important; left: 12px !important; right: 12px !important; width: auto !important; max-width: none !important; max-height: 42dvh !important; overflow-y: auto !important; padding: 10px !important; border: 1px solid rgba(34,211,238,.62) !important; border-radius: 16px !important; background: rgba(1,9,16,.96) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; z-index: 270 !important; } .concept-mobile-cards button { min-width: 0 !important; width: 100% !important; min-height: 44px !important; padding: 10px 8px !important; overflow-wrap: anywhere !important; } .concept-right-ui { display: none !important; } .concept-mobile-nav { display: none !important; } .concept-mobile-actions { display: none !important; } /* Actions repliées par défaut et affichées en grille quand demandées. */ .concept-action-ui { display: none !important; position: fixed !important; left: 12px !important; right: 12px !important; top: auto !important; bottom: calc(env(safe-area-inset-bottom) + 9.5rem) !important; width: auto !important; max-width: none !important; transform: none !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; padding: 10px !important; border: 1px solid rgba(34,211,238,.6) !important; border-radius: 18px !important; background: rgba(1,9,16,.96) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; z-index: 260 !important; max-height: 38dvh !important; overflow-y: auto !important; } body.nexus-actions-open .concept-action-ui { display: grid !important; } .concept-action-ui button { min-width: 0 !important; width: 100% !important; min-height: 42px !important; padding: 9px 6px !important; font-size: 13px !important; white-space: normal !important; overflow-wrap: anywhere !important; } /* Transcription : une ligne lisible au-dessus de la barre de saisie. */ .voice-transcript { position: fixed !important; left: 10px !important; right: 10px !important; bottom: calc(env(safe-area-inset-bottom) + 5.4rem) !important; top: auto !important; width: auto !important; max-width: none !important; max-height: 13dvh !important; overflow-y: auto !important; padding: 9px 12px !important; border-radius: 13px !important; z-index: 190 !important; } .voice-transcript-label { font-size: 9px !important; margin-bottom: 3px !important; } .voice-transcript-text { font-size: 13px !important; line-height: 1.35 !important; overflow-wrap: anywhere !important; } /* Barre de saisie : contenue dans la largeur du téléphone, sans débordement. */ .text-composer { position: fixed !important; left: 10px !important; right: 10px !important; bottom: calc(env(safe-area-inset-bottom) + 8px) !important; width: auto !important; min-width: 0 !important; max-width: none !important; padding: 7px !important; border-radius: 24px !important; z-index: 210 !important; overflow: visible !important; } .text-row { display: flex !important; align-items: center !important; gap: 6px !important; width: 100% !important; min-width: 0 !important; min-height: 48px !important; } .text-row > * { min-width: 0 !important; } #text-input { display: block !important; flex: 1 1 0% !important; width: 0 !important; min-width: 0 !important; max-width: 100% !important; height: 44px !important; min-height: 44px !important; max-height: 96px !important; padding: 10px 11px !important; font-size: 14px !important; line-height: 1.35 !important; resize: none !important; overflow-y: auto !important; overflow-wrap: anywhere !important; } .text-row .ctrl-btn { flex: 0 0 38px !important; width: 38px !important; min-width: 38px !important; height: 38px !important; padding: 8px !important; } .text-row #send-text-btn { flex: 0 0 38px !important; width: 38px !important; min-width: 38px !important; } .attach-name { display: none !important; } #nexus-modes-toggle { top: calc(env(safe-area-inset-top) + 10px) !important; right: 12px !important; z-index: 410 !important; } #nexus-actions-toggle { right: 12px !important; bottom: calc(env(safe-area-inset-bottom) + 5.2rem) !important; z-index: 410 !important; } } /* Animations cohérentes sur l'ensemble de l'interface et tous les boutons. */ @keyframes nexus-ui-glow { 0%, 100% { box-shadow: 0 0 0 rgba(34,211,238,0), 0 0 10px rgba(34,211,238,.06); } 50% { box-shadow: 0 0 18px rgba(34,211,238,.18), inset 0 0 10px rgba(34,211,238,.035); } } @keyframes nexus-button-enter { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } } @keyframes nexus-icon-pulse { 0%, 100% { filter: drop-shadow(0 0 0 rgba(34,211,238,0)); } 50% { filter: drop-shadow(0 0 5px rgba(34,211,238,.65)); } } button, .ctrl-btn, .concept-left-mode, .concept-mobile-cards button, .concept-action-ui button, .concept-mobile-toggle { transition: transform .22s ease, border-color .22s ease, background-color .22s ease, color .22s ease, box-shadow .22s ease, filter .22s ease !important; -webkit-tap-highlight-color: transparent; } button:hover, .ctrl-btn:hover { border-color: rgba(34,211,238,.95) !important; box-shadow: 0 0 18px rgba(34,211,238,.20) !important; filter: brightness(1.12); } button:active, .ctrl-btn:active { transform: scale(.97) !important; filter: brightness(1.2); } button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 2px solid #22d3ee !important; outline-offset: 2px !important; } .concept-action-ui button, .concept-mobile-cards button { animation: nexus-button-enter .35s ease both, nexus-ui-glow 3.8s ease-in-out infinite; } .concept-mobile-toggle { animation: nexus-ui-glow 3.8s ease-in-out infinite; } .concept-mobile-toggle:active { animation: none; } .concept-brand-mark, .module-icon, .left-mode-icon { animation: nexus-icon-pulse 3s ease-in-out infinite; } #concept-image { transition: filter .45s ease, transform .7s ease !important; } body.nexus-modes-open #concept-image, body.nexus-actions-open #concept-image { filter: brightness(.72) saturate(1.08) !important; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } }
N
NEXUS ULTIMUS
ASSISTANT IA
DESIGNED AND CREATED BY ALLAN KAFI
A.
NEXUS ULTIMUSDesigned & developed by Allan Kafi
✉ ▶ f
MÉTÉO MINUTEUR BUDGET IA PERSONNALITÉS
✉
▶
f
G
NEXUS ULTIMUS IA · LIEN NEURAL ACTIF MODULE VOCAL · EN LIGNE MODULE MÉTÉO · EN LIGNE MODULE MINUTEUR · EN LIGNE SUIVI BUDGET · ACTIF MONSIEUR · ACCÈS AUTORISÉ NEXUS ULTIMUS IA · LIEN NEURAL ACTIF MODULE VOCAL · EN LIGNE MODULE MÉTÉO · EN LIGNE MODULE MINUTEUR · EN LIGNE SUIVI BUDGET · ACTIF MONSIEUR · ACCÈS AUTORISÉ
N.
Accès privé
Code incorrect.
Nexus Ultimus IA
NEXUS ULTIMUS
IA
Touche le cerveau pour activer l’écoute continue
TRANSCRIPTION NEXUS
La transcription vocale apparaîtra ici.
Heure
--:--:--
Connexion
—
Session
00:00
Météo
—
Audio
idle
Budget IA
—
Cycle CPU
—
Flux mémoire
—
Réserve
—
Plans Tél. SMS Mail Spotify Raccourcis
La reconnaissance vocale n'est pas disponible sur ce navigateur. Essaie avec Chrome ou Safari récent.
NEXUS ULTIMUS · Système IA