body { 
            font-family: 'Rajdhani', sans-serif; 
            background-color: #060e1b;
            color: #eaf5ff;
            overflow-x: hidden;
        }
        
        /* Orb Animation Styles */
        .orbit-container {
            position: relative;
            width: 300px;
            height: 300px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .core-glow {
            position: absolute;
            width: 120px;
            height: 120px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(32,213,236,0.8) 0%, rgba(6,14,27,0) 70%);
            box-shadow: 0 0 40px rgba(32,213,236,0.5), inset 0 0 20px rgba(234,245,255,0.8);
            animation: pulse 4s infinite alternate ease-in-out;
        }

        .ring {
            position: absolute;
            border-radius: 50%;
            border: 1px solid rgba(32, 213, 236, 0.2);
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        
        .ring-1 {
            width: 160px;
            height: 160px;
            border-top: 1px solid rgba(32, 213, 236, 0.8);
            animation: rotate 12s linear infinite;
        }
        
        .ring-2 {
            width: 200px;
            height: 200px;
            border-right: 1px solid rgba(52, 117, 238, 0.8);
            animation: rotate-reverse 18s linear infinite;
        }
        
        .ring-3 {
            width: 250px;
            height: 250px;
            border-bottom: 2px solid rgba(32, 213, 236, 0.5);
            animation: rotate 24s linear infinite;
            border-style: dashed;
        }

        .grid-bg {
            position: absolute;
            inset: 0;
            background-image: 
                linear-gradient(to right, rgba(32, 213, 236, 0.05) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(32, 213, 236, 0.05) 1px, transparent 1px);
            background-size: 40px 40px;
            z-index: -1;
            mask-image: radial-gradient(circle at center, black 40%, transparent 80%);
            -webkit-mask-image: radial-gradient(circle at center, black 40%, transparent 80%);
        }

        /* Tech Panel Styles */
        .tech-panel {
            background: rgba(10, 20, 40, 0.6);
            border: 1px solid rgba(32, 213, 236, 0.15);
            border-radius: 12px;
            backdrop-filter: blur(8px);
            box-shadow: inset 0 0 20px rgba(32, 213, 236, 0.05);
            position: relative;
            overflow: hidden;
        }

        .tech-panel::before {
            content: '';
            position: absolute;
            top: 0; left: 0; right: 0;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(32, 213, 236, 0.5), transparent);
        }
        
        .tech-panel-corner {
            position: absolute;
            width: 8px;
            height: 8px;
            border: 1px solid #20d5ec;
        }
        .tech-panel-corner.tl { top: -1px; left: -1px; border-right: none; border-bottom: none; }
        .tech-panel-corner.tr { top: -1px; right: -1px; border-left: none; border-bottom: none; }
        .tech-panel-corner.bl { bottom: -1px; left: -1px; border-right: none; border-top: none; }
        .tech-panel-corner.br { bottom: -1px; right: -1px; border-left: none; border-top: none; }

        .glow-text {
            text-shadow: 0 0 10px rgba(32, 213, 236, 0.5);
        }

        /* Animations */
        @keyframes rotate {
            from { transform: translate(-50%, -50%) rotate(0deg); }
            to { transform: translate(-50%, -50%) rotate(360deg); }
        }
        
        @keyframes rotate-reverse {
            from { transform: translate(-50%, -50%) rotate(360deg); }
            to { transform: translate(-50%, -50%) rotate(0deg); }
        }

        @keyframes pulse {
            0% { transform: scale(0.95); opacity: 0.8; }
            100% { transform: scale(1.05); opacity: 1; }
        }
        
        @media (prefers-reduced-motion: reduce) {
            .ring, .core-glow {
                animation: none;
            }
        }

        /* Utility & Accessibility */
        [hidden] { display: none !important; }
        button:focus-visible, a:focus-visible, input:focus-visible {
            outline: 2px solid #20d5ec;
            outline-offset: 2px;
        }
        
        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 6px;
        }
        ::-webkit-scrollbar-track {
            background: rgba(10, 20, 40, 0.5);
        }
        ::-webkit-scrollbar-thumb {
            background: rgba(32, 213, 236, 0.3);
            border-radius: 3px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: rgba(32, 213, 236, 0.6);
        }

        body>div{min-height:100dvh}main{min-height:0}button,a{min-height:48px}button{touch-action:manipulation}input{min-height:48px;font-family:system-ui,sans-serif;font-size:16px!important}input::placeholder{color:#a0c4da!important;opacity:1}.orbit-container{width:260px;height:260px;margin-bottom:16px!important}.ring-3{width:250px;height:250px}#conversa-view{min-height:0!important}#conversa-view>div:nth-child(2){gap:14px}#conversa-view button#btn-mic-main{width:72px;height:72px}#conversa-view>div:nth-child(2)>div:last-child{margin-top:0}#assistant-send{min-width:48px;min-height:48px}footer nav{padding:8px 12px}footer nav button{min-width:64px;min-height:56px}footer nav span{font-size:13px!important}footer>div>span{font-size:12px!important;letter-spacing:.04em!important}#capture-state{font-family:system-ui,sans-serif;font-size:14px;line-height:1.45}aside p{font-size:14px!important;color:#a8c9dd!important}aside button{font-size:14px!important}aside a span{font-size:14px!important;color:#a8c9dd!important}aside .flex-wrap span{font-size:12px!important;color:#9fbad9!important}aside h2{font-size:16px!important}.core-glow{background:radial-gradient(circle,rgba(32,213,236,.7),rgba(6,14,27,0) 70%)}
        @media(min-width:1024px){#conversa-view,#agenda-view,#news-view{grid-row:1}main{padding-top:12px!important;padding-bottom:16px!important}#news-view{gap:16px}aside .tech-panel{padding:14px!important}aside .tech-panel>div.mb-4{margin-bottom:10px}aside section{gap:8px!important}}
        @media(max-width:1023px){header{padding:16px!important}main{padding:8px 16px 12px!important}#conversa-view .orbit-container{transform:scale(.9);margin-bottom:0!important}footer{margin-top:12px}#conversa-view{padding-top:0}}
        @media(max-width:540px){header>div:first-child span{font-size:11px}.orbit-container{width:230px;height:230px}#conversa-view .orbit-container{transform:scale(.8);margin-top:-12px;margin-bottom:-16px!important}#capture-state{font-size:13px}footer nav span{font-size:12px!important}footer>div>span{font-size:10px!important}}


/* Espaço profundo: fundo e núcleo, sem identidade nominal. */
body{background:#040814;color:#edf3ff}.grid-bg{z-index:0;background-image:radial-gradient(ellipse at 18% 28%,rgba(83,42,141,.22) 0%,transparent 46%),radial-gradient(ellipse at 73% 52%,rgba(15,81,133,.23) 0%,transparent 49%),radial-gradient(ellipse at 55% 87%,rgba(36,35,94,.3) 0%,transparent 43%);background-size:auto;mask-image:none;-webkit-mask-image:none}.grid-bg i{position:absolute;border-radius:50%;background:#d9e9ff;box-shadow:0 0 5px rgba(163,206,255,.4)}.cosmic-signature{color:#8fadd1;letter-spacing:14px;font-size:18px;opacity:.65}.core-glow{width:146px;height:146px;background:radial-gradient(circle at 32% 23%,#d7f5ff 0%,#87bdd8 6%,#375b7f 24%,#142a49 48%,#050b1b 77%);box-shadow:inset -16px -12px 24px rgba(0,2,12,.85),inset 4px 3px 10px rgba(170,226,255,.5),0 0 28px rgba(62,151,226,.35),0 0 80px rgba(70,88,180,.17);animation:cosmicBreath 8s ease-in-out infinite alternate}.orbit-container{isolation:isolate}.orbit-container:before{content:'';position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(61,125,191,.12),transparent 67%);filter:blur(12px);pointer-events:none}.ring{border-color:rgba(152,179,224,.18)}.ring-1{width:210px;height:210px;border-top-color:#8caed9;animation-duration:40s}.ring-2{width:315px;height:94px;border:1px solid rgba(149,190,229,.5);transform:translate(-50%,-50%) rotate(-28deg);animation:none;box-shadow:0 0 9px rgba(96,156,211,.06)}.ring-2:after{content:'';position:absolute;right:18%;top:4%;width:5px;height:5px;border-radius:50%;background:#d2e7ff;box-shadow:0 0 12px #8acaff}.ring-3{width:260px;height:260px;border-style:solid;border-bottom:1px solid rgba(125,147,209,.4);animation-duration:70s}.cosmic-state{position:absolute;top:100px;left:50%;transform:translateX(-50%);color:#9bb5d6;font-size:12px;white-space:nowrap;letter-spacing:.2em;text-transform:uppercase}.tech-panel{background:rgba(10,17,34,.72);border-color:rgba(136,166,215,.2)}header>div:first-child span{color:#93b9d3!important}header>div:first-child>div{background:#9dbfdc!important;box-shadow:0 0 8px #81a9c9!important;animation:none!important}#btn-mic-main{border-color:#8ccbdc!important;background:linear-gradient(145deg,rgba(45,77,111,.8),rgba(8,18,37,.95))!important;box-shadow:0 0 22px rgba(72,140,183,.15)}#btn-mic-main iconify-icon{color:#bceaf2!important}#conversa-view>div:nth-child(2)>p{color:#b1c5df!important;font-size:15px;letter-spacing:.12em}footer{background:rgba(4,8,20,.9)!important;border-top-color:rgba(123,150,194,.2)!important}footer>div{background:rgba(13,23,45,.8)!important}footer>div>span{color:#a7c5dd!important}header h1{font-family:system-ui,sans-serif}#capture-state{color:#afc2d8!important}
@keyframes cosmicBreath{from{box-shadow:inset -16px -12px 24px rgba(0,2,12,.85),inset 4px 3px 10px rgba(170,226,255,.5),0 0 28px rgba(62,151,226,.25),0 0 80px rgba(70,88,180,.12)}to{box-shadow:inset -16px -12px 24px rgba(0,2,12,.85),inset 4px 3px 10px rgba(170,226,255,.5),0 0 36px rgba(62,151,226,.4),0 0 100px rgba(70,88,180,.2)}}
@media(prefers-reduced-motion:reduce){.ring,.core-glow{animation:none!important}}

/* Registros, agenda e diálogo de revisão (paleta cósmica v7) */
.tab-btn{border-color:rgba(52,117,238,.3);color:#7ea2e8}.tab-btn[aria-pressed=true]{border-color:#20d5ec;background:rgba(32,213,236,.1);color:#20d5ec}
.soft-btn{min-height:48px;padding:8px 16px;border:1px solid rgba(136,166,215,.3);border-radius:8px;background:#0a1428;color:#cfe3f5;font-size:14px}.soft-btn:hover{border-color:#20d5ec}.soft-btn:disabled{opacity:.45}
.primary-btn{min-height:52px;padding:10px 28px;border-radius:10px;background:#20d5ec;color:#060e1b;font-weight:700;font-size:16px}.primary-btn:disabled{opacity:.4;cursor:not-allowed}
.agenda-group h3{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#7ea2e8;margin:12px 0 6px}
.item{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid rgba(136,166,215,.2);border-radius:8px;background:#0a1428;margin-bottom:8px;font-size:15px;overflow-wrap:anywhere}
.item time,.item .meta{display:block;font-size:12px;color:#7ea2e8;letter-spacing:.06em}.item p{white-space:pre-wrap;flex:1}.item.done p{text-decoration:line-through;opacity:.6}
.item .acts{display:flex;gap:4px;flex-shrink:0}.item .acts button{min-height:48px;min-width:48px;border-radius:8px;color:#9fbad9;font-size:13px}.item .acts button:hover{background:#1a2b4c;color:#eaf5ff}
.empty{text-align:center;opacity:.65;padding:28px 0;font-size:14px}.record-list{list-style:none;margin-top:8px;max-height:40vh;overflow:auto}
.record-modal{background:#0a1122;color:#eaf5ff;border:1px solid rgba(136,166,215,.35);border-radius:16px;width:min(620px,calc(100% - 24px));padding:20px;max-height:92dvh;overflow:auto}.record-modal::backdrop{background:rgba(2,5,14,.8)}
.record-modal h2{font-size:22px;font-weight:600}.record-modal label,.record-modal legend{display:block;margin:14px 0 6px;font-size:14px;color:#a8c9dd}
.record-modal textarea,.record-modal input[type=date],.record-modal input[type=time]{width:100%;background:#060e1b;color:#eaf5ff;border:1px solid rgba(136,166,215,.35);border-radius:10px;padding:12px;font:16px system-ui,sans-serif;color-scheme:dark}.record-modal textarea{min-height:120px;resize:vertical}
.record-modal fieldset{border:0;padding:0}.kinds{display:flex;gap:8px;flex-wrap:wrap}.kinds label{margin:0;position:relative}.kinds input{position:absolute;opacity:0}.kinds span{display:inline-flex;align-items:center;min-height:48px;padding:0 16px;border:1px solid rgba(52,117,238,.4);border-radius:10px;color:#9fbad9;text-transform:capitalize}.kinds input:checked+span{border-color:#20d5ec;background:rgba(32,213,236,.12);color:#20d5ec}.kinds input:focus-visible+span{outline:2px solid #20d5ec;outline-offset:2px}
.rd-when{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rd-hint{color:#a8c9dd;font-size:14px}.rd-problem{min-height:22px;margin-top:10px;font-size:14px;color:#f4b27a}

/* Animação da esfera: superfície em rotação, satélite na órbita, estado "ouvindo" (só ligado ao microfone real). */
.core-glow{overflow:hidden}
.core-glow:before{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(100deg,transparent 0 18px,rgba(140,200,240,.16) 22px,transparent 34px,rgba(90,110,210,.14) 46px,transparent 60px),radial-gradient(circle at 50% 50%,rgba(120,190,235,.12),transparent 60%);background-size:240px 100%,100% 100%;animation:sphereSpin 26s linear infinite;mix-blend-mode:screen}
.core-glow:after{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 70% 78%,rgba(0,2,12,.75),transparent 62%);pointer-events:none}
@keyframes sphereSpin{from{background-position:0 0,0 0}to{background-position:-240px 0,0 0}}
.ring-2:after{right:auto;top:auto;left:0;offset-path:ellipse(50% 50% at 50% 50%);offset-rotate:0deg;animation:satellite 14s linear infinite}
@keyframes satellite{from{offset-distance:0%}to{offset-distance:100%}}
.orbit-container .core-glow,.orbit-container .ring-1,.orbit-container .ring-3{transition:filter .6s}
.orbit-container[data-state=ouvindo] .core-glow{animation:cosmicBreath 1.6s ease-in-out infinite alternate;filter:brightness(1.25)}
.orbit-container[data-state=ouvindo] .ring-1{animation-duration:8s;border-top-color:#20d5ec}
.orbit-container[data-state=ouvindo] .ring-2:after{animation-duration:4s}
.orbit-container[data-state=ouvindo] .ring-3{animation-duration:20s;border-bottom-color:rgba(32,213,236,.55)}
@media(prefers-reduced-motion:reduce){.core-glow:before,.ring-2:after{animation:none!important}}
.rd-understood{margin:10px 0 0;padding:10px 12px;border-left:3px solid #20d5ec;background:rgba(32,213,236,.08);border-radius:6px;font-size:15px;color:#d8ecf8}.rd-understood:empty{display:none}