/* DC_CIRCUIT_UI_V6 — 2026-10-24. Scoped to circuit homepage. */
body:has(#dcCircuitPage) #dcCreationMusicPlayer{display:none!important;visibility:hidden!important}
#dcCircuit #dcCircuitCoreButton{
 width:119.067px!important;height:119.067px!important;min-width:119.067px;min-height:119.067px;
 padding:0!important;border:0!important;border-radius:0!important;clip-path:none!important;
 background:transparent!important;box-shadow:none!important;
}
#dcCircuit #dcCircuitCoreButton::before,#dcCircuit #dcCircuitCoreButton::after{content:none!important;display:none!important}
#dcCircuit #dcCircuitCoreButton img{
 width:100%!important;height:calc(100% - 22px)!important;max-width:100%!important;max-height:calc(100% - 22px)!important;
 object-fit:contain;mix-blend-mode:screen;background:transparent!important;
}
#dcCircuit #dcCircuitCoreButton span{
 position:absolute!important;top:auto!important;bottom:0!important;left:50%!important;transform:translateX(-50%)!important;
 border:0!important;background:rgba(1,10,20,.28)!important;box-shadow:none!important;white-space:nowrap
}
#dcCircuit #dcCircuitCoreButton:hover,#dcCircuit #dcCircuitCoreButton:focus-visible{
 background:transparent!important;border:0!important;box-shadow:none!important
}
#dcCircuit .dc-node--01,#dcCircuit .dc-node--02{top:clamp(115px,15.5vh,153px)!important}
@media(max-width:760px){
 #dcCircuit .dc-node--01,#dcCircuit .dc-node--02{top:clamp(102px,16vh,129px)!important}
 #dcCircuit #dcCircuitCoreButton{width:119.067px!important;height:119.067px!important;min-width:0;min-height:0}
}
.dc-circuit-header--v5 .dc-circuit-header__radio.dc-circuit-play,
.dc-circuit-dock--v5 .dc-circuit-play{
 display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-height:36px;
 background:rgba(0,12,24,.80);color:#b7faff;border:1px solid rgba(0,229,242,.55);
 font:800 10px/1 'JetBrains Mono',monospace;letter-spacing:.07em;white-space:nowrap;
 cursor:pointer;transition:background .16s,box-shadow .16s
}
.dc-circuit-play:hover,.dc-circuit-play:focus-visible{background:rgba(0,192,215,.24);box-shadow:0 0 12px rgba(0,245,255,.4);outline:2px solid #fff;outline-offset:2px}
.dc-circuit-play[aria-pressed="true"]{border-color:#54ffe2;color:#fff;background:rgba(0,100,113,.55)}
.dc-circuit-play__icon{font-size:15px;line-height:1}
.dc-circuit-header--v5 .dc-circuit-header__radio.dc-circuit-play{margin-left:auto;padding:7px 11px}
.dc-circuit-dock--v5 .dc-circuit-play{flex:0 0 auto;padding:7px 10px}
.dc-circuit-notify-trigger{
 position:relative;flex:0 0 auto;display:inline-flex;justify-content:center;align-items:center;
 min-width:38px;min-height:36px;padding:6px 9px;
 border:1px solid rgba(55,210,230,.54);background:rgba(2,14,26,.8);color:#a9f6ff;
 font:800 16px/1 Arial,sans-serif;cursor:pointer
}
.dc-circuit-notify-trigger:hover,.dc-circuit-notify-trigger:focus-visible{outline:2px solid #fff;outline-offset:2px;border-color:#fff}
.dc-circuit-notify-trigger b{position:absolute;top:-7px;right:-7px;min-width:17px;height:17px;line-height:17px;border-radius:9px;
 background:#ed4fdf;color:#090d19;font:800 10px/17px Arial,sans-serif;text-align:center;padding:0 2px}
.dc-circuit-notify-trigger b[hidden]{display:none!important}
.dc-circuit-header--v5 .dc-circuit-header__actions{gap:7px}
.dc-circuit-dock--v5 .dc-circuit-dock__actions{gap:7px}
#dcCircuitNoticeToast{
 position:fixed;z-index:2147482000;top:clamp(118px,17vh,176px);left:50%;transform:translateX(-50%);
 width:min(510px,calc(100vw - 28px));box-sizing:border-box;padding:14px 16px;
 background:linear-gradient(120deg,rgba(2,14,27,.98),rgba(9,20,36,.99));
 border:1px solid #31d8ee;border-left:4px solid #e350e8;box-shadow:0 8px 33px rgba(0,0,0,.72),0 0 25px rgba(0,223,247,.24);
 color:#eafdff;font:13px/1.45 Arial,sans-serif;display:flex;align-items:center;gap:12px
}
#dcCircuitNoticeToast[hidden]{display:none!important}
#dcCircuitNoticeToast .dc-notice-txt{min-width:0;flex:1}
#dcCircuitNoticeToast small{display:block;color:#69f6ff;letter-spacing:.14em;font:800 10px/1.4 monospace}
#dcCircuitNoticeToast strong{display:block;font-size:15px;line-height:1.3;margin:4px 0;overflow-wrap:anywhere}
#dcCircuitNoticeToast p{font-size:12px;line-height:1.3;color:#b1d7e1;margin:0}
#dcCircuitNoticeToast button{cursor:pointer;background:rgba(1,36,50,.8);border:1px solid #30aaba;color:#d9ffff;padding:7px 9px;font-size:11px}
#dcCircuitNoticeToast .dc-toast-dismiss{align-self:flex-start;padding:4px 7px}
#dcCircuitInbox{
 position:fixed;inset:auto;margin:auto;z-index:2147482500;box-sizing:border-box;
 width:min(900px,calc(100vw - 30px));height:min(660px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);
 padding:0;border:1px solid #27c6dc;border-radius:4px;
 background:#04121f;color:#e7f9ff;box-shadow:0 16px 70px #000,0 0 26px rgba(0,222,255,.27);
 font:14px/1.5 Arial,sans-serif;overflow:hidden
}
#dcCircuitInbox[open]{display:flex;flex-direction:column}
#dcCircuitInbox::backdrop{background:rgba(0,4,12,.85);backdrop-filter:blur(5px)}
.dc-inbox-head{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:14px 17px;border-bottom:1px solid #167e94;background:#071d2a}
.dc-inbox-head h2{font:800 17px/1.3 'Rajdhani',Arial,sans-serif;letter-spacing:.08em;margin:0}
.dc-inbox-head button,.dc-inbox-detail a,.dc-inbox-detail button{background:#082c3a;color:#b4faff;border:1px solid #219bb2;padding:7px 11px;cursor:pointer}
.dc-inbox-layout{display:grid;grid-template-columns:minmax(195px,36%) minmax(0,1fr);min-height:0;flex:1;overflow:hidden}
#dcCircuitInboxList{min-height:0;overflow-y:auto;overscroll-behavior:contain;border-right:1px solid #17556b;padding:8px;scrollbar-width:thin}
.dc-inbox-row{display:block;width:100%;margin-bottom:7px;text-align:left;padding:10px;background:#071e2d;color:#b8dfe7;border:1px solid #1c5165;cursor:pointer;overflow-wrap:anywhere}
.dc-inbox-row.is-unread{border-left:3px solid #e64ae7;color:white}
.dc-inbox-row.is-selected{background:#0e3446;border-color:#35e4f2}
.dc-inbox-row small,.dc-inbox-row span{display:block;color:#7dd5e2}
.dc-inbox-row strong{display:block;font-size:13px;line-height:1.3;margin:3px 0}
.dc-inbox-detail{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:17px 21px;overflow-wrap:anywhere;scrollbar-width:thin}
.dc-inbox-detail small{color:#73eefa;letter-spacing:.08em}
.dc-inbox-detail h3{font:800 21px/1.2 'Rajdhani',Arial,sans-serif;margin:8px 0 13px}
.dc-inbox-detail p{white-space:pre-wrap;color:#d4e9f0;margin:0 0 20px;line-height:1.65}
.dc-inbox-empty{padding:12px;color:#9ac3d1}
.dc-circuit-page p,.dc-circuit-page span,.dc-circuit-page strong,.dc-circuit-page small,.dc-circuit-page em{cursor:default}
@media(max-width:1150px){
 .dc-circuit-header--v5 .dc-circuit-header__status{display:none!important}
 .dc-circuit-dock--v5 .dc-circuit-play span:last-child{display:none}
}
@media(max-width:850px){
 .dc-circuit-header--v5 .dc-circuit-header__radio.dc-circuit-play{display:inline-flex!important;padding:5px 7px;min-height:32px}
 .dc-circuit-header--v5 .dc-circuit-play span:last-child{display:none}
 .dc-circuit-header--v5 .dc-circuit-header__brand{flex-basis:84px;width:84px}
 .dc-circuit-header--v5 .dc-circuit-header__city strong{font-size:17px}
 .dc-circuit-notify-trigger{min-width:32px;min-height:32px;padding:5px}
}
@media(max-width:570px){
 .dc-circuit-header--v5 .dc-circuit-header__brand{display:none!important}
 .dc-circuit-header__city strong{font-size:15px!important}
 .dc-circuit-header__city small,.dc-circuit-header__city em{display:none!important}
 .dc-inbox-layout{grid-template-columns:1fr;grid-template-rows:42% 1fr}
 #dcCircuitInboxList{border-right:0;border-bottom:1px solid #17556b}
 #dcCircuitNoticeToast{top:80px}
 .dc-circuit-dock--v5 .dc-circuit-dock__brand{display:none!important}
}
@media(prefers-reduced-motion:reduce){.dc-circuit-play{transition:none!important}}

/* Restore interaction: legacy transparent header had pointer-events:none. */
.dc-circuit-page .dc-circuit-header--v5{pointer-events:auto!important}
.dc-circuit-header--v5 .dc-circuit-play,.dc-circuit-header--v5 .dc-circuit-notify-trigger,.dc-circuit-header--v5 .dc-circuit-header__actions a{pointer-events:auto!important}

/* Ensure notification dialog is viewport-centered, including on Firefox. */
#dcCircuitInbox{top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);margin:0}
@media(max-width:480px){
 .dc-circuit-page .dc-circuit-header--v5{gap:4px!important;padding:0 5px!important}
 .dc-circuit-header--v5 .dc-circuit-header__city strong{font-size:13px!important;letter-spacing:0!important}
 .dc-circuit-header--v5 .dc-circuit-header__actions{gap:3px}
 .dc-circuit-header--v5 .dc-circuit-header__actions .dc-nav-action{font-size:7px!important;letter-spacing:0!important;padding:6px 5px!important}
 .dc-circuit-header--v5 .dc-circuit-header__radio.dc-circuit-play{min-width:31px;padding:4px 5px!important}
 .dc-circuit-header--v5 .dc-circuit-notify-trigger{min-width:28px;padding:4px}
}

/* DC_INBOX_READ_ALL_V7 */
.dc-inbox-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
#dcCircuitInbox [data-dc-inbox-readall]{color:#04121a;background:#45f6f4;border-color:#45f6f4;font-weight:800;white-space:normal}
#dcCircuitInbox [data-dc-inbox-readall]:hover,#dcCircuitInbox [data-dc-inbox-readall]:focus-visible{background:#b4ffff;outline:2px solid #fff;outline-offset:2px}
@media(max-width:570px){.dc-inbox-head{align-items:flex-start}.dc-inbox-head h2{font-size:13px}.dc-inbox-actions{gap:5px}#dcCircuitInbox [data-dc-inbox-readall]{font-size:10px;padding:6px}}