:root{--bg-dark: #0a0a0c;--bg-panel: #1a1a1f;--bg-panel-hover: #23232a;--text-main: #f0f0f5;--text-muted: #8e8e99;--status-ok: #00ff88;--status-warning: #ffcc00;--status-critical: #ff4444;--status-info: #00ccff;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 32px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}body{font-family:var(--font-family);background-color:var(--bg-dark);color:var(--text-main);line-height:1.5;height:100dvh;width:100vw}.hidden{display:none!important}#app{height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden}.split-view{display:flex;height:100%;width:100%;flex-direction:column}.camera-pane{flex:1.2;background:#000;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:2px solid var(--bg-panel);min-height:0;min-width:0;transition:flex .4s cubic-bezier(.25,1,.5,1)}.data-pane{flex:1;background:var(--bg-dark);display:flex;flex-direction:column;overflow:hidden;min-height:0;min-width:0}@media (orientation: landscape) and (min-width: 600px){.split-view{flex-direction:row}.split-view.reverse-layout{flex-direction:row-reverse}.camera-pane{flex:1.8;border-bottom:none;border-right:2px solid var(--bg-panel)}.camera-pane.collapsed{flex:0 0 80px}.data-pane{flex:1}}.camera-pane.collapsed{flex:0 0 80px}.value-display{font-size:2rem;font-weight:700;color:var(--text-main);background:var(--bg-panel);padding:var(--sp-sm) var(--sp-md);border-radius:var(--radius-md);border:2px solid transparent;display:inline-flex;align-items:center;gap:var(--sp-xs);cursor:pointer;transition:all .2s ease}.value-display:hover,.value-display:active{background:var(--bg-panel-hover);transform:translateY(-1px)}.value-display.status-ok{color:var(--status-ok)}.value-display.status-warning{color:var(--status-warning)}.value-display.status-critical{color:var(--status-critical);animation:pulse-border 1.5s infinite}.value-display.inherited{font-style:italic;opacity:.8}.value-display.manual-override{border-color:var(--status-info)}@keyframes pulse-border{0%{border-color:transparent}50%{border-color:var(--status-critical)}to{border-color:transparent}}.tabs-header{display:flex;background:var(--bg-panel);border-bottom:1px solid #333}.tab-btn{flex:1;background:transparent;color:var(--text-muted);border:none;padding:var(--sp-sm) var(--sp-md);font-size:.95rem;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s}.tab-btn.active{color:#fff;border-bottom:3px solid var(--status-info);background:#ffffff0d}.tab-content{flex:1;overflow:hidden;position:relative}.tab-pane{display:none;position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto}.tab-pane.active{display:flex;flex-direction:column}.btn-icon.active{color:var(--status-ok)!important;background:#00ff881a!important;border:1px solid rgba(0,255,136,.3)!important;box-shadow:0 0 10px #0f83;animation:pulse-button-glow 2s infinite}@keyframes pulse-button-glow{0%{box-shadow:0 0 5px #0f83;opacity:.9}50%{box-shadow:0 0 15px #0f86;opacity:1}to{box-shadow:0 0 5px #0f83;opacity:.9}}@keyframes pulse-dot{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(.95);opacity:.8}}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-sm) var(--sp-md);background:var(--bg-panel);border-bottom:1px solid #333;z-index:10;height:60px;flex-shrink:0}.timer{font-family:monospace;font-size:1.5rem;font-weight:700}.controls{display:flex;gap:var(--sp-sm)}.btn{background:#333;color:#fff;border:none;padding:var(--sp-sm) var(--sp-md);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit;font-weight:500;cursor:pointer;transition:background .2s}.btn:hover{background:#444}.btn-power{background:linear-gradient(135deg,#1ed760e6,#14b450e6)!important;color:#000!important;font-weight:800;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;padding:8px 18px;border-radius:50px;border:1px solid rgba(30,215,96,.5);box-shadow:0 4px 15px #1ed76033,inset 0 1px 1px #fff6;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.btn-power:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1ed76066,inset 0 1px 1px #fff9;background:linear-gradient(135deg,#1ee66a,#19c85a)!important}.btn-power:active{transform:translateY(1px);box-shadow:0 2px 5px #1ed7604d}.btn-power.active{background:linear-gradient(135deg,#ffcc00e6,#ff9600e6)!important;border-color:#fc09;box-shadow:0 4px 10px #ffcc004d,inset 0 1px #ffffff80;color:#000!important;animation:pulse-active-case 2.5s infinite}.btn-power.active:hover{background:linear-gradient(135deg,#ffdc1e,#fa0)!important;box-shadow:0 6px 14px #fc06,inset 0 1px #ffffffb3}@keyframes pulse-active-case{0%{box-shadow:0 0 6px #fc03,inset 0 1px #ffffff80}50%{box-shadow:0 0 12px #ffcc0080,inset 0 1px #ffffff80}to{box-shadow:0 0 6px #fc03,inset 0 1px #ffffff80}}.btn-power.disconnect{background:linear-gradient(135deg,var(--status-info),#0077aa)!important;border-color:#0096ff80;box-shadow:0 4px 10px #0096ff33,inset 0 1px #ffffff80}.btn-power.disconnect:hover{background:linear-gradient(135deg,#09f,#08c)!important;box-shadow:0 6px 14px #0096ff66,inset 0 1px #fff9}@media (max-width: 600px) and (orientation: portrait){.btn-power{padding:10px;width:44px;height:44px;border-radius:50%;min-width:0;flex-shrink:0}.btn-power .power-text{display:none}.btn-power svg{margin:0;width:20px;height:20px}@keyframes pulse-active-case{0%{box-shadow:0 0 3px #fc03,inset 0 1px #ffffff80}50%{box-shadow:0 0 6px #fc06,inset 0 1px #ffffff80}to{box-shadow:0 0 3px #fc03,inset 0 1px #ffffff80}}}.btn-icon{font-size:1.2rem;padding:var(--sp-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.mode-switch{position:relative;display:inline-block;width:124px;height:42px;margin:0 var(--sp-xs)}.mode-switch input{opacity:0;width:0;height:0;margin:0}.mode-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#222;border-radius:21px;transition:.3s cubic-bezier(.4,0,.2,1);display:grid;grid-template-columns:1fr 1fr;align-items:center;border:1px solid #444;overflow:hidden}.mode-slider:before{position:absolute;content:"";height:36px;width:59px;left:2px;bottom:2px;background-color:#444;transition:.3s cubic-bezier(.4,0,.2,1);border-radius:18px;z-index:1}.mode-switch input:checked+.mode-slider{background-color:#1a2a40;border-color:#2a4a70}.mode-switch input:checked+.mode-slider:before{transform:translate(59px);background-color:var(--status-info)}.mode-slider-text{z-index:2;font-size:.7rem;font-weight:700;letter-spacing:.5px;transition:color .3s;text-transform:uppercase;pointer-events:none;text-align:center}.mode-auto-text{color:#666}.mode-manual-text{color:#fff}.mode-switch input:checked+.mode-slider .mode-auto-text{color:#fff}.mode-switch input:checked+.mode-slider .mode-manual-text{color:#888}@media (orientation: portrait){#btn-layout{display:none}}.status-signature{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;min-width:60px;max-width:140px;padding:8px 12px}.signature-text{overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.hidden-mobile{display:none!important}}.camera-container{width:100%;height:100%;position:relative;overflow:hidden;background:#000;transition:background .2s;touch-action:none}.camera-container.collapsed{cursor:pointer}.camera-container.collapsed:hover{background:#111}.camera-feed{width:100%;height:100%;object-fit:contain}.hidden-canvas{display:none}.capture-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;z-index:5}.capture-overlay.hidden{display:none}.btn-capture-large{background:#fff3;border:4px solid #fff;color:#fff;font-size:2rem;padding:var(--sp-lg) var(--sp-xl);border-radius:50px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;font-weight:700;box-shadow:0 4px 12px #00000080;transition:transform .1s,background .1s}.btn-capture-large:active{transform:scale(.95);background:#fff6}.capture-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;transition:opacity .1s ease-out;z-index:10}.camera-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#f00c;padding:var(--sp-md);border-radius:var(--radius-md);text-align:center;z-index:6}.camera-error.hidden{display:none}.live-view-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:4;cursor:pointer;transition:opacity .3s}.live-view-overlay.hidden{opacity:0;pointer-events:none}.btn-live-view{background:#ffffff1a;border:2px solid rgba(255,255,255,.5);color:#fff;padding:var(--sp-sm) var(--sp-lg);border-radius:30px;font-weight:700;font-size:1.1rem;pointer-events:none}.camera-canvas-view{width:100%;height:100%;object-fit:contain;display:block}.camera-canvas-view.hidden{display:none}.btn-camera-toggle{position:absolute;top:var(--sp-sm);right:var(--sp-sm);background:#00000080;border:1px solid rgba(255,255,255,.3);color:#fff;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:20;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s}.btn-camera-toggle:hover{background:#ffffff1a;transform:scale(1.1)}.toggle-icon-svg{transition:transform .4s cubic-bezier(.25,1,.5,1)}.btn-camera-toggle.collapsed .toggle-icon-svg{transform:rotate(0)}.btn-camera-toggle.expanded .toggle-icon-svg,.btn-camera-toggle.reverse-layout.collapsed .toggle-icon-svg{transform:rotate(180deg)}.btn-camera-toggle.reverse-layout.expanded .toggle-icon-svg{transform:rotate(0)}@media (orientation: portrait){.btn-camera-toggle.collapsed .toggle-icon-svg{transform:rotate(90deg)}.btn-camera-toggle.expanded .toggle-icon-svg{transform:rotate(-90deg)}.btn-camera-toggle.reverse-layout.collapsed .toggle-icon-svg{transform:rotate(90deg)}.btn-camera-toggle.reverse-layout.expanded .toggle-icon-svg{transform:rotate(-90deg)}}.outer-ring{transform-origin:50% 50%;animation:spin-slow 10s linear infinite}.inner-shutter{transform-origin:50% 50%;animation:pulse-shutter 3s ease-in-out infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-shutter{0%{transform:scale(.9)}50%{transform:scale(1.1)}to{transform:scale(.9)}}.waking-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:30;color:var(--status-warning);font-weight:700;font-size:1.2rem;animation:fade-in .3s forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.waking-label{margin-top:var(--sp-sm);font-family:monospace}.btn-capture-large.processing{position:relative;overflow:hidden;border-color:transparent!important;box-shadow:0 0 20px #fc09}.btn-capture-large.processing:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,var(--status-warning),transparent 30%);animation:rotate-border 1.5s linear infinite;z-index:0}.btn-capture-large.processing:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:#28282d66;border-radius:46px;z-index:0}.btn-capture-large.processing span,.btn-capture-large.processing{color:#fff;z-index:2}@keyframes rotate-border{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.values-table-container{padding:var(--sp-sm);flex:1;display:flex;flex-direction:column}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-sm)}@media (max-width: 450px){.values-grid{grid-template-columns:repeat(2,1fr);gap:4px}}.value-card{background:var(--bg-panel);border-radius:var(--radius-sm);padding:var(--sp-xs);display:flex;flex-direction:column;align-items:center;border:1px solid #333}.value-card.nbp-card{grid-column:span 2;flex-direction:row;justify-content:space-around;align-items:center}.value-card.manual-card{border-color:#444}.value-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px}.value-sub{font-size:.9rem;color:var(--text-muted)}.journal-container{display:flex;flex-direction:column;padding:var(--sp-sm);border-top:1px solid #333;flex:1;overflow:hidden}.journal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-sm)}.journal-header h2{font-size:1.2rem}.journal-table-wrapper{overflow:auto;border:1px solid #333;border-radius:var(--radius-sm);flex:1}.journal-table{width:100%;border-collapse:collapse;font-size:.85rem}.journal-table th,.journal-table td{padding:6px;border:1px solid #333;text-align:center}.journal-table th{background:#222;position:sticky;top:0}.journal-notes{margin-top:var(--sp-sm)}.notes-list{font-size:.9rem;color:var(--text-muted);max-height:80px;overflow-y:auto}.assessment-container{padding:var(--sp-md);border-top:1px solid #333;display:flex;flex-direction:column;align-items:center;justify-content:center}.assessment-status{display:flex;align-items:center;gap:var(--sp-md);padding:var(--sp-sm) var(--sp-lg);border-radius:var(--radius-lg);background:var(--bg-panel)}.status-icon{font-size:2.5rem}.status-text{font-size:1.2rem;font-weight:700}.assessment-status.status-ok{color:var(--status-ok);border:1px solid var(--status-ok)}.assessment-status.status-warning{color:var(--status-warning);border:1px solid var(--status-warning)}.assessment-status.status-critical{color:var(--status-critical);border:2px solid var(--status-critical);animation:pulse-border 1.5s infinite}.assessment-details{margin-top:var(--sp-sm);color:var(--text-muted);text-align:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-content{background:var(--bg-panel);padding:var(--sp-lg);border-radius:var(--radius-md);width:90%;max-width:400px}.form-group{margin-top:var(--sp-md);display:flex;flex-direction:column;gap:var(--sp-xs)}.settings-tabs{display:flex;margin-top:var(--sp-md);border-bottom:1px solid #333}.settings-tab-btn{flex:1;background:transparent;color:var(--text-muted);border:none;padding:var(--sp-sm);font-size:1rem;font-weight:600;cursor:pointer;border-bottom:2px solid transparent}.settings-tab-btn.active{color:#fff;border-bottom-color:var(--status-info)}.settings-tab-content{display:none}.settings-tab-content.active{display:block;max-height:65vh;overflow-y:auto;padding-right:4px}.help-grid{display:flex;flex-direction:column;gap:12px;margin-top:15px;margin-bottom:20px}.help-card{display:flex;align-items:flex-start;padding:8px 0;gap:20px}.help-icon{font-size:1.5rem;width:30px;height:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.6;filter:grayscale(1)}.help-content{display:flex;flex-direction:column;gap:4px}.help-content h4{margin:0;font-size:1.05rem;font-weight:600;color:var(--status-info);letter-spacing:.5px}.help-content p{margin:0;font-size:.9rem;color:var(--text-muted);line-height:1.3}.touch-input{background:#000;border:1px solid #444;padding:var(--sp-md);border-radius:var(--radius-sm);color:#fff;font-size:1.2rem;text-align:center;cursor:pointer;transition:background .1s}.touch-input:active{background:#222}.touch-popup{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center}.touch-popup.hidden{display:none}.touch-popup-content{width:90%;max-width:350px;background:var(--bg-panel);border-radius:var(--radius-lg);padding:var(--sp-lg);box-shadow:0 10px 40px #000c}.touch-header{display:flex;justify-content:space-between;margin-bottom:var(--sp-md)}.touch-header h3{font-size:1.2rem}.touch-display{font-size:2.5rem;text-align:center;background:#000;border-radius:var(--radius-md);padding:var(--sp-sm);margin-bottom:var(--sp-lg);min-height:70px;font-family:monospace}.bp-editor{display:flex;justify-content:center;align-items:center;margin-bottom:var(--sp-lg)}.bp-editor.hidden{display:none!important}.bp-field{background:#000;padding:var(--sp-sm) var(--sp-sm);border-radius:var(--radius-sm);font-size:1.8rem;font-family:monospace;min-width:60px;min-height:48px;text-align:center;border:2px solid transparent;cursor:pointer;touch-action:manipulation}.bp-field.active{border-color:var(--status-warning)}.touch-numpad,.touch-bcs-grid,.touch-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-sm)}.touch-list{display:flex;flex-direction:column;overflow-y:auto;max-height:60vh;padding-right:4px}.touch-numpad.hidden,.touch-bcs-grid.hidden,.touch-list.hidden{display:none!important}.numpad-btn,.bcs-btn,.touch-list-btn{background:#333;color:#fff;border:none;font-size:1.8rem;padding:var(--sp-md) 0;border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 2px 4px #0003;touch-action:manipulation}.touch-list-btn{font-size:1.4rem;padding:var(--sp-md);text-align:center}.numpad-btn:active,.bcs-btn:active,.touch-list-btn:active{background:#555;transform:translateY(2px)}.touch-list-btn.active{border:2px solid var(--status-info);background:#00ccff1a}.numpad-del{background:#5a2e2e}.numpad-ok{background:var(--status-ok);color:#000;font-weight:700}.form-group input,.form-group select{padding:var(--sp-sm);background:#000;border:1px solid #444;color:#fff;border-radius:var(--radius-sm)}.species-selector{display:flex;gap:var(--sp-sm)}.species-btn{flex:1;padding:var(--sp-sm);text-align:center;background:#000;border:2px solid #444;border-radius:var(--radius-sm);cursor:pointer;font-size:1.2rem;transition:all .2s}.species-btn.active{border-color:var(--status-info);background:#00ccff1a}.modal-actions{margin-top:var(--sp-lg);text-align:right}#history-modal .modal-content{max-width:600px;width:95%;height:80vh;display:flex;flex-direction:column;padding:0;overflow:hidden;background:linear-gradient(135deg,#1a1a20,#121215);border:1px solid #333;box-shadow:0 20px 50px #000c}.history-header{padding:var(--sp-md) var(--sp-lg);border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center;background:#ffffff08}.history-header h2{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.history-list{flex:1;overflow-y:auto;padding:var(--sp-md);display:flex;flex-direction:column;gap:var(--sp-sm)}.history-card-premium{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:var(--sp-md);display:flex;justify-content:space-between;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.history-card-premium:hover{background:#ffffff14;border-color:var(--status-info);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.history-card-premium .card-left{display:flex;align-items:center;gap:var(--sp-md)}.history-card-premium .card-icon{font-size:2rem;background:#0000004d;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:10px}.history-card-premium .card-title{font-size:1.1rem;font-weight:600;margin-bottom:2px}.history-card-premium .card-sub{font-size:.85rem;color:var(--text-muted)}.history-card-premium .card-actions{display:flex;gap:8px}.premium-preview{max-width:900px!important;width:95%!important;max-height:85vh!important;padding:0!important;overflow:hidden;display:flex!important;flex-direction:column}.premium-preview-header{display:flex;flex-direction:column;background:#1a1a20;border-bottom:1px solid #333;padding:var(--sp-md)!important;gap:16px;margin-bottom:0!important}.preview-title-row{display:flex;justify-content:space-between;align-items:center}.preview-title-row h3{margin:0;font-size:1.3rem;font-weight:600}.btn-modal-close{background:#ffffff1a!important;border:none;color:#ccc!important;font-size:1.2rem!important;padding:0!important;cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%!important;transition:background .2s,color .2s,transform .1s}.btn-modal-close:active{background:#fff3!important;color:#fff!important;transform:scale(.95)}.preview-actions-row{display:flex;gap:12px}.btn-premium-action{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#2a2a30!important;border:1px solid #3a3a40!important;border-radius:12px!important;padding:12px 8px!important;color:#fff!important;text-shadow:none!important;transition:all .2s}.btn-premium-action:active{background:#3a3a40!important;transform:scale(.98)}.btn-premium-action.btn-resume{background:#2196f31a!important;border-color:#2196f34d!important;color:#64b5f6!important}.btn-premium-action.btn-resume:active{background:#2196f333!important}.blue-play-icon{background:#2196f3;color:#fff;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:1.2rem;box-shadow:0 4px 8px #2196f366}.action-icon,.action-label,.blue-play-icon{pointer-events:none}.action-icon{font-size:2rem;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.action-label{font-size:.8rem;font-weight:700;text-align:center;line-height:1.2;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 450px){.preview-title-row h3{font-size:1.1rem}}.journal-table{border-spacing:0}.journal-table th{background:#1a1a1f;color:var(--text-muted);font-weight:600;text-transform:uppercase;font-size:.7rem;letter-spacing:.05em;padding:12px 8px}.journal-table td{padding:10px 8px;border-bottom:1px solid #222}.journal-table tr:last-child td{border-bottom:none}.ai-assessment-card{background:var(--surface);border-radius:var(--radius-lg);padding:1rem;margin-bottom:1rem;box-shadow:0 4px 12px #0000001a;border-left:4px solid var(--text-color);animation:slide-up .3s ease-out}.ai-assessment-card.border-status-ok{border-left-color:var(--success)}.ai-assessment-card.border-status-warning{border-left-color:var(--warning)}.ai-assessment-card.border-status-critical{border-left-color:var(--danger)}.ai-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.ai-header .status-icon{font-size:2rem}.ai-header-text h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-color)}.ai-badges{display:flex;gap:.5rem;margin-top:.25rem}.ai-tier-badge,.ai-conf-badge{font-size:.75rem;padding:2px 6px;border-radius:12px;background:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color)}.ai-tier-badge.tier-flash{background:#fff3cd;color:#856404;border-color:#ffeeba}.ai-tier-badge.tier-pro{background:#d1ecf1;color:#0c5460;border-color:#bee5eb}html[data-theme=dark] .ai-tier-badge.tier-flash{background:#332701;color:#ffda6a;border-color:#664d03}html[data-theme=dark] .ai-tier-badge.tier-pro{background:#032830;color:#9bcce6;border-color:#0c5460}.ai-details-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:1rem}.ai-category-card{background:var(--bg-color);padding:.75rem;border-radius:var(--radius-md);border-left:3px solid transparent}.ai-category-card h4{margin:0 0 .5rem;font-size:.9rem;font-weight:600}.ai-category-card p{margin:0;font-size:.85rem;white-space:pre-wrap}.ai-category-card.severity-warning{border-left-color:var(--warning)}.ai-category-card.severity-critical{border-left-color:var(--danger)}.ai-category-card.severity-ok{border-left-color:var(--success)}.ai-section{margin-bottom:1rem}.ai-section h4{margin:0 0 .5rem;font-size:.9rem;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.5px}.ai-section p,.ai-section li{font-size:.9rem;margin:0 0 .25rem;line-height:1.4}.ai-recommendations ul{padding-left:1.25rem;margin:0}.ai-errors-container{margin-top:1rem;border-top:1px solid var(--border-color);padding-top:.5rem;background:var(--surface);border-radius:var(--radius-md);padding:.5rem}.btn-toggle-errors{background:none;border:none;color:var(--text-color);opacity:.6;font-size:.8rem;cursor:pointer;padding:.5rem;width:100%;text-align:left}.btn-toggle-errors.has-errors{opacity:1;color:var(--warning);font-weight:600}.ai-errors-list{display:none;max-height:15rem;overflow-y:auto;border-radius:var(--radius-md);background:var(--bg-color);padding:.5rem;font-family:monospace;font-size:.75rem;margin-top:.5rem}.ai-errors-list.open{display:flex;flex-direction:column}.ai-error-item{color:var(--danger);margin-bottom:.25rem;display:flex;gap:.5rem;border-bottom:1px solid var(--border-color);padding-bottom:2px}.ai-error-item:last-child{border-bottom:none}.ai-error-item .err-time{opacity:.7;color:var(--text-color)}@keyframes spin-slow{to{transform:rotate(360deg)}}.onboarding-content{text-align:center}.onboarding-step{display:none;animation:slide-in .3s ease-out}.onboarding-step.active{display:block}@keyframes slide-in{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.guide-list{text-align:left;margin:20px 0;display:flex;flex-direction:column;gap:12px}.guide-item{display:flex;gap:12px;line-height:1.4}.about-tab-content{display:flex;flex-direction:column;gap:16px;padding:10px 0}.about-header{border-bottom:1px solid #333;padding-bottom:10px;margin-bottom:10px}.about-links{display:flex;gap:15px;margin-top:10px}.about-link{color:var(--status-info);text-decoration:none;font-weight:600;display:flex;align-items:center;gap:6px}.about-link:hover{text-decoration:underline}.toast{display:flex;align-items:center;gap:12px;background:var(--bg-panel);border:1px solid #444;border-radius:40px;padding:10px 24px 10px 20px;box-shadow:0 8px 32px #0006;color:#fff;font-weight:600;font-size:.95rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.toast.visible{opacity:1;transform:translateY(0)}.toast-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#ffffff1a}.toast-success .toast-icon{color:var(--status-ok);background:#1ed76026}.toast-error .toast-icon{color:var(--status-critical);background:#ff323226}.toast-info .toast-icon{color:var(--status-info);background:#0096ff26}.toast-success{border-left:3px solid var(--status-ok)}.toast-error{border-left:3px solid var(--status-critical)}.toast-info{border-left:3px solid var(--status-info)}#btn-ob-next,#btn-ob-done{border-radius:50px!important}