/* Read-only styles derived from minis; see PREVIEWS.md. */
:root{ --bg-body: #000000; --bg-gradient: #000000; --glass-panel: rgba(255, 255, 255, 0.03); --glass-border: rgba(255, 255, 255, 0.08); --popover-bg: rgba(15, 23, 42, 0.95); --text-main: #ffffff; --text-muted: rgba(255, 255, 255, 0.5); --bg-overlay: rgba(5, 5, 7, 0.95); --accent-primary: #2979ff; --accent-glow: rgba(41, 121, 255, 0.5); --orb-color: 41, 121, 255; --msg-user-bg: rgba(41, 121, 255, 0.15); --msg-user-text: #e0f2fe; --font-main: 'Inter', sans-serif; --font-display: 'Manrope', sans-serif; }[data-theme="space"]{ --bg-body: #000000; --bg-gradient: linear-gradient(to bottom, #000000, #000000); --glass-panel: rgba(20, 20, 20, 0.6); --glass-border: rgba(255, 255, 255, 0.1); --popover-bg: rgba(10, 10, 10, 0.95); --accent-primary: #ffffff; --accent-glow: rgba(255, 255, 255, 0.3); --orb-color: 255, 255, 255; --msg-user-bg: rgba(255, 255, 255, 0.1); --msg-user-text: #ffffff; --bg-overlay: rgba(0, 0, 0, 0.95); }[data-theme="gray"]{ --bg-body: #f3f4f6; --bg-gradient: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%); --glass-panel: rgba(255, 255, 255, 0.7); --glass-border: rgba(0, 0, 0, 0.05); --popover-bg: rgba(255, 255, 255, 0.95); --text-main: #1f2937; --text-muted: rgba(31, 41, 55, 0.5); --accent-primary: #2563eb; --accent-glow: rgba(37, 99, 235, 0.3); --orb-color: 37, 99, 235; --msg-user-bg: #2563eb; --msg-user-text: #ffffff; --bg-overlay: rgba(243, 244, 246, 0.95); }[data-theme="gray"] .msg.ai .msg-bubble{ background: rgba(255,255,255,0.6); border: 1px solid rgba(0,0,0,0.05); }[data-theme="gray"] .sidebar-toggle-btn, [data-theme="gray"] .sidebar-item{ color: #333 !important; }[data-theme="gray"] .sidebar-item:hover{ background: rgba(0,0,0,0.08) !important; }body{ margin: 0; padding: 0; overflow: hidden; background: var(--bg-body); font-family: var(--font-main); color: var(--text-main); transition: background 0.5s ease, color 0.5s ease; }*{ box-sizing: border-box; -webkit-tap-highlight-color: transparent; }#joao-aia-wrapper{ position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 100; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); }.msg{ display: flex; flex-direction: column; gap: 4px; opacity: 0; animation: msgFadeIn 0.4s forwards; width: 100%; margin-bottom: 15px; }.msg.user{ align-items: flex-end; }.msg.ai{ align-items: flex-start; }.msg-bubble{ max-width: 85%; padding: 10px 15px; border-radius: 18px; font-size: 0.95rem; line-height: 1.4; font-weight: 300; position: relative; word-wrap: break-word; word-break: break-word; }.msg.user .msg-bubble{ background: color-mix(in srgb, rgb(var(--orb-color)) 22%, #050507 78%) !important; background-color: color-mix(in srgb, rgb(var(--orb-color)) 22%, #050507 78%) !important; background-image: none !important; color: var(--msg-user-text); border-bottom-right-radius: 4px; backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: 0 4px 15px rgba(0,0,0,0.05); isolation: isolate; }.msg.ai .msg-bubble{ background: transparent; color: var(--text-main); padding-left: 8px; font-size: 1.05rem; }.msg-bubble strong{ color: var(--accent-primary); font-weight: 600; }.msg-bubble code{ font-family: 'Courier New', monospace; color: var(--accent-primary); background: rgba(128,128,128,0.1); padding: 2px 5px; border-radius: 4px; }.msg-bubble pre{ background: rgba(0,0,0,0.2); padding: 15px; border-radius: 12px; overflow-x: auto; margin-top: 10px; border: 1px solid var(--glass-border); margin-left: 0; margin-right: 0; }.msg-bubble img{ max-width: 100%; border-radius: 12px; margin-top: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.3); } .amlealt-mode-top::before, .amlealt-mode-top::after, .amlealt-mode-trigger::before, .amlealt-mode-trigger::after{ content: none !important; display: none !important; background: transparent !important; background-image: none !important; box-shadow: none !important; }#joao-aia-wrapper button{ background-image: none !important; }#joao-aia-wrapper button::before, #joao-aia-wrapper button::after{ content: none !important; display: none !important; background: transparent !important; background-image: none !important; }#amlealt-sidebar{ position: fixed; top: 0; left: 0; height: 100vh; background: transparent; border-right: 1px solid var(--glass-border); z-index: 5000; transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); display: flex; flex-direction: column; width: 70px; backdrop-filter: blur(10px); }.sidebar-header{ padding: 20px; display: flex; align-items: center; justify-content: center; height: 70px; border-bottom: 1px solid transparent; transition: 0.3s; }.sidebar-toggle-btn{ background: transparent; border: none; color: white; font-size: 1.2rem; cursor: pointer; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: 0.2s; }.sidebar-toggle-btn:hover{ background: rgba(255,255,255,0.1); }.sidebar-content{ flex: 1; padding: 10px; overflow-y: auto; overflow-x: hidden; display: flex; flex-direction: column; gap: 5px; }.sidebar-item{ position: relative; display: flex; align-items: center; gap: 15px; padding: 12px; border-radius: 12px; color: rgba(255,255,255,0.7); cursor: pointer; transition: 0.2s; white-space: nowrap; overflow: visible; }.sidebar-item:hover{ background: rgba(255,255,255,0.1); color: white; }.sidebar-item i{ width: 24px; text-align: center; font-size: 1.1rem; flex-shrink: 0; }.sidebar-item span{ opacity: 0; transition: opacity 0.2s; }.sidebar-footer{ padding: 15px; border-top: 1px solid transparent; }@media (max-width: 768px){#amlealt-sidebar{ width: 0; border-right: none; background: transparent !important; backdrop-filter: none; }.sidebar-toggle-btn{ position: fixed; top: 20px; left: 20px; z-index: 5002; }.sidebar-content, .sidebar-footer{ display: none; }}.msg.ai .msg-bubble{position:relative;}.msg-bubble table{width:100%;border-collapse:collapse;margin-top:12px;border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;display:block;}.msg-bubble th,.msg-bubble td{padding:10px 12px;border-bottom:1px solid var(--glass-border);text-align:left;}.msg-bubble th{color:var(--accent-primary);font-weight:700;background:rgba(255,255,255,.03);}.msg-bubble pre{position:relative;background:#0b1020;}.sidebar-brand-logo{ width: 34px; height: 34px; object-fit: contain; border-radius: 12px; opacity: 0; transform: translateX(-8px) scale(.92); transition: opacity .32s ease, transform .32s cubic-bezier(.16,1,.3,1), filter .32s ease; filter: drop-shadow(0 8px 18px rgba(var(--orb-color), .3)); }.amlealt-mode-top{ position: absolute; top: 64px; left: 50%; transform: translateX(-50%) translateY(-10px) scale(.92); display: none; align-items: center; justify-content: center; gap: 6px; z-index: 95; font-family: var(--font-display); color: var(--text-main); opacity: 0; user-select: none; background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; }#joao-aia-wrapper.chat-active .amlealt-mode-top{ display: inline-flex; animation: amlealtTitleDock .74s cubic-bezier(.16,1,.3,1) forwards; }.amlealt-mode-trigger{ appearance: none; -webkit-appearance: none; display: inline-flex; align-items: center; gap: 6px; border: 0 !important; background: transparent !important; background-image: none !important; box-shadow: none !important; color: inherit; cursor: pointer; padding: 6px 8px 12px; border-radius: 999px; font-family: inherit; font-size: .95rem; font-weight: 650; letter-spacing: 0; transition: background .34s cubic-bezier(.16,1,.3,1), color .22s ease, transform .34s cubic-bezier(.16,1,.3,1), padding .34s cubic-bezier(.16,1,.3,1), box-shadow .34s ease; }.amlealt-mode-trigger:hover{ background: transparent !important; color: var(--text-main); transform: translateY(-1px); }.amlealt-mode-top button, .amlealt-mode-top button:hover, .amlealt-mode-top button:focus, .amlealt-mode-top button:active{ background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; }.amlealt-mode-name{ position: relative; display: inline-flex; align-items: baseline; min-width: 34px; }@media (max-width: 768px){.amlealt-mode-top{ top: 66px; }}:root{ --liquid-ease: cubic-bezier(.22,1,.36,1); --liquid-tint: rgba(18,21,29,.56); --liquid-line: rgba(255,255,255,.12); --liquid-shine: rgba(255,255,255,.085); }[data-theme="gray"]{ --liquid-tint: rgba(245,247,252,.72); --liquid-line: rgba(25,35,55,.14); --liquid-shine: rgba(255,255,255,.6); }.msg.user .msg-bubble{ width: fit-content; min-width: 0; max-width: min(76%,480px); padding: 9px 13px; border-radius: 20px 20px 6px 20px; line-height: 1.5; }.msg.user .msg-bubble > :first-child{ margin-top: 0; }.msg.user .msg-bubble > :last-child{ margin-bottom: 0; }.msg.user .msg-bubble p{ margin: 0 0 .6em; }.msg.user .msg-bubble p:last-child{ margin-bottom: 0; }#amlealt-sidebar{ width: 70px; background-color: rgba(12,15,22,.30) !important; box-shadow: inset -1px 0 0 rgba(255,255,255,.025); }#amlealt-sidebar .sidebar-header{ height: 78px; padding: 16px 11px; justify-content: center; }#amlealt-sidebar .sidebar-content, #amlealt-sidebar .sidebar-footer{ padding: 10px 11px; }#amlealt-sidebar .sidebar-footer{ padding-bottom: max(16px,env(safe-area-inset-bottom)); }#amlealt-sidebar .sidebar-item{ min-height: 46px; padding: 11px; gap: 12px; border-radius: 15px; transform: none; }#amlealt-sidebar .sidebar-item i{ width: 24px; margin: 0; line-height: 24px; flex: 0 0 24px; }#amlealt-sidebar .sidebar-item:hover{ background: rgba(160,185,240,.10); color: var(--text-main); box-shadow: inset 0 1px 0 rgba(255,255,255,.07); transform: none; }.sidebar-toggle-btn{ width: 46px; height: 46px; flex: 0 0 46px; border-radius: 15px; color: var(--text-main); }#joao-aia-wrapper .amlealt-mode-top > .amlealt-mode-trigger{ background-color: var(--liquid-tint) !important; background-image: linear-gradient(145deg,var(--liquid-shine),transparent 70%) !important; border: 1px solid var(--liquid-line) !important; padding: 9px 14px; min-height: 40px; backdrop-filter: blur(22px) saturate(145%); -webkit-backdrop-filter: blur(22px) saturate(145%); box-shadow: inset 0 1px 0 rgba(255,255,255,.08),0 8px 26px rgba(0,0,0,.14) !important; transform: none; }:is(button,[role="button"],.sidebar-item):focus-visible{ outline: 2px solid var(--accent-primary); outline-offset: 3px; }@media (max-width: 768px){.sidebar-toggle-btn{ top: 14px; left: 12px; }.msg.user .msg-bubble{ max-width: 85%; font-size: .94rem; }}.amlealt-mode-trigger{ position: relative; }#joao-aia-wrapper .amlealt-mode-top > .amlealt-mode-trigger{ background-image: radial-gradient(180px circle at var(--pointer-x) var(--pointer-y),rgba(120,160,255,var(--pointer-light)),transparent 72%),linear-gradient(145deg,var(--liquid-shine),transparent 70%) !important; }#amlealt-sidebar{ background: var(--bg-body) !important; background-image: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: none !important; border: 0; border-right: 1px solid var(--glass-border); }#amlealt-sidebar .sidebar-brand-logo{ background: transparent; box-shadow: none; border-radius: 0; object-fit: contain; }#joao-aia-wrapper{ height: 100dvh; transition: none; }body[data-theme="default"]{ background: #000 !important; }@media (min-width:769px){ #joao-aia-wrapper.chat-empty .amlealt-mode-top{ display: none; }}#joao-aia-wrapper .amlealt-mode-top, #joao-aia-wrapper.chat-active .amlealt-mode-top{ position: fixed; top: max(20px,env(safe-area-inset-top)); left: 50%; display: inline-flex; opacity: 1; transform: translateX(-50%); animation: none; }#joao-aia-wrapper .amlealt-mode-top > .amlealt-mode-trigger{ min-height: 34px; padding: 7px 11px; gap: 6px; font-size: 14px; line-height: 18px; white-space: nowrap; }@media(max-width:768px){#joao-aia-wrapper .amlealt-mode-top, #joao-aia-wrapper.chat-active .amlealt-mode-top{ top: max(20px,env(safe-area-inset-top)); }#joao-aia-wrapper .amlealt-mode-top > .amlealt-mode-trigger{ font-size: 13px; padding: 7px 9px; gap: 4px; }}#joao-aia-wrapper:not(.minis-home) #minisHome{ display: none; }#joao-aia-wrapper.minis-home .amlealt-mode-trigger{ pointer-events: none; }#minisHome{ position: absolute; top: 94px; bottom: 65px; width: min(700px,calc(100% - 170px)); overflow-y: auto; scrollbar-width: thin; padding: 0 12px; }#miniSearchForm{ position: sticky; top: 0; display: flex; align-items: center; gap: 12px; padding: 8px 14px; min-height: 48px; border: 1px solid var(--glass-border); border-radius: 18px; background: var(--bg-body); color: var(--text-muted); z-index: 1; }#miniSearch{ width: 100%; min-width: 0; border: 0; outline: none; background: transparent; color: var(--text-main); font: inherit; font-size: .91rem; }#miniSearch::placeholder{ color: var(--text-muted); }#miniSearchForm button{ border: 0; background: transparent; color: var(--text-muted); padding: 8px; cursor: pointer; }.mini-conversation{ display: flex; gap: 16px; align-items: center; width: 100%; padding: 19px 8px; border: 0; background: transparent; color: var(--text-main); text-align: left; font: inherit; cursor: pointer; border-radius: 12px; }.mini-conversation:hover{ background: rgba(130,155,205,.07); }.mini-avatar{ width: 54px; height: 54px; flex: 0 0 54px; overflow: visible; }.mini-conversation-body{ min-width: 0; flex: 1; }.mini-conversation-heading{ display: flex; align-items: baseline; gap: 12px; margin-bottom: 7px; }.mini-conversation-heading strong{ font-size: .98rem; font-weight: 550; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }.mini-conversation time{ flex-shrink: 0; margin-left: auto; color: var(--text-muted); font-size: .7rem; font-variant-numeric: tabular-nums; }.mini-conversation-preview{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--text-muted); font-size: .86rem; line-height: 1.5; }#minisHome [hidden]{ display: none !important; }#minisHome button:focus-visible{ outline: 2px solid #5685ff; outline-offset: 4px; }@media(max-width:768px){#minisHome{ top: 88px; width: calc(100% - 24px); bottom: 58px; padding: 0 6px; }.mini-conversation{ padding: 17px 5px; gap: 12px; }}@media(prefers-reduced-motion:reduce){.mini-avatar{ transition: none; }}#joao-aia-wrapper .msg.user .msg-bubble{ background: var(--mini-accent,#5685ff) !important; background-color: var(--mini-accent,#5685ff) !important; color: var(--mini-ink,#10151e) !important; }body[data-theme="default"] #joao-aia-wrapper .msg.ai .msg-bubble, body[data-theme="space"] #joao-aia-wrapper .msg.ai .msg-bubble{ background: #181818; background-image: none; }.mini-conversation{ -webkit-touch-callout: none; user-select: none; }#amlealt-sidebar .sidebar-toggle-btn{ position: relative; isolation: isolate; border-radius: 50%; border: 1px solid transparent; background: transparent !important; box-shadow: none; transition: color .2s ease; }#amlealt-sidebar .sidebar-toggle-btn::before{ content: ''; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: rgba(24,27,35,.72); border: 1px solid rgba(150,165,190,.12); opacity: 0; transition: opacity .28s cubic-bezier(.22,1,.36,1); pointer-events: none; }body[data-theme="gray"] #amlealt-sidebar .sidebar-toggle-btn::before{ background: rgba(210,217,229,.62); border-color: rgba(75,90,115,.12); }@media(prefers-reduced-motion:reduce){#amlealt-sidebar .sidebar-toggle-btn::before{ transition: none; }}@media(max-width:768px){#amlealt-sidebar .sidebar-toggle-btn{ position: fixed; }}body{ --mini-control-bg: var(--liquid-tint); }body[data-theme="default"], body[data-theme="space"]{ --mini-control-bg: #242424; }body[data-theme="default"] #amlealt-sidebar .sidebar-toggle-btn::before, body[data-theme="space"] #amlealt-sidebar .sidebar-toggle-btn::before{ background: #242424; }#joao-aia-wrapper .msg{translate:var(--reply-drag,0px) 0;}@media(pointer:coarse){#joao-aia-wrapper .msg-bubble{-webkit-touch-callout:none;touch-action:pan-y pinch-zoom;}}.mini-conversation[aria-current="true"]{background:rgba(128,128,128,.12);}body[data-theme="darkgray"]{ --bg-body:#141414; --bg-gradient:#141414; --bg-overlay:#141414; --glass-panel:#2c2c2e; --popover-bg:#2c2c2e; --mini-control-bg:#2c2c2e; --liquid-tint:#2c2c2e; --liquid-line:#ffffff20; --liquid-shine:#ffffff0a; --glass-border:#ffffff20; --text-main:#f5f6f7; --text-muted:#b8bcc2; color-scheme:dark; } body[data-theme="darkgray"] #amlealt-sidebar .sidebar-toggle-btn::before{background:#2c2c2e;}body[data-theme="darkgray"] .msg.ai .msg-bubble{background:#202020;}#chatContainer .msg-bubble :where(p,li,a,span,strong,em,code){overflow-wrap:anywhere;}#chatContainer .msg-bubble :where(pre,table,figure,svg,canvas,iframe,video){box-sizing:border-box;max-width:100%;min-width:0;}.mini-conversation-meta{display:inline-flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0;}body[data-theme="gray"]{ --bg-body:#fcfcfc; --bg-gradient:#fcfcfc; --bg-overlay:#fcfcfc; --glass-panel:#ffffff; --popover-bg:#ffffff; --mini-control-bg:#ffffff; --liquid-tint:#ffffff; --liquid-shine:#ffffff; color-scheme:light; }body[data-theme="gray"] .msg.ai .msg-bubble, body[data-theme="gray"] #joao-aia-wrapper .msg.ai .msg-bubble{ background:#f2f2f0!important; background-image:none!important; }
body{background:#f3f4f6;color:#1f2937}#joao-aia-wrapper{padding-left:70px}#minisHome{width:min(620px,calc(100% - 120px));left:calc(50% + 35px);transform:translateX(-50%)}.sidebar-toggle-btn{display:grid;place-items:center}.sidebar-item svg{width:20px;height:20px}.mini-conversation{padding:23px 8px;border-bottom:1px solid rgba(0,0,0,.04)}.amlealt-mode-top{pointer-events:none}.preview-chat-head{display:flex;gap:12px;align-items:center;padding:20px 30px;border-bottom:1px solid #ddd}.preview-chat-head .mini-avatar{width:38px;height:38px;flex-basis:38px}.preview-chat-head strong{font-size:15px}.preview-chat-head small{display:block;font-size:11px;color:#89909b;margin-top:4px}.preview-chat-head>span{margin-left:auto}#preview-chat{margin-left:70px;min-height:100vh}.preview-chat-messages{padding:30px;max-width:700px;margin:auto;display:grid;gap:22px}.preview-chat-messages .msg{margin:0;display:flex}.preview-chat-messages .msg.user{justify-content:flex-end}.preview-chat-messages .msg-bubble{max-width:90%;padding:15px 20px;border-radius:20px;font-size:14px;line-height:1.6}.preview-chat-messages .msg.user .msg-bubble{background:#2563eb;color:white}.preview-chat-messages .msg.ai .msg-bubble{background:#fff;border:1px solid #e7e7e7;color:#1f2937}.preview-composer{position:fixed;bottom:25px;left:calc(50% + 35px);transform:translateX(-50%);width:min(600px,calc(100% - 120px));padding:18px;border:1px solid #d5d7db;background:#fff;border-radius:24px;color:#9ca3af;font-size:13px}.preview-composer>div{display:flex;align-items:center;gap:16px;margin-top:24px}.preview-composer small{margin-right:auto}.preview-composer b{width:30px;height:30px;background:#2563eb;color:white;border-radius:50%;display:grid;place-items:center}@media(max-width:600px){#amlealt-sidebar{width:50px!important;border-right:1px solid #ddd!important}.sidebar-header{padding:15px 5px}.sidebar-brand-logo{display:none!important}.sidebar-content,.sidebar-footer{padding:5px!important}.sidebar-item{padding:9px!important;justify-content:center!important}.sidebar-item span{display:none!important}#joao-aia-wrapper{padding-left:50px}#minisHome{left:calc(50% + 25px);width:calc(100% - 65px);top:90px}.amlealt-mode-top{left:calc(50% + 25px)!important}.mini-conversation{gap:9px;padding:20px 0}.mini-avatar{width:42px;height:42px;flex-basis:42px}.mini-conversation-preview{font-size:12px}.mini-conversation-heading strong{font-size:14px}#preview-chat{margin-left:50px}.preview-chat-head{padding:18px}.preview-chat-messages{padding:22px 16px}.preview-chat-messages .msg-bubble{font-size:13px}.preview-composer{left:calc(50% + 25px);width:calc(100% - 80px)}}
html,body{margin:0;min-height:100%;scrollbar-width:none}body{overflow-x:hidden}*{animation:none!important;transition:none!important;box-sizing:border-box}button,input,textarea,select{pointer-events:none}button{cursor:default!important}.view-target{position:absolute;width:0;height:0;overflow:hidden}.preview-detail{display:none}#detail:target~.preview-home{display:none}#detail:target~.preview-detail{display:block}svg{flex-shrink:0}body{font-family:Inter,"Segoe UI",Arial,sans-serif}a{pointer-events:none}

html::-webkit-scrollbar,body::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}