:root { color-scheme: dark; --bg:#060912; --panel:#0c1220b8; --line:#1d2a41; --text:#e9effa; --muted:#8492aa; --blue:#94b6ff; --mint:#71e6bd; --amber:#f4b454; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; } body { margin:0; min-width:320px; min-height:100vh; background:radial-gradient(circle at 50% 0,#18223c 0,#080c16 42%,#03050a 100%); color:var(--text); }
body::before { content:""; position:fixed; inset:0; opacity:.26; pointer-events:none; background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px); background-size:80px 80px; mask-image:linear-gradient(#000,transparent 75%); }
.shell { position:relative; display:grid; grid-template-columns:230px minmax(430px,1fr) 312px; width:min(1480px,calc(100vw - 40px)); min-height:calc(100vh - 40px); margin:20px auto; overflow:hidden; border:1px solid #26324a; border-radius:22px; background:linear-gradient(125deg,#0a0f1d 0%,#090e1a 44%,#070b14 100%); box-shadow:0 36px 120px #000a,0 0 0 1px #ffffff05 inset; }
.shell::after { content:""; position:absolute; z-index:0; top:-160px; left:13%; width:54%; height:420px; opacity:.42; pointer-events:none; background:radial-gradient(ellipse, #3b69c755,transparent 66%); filter:blur(24px); }.rail,.workspace,.insights { position:relative; z-index:1; }
.rail { display:flex; flex-direction:column; padding:31px 20px 22px; border-right:1px solid var(--line); background:#080d18a0; }.brand { display:flex; align-items:center; gap:10px; color:#eaf1ff; font-size:20px; font-weight:500; letter-spacing:1.2px; text-decoration:none; }.brand-moon { width:24px; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle at 64% 25%,#e8f4ff 0 7%,transparent 8%),radial-gradient(circle at 38% 39%,#9fb7e5 0 18%,#3d4e78 43%,#141b31 73%); box-shadow:0 0 20px #759dff8e; }.powered { margin:5px 0 45px 35px; color:#65738a; font-size:10px; letter-spacing:.2px; }.navigation { display:grid; gap:7px; }.navigation a { display:flex; align-items:center; gap:13px; padding:11px 12px; border-radius:10px; color:#8997ad; font-size:13px; text-decoration:none; transition:.18s ease; }.navigation i { width:16px; color:#9baed0; font-size:16px; font-style:normal; text-align:center; }.navigation a:hover,.navigation .selected { color:#eaf1ff; background:linear-gradient(90deg,#1e335eaa,#13223e88); box-shadow:inset 1px 0 #8aadff,0 7px 20px #061124; }.navigation .selected i { color:#b6d0ff; }.runtime-card { display:flex; align-items:center; gap:10px; margin-top:auto; padding:13px 11px; border:1px solid #1b2a43; border-radius:12px; background:#0d1523a8; }.live-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--mint); box-shadow:0 0 12px var(--mint); }.runtime-card b,.runtime-card small { display:block; }.runtime-card b { font-size:11px; font-weight:600; }.runtime-card small { margin-top:2px; color:#798ba2; font-size:10px; }.rail footer { display:flex; gap:10px; margin-top:17px; color:#5f6c80; font-size:10px; }.rail footer a { color:#8394ae; text-decoration:none; }
.workspace { padding:29px clamp(28px,4vw,62px) 27px; }.topbar { display:flex; align-items:center; justify-content:space-between; }.eyebrow,.kicker { color:#8291aa; font-size:10px; font-weight:700; letter-spacing:1.25px; }.eyebrow { display:flex; align-items:center; gap:8px; }.top-actions { display:flex; align-items:center; gap:10px; }.icon-button,.avatar { display:grid; place-items:center; width:31px; height:31px; border:1px solid #29354a; border-radius:10px; color:#a8b8d2; background:#0d1421; }.avatar { border-radius:50%; color:#e2edff; background:linear-gradient(135deg,#7893cf,#253c6e); font-size:11px; }.welcome { position:relative; min-height:205px; padding-top:54px; overflow:hidden; }.welcome .kicker { margin:0 0 10px; }.welcome h1 { position:relative; z-index:1; max-width:560px; margin:0; color:#f1f5ff; font-size:clamp(31px,3.1vw,48px); line-height:1.08; font-weight:450; letter-spacing:-1.7px; }.welcome h1 em { color:#9bbdff; font-style:normal; }.welcome-copy { position:relative; z-index:1; max-width:525px; margin:17px 0 0; color:#93a0b4; font-size:13px; line-height:1.65; }.ambient-moon { position:absolute; right:-25px; top:22px; width:165px; aspect-ratio:1; border-radius:50%; opacity:.72; background:radial-gradient(circle,transparent 51%,#74a2ff15 55%,transparent 70%); box-shadow:0 0 70px #5175d855; }.ambient-moon span { display:block; width:100%; height:100%; border-radius:50%; background:url('/app/assets/moon-lunar.png') center/cover; filter:brightness(.98) saturate(.48); box-shadow:inset -18px -11px 28px #000c,0 0 25px #b8d4ff; }
.conversation { padding:23px 0 0; border-top:1px solid var(--line); }.section-heading,.card-top,.recent-head,.timeline-head { display:flex; align-items:center; justify-content:space-between; }.section-heading .kicker,.insights .kicker { margin:0 0 5px; }.section-heading h2,.insights h2 { margin:0; font-size:18px; font-weight:600; letter-spacing:-.35px; }.timestamp { color:#66758a; font-size:10px; }.moon-message { display:flex; gap:13px; margin:20px 0; padding:15px; border:1px solid #26324a; border-radius:14px; background:linear-gradient(110deg,#111a2ba8,#0d1421a0); box-shadow:inset 0 1px #ffffff06; }.message-orb { display:grid; place-items:center; flex:0 0 31px; width:31px; height:31px; border-radius:50%; color:#d8e7ff; background:radial-gradient(circle at 30% 28%,#b0cafb,#4f6caa 40%,#172137 76%); box-shadow:0 0 18px #6e92df99; }.moon-message p { margin:0; color:#c0ccde; font-size:12px; line-height:1.55; }.text-button { margin-top:8px; padding:0; border:0; color:#9ebeff; background:transparent; font-size:11px; cursor:pointer; }.text-button span { margin-left:3px; }.evidence-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.evidence-card { min-width:0; padding:14px; border:1px solid #223049; border-radius:13px; background:#0d1420aa; transition:.2s ease; }.evidence-card:hover { transform:translateY(-2px); border-color:#405b87; background:#111b2cb5; }.card-icon { display:grid; place-items:center; width:26px; height:26px; border-radius:8px; color:#b9d0ff; background:#172743; }.severity { color:var(--amber); font-size:8px; font-weight:800; letter-spacing:.8px; }.severity.quiet { color:#73ddb8; }.evidence-card p { margin:15px 0 5px; color:#8998af; font-size:11px; }.evidence-card strong { display:block; color:#eef4ff; font-size:20px; font-weight:550; letter-spacing:-.7px; }.evidence-card small { display:block; min-height:28px; margin-top:4px; color:#64748a; font-size:9px; line-height:1.4; }.meter { height:4px; margin-top:9px; overflow:hidden; border-radius:99px; background:#202d41; }.meter span { display:block; height:100%; width:0; border-radius:inherit; background:linear-gradient(90deg,#df9b3f,#f3c261); transition:width .5s ease; }.meter.cool span { background:linear-gradient(90deg,#628cf1,#8bb9ff); }
.ask-moon { display:flex; align-items:center; gap:9px; margin-top:21px; padding:9px 10px 9px 13px; border:1px solid #263956; border-radius:13px; background:#0b1321d8; box-shadow:0 0 28px #3761ab18; }.ask-icon { color:#acc8ff; font-size:17px; }.ask-moon label { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }.ask-moon input { flex:1; min-width:0; border:0; outline:0; color:#eaf1ff; background:transparent; font:12px inherit; }.ask-moon input::placeholder { color:#6f7e94; }.ask-moon button { padding:8px 11px; border:1px solid #5279bd; border-radius:9px; color:#e2edff; background:#173568; font:600 10px inherit; cursor:pointer; }.ask-moon button span { margin-left:6px; }
.insights { padding:32px 24px; border-left:1px solid var(--line); background:#080d17a8; }.pulse-card { display:flex; align-items:center; gap:13px; margin:23px 0 25px; padding:14px 0; border-bottom:1px solid #1a2639; }.pulse-ring { display:grid; place-items:center; width:62px; aspect-ratio:1; border:5px solid #5ccba1; border-left-color:#27384d; border-radius:50%; color:#8fecbd; font-size:10px; font-weight:700; line-height:1.05; text-align:center; white-space:pre-line; transform:rotate(-28deg); }.pulse-ring span { transform:rotate(28deg); }.pulse-ring.warning { border-color:#e2a74f; border-left-color:#29374b; color:#f0bd68; }.pulse-card b,.pulse-card small { display:block; }.pulse-card b { font-size:12px; }.pulse-card small { margin-top:4px; color:#718096; font-size:10px; line-height:1.4; }.timeline { padding:16px 0 21px; border-bottom:1px solid #1a2639; }.timeline-head { color:#aab7ca; font-size:10px; }.timeline-head strong { color:#8ab0ff; font-size:12px; }.sparkline { display:flex; align-items:end; gap:4px; height:56px; margin:15px 0 6px; padding:0 2px; border-bottom:1px solid #29384d; }.sparkline i { display:block; flex:1; min-width:3px; border-radius:3px 3px 0 0; background:linear-gradient(#86adff,#355990); }.sparkline i:nth-child(1){height:28%}.sparkline i:nth-child(2){height:34%}.sparkline i:nth-child(3){height:30%}.sparkline i:nth-child(4){height:45%}.sparkline i:nth-child(5){height:39%}.sparkline i:nth-child(6){height:58%}.sparkline i:nth-child(7){height:43%}.sparkline i:nth-child(8){height:66%}.sparkline i:nth-child(9){height:48%}.sparkline i:nth-child(10){height:60%}.sparkline i:nth-child(11){height:55%}.sparkline i:nth-child(12){height:70%}.timeline small { color:#607087; font-size:9px; }.permission { display:flex; gap:10px; margin:21px 0; padding:13px; border:1px solid #273652; border-radius:12px; background:linear-gradient(135deg,#111c31,#0c1320); }.permission-icon { display:grid; place-items:center; flex:0 0 28px; width:28px; height:28px; border-radius:8px; color:#acc8ff; background:#1e3660; }.permission .kicker { font-size:8px; }.permission b,.permission small { display:block; }.permission b { margin:3px 0; color:#dbe6f8; font-size:11px; }.permission small { color:#718096; font-size:9px; line-height:1.45; }.recent { padding-top:3px; }.recent-head b { font-size:12px; }.recent-head a { color:#85aafb; font-size:10px; text-decoration:none; }.recent p { display:grid; grid-template-columns:8px 1fr auto; gap:7px; align-items:center; margin:14px 0; color:#8190a6; font-size:10px; }.recent time { color:#58677d; font-size:9px; }.tiny-dot { width:5px; height:5px; border-radius:50%; background:#74dfba; }.tiny-dot.dim { background:#58709b; }
@media (max-width:1000px) { .shell { grid-template-columns:190px minmax(390px,1fr); }.insights { display:none; } }.settings { display:none; } @media (max-width:680px) { body { background:#070b14; }.shell { display:block; width:100%; min-height:100vh; margin:0; border:0; border-radius:0; }.rail { min-height:76px; padding:17px 18px; border-right:0; border-bottom:1px solid var(--line); }.brand { font-size:18px; }.powered,.runtime-card,.rail footer { display:none; }.navigation { display:flex; position:absolute; right:12px; top:17px; }.navigation a { padding:9px; }.navigation a span { display:none; }.workspace { padding:24px 18px; }.welcome { min-height:185px; padding-top:44px; }.ambient-moon { right:-55px; }.evidence-grid { grid-template-columns:1fr; }.ask-moon { margin-bottom:20px; }.topbar { margin-top:2px; } }

/* Live evidence cards and detail panel */
.ambient-moon { right:12px; }
.evidence-card { color:inherit; font:inherit; text-align:left; cursor:pointer; }
.evidence-card:focus-visible { outline:1px solid #8db2ff; outline-offset:2px; }
.evidence-card:hover { border-color:#6388c8; box-shadow:0 10px 25px #0005; }
.card-top { display:flex; align-items:center; justify-content:space-between; }
.card-name { display:block; margin:15px 0 5px; color:#8998af; font-size:11px; }
.evidence-card p { display:none; }
.meter { display:block; }
.app-footer { display:flex; align-items:center; gap:13px; margin-top:17px; color:#65748a; font-size:10px; }
.app-footer a { color:#91a6c7; text-decoration:none; }.app-footer a:hover { color:#d8e6ff; }.app-footer span { flex:1; }.app-footer b { color:#dce8fb; font-size:12px; letter-spacing:.6px; }.app-footer small { color:#64738a; font-size:9px; }
.detail-modal { width:min(640px,calc(100vw - 34px)); padding:31px; border:1px solid #3a5786; border-radius:19px; color:#eaf1ff; background:radial-gradient(circle at 82% 0,#1a315f,#0a111e 52%); box-shadow:0 28px 100px #000e,0 0 60px #416fc23e; }
.detail-modal::backdrop { background:#020611b9; backdrop-filter:blur(8px); }.modal-close { position:absolute; top:15px; right:15px; width:29px; height:29px; border:1px solid #344a70; border-radius:50%; color:#b7c7e4; background:#101a2c; font-size:20px; cursor:pointer; }.detail-modal h2 { margin:7px 0; font-size:29px; font-weight:500; letter-spacing:-.8px; }.modal-lead { max-width:460px; margin:0; color:#aebbd0; font-size:13px; line-height:1.55; }.modal-stat { margin:26px 0 22px; color:#a9c5ff; font-size:50px; font-weight:500; letter-spacing:-2px; }.modal-section { margin-top:13px; padding:15px; border:1px solid #263956; border-radius:11px; background:#101827a5; }.modal-section .kicker { margin:0 0 7px; }.modal-section p:last-child { margin:0; color:#becade; font-size:12px; line-height:1.6; }.modal-section.recommendation { border-color:#3f5a82; background:#12203a99; }.modal-boundary { margin:16px 1px 0; color:#7788a1; font-size:10px; line-height:1.5; }
@media (max-width:680px) { .ambient-moon { right:-55px; }.app-footer small { display:none; } }

/* Conversation thread */
.conversation-thread { display:grid; gap:11px; }
.user-message { display:flex; flex-direction:row-reverse; align-items:flex-start; gap:11px; max-width:76%; margin-left:auto; padding:13px 14px; border:1px solid #334b75; border-radius:14px 14px 4px 14px; background:linear-gradient(135deg,#182b4d,#101d34); }.user-message p { margin:0; color:#dce8fa; font-size:12px; line-height:1.55; }.user-orb { display:grid; place-items:center; flex:0 0 28px; width:28px; height:28px; border-radius:50%; color:#dbe8ff; background:#315185; font-size:9px; font-weight:700; }.moon-message.pending { opacity:.7; }.message-evidence { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }.message-evidence button { padding:6px 8px; border:1px solid #355587; border-radius:7px; color:#acc7f9; background:#10213d; font:600 9px inherit; cursor:pointer; }.message-evidence button:hover { color:#edf4ff; border-color:#78a5f4; }

/* Centered local Moon conversation */
.chat-modal { width:min(720px,calc(100vw - 48px)); height:min(650px,calc(100vh - 86px)); max-height:none; padding:0; overflow:hidden; border:1px solid #416291; border-radius:20px; color:#e9f1ff; background:radial-gradient(circle at 85% 0,#1c3465,#0a111e 54%); box-shadow:0 30px 110px #000e,0 0 75px #416fc240; }.chat-modal::backdrop { background:#0207118f; backdrop-filter:blur(5px); }.chat-header { display:flex; align-items:center; justify-content:space-between; padding:17px 19px; border-bottom:1px solid #263957; background:#0d1727e8; }.chat-identity { display:flex; align-items:center; gap:10px; }.chat-identity b,.chat-identity small { display:block; }.chat-identity b { font-size:13px; }.chat-identity small { margin-top:2px; color:#8295b2; font-size:10px; }.chat-identity .live-dot { width:5px; height:5px; margin-right:4px; }.chat-controls { display:flex; gap:7px; }.chat-controls button { display:grid; place-items:center; width:29px; height:29px; border:1px solid #314764; border-radius:8px; color:#bdd0ee; background:#122039; font-size:17px; cursor:pointer; }.chat-controls button:hover { border-color:#79a7f7; color:#fff; }.chat-thread { height:calc(100% - 126px); display:flex; flex-direction:column; gap:12px; overflow-y:auto; padding:21px 22px; scrollbar-color:#3f5b86 transparent; }.chat-thread .moon-message { max-width:84%; margin:0; }.chat-composer { display:flex; align-items:center; gap:9px; height:65px; padding:11px 13px; border-top:1px solid #263957; background:#0b1321; }.chat-composer input { flex:1; min-width:0; padding:11px 12px; border:1px solid #273e60; border-radius:10px; outline:0; color:#eaf2ff; background:#101b2d; font:12px inherit; }.chat-composer input:focus { border-color:#719de7; box-shadow:0 0 0 3px #5588de20; }.chat-composer button { padding:10px 13px; border:1px solid #5c86cf; border-radius:9px; color:#eff6ff; background:#21477f; font:600 10px inherit; cursor:pointer; }.chat-composer button span { margin-left:6px; }.chat-modal.minimized { position:fixed; inset:auto 27px 25px auto; width:212px; height:54px; min-height:0; border-radius:15px; cursor:pointer; }.chat-modal.minimized .chat-thread,.chat-modal.minimized .chat-composer,.chat-modal.minimized .chat-controls #minimize-chat { display:none; }.chat-modal.minimized .chat-header { height:54px; padding:10px 13px; border:0; }.chat-modal.minimized .chat-identity small { display:none; }.chat-modal.minimized::backdrop { background:transparent; backdrop-filter:none; }.sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:680px) { .chat-modal { width:calc(100vw - 24px); height:calc(100vh - 52px); }.chat-modal.minimized { right:13px; bottom:13px; width:196px; height:52px; } }

.proposal-cards { display:grid; gap:8px; width:min(100%,480px); margin:0 0 0 41px; }.proposal-card { padding:12px; border:1px solid #665333; border-radius:11px; background:linear-gradient(120deg,#241e15,#17140f); }.proposal-card b,.proposal-card small { display:block; }.proposal-card b { color:#f2d49a; font-size:11px; }.proposal-card small { margin:5px 0 10px; color:#ab9878; font-size:10px; line-height:1.45; }.proposal-card button { padding:6px 8px; border:1px solid #876d40; border-radius:7px; color:#f2dbaa; background:#362815; font:600 9px inherit; cursor:pointer; }.proposal-card button:hover { border-color:#d7ae61; color:#fff0c9; }

.proposal-modal { width:min(625px,calc(100vw - 34px)); padding:31px; border:1px solid #7a6038; border-radius:19px; color:#f2eadb; background:radial-gradient(circle at 85% 0,#493619,#15120e 55%); box-shadow:0 28px 100px #000e,0 0 60px #b5802833; }.proposal-modal::backdrop { background:#020611b9; backdrop-filter:blur(8px); }.proposal-modal h2 { margin:7px 0; font-size:26px; font-weight:500; }.proposal-state { display:inline-block; margin:19px 0 16px; padding:6px 9px; border:1px solid #806540; border-radius:999px; color:#f1cd88; background:#2c2213; font-size:10px; font-weight:700; }.proposal-label { display:block; margin:0 0 7px; color:#b9a98f; font-size:11px; }.proposal-modal input { width:100%; padding:11px 12px; border:1px solid #5a4d39; border-radius:10px; outline:0; color:#fff2da; background:#17140f; font:12px inherit; }.proposal-modal input:focus { border-color:#c99e52; box-shadow:0 0 0 3px #c99e5222; }.proposal-result { min-height:42px; margin:14px 0; color:#bfad8d; font-size:11px; line-height:1.55; }.proposal-actions { display:flex; flex-wrap:wrap; gap:8px; }.proposal-actions button { padding:9px 11px; border:1px solid #81663d; border-radius:8px; color:#f5dba7; background:#332613; font:600 10px inherit; cursor:pointer; }.proposal-actions button:hover:not(:disabled) { border-color:#d9af61; color:#fff4d5; }.proposal-actions button:disabled { opacity:.42; cursor:not-allowed; }.proposal-actions #proposal-execute { border-color:#bd8c49; background:#604116; }
.proposal-modal select { width:100%; margin:0 0 14px; padding:10px 11px; border:1px solid #5a4d39; border-radius:10px; color:#fff2da; background:#17140f; font:11px inherit; }

.activity-page { display:none; grid-column:2 / 4; padding:45px clamp(30px,5vw,76px); overflow-y:auto; }.shell.show-activity .workspace,.shell.show-activity .insights { display:none; }.shell.show-activity .activity-page { display:block; }.activity-top { display:flex; align-items:start; justify-content:space-between; padding-bottom:26px; border-bottom:1px solid #202d43; }.activity-top .kicker { margin:0 0 7px; }.activity-top h1 { margin:0; font-size:36px; font-weight:500; letter-spacing:-1px; }.activity-top p:last-child { margin:8px 0 0; color:#8291a8; font-size:12px; }.back-overview { padding:9px 11px; border:1px solid #344e75; border-radius:9px; color:#bfd2f4; background:#101a2c; font:600 10px inherit; cursor:pointer; }.activity-summary { display:flex; gap:10px; margin:20px 0; padding:13px; border:1px solid #243653; border-radius:12px; color:#98a9c2; background:#0e1726a8; font-size:11px; line-height:1.55; }.activity-summary p { margin:0; }.task-list { display:grid; gap:9px; }.task-row { display:grid; grid-template-columns:12px 1fr auto; gap:12px; align-items:center; padding:15px; border:1px solid #24324a; border-radius:13px; background:#0c1421a8; }
.task-row:not(:has(.task-state)) { grid-template-columns:minmax(0,1fr) auto; }
.task-row:not(:has(.task-state)) > div { min-width:0; }.task-row:hover { border-color:#49648d; }.task-state { width:8px; height:8px; border-radius:50%; background:#70e0b5; box-shadow:0 0 10px #70e0b577; }.task-state.observing { background:#91adff; }.task-row b,.task-row small { display:block; }.task-row b { font-size:12px; font-weight:600; }.task-row small { margin-top:4px; color:#73839a; font-size:10px; }.task-row time { color:#65758c; font-size:10px; }.task-row button { padding:7px 9px; border:1px solid #385481; border-radius:8px; color:#bad0f8; background:#12213a; font:600 9px inherit; cursor:pointer; }.empty-tasks { color:#7e8da4; font-size:12px; }
.system-page { display:none; grid-column:2 / 4; padding:45px clamp(30px,5vw,76px); overflow-y:auto; }.shell.show-system .workspace,.shell.show-system .insights { display:none; }.shell.show-system .system-page { display:block; }.system-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:20px 0; }.system-summary article { padding:14px; border:1px solid #243653; border-radius:12px; background:#0d1625a8; }.system-summary small,.system-summary strong { display:block; }.system-summary small { color:#8494ad; font-size:10px; }.system-summary strong { margin-top:6px; color:#e6efff; font-size:20px; font-weight:500; }.system-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.system-panel { min-height:210px; padding:17px; border:1px solid #243653; border-radius:14px; background:#0b1320aa; }.panel-head { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; padding-bottom:13px; border-bottom:1px solid #1d2a40; }.panel-head .kicker { margin:0 0 5px; font-size:8px; }.panel-head h2 { margin:0; font-size:14px; font-weight:600; }.panel-head button { padding:7px 8px; border:1px solid #385481; border-radius:8px; color:#b9cff4; background:#12213a; font:600 9px inherit; cursor:pointer; }.process-list { display:grid; gap:9px; margin-top:14px; }.process-list p { color:#7788a0; font-size:11px; }.process-row { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:10px; align-items:center; padding:9px 0; border-bottom:1px solid #1d2a40; }.process-row b,.process-row small { display:block; }.process-row b { overflow:hidden; color:#c6d3e6; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.process-row small { margin-top:2px; color:#6d7d94; font-size:9px; }.process-row span { color:#9dbdff; font-size:11px; }.system-detail { color:#a9b8cd; font-size:11px; line-height:1.6; }
.settings-page { display:none; grid-column:2 / 4; padding:45px clamp(30px,5vw,76px); overflow-y:auto; }.shell.show-settings .workspace,.shell.show-settings .insights { display:none; }.shell.show-settings .settings-page { display:block; }.settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:22px; }.setting-card { padding:18px; border:1px solid #263957; border-radius:14px; background:#0c1421aa; }.setting-card.wide { grid-column:span 2; }.setting-card .kicker { margin:0 0 7px; font-size:8px; }.setting-card h2 { margin:0; font-size:15px; font-weight:600; }.setting-card p { margin:10px 0 0; color:#8d9db4; font-size:11px; line-height:1.6; }.setting-value { display:inline-flex; align-items:center; gap:6px; margin-top:14px; padding:6px 8px; border:1px solid #344a6e; border-radius:999px; color:#bcd1f5; background:#101b2d; font-size:10px; }.setting-value.ok { border-color:#407a68; color:#8ee6c4; }.setting-value.warn { border-color:#806742; color:#e5be7b; }.setting-card code { color:#aac7ff; font:10px ui-monospace,monospace; }.settings-list { display:grid; gap:8px; margin-top:12px; }.settings-list div { display:flex; justify-content:space-between; gap:12px; padding-top:8px; border-top:1px solid #1e2a3e; color:#8d9eb8; font-size:10px; }.settings-list b { color:#c5d3e9; font-weight:600; }
.monitor-badge { margin-left:7px; padding:4px 6px; border:1px solid #31526d; border-radius:999px; color:#91c7dd; background:#0b1b2a; font-size:8px; letter-spacing:0; }.monitor-badge.attention { border-color:#8a693c; color:#ebc277; }.monitoring-panel { display:grid; grid-template-columns:1fr auto; gap:12px; margin-top:13px; padding:18px; border:1px solid #29405f; border-radius:14px; background:linear-gradient(110deg,#0d1b2d,#0b1320); }.monitoring-panel .kicker { margin:0 0 6px; font-size:8px; }.monitoring-panel h2 { margin:0; font-size:15px; }.monitoring-panel p { margin:7px 0 0; color:#8fa0b9; font-size:11px; line-height:1.55; }.monitoring-panel button { align-self:center; padding:9px 11px; border:1px solid #4279a4; border-radius:9px; color:#cce7ff; background:#123454; font:600 10px inherit; cursor:pointer; }.monitor-results { grid-column:1 / -1; padding-top:12px; border-top:1px solid #20334c; color:#91a4bf; font-size:11px; line-height:1.6; }
.monitor-controls { grid-column:1 / -1; display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:11px 0 0; border-top:1px solid #20334c; color:#a5b7d0; font-size:10px; }.monitor-controls label { display:flex; align-items:center; gap:6px; }.monitor-controls input { accent-color:#78b5e9; }.monitor-controls select { padding:7px 8px; border:1px solid #34516f; border-radius:8px; color:#c9ddf7; background:#0c1929; font:10px inherit; }.monitor-controls #monitor-save { padding:7px 9px; }
.task-row.monitor-event { border-color:#53452d; background:#17140f88; }.task-state.monitoring { background:#e6b45c; box-shadow:0 0 10px #e6b45c66; }

.pairing-panel { display:grid; grid-template-columns:1fr auto; gap:12px; margin-top:13px; padding:18px; border:1px solid #4a406b; border-radius:14px; background:linear-gradient(110deg,#15142a,#0b1320); }.pairing-panel .kicker { margin:0 0 6px; font-size:8px; }.pairing-panel h2 { margin:0; font-size:15px; }.pairing-panel p { margin:7px 0 0; color:#a19bbd; font-size:11px; line-height:1.55; }.pairing-panel button { align-self:center; padding:9px 11px; border:1px solid #685a9a; border-radius:9px; color:#ded5ff; background:#30265b; font:600 10px inherit; cursor:pointer; }.pairing-code { grid-column:1 / -1; padding:13px; border:1px dashed #62568c; border-radius:10px; color:#e2d9ff; background:#121126; font:600 16px ui-monospace,monospace; letter-spacing:2px; text-align:center; }.pairing-form { grid-column:1 / -1; display:grid; grid-template-columns:1fr 1fr auto; gap:8px; }.pairing-form input { min-width:0; padding:9px 10px; border:1px solid #4a456c; border-radius:8px; color:#eee8ff; background:#111022; font:10px inherit; }.pairing-form button { padding:8px 10px; }.pairing-result { grid-column:1 / -1; padding-top:11px; border-top:1px solid #30294c; color:#aaa4c3; font-size:10px; line-height:1.5; }
@media (max-width:680px) { .pairing-form { grid-template-columns:1fr; } }
@media (max-width:1000px) { .settings-page { grid-column:2; } }.settings { display:none; } @media (max-width:680px) { .settings-page { padding:28px 18px; }.settings-grid { grid-template-columns:1fr; }.setting-card.wide { grid-column:auto; } }
@media (max-width:1000px) { .system-page { grid-column:2; }.system-summary { grid-template-columns:repeat(2,1fr); } }.settings { display:none; } @media (max-width:680px) { .system-grid { grid-template-columns:1fr; }.system-summary { grid-template-columns:repeat(2,1fr); }.system-page { padding:28px 18px; } }

/* Pairing panel: kept at the end so it remains themed after responsive rules. */
.settings-page .pairing-panel { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; margin-top:14px; padding:20px; border:1px solid #4d4677; border-radius:16px; background:radial-gradient(circle at 93% 0,#39305f 0,transparent 42%),linear-gradient(120deg,#17152c,#0c1422); box-shadow:inset 0 1px #ffffff09,0 12px 30px #0003; }
.settings-page .pairing-panel .kicker { margin:0 0 7px; color:#a9a3e6; font-size:9px; }.settings-page .pairing-panel h2 { margin:0; color:#eeeaff; font-size:16px; font-weight:600; }.settings-page .pairing-panel p { max-width:470px; margin:8px 0 0; color:#b1accd; font-size:11px; line-height:1.6; }.settings-page .pairing-panel button { align-self:center; min-height:35px; padding:9px 12px; border:1px solid #7b6ac0; border-radius:9px; color:#f1edff; background:linear-gradient(135deg,#514187,#31275d); box-shadow:0 6px 16px #0b092655; font:600 10px Inter,ui-sans-serif,system-ui,sans-serif; cursor:pointer; }.settings-page .pairing-panel button:hover { border-color:#b6a6ff; box-shadow:0 0 18px #7764d666; }.settings-page .pairing-code { grid-column:1 / -1; padding:15px; border:1px dashed #7667ad; border-radius:11px; color:#eeeaff; background:#0c0b1c; box-shadow:inset 0 0 24px #5d4eae16; font:700 17px ui-monospace,Consolas,monospace; letter-spacing:2.5px; text-align:center; }.settings-page .pairing-form { grid-column:1 / -1; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; gap:9px; }.settings-page .pairing-form input { min-width:0; height:37px; padding:0 11px; border:1px solid #504a77; border-radius:9px; outline:none; color:#f3efff; background:#100f20; font:11px Inter,ui-sans-serif,system-ui,sans-serif; }.settings-page .pairing-form input:focus { border-color:#9b8aed; box-shadow:0 0 0 3px #8573da24; }.settings-page .pairing-form button { min-height:37px; }.settings-page .pairing-result { grid-column:1 / -1; min-height:31px; padding:12px 1px 0; border-top:1px solid #373157; color:#aaa5c5; font-size:10px; line-height:1.55; }
@media (max-width:680px) { .settings-page .pairing-panel { grid-template-columns:1fr; }.settings-page .pairing-form { grid-template-columns:1fr; }.settings-page .pairing-panel > button { width:100%; } }
.relay-panel { display:grid; grid-template-columns:1fr auto; gap:11px; margin-top:13px; padding:18px; border:1px solid #35586c; border-radius:14px; background:linear-gradient(115deg,#10212c,#0c1420); }.relay-panel .kicker { margin:0 0 6px; font-size:8px; }.relay-panel h2 { margin:0; font-size:15px; }.relay-panel p { margin:7px 0 0; color:#9bb5c5; font-size:11px; line-height:1.55; }.relay-toggle { align-self:center; color:#bcd7e6; font-size:10px; }.relay-toggle input { accent-color:#6ca9c7; }.relay-panel > input { grid-column:1 / 2; padding:9px 10px; border:1px solid #35566c; border-radius:8px; color:#d7edf6; background:#0a1720; font:10px inherit; }.relay-panel button { padding:9px 11px; border:1px solid #4d829b; border-radius:8px; color:#d6eff9; background:#15374a; font:600 10px inherit; cursor:pointer; }.relay-result { grid-column:1 / -1; padding-top:10px; border-top:1px solid #203d4d; color:#91b4c5; font-size:10px; }
.relay-sessions { grid-column:1 / -1; display:grid; gap:7px; color:#91b4c5; font-size:10px; }.relay-sessions > div { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:9px 0; border-top:1px solid #203d4d; }.relay-sessions button { padding:6px 8px; color:#ffd1d1; border-color:#8c5252; background:#3a2025; }
.public-page { display:none; grid-column:2 / 4; padding:52px clamp(32px,6vw,94px); overflow-y:auto; }.shell.show-public .workspace,.shell.show-public .insights { display:none; }.shell.show-public .public-page.active { display:block; }.public-hero { max-width:760px; padding-bottom:34px; border-bottom:1px solid #263650; }.public-hero .kicker { margin:0 0 10px; color:#9ebcff; }.public-hero h1 { margin:0; color:#eff4ff; font-size:clamp(31px,4vw,52px); font-weight:500; letter-spacing:-1.7px; line-height:1.04; }.public-hero > p { max-width:650px; margin:18px 0; color:#9dacbf; font-size:13px; line-height:1.7; }.public-back { padding:9px 11px; border:1px solid #496792; border-radius:9px; color:#c7d9fb; background:#12223a; font:600 10px inherit; cursor:pointer; }.public-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; margin-top:25px; }.public-grid article { padding:20px; border:1px solid #273753; border-radius:14px; background:#0c1524a6; }.public-grid h2 { margin:0; color:#e0eaff; font-size:15px; font-weight:600; }.public-grid p,.public-grid li { color:#96a7c0; font-size:11px; line-height:1.65; }.public-grid ul,.public-grid ol { margin:12px 0 0; padding-left:18px; }.public-grid code { display:block; margin-top:13px; padding:9px; border-radius:8px; color:#bcd1ff; background:#0a111e; font:10px ui-monospace,monospace; }.permission-flow { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:25px 0; color:#a9bad1; font-size:11px; }.permission-flow span,.permission-flow b { padding:7px 9px; border:1px solid #334967; border-radius:999px; background:#101c2d; }.permission-flow b { border-color:#b08b50; color:#f0cc8c; background:#2a2113; }.permission-flow i { color:#627895; font-style:normal; }.permissions-grid .wide { grid-column:span 2; }.permission-hero h1 { max-width:700px; }
@media (max-width:1000px) { .public-page { grid-column:2; } }.settings { display:none; } @media (max-width:680px) { .public-page { padding:32px 19px; }.public-grid { grid-template-columns:1fr; }.permissions-grid .wide { grid-column:auto; } }
@media (max-width:1000px) { .activity-page { grid-column:2; } }.activity-details { margin-top:7px; color:#8b9bb2; font-size:10px; }

/* Responsive companion layout. Moon's runtime remains on a paired PC. */
.mobile-companion { display:none; }
.ambient-moon span { background-image:url('assets/moon-lunar.png'); }
.paired-web-shell .mobile-companion { display:flex; gap:14px; max-width:620px; margin-top:20px; padding:19px; border:1px solid #37527c; border-radius:15px; background:linear-gradient(135deg,#101d34,#0c1422); box-shadow:inset 0 1px #ffffff0a,0 12px 32px #0004; }
.mobile-companion-orb { display:grid; place-items:center; flex:0 0 37px; width:37px; height:37px; border-radius:50%; color:#d8e8ff; background:radial-gradient(circle at 30% 28%,#b8d1ff,#4c6da8 44%,#162039 78%); box-shadow:0 0 20px #668de18c; }
.mobile-companion .kicker { margin:1px 0 6px; font-size:8px; }.mobile-companion h2 { margin:0; font-size:15px; font-weight:600; }.mobile-companion p:not(.kicker) { margin:7px 0 12px; color:#91a3bd; font-size:11px; line-height:1.6; }.mobile-companion div:last-child { display:flex; flex-wrap:wrap; gap:8px; }.mobile-companion a { padding:7px 8px; border:1px solid #3b5b8c; border-radius:8px; color:#b8d2ff; background:#12223d; font-size:10px; text-decoration:none; }
.web-pairing-form { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; gap:7px; }.web-pairing-form input { min-width:0; padding:9px 10px; border:1px solid #2f4b74; border-radius:8px; outline:0; color:#e9f1ff; background:#0a1424; font:11px inherit; }.web-pairing-form input:focus { border-color:#77a5fa; }.web-pairing-form button { padding:9px 10px; border:1px solid #638bd1; border-radius:8px; color:#edf5ff; background:#22467d; font:600 10px inherit; cursor:pointer; }.web-pairing-status { min-height:17px; margin-bottom:11px !important; color:#7f98ba !important; font-size:10px !important; }

@media (max-width:820px) {
  .shell { grid-template-columns:174px minmax(0,1fr); width:calc(100vw - 24px); min-height:calc(100vh - 24px); margin:12px auto; }
  .rail { padding:24px 14px 18px; }
  .workspace { padding:27px clamp(22px,4vw,42px); }
  .activity-page,.system-page,.settings-page,.public-page { padding:38px clamp(22px,4vw,46px); }
  .system-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .settings-grid { grid-template-columns:1fr; }
  .setting-card.wide { grid-column:auto; }
}

@media (max-width:680px) {
  body { overflow-x:hidden; }
  .shell { width:100%; min-height:100dvh; margin:0; border:0; border-radius:0; }
  .rail { position:sticky; top:0; z-index:8; min-height:66px; padding:14px 16px; background:#080d18f2; backdrop-filter:blur(14px); }
  .brand { font-size:17px; }
  .brand-moon { width:22px; }
  .navigation { right:8px; top:12px; gap:3px; }
  .navigation a { min-width:42px; min-height:42px; justify-content:center; padding:10px; }
  .navigation i { font-size:17px; }
  .workspace { padding:20px 16px 26px; }
  .topbar { align-items:flex-start; }
  .eyebrow { max-width:235px; line-height:1.45; }
  .monitor-badge { display:none; }
  .welcome { min-height:194px; padding-top:37px; }
  .welcome h1 { max-width:285px; font-size:clamp(29px,9vw,39px); letter-spacing:-1.35px; }
  .welcome-copy { max-width:290px; font-size:12px; line-height:1.6; }
  .ambient-moon { top:28px; right:-62px; width:148px; opacity:.58; }
  .section-heading { gap:12px; align-items:flex-end; }
  .section-heading h2 { font-size:17px; }
  .text-button { flex:0 0 auto; text-align:right; line-height:1.35; }
  .evidence-grid { grid-template-columns:1fr; gap:9px; }
  .evidence-card { min-height:113px; padding:15px; }
  .evidence-card strong { font-size:23px; }
  .ask-moon { min-height:52px; margin-top:16px; padding:7px 8px 7px 12px; }
  .ask-moon input { font-size:16px; }
  .ask-moon button { min-height:36px; padding:8px 10px; }
  .app-footer { flex-wrap:wrap; gap:11px; padding:4px 0 8px; }
  .app-footer span { display:none; }
  .app-footer b { margin-left:auto; }
  .chat-modal { width:calc(100vw - 18px); height:calc(100dvh - 32px); border-radius:17px; }
  .chat-header { padding:14px 15px; }
  .chat-thread { height:calc(100% - 122px); padding:16px 14px; }
  .chat-thread .moon-message,.user-message { max-width:94%; }
  .chat-composer { height:62px; padding:9px; }
  .chat-composer input { min-height:42px; font-size:16px; }
  .chat-composer button { min-height:42px; }
  .detail-modal,.proposal-modal { width:calc(100vw - 18px); max-height:calc(100dvh - 28px); padding:24px 18px; overflow-y:auto; border-radius:16px; }
  .modal-stat { margin:20px 0; font-size:43px; }
  .proposal-actions { display:grid; grid-template-columns:1fr; }
  .proposal-actions button { min-height:42px; }
  .activity-page,.system-page,.settings-page,.public-page { padding:28px 16px; }
  .activity-top { gap:14px; }
  .activity-top h1 { font-size:31px; }
  .system-summary { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .system-summary article { padding:12px; }
  .system-summary strong { font-size:18px; }
  .system-grid,.settings-grid,.public-grid { grid-template-columns:1fr; }
  .panel-head { gap:10px; }
  .panel-head button { min-height:34px; }
  .activity-summary { align-items:flex-start; }
  .public-hero { padding-bottom:26px; }
  .public-hero h1 { font-size:clamp(30px,10vw,43px); }
  .public-grid article { padding:17px; }
  .permission-flow { gap:5px; }
  .permission-flow i { display:none; }
  .permissions-grid .wide { grid-column:auto; }
  .mobile-companion { display:none; }
  .paired-web-shell:not(.paired-device-connected) .ask-moon { display:none; }
  .paired-web-shell .mobile-companion { margin-top:18px; padding:17px; }
  .web-pairing-form { grid-template-columns:1fr; }
  .web-pairing-form input,.web-pairing-form button { min-height:41px; font-size:16px; }
}
.runtime-download{display:flex!important;justify-content:space-between;align-items:center;width:100%;margin:10px 0 8px;padding:10px 11px!important;border-color:#6f9cf0!important;background:linear-gradient(135deg,#244a85,#19345e)!important;color:#f2f6ff!important;font-size:11px!important;font-weight:700}.runtime-download span{font-size:14px}.runtime-steps{margin:0 0 13px!important;font-size:10px!important;color:#9eb5d5!important}.runtime-steps b{color:#d3e1fb}.public-grid .download-guide{border-color:#547dbb;background:#0f1d33}.public-grid .download-guide a{display:inline-flex;margin-top:10px;color:#bdd5ff;font-weight:700}@media(max-width:680px){.runtime-download{min-height:43px;font-size:13px!important}.runtime-steps{font-size:11px!important}}

/* Pairing confirmation and mobile-focused onboarding. */
.pairing-success-modal { max-width:470px; }.pairing-success-continue { margin-top:6px; padding:10px 15px; border:1px solid #638bd1; border-radius:9px; color:#eef5ff; background:#22467d; font:600 11px inherit; cursor:pointer; }
@media(max-width:680px){.paired-web-shell .runtime-download{display:none!important}.paired-web-shell .runtime-steps{margin-top:4px!important}.pairing-success-modal{width:calc(100vw - 28px)!important;padding:25px 19px!important}.pairing-success-continue{min-height:43px;width:100%;font-size:13px}}

.startup-panel{display:grid;grid-template-columns:1fr auto;gap:12px;padding:18px;border:1px solid #29405c;border-radius:13px;background:#0c1727}.startup-panel h2{margin:3px 0 7px;color:#e4efff;font-size:15px}.startup-panel p{margin:0;color:#91a7c6;font-size:11px;line-height:1.55}.startup-panel button{padding:9px 11px;border:1px solid #4d829b;border-radius:8px;color:#d6eff9;background:#15374a;font:600 10px inherit;cursor:pointer}.startup-result{grid-column:1 / -1;padding-top:10px;border-top:1px solid #203d4d;color:#91b4c5;font-size:10px}@media(max-width:680px){.startup-panel{grid-template-columns:1fr}.startup-panel button{min-height:41px}}

.process-row button { padding:7px 10px; border:1px solid #4d79b5; border-radius:8px; color:#d6e7ff; background:#173b6b; font:600 9px inherit; cursor:pointer; white-space:nowrap; }
.process-row button:hover { background:#21508c; border-color:#80b3f5; }

.action-confirm-controls { display:grid; grid-template-columns:1fr 1fr; gap:18px; width:100%; margin-top:32px; padding-top:18px; border-top:1px solid #2b426a; }
.action-confirm-controls button { width:100%; min-height:48px; padding:12px 18px; border-radius:10px; font:600 13px inherit; cursor:pointer; }
.action-confirm-controls button:first-child { color:#d0dced; background:#172946; border:1px solid #49678f; }
.action-confirm-controls button:last-child { color:#f3f7ff; background:#295696; border:1px solid #6ea1e8; box-shadow:0 8px 20px #0d1a3577; }

.suggested-actions { display:flex; flex-wrap:wrap; gap:9px; margin:12px 0 4px 48px; padding:13px; border:1px solid #2d4e7c; border-radius:12px; background:#0d1b31; }
.suggested-actions .kicker { width:100%; margin:0 0 2px; }
.suggested-actions button { padding:9px 11px; border:1px solid #4d79b5; border-radius:8px; color:#d6e7ff; background:#173b6b; font:600 10px inherit; cursor:pointer; }

.downloads-page { display:none; grid-column:2 / 4; padding:45px clamp(30px,5vw,76px); overflow-y:auto; }
.shell.show-downloads .workspace,.shell.show-downloads .insights { display:none; }
.shell.show-downloads .downloads-page { display:block; }
.downloads-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:20px 0; }
.downloads-summary article,.downloads-section { padding:16px; border:1px solid #243653; border-radius:14px; background:#0c1421a8; }
.downloads-summary small,.downloads-summary strong { display:block; }.downloads-summary small { color:#8494ad; font-size:10px; }.downloads-summary strong { margin-top:6px; color:#e6efff; font-size:20px; font-weight:500; }
.downloads-section { margin-top:14px; }.downloads-section .section-heading { margin-bottom:14px; }.downloads-section .section-heading h2 { margin:4px 0 0; font-size:16px; font-weight:600; }
.downloads-cards,.duplicate-list { display:grid; gap:9px; }.download-card,.duplicate-group { padding:13px; border:1px solid #263957; border-radius:11px; background:#0a1321; }.download-card { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; }.download-card b,.download-card small { display:block; }.download-card b { color:#d9e5f7; font-size:12px; }.download-card small,.duplicate-group small { margin-top:4px; color:#8193ad; font-size:10px; line-height:1.5; }.download-card button { padding:8px 10px; border:1px solid #496c9f; border-radius:8px; color:#d8e8ff; background:#16315b; font:600 10px inherit; cursor:pointer; }.duplicate-group b { color:#c9d9ed; font-size:11px; }.duplicate-path { display:block; overflow:hidden; margin-top:5px; color:#778ba7; font:10px ui-monospace,Consolas,monospace; text-overflow:ellipsis; white-space:nowrap; }
@media (max-width:680px) { .downloads-page { padding:28px 16px; }.downloads-summary { grid-template-columns:1fr; }.download-card { grid-template-columns:1fr; }.download-card button { width:100%; min-height:42px; } }

.system-page-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.system-page-actions #guided-cleanup { border-color:#5e85c2; color:#e1eeff; background:#173863; }

.guided-cleanup-modal { width:min(650px,calc(100vw - 34px)); }
.guided-action-list { display:grid; gap:9px; margin:18px 0; }
.guided-action { display:grid; grid-template-columns:auto minmax(0,1fr); gap:12px; align-items:start; padding:13px; border:1px solid #2d4b75; border-radius:11px; background:#0d1b30; cursor:pointer; }
.guided-action:has(input:checked) { border-color:#5c8fd2; background:#102443; }.guided-action input { width:18px; height:18px; accent-color:#6ea6ef; }.guided-action b,.guided-action small { display:block; }.guided-action b { color:#deebfb; font-size:12px; }.guided-action small { margin-top:4px; color:#92a8c7; font-size:10px; line-height:1.45; }

.quick-cleanup { display:grid; grid-template-columns:auto 1fr auto; gap:11px; align-items:center; width:100%; margin-top:16px; padding:15px; border:1px solid #608dcc; border-radius:12px; color:#e7f1ff; background:linear-gradient(135deg,#173a69,#102746); text-align:left; cursor:pointer; box-shadow:0 9px 24px #06132688; }
.quick-cleanup:hover { border-color:#91b9f2; background:linear-gradient(135deg,#1b477d,#143057); }.quick-cleanup > span { display:grid; width:29px; height:29px; place-items:center; border-radius:9px; color:#dcedff; background:#2c5d98; }.quick-cleanup b,.quick-cleanup small { display:block; }.quick-cleanup b { font-size:12px; }.quick-cleanup small { margin-top:3px; color:#b1c7e5; font-size:10px; }.quick-cleanup i { color:#d7e9ff; font-size:18px; font-style:normal; }

.cleanup-result-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:18px 0; }.cleanup-result-stats article { padding:11px; border:1px solid #294263; border-radius:10px; background:#0c1a2e; }.cleanup-result-stats small,.cleanup-result-stats strong { display:block; }.cleanup-result-stats small { color:#8fa4c2; font-size:9px; }.cleanup-result-stats strong { margin-top:5px; color:#e5f0ff; font-size:17px; }.cleanup-result-list { display:grid; gap:8px; margin:14px 0 20px; }.cleanup-result-row { padding:10px 12px; border-left:3px solid #5db98e; border-radius:7px; background:#0e2130; }.cleanup-result-row b,.cleanup-result-row small { display:block; }.cleanup-result-row b { color:#dbe9fa; font-size:11px; }.cleanup-result-row small { margin-top:3px; color:#9db1ca; font-size:10px; }.cleanup-stopped-reason { padding:11px; border-left:3px solid #d2a158; color:#e3c28d; background:#2a2114; font-size:11px; line-height:1.5; }
@media (max-width:680px) { .cleanup-result-stats { grid-template-columns:1fr; } }