/* The same cosmos artwork carries the atlas palette through the app. */
body{background:#080b1b;isolation:isolate;--surface:#11152be8;--line:#aaa0cc30;--muted:#b2aac5;--app-glass:#101126e8}
body>.ambient{position:fixed;inset:0;height:100dvh;z-index:-1;background:linear-gradient(180deg,#090c2033,#090b1bbd 62%,#090b1bea),url('assets/atlas-focus-cosmos-v3.jpg') 34% top/auto 100dvh no-repeat;opacity:1}
body>.ambient:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 84% 24%,#7950ba24,transparent 55%),radial-gradient(ellipse at 10% 65%,#cc9d5112,transparent 42%);pointer-events:none}
.content-card,.reflection-box,.feature-card,.board-progress,.library-card,.native-install-card{background:linear-gradient(135deg,#191b36ec,#10142bef)!important;border-color:#afa0c930!important;box-shadow:0 14px 40px #02041526}
.topbar{background:var(--app-glass)!important}.native-gallery-section h2,.native-atlas-heading h1{color:#f5e9d9}.native-atlas-heading p{color:#c2b8d1}.view{padding-bottom:calc(176px + env(safe-area-inset-bottom))}
body #beam-fab{display:flex!important;position:fixed;z-index:55;right:max(18px,calc((100vw - 1080px)/2));bottom:calc(86px + env(safe-area-inset-bottom));width:66px;height:92px;min-height:44px;padding:0;gap:0;flex-direction:column;align-items:center;justify-content:center;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:#f9e8bd;cursor:pointer;transition:bottom .2s ease;touch-action:manipulation}
body.has-mini #beam-fab{bottom:calc(158px + env(safe-area-inset-bottom))}body.beam-is-open #beam-fab{visibility:hidden}
body #beam-fab>span{display:block;font-size:10px;font-weight:600;letter-spacing:.1em;line-height:16px;text-shadow:0 2px 8px #000}
.beam-drop{display:block;width:54px;height:80px;overflow:visible;filter:drop-shadow(0 3px 7px #05030b80);pointer-events:none}
.beam-outline{fill:#17130c14;stroke:#bb9938;stroke-width:1.55;stroke-linejoin:round}
.beam-aura{transform-origin:32px 61px;animation:beam-breathe 4.6s ease-in-out infinite;opacity:.72}
.beam-light{transform-origin:32px 61px;animation:beam-light-drift 5.8s ease-in-out infinite}
.beam-ray-soft{filter:blur(3px);opacity:.8}.beam-ray{filter:blur(.75px);opacity:.8}
.beam-source-soft{fill:#fff9c6;filter:blur(3px);opacity:.8}.beam-source{fill:#fffde1}
#beam-fab .beam-drop,.beam-modal-entry .beam-drop{animation:beam-float 6.2s ease-in-out infinite}
#beam-fab:active{opacity:.85}.beam-sheet-head>.beam-drop{overflow:visible}
@keyframes beam-breathe{0%,100%{opacity:.56;transform:scale(.92)}50%{opacity:.95;transform:scale(1.12)}}
@keyframes beam-light-drift{0%,100%{transform:translate(0,0) rotate(-1.5deg)}40%{transform:translate(.8px,-1.6px) rotate(1.5deg)}70%{transform:translate(-.6px,-.5px) rotate(.5deg)}}
#beam-dialog{color:#f4effb;background:linear-gradient(170deg,#191a35f7,#0b1023fc),url('assets/atlas-focus-cosmos-v3.jpg') center/cover;border:1px solid #b69fd04d;border-radius:28px;margin:auto;inset:0;width:min(540px,calc(100% - 32px));height:min(780px,calc(var(--beam-vh,100dvh) - 48px));max-width:100%;max-height:none;padding:0;overflow:hidden;box-shadow:0 24px 100px #030410a0}
#beam-dialog[open]{display:flex;flex-direction:column;animation:beam-reveal .22s ease-out}
#beam-dialog::backdrop{background:#050817aa;backdrop-filter:blur(7px)}
.beam-sheet-head{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:14px 18px;border-bottom:1px solid #a899c72d;background:#191a32e6}
.beam-sheet-head>.beam-drop{width:34px;height:43px}.beam-sheet-head>div{flex:1;min-width:0}.beam-sheet-head b{font:400 25px/1.2 Georgia,serif}.beam-sheet-head small{display:block;color:#bdb4cf;font-size:11px;line-height:1.5;margin-top:3px}
#beam-sheet-close{border:1px solid #c0aed329;background:#ffffff08;color:#eadff9;width:44px;height:44px;border-radius:50%;font-size:26px;cursor:pointer}
.beam-sheet-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth}
#beam-dialog #view-beam{display:block!important;max-width:none;width:100%;padding:16px 18px 24px;animation:none!important}
#beam-dialog .beam-head{display:none}#beam-dialog .beam-demo-note{display:block;padding:16px;border:1px solid #ac91d02b;background:linear-gradient(130deg,#855bb723,#e2bf7210);border-radius:18px;margin:0}
#beam-dialog .beam-demo-note b{display:block;color:#f0d8a8;font-size:14px;font-weight:500;margin-bottom:8px}#beam-dialog .beam-demo-note span{font-size:12px;line-height:1.6;color:#c0b8d0}
#beam-dialog .beam-sheet-clear{font-size:10px;padding:8px 0;min-height:38px;border:0;background:none;color:#b9acc8;display:block;margin-left:auto}
#beam-context-label{font-size:11px;color:#d2bfdc;line-height:1.5;margin:8px 0 12px}#beam-dialog .prompt-grid{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}#beam-dialog .prompt-grid button{color:#efdbb4;background:#c8a66d0d;border:1px solid #d6b68040;border-radius:20px;padding:10px 12px;min-height:42px;font-size:11px;cursor:pointer}
#beam-dialog .messages{min-height:0;max-width:none;padding:4px 0;gap:12px}#beam-dialog .message{font-size:13px;line-height:1.65;max-width:92%}#beam-dialog .message.beam{background:#ffffff06;border-color:#c0a9db25}#beam-dialog .message.user{background:#6046843d;color:#f4e8ff;border:1px solid #ae8dc52e}
#beam-dialog .chat-practice{background:linear-gradient(135deg,#8c69af20,#ccad6210);border:1px solid #d9bc7955;border-radius:18px;max-width:100%;padding:16px}#beam-dialog .chat-practice audio{max-width:100%;width:100%;height:42px}#beam-dialog .chat-practice b{font-size:16px;line-height:1.5}#beam-dialog .chat-practice button{min-height:44px;width:100%}
#beam-dialog #beam-form{position:relative;inset:auto;transform:none;flex-shrink:0;max-width:none;width:auto;margin:10px 14px max(14px,env(safe-area-inset-bottom));border-radius:26px;background:#20223a;border:1px solid #c3a9db47;padding:6px;display:flex;gap:6px}#beam-dialog #beam-input{min-width:0;width:0;font-size:16px;line-height:1.4;min-height:44px;color:#f9f2ff}#beam-dialog #beam-form button{width:44px;height:44px;flex-shrink:0;background:#e1c28a}
.beam-modal-entry{position:absolute;bottom:68px;right:16px;z-index:5;display:flex;flex-direction:column;align-items:center;background:none;border:0;color:#f6ddaa;cursor:pointer;font-size:10px}.beam-modal-entry .beam-drop{width:46px;height:58px}
@media(max-width:600px){#beam-dialog{position:fixed;inset:var(--beam-vtop,0px) 0 auto;margin:0;width:100%;height:var(--beam-vh,100dvh);border:0;border-radius:0}.beam-sheet-head{padding-top:max(14px,env(safe-area-inset-top))}.beam-sheet-scroll{scroll-padding-bottom:16px}body>.ambient{background-position:42% top}.beam-sheet-head small{font-size:10px}}
[data-theme=light] body,body[data-theme=light]{background:#eee8f5;--muted:#635877;--line:#a88fb641;--app-glass:#f4eff8eb;--surface:#f5f0faef}
[data-theme=light] body>.ambient,body[data-theme=light]>.ambient{opacity:.2}
[data-theme=light] .content-card,[data-theme=light] .reflection-box,[data-theme=light] .feature-card,[data-theme=light] .board-progress,[data-theme=light] .library-card,[data-theme=light] .native-install-card{background:linear-gradient(130deg,#fffbf9f5,#eee7f6ee)!important}
[data-theme=light] .native-gallery-section h2,[data-theme=light] .native-atlas-heading h1{color:#3e2c4d}[data-theme=light] .native-atlas-heading p{color:#655874}[data-theme=light] #beam-fab>span{color:#493152;text-shadow:0 1px 4px #fff}
@keyframes beam-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes beam-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#beam-fab .beam-drop,#beam-dialog[open]{animation:none}.beam-sheet-scroll{scroll-behavior:auto}body #beam-fab{transition:none}}

@media(prefers-reduced-motion:reduce){.beam-drop,.beam-aura,.beam-light,.beam-modal-entry .beam-drop{animation:none!important}}