/* Axon 1Pro OS final layer */
:root{--glass:rgba(11,18,28,.74);--line:rgba(148,163,184,.28);--green:#86efac;--blue:#7dd3fc}
html,body,button,input{font-family:Ubuntu,Cantarell,'Noto Sans','Segoe UI',Arial,sans-serif!important;font-weight:400!important}
body{background:radial-gradient(circle at 18% 18%,rgba(34,197,94,.20),transparent 27%),radial-gradient(circle at 84% 9%,rgba(59,130,246,.15),transparent 31%),radial-gradient(circle at 74% 84%,rgba(20,184,166,.12),transparent 30%),linear-gradient(135deg,#07111b,#0b302e 48%,#07111b)!important}
body:after{content:'';position:fixed;inset:-10%;background:repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 1px,transparent 1px 18px),radial-gradient(circle at 35% 35%,rgba(134,239,172,.08),transparent 20%);animation:axonMove 18s ease-in-out infinite alternate;pointer-events:none;z-index:0}@keyframes axonMove{50%{transform:translate(2%,-1%) scale(1.04)}100%{transform:translate(-2%,1%) scale(1.02)}}
.brand{left:auto!important;top:auto!important;right:28px!important;bottom:74px!important;transform:none!important;text-align:right!important;pointer-events:none!important}.brand .orb,.brand p{display:none!important}.brand:before{content:'AXON 1Pro';display:block;font-size:clamp(38px,5vw,76px);letter-spacing:.14em;font-weight:300;color:rgba(223,255,240,.16)}.brand:after{content:'Technology • Hosting • Email • AI Advisory';display:block;margin-top:9px;font-size:12px;letter-spacing:.22em;color:rgba(222,255,239,.22)}
.note-logo{display:none!important}.icons{z-index:8}.ico{width:104px!important;min-height:96px!important;border-radius:16px!important;border:1px solid transparent!important;background:rgba(255,255,255,.025)!important;padding:9px 7px!important;cursor:grab!important;touch-action:none;user-select:none}.ico:hover,.ico:focus-visible{background:rgba(255,255,255,.11)!important;border-color:rgba(255,255,255,.18)!important;box-shadow:0 16px 34px rgba(0,0,0,.28)!important;transform:translateY(-2px)}.ico.dragging{cursor:grabbing!important;opacity:.9;transform:scale(1.03)!important}.ico b{width:54px!important;height:54px!important;border-radius:15px!important;margin:0 auto 8px!important;background:linear-gradient(145deg,rgba(56,189,248,.80),rgba(34,197,94,.58))!important;box-shadow:inset 0 1px rgba(255,255,255,.22),0 12px 22px rgba(0,0,0,.28)!important;color:#f8fafc!important}.ico span{font-size:11.5px!important;line-height:1.2!important;font-weight:400!important}.ico.audit-link b{background:linear-gradient(145deg,rgba(168,85,247,.82),rgba(59,130,246,.65))!important}.ico.tool-link b{background:linear-gradient(145deg,rgba(245,158,11,.85),rgba(34,197,94,.55))!important}
.win{background:linear-gradient(135deg,rgba(31,41,55,.96),rgba(13,19,28,.98)),repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0 1px,transparent 1px 14px)!important;border:1px solid var(--line)!important;border-radius:10px!important;box-shadow:0 30px 86px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.07)!important}.win header{height:38px!important;background:linear-gradient(180deg,rgba(67,77,92,.96),rgba(35,43,54,.96)),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 20px)!important}.win header span,.start h3,.card h3,h1,h2,h3{font-weight:500!important}#body{background:radial-gradient(circle at 18% 12%,rgba(34,197,94,.085),transparent 28%),radial-gradient(circle at 82% 18%,rgba(96,165,250,.075),transparent 26%),linear-gradient(135deg,#111923,#0b1118 55%,#111827),repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0 1px,transparent 1px 16px)!important}.pane,.card,.pill,.start,.ctx{background:linear-gradient(145deg,rgba(24,34,46,.94),rgba(12,18,26,.94)),repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 1px,transparent 1px 13px)!important;border-color:rgba(100,116,139,.36)!important}
#weatherChip{white-space:nowrap;font-size:11px;color:#dfffea;border:1px solid rgba(134,239,172,.22);border-radius:999px;padding:5px 8px;background:rgba(15,23,42,.58)}.toolbox{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.toolbox button{border:1px solid rgba(148,163,184,.32);border-radius:9px;background:rgba(15,23,42,.64);color:#e5e7eb;padding:12px;text-align:left;cursor:pointer}.toolbox button:hover{border-color:var(--green);background:rgba(21,34,44,.82)}.miniapp textarea{width:100%;min-height:260px;background:#0b1118;color:#e5e7eb;border:1px solid #334155;border-radius:8px;padding:12px}.calcGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.calcGrid button{height:42px;border-radius:8px;border:1px solid #334155;background:#17202b;color:#e5e7eb}.calcDisplay{width:100%;height:42px;margin-bottom:10px;background:#0b1118;color:#dfffea;border:1px solid #334155;border-radius:8px;padding:0 10px;text-align:right}.paintCanvas{width:100%;height:360px;background:#f8fafc;border-radius:8px;touch-action:none}
@media(max-width:900px){.notes{display:none!important}.icons{left:12px!important;right:12px!important;top:16px!important;bottom:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(92px,1fr))!important;gap:10px!important}.ico{position:relative!important;left:auto!important;top:auto!important;width:100%!important;min-height:92px!important}.win{left:3vw!important;top:3vh!important;width:94vw!important;height:calc(100vh - 92px)!important;min-width:0!important}.start.open{grid-template-columns:1fr!important}.grid{grid-template-columns:1fr!important}.brand{right:18px!important;bottom:66px!important}.brand:before{font-size:clamp(28px,7vw,44px)}.brand:after{font-size:10px;letter-spacing:.14em}.desktop{overflow:auto!important;padding-bottom:58px!important}.panel{height:48px!important}}
@media(max-width:520px){#search{width:118px!important}.icons{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.ico{min-height:86px!important;padding:7px 5px!important}.ico b{width:48px!important;height:48px!important}.ico span{font-size:10.8px!important}.brand{right:12px!important;bottom:62px!important}.brand:before{font-size:24px;letter-spacing:.10em}.brand:after{font-size:9px;letter-spacing:.10em}.taskbar-right{display:none!important}#weatherChip{font-size:10px;padding:4px 6px}.start{left:6px!important;width:calc(100vw - 12px)!important;height:calc(100vh - 72px)!important}.panel{gap:5px;padding:0 6px!important}}
