.aura-panel{--aura-accent:#9bc9c0;position:relative;isolation:isolate;margin:16px 0 28px;padding:24px;border:1px solid #86bcb730;border-radius:18px;background:linear-gradient(115deg,#1935336b,transparent 64%),var(--surface);box-shadow:0 12px 38px #0000000a;color:var(--ink)}
.aura-intro{display:flex;align-items:center;gap:18px}.aura-eyebrow{font-size:9px;letter-spacing:2px;color:var(--aura-accent);margin:0 0 7px}.aura-panel h2{font:normal clamp(22px,2.4vw,29px)/1.25 Georgia,serif;color:var(--ink);margin:0}.aura-description{font-size:12px;line-height:1.7;color:var(--muted);margin:7px 0 0}.aura-state{margin-inline-start:auto;font-size:10px;color:var(--muted);max-width:190px;line-height:1.6}.aura-state::before{content:'○';margin-inline-end:6px;color:var(--aura-accent)}[data-aura-state=playing] .aura-state::before{content:'●'}
.aura-orbit{position:relative;flex:0 0 76px;height:76px;color:var(--aura-accent)}.aura-orbit svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:.8}.aura-orbit circle{opacity:.3}.aura-orbit .aura-orbit-outer{stroke-dasharray:1 4;opacity:.5}.aura-orbit path{stroke-width:1.2;opacity:.55}.aura-orbit span{position:absolute;inset:0;display:grid;place-items:center;font:12px Georgia,serif;letter-spacing:2px}
.aura-controls{display:flex;align-items:end;flex-wrap:wrap;gap:16px;border-top:1px solid var(--line);padding-top:20px;margin-top:18px}.aura-controls>label{display:flex;flex-direction:column;gap:8px;font-size:10px;color:var(--muted)}.aura-controls select{min-height:44px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);padding:8px 30px 8px 12px;font:inherit;font-size:12px;max-width:100%}.aura-controls .aura-volume{flex:1;min-width:115px;position:relative}.aura-volume output{position:absolute;inset-inline-end:0;top:0;font-variant-numeric:tabular-nums}.aura-volume input{width:100%;height:44px;margin:0;accent-color:#86bcb7}.aura-controls .aura-colors{flex-direction:row;align-items:center;gap:8px;min-height:44px;font-size:12px}.aura-colors input{width:18px;height:18px;accent-color:#86bcb7}.aura-toggle,.aura-stop{min-height:44px;border:1px solid #86bcb760;background:#86bcb71a;color:var(--ink);padding:10px 18px;border-radius:8px;font-size:12px}.aura-toggle[aria-pressed=true]{background:#86bcb731}.aura-caption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:18px;font-size:10px;line-height:1.8;color:var(--muted)}.aura-caption>span:first-child{color:var(--aura-accent)}.aura-note{max-width:820px;font-size:10px;color:var(--muted);line-height:1.8;margin:8px 0 0}.detail-top .aura-stop{margin-inline-start:auto;min-height:36px;font-size:11px;padding:7px 10px}.detail-top #closeDetail{margin-inline-start:8px}
.aura-wash{position:fixed;inset:0;z-index:30;pointer-events:none;overflow:hidden}.aura-wash>span{position:absolute;inset:0;opacity:0;transition:opacity 2.4s ease;background:radial-gradient(ellipse at 90% 10%,var(--wash),transparent 64%)}.aura-wash-jade{--wash:#44b5a017}.aura-wash-amber{--wash:#df9b4117}.aura-wash-iris{--wash:#a78cdc17}.aura-wash-ocean{--wash:#5b9bd517}.aura-wash-rose{--wash:#d78c9d17}.aura-wash-sage{--wash:#a1b67a17}
[data-aura-active][data-aura-tone=jade] .aura-wash-jade,[data-aura-active][data-aura-tone=amber] .aura-wash-amber,[data-aura-active][data-aura-tone=iris] .aura-wash-iris,[data-aura-active][data-aura-tone=ocean] .aura-wash-ocean,[data-aura-active][data-aura-tone=rose] .aura-wash-rose,[data-aura-active][data-aura-tone=sage] .aura-wash-sage{opacity:1}
[data-aura-tone=jade]{--aura-color:#9bc9c0}[data-aura-tone=amber]{--aura-color:#e6bd84}[data-aura-tone=iris]{--aura-color:#c0afe0}[data-aura-tone=ocean]{--aura-color:#9fc8e5}[data-aura-tone=rose]{--aura-color:#dfb3bd}[data-aura-tone=sage]{--aura-color:#c1ce9f}[data-aura-active] .aura-panel{--aura-accent:var(--aura-color)}[data-aura-active] dialog .detail-top{box-shadow:inset 0 2px var(--aura-color)}
@media(prefers-reduced-motion:reduce){.aura-wash>span{transition:none}}
@media(max-width:620px){.aura-panel{padding:18px 16px;border-radius:13px}.aura-intro{gap:12px;flex-wrap:wrap}.aura-orbit{flex-basis:54px;height:54px}.aura-intro>div:nth-child(2){flex:1}.aura-eyebrow{font-size:8px;letter-spacing:1px}.aura-panel h2{font-size:23px}.aura-state{margin-inline-start:66px;max-width:none}.aura-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}.aura-controls select{width:100%;font-size:12px}.aura-controls .aura-volume{grid-column:1/-1}.aura-toggle{width:100%}.aura-caption{gap:3px}.aura-note{font-size:10px}.detail-top{flex-wrap:wrap}}

/* Paint inside the modal top layer as well as behind the reading surface. */
[data-aura-tone=jade]{--aura-glow:#44b5a02b;--aura-outline:#72c9b775}[data-aura-tone=amber]{--aura-glow:#df9b412b;--aura-outline:#dfad6b75}[data-aura-tone=iris]{--aura-glow:#a78cdc2b;--aura-outline:#b8a1de75}[data-aura-tone=ocean]{--aura-glow:#5b9bd52b;--aura-outline:#84b6df75}[data-aura-tone=rose]{--aura-glow:#d78c9d2b;--aura-outline:#dda4b175}[data-aura-tone=sage]{--aura-glow:#a1b67a2b;--aura-outline:#b9c99a75}
[data-aura-active] .workspace{background-image:radial-gradient(ellipse at 85% 10%,var(--aura-glow),transparent 70%)}
[data-aura-active] .home-frame,[data-aura-active] .table-shell{border-color:var(--aura-outline);box-shadow:0 0 35px var(--aura-glow)}
[data-aura-active] .home-heading h1,[data-aura-active] .board-name{color:var(--aura-color)}
[data-aura-active] #detail,[data-aura-active] .entry-detail{background-image:radial-gradient(ellipse at 100% 0,var(--aura-glow),transparent 75%);border-color:var(--aura-outline)}
[data-aura-active] #detail .detail-top{background-image:linear-gradient(110deg,var(--aura-glow),transparent);box-shadow:inset 0 3px var(--aura-color)}
[data-aura-active] #detail::backdrop{background-image:radial-gradient(ellipse at 85% 20%,var(--aura-glow),transparent 75%)}
[data-aura-active] #detail .detail-title h2,[data-aura-active] .entry-detail h1{color:var(--aura-color)}
.aura-detail-selection{font-size:11px;line-height:1.6;color:var(--aura-color);display:inline-flex;align-items:center;gap:8px;margin-inline-start:12px}.aura-detail-selection::before{content:'';display:inline-block;flex:0 0 9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 12px var(--aura-color)}
[data-aura-active] .home-heading h1,[data-aura-active] .board-name,[data-aura-active] .detail-title h2,[data-aura-active] .entry-detail h1{transition:color 1.2s ease}
html[data-theme=light][data-aura-active] .board-name,html[data-theme=light][data-aura-active] .detail-title h2,html[data-theme=light][data-aura-active] .entry-detail h1,html[data-theme=light][data-aura-active] .home-heading h1{color:var(--ink)}
@media(prefers-reduced-motion:reduce){[data-aura-active] .home-heading h1,[data-aura-active] .board-name,[data-aura-active] .detail-title h2,[data-aura-active] .entry-detail h1{transition:none}}
@media(max-width:620px){.aura-detail-selection{margin-inline-start:0;flex-basis:100%;order:3}.detail-top .aura-stop{margin-inline-start:auto}}