/* Two active apps. Existing warm palettes and motion preferences remain shared. */
.project-browser{background:var(--theme-card);color:var(--ink)}
.page-home .project-browser h3{font-size:clamp(35px,4.8vw,72px);overflow-wrap:anywhere}
.visual-browser,.browser-art{position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;background:var(--theme-art);color:var(--theme-art-ink)}
.visual-browser::before,.browser-art::before{content:"";position:absolute;width:80%;aspect-ratio:1;border-radius:50%;border:1px solid var(--theme-art-muted);opacity:.25;pointer-events:none}
.visual-browser::after,.browser-art::after{content:"";position:absolute;z-index:-1;width:70%;height:65%;background:var(--theme-art-selection);border-radius:36% 64% 56% 44%/51% 43% 57% 49%;animation:browser-matter 9s ease-in-out infinite alternate;pointer-events:none}
.browser-window{position:relative;z-index:1;width:78%;max-width:450px;border:1px solid var(--theme-art-muted);border-radius:18px;background:var(--theme-art-panel);overflow:hidden}
.browser-window-bar{display:flex;align-items:center;gap:14px;min-height:45px;padding:12px 18px;border-bottom:1px solid var(--theme-art-muted);color:var(--theme-art-muted);font-size:12px;line-height:1.4}
.browser-window-dots{font-size:9px;white-space:nowrap;color:var(--theme-art-accent)}
.browser-window-body{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;min-height:220px}
.browser-window-star{font-size:42px;line-height:1;color:var(--theme-art-accent)}
.browser-window-star svg{display:block;width:1em;height:1em}
.browser-window-body b{font-size:clamp(24px,3vw,42px);line-height:1.2;font-weight:650;letter-spacing:0}
.browser-window-body small{font-size:15px;line-height:1.5;color:var(--theme-art-muted)}
.browser-window-line{height:3px;width:65%;background:var(--theme-art-accent);border-radius:99px;margin-top:auto}
.browser-concept-label{position:absolute;bottom:18px;left:24px;right:24px;font-size:10px;letter-spacing:.06em;line-height:1.5;color:var(--theme-art-muted)}
.browser-hero{background:var(--theme-green)}
.browser-art{border-radius:32px;min-width:0}
.browser-detail .detail-head h1 em{color:var(--theme-accent)}
.browser-detail .detail-head>p{color:var(--muted);opacity:1}
:is(.motion-asleep,.is-hidden,.v3-tab-hidden) :is(.visual-browser,.browser-art)::after,.motion-asleep:is(.visual-browser,.browser-art)::after{animation-play-state:paused}
html[data-motion="quiet"] :is(.visual-browser,.browser-art)::after{animation-duration:18s}
html[data-motion="off"] :is(.visual-browser,.browser-art)::after{animation:none}
@keyframes browser-matter{to{transform:rotate(15deg) scale(1.08);border-radius:62% 38% 43% 57%/41% 62% 38% 59%}}
@media(prefers-reduced-motion:reduce){:is(.visual-browser,.browser-art)::after{animation:none}}
@media(max-width:860px){.m4-sheet-title h2{font-size:clamp(28px,7.5vw,38px)}.m4-link b{padding-right:22px;overflow-wrap:anywhere}.browser-art .browser-window-body{min-height:190px}.browser-art{margin-top:8px}}
@media(max-width:600px){.page-home .project-browser h3{font-size:clamp(30px,8.5vw,42px)}.visual-browser .browser-window{width:80%;margin-top:-12px;border-radius:12px}.visual-browser .browser-window-bar{min-height:30px;font-size:10px;padding:8px 12px}.visual-browser .browser-window-body{padding:14px 18px;gap:7px;min-height:140px}.visual-browser .browser-window-star{font-size:28px}.visual-browser .browser-window-star svg{display:block;width:1em;height:1em}
.browser-window-body b{font-size:25px}.visual-browser .browser-window-body small{font-size:13px}.visual-browser .browser-concept-label{bottom:8px;font-size:9px}.browser-art .browser-window{width:82%;margin-top:-20px}.browser-art .browser-window-body{padding:18px;min-height:155px;gap:8px}.browser-art .browser-window-bar{min-height:32px;padding:8px 12px;font-size:10px}.browser-art .browser-window-star{font-size:30px}.browser-art .browser-window-star svg{display:block;width:1em;height:1em}
.browser-window-body b{font-size:26px}.browser-art .browser-concept-label{bottom:12px;left:18px;font-size:9px}}