/* OBSIDIAN interface composition: clear focal action and modular surfaces. */
.power-dock{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:116px;margin:0 0 27px;padding:19px 26px;border:1px solid #bafbe45c;border-radius:25px;background:radial-gradient(ellipse 58% 180% at 7% 50%,#378f7e5a,transparent 80%),radial-gradient(ellipse 45% 180% at 100% 50%,#247bb13b,transparent 75%),linear-gradient(125deg,#15292eeb,#0c1a23ef 70%);box-shadow:inset 0 1px #e5fff441,0 27px 65px #0009,0 0 42px #39aee51a;overflow:hidden}
.power-dock:before{content:'';position:absolute;z-index:-1;inset:-90%;background:conic-gradient(from 130deg,transparent 0 30%,#9cfff116 40%,transparent 49% 70%,#66bfff13 80%,transparent 88%);animation:dock-light 20s linear infinite;pointer-events:none}
.power-dock:after{content:'';position:absolute;inset:0;border-radius:inherit;border:1px solid #d4fff035;mask-image:linear-gradient(120deg,#000,transparent 45%,#0008 100%);pointer-events:none}
@keyframes dock-light{to{transform:rotate(360deg)}}
.power-dock-copy{display:flex;align-items:center;min-width:0;gap:20px}.power-orbit{position:relative;display:grid;place-items:center;flex:none;width:68px;height:68px;border:1px solid #caffed88;border-radius:22px;background:linear-gradient(140deg,#caffea23,#419a9d20 45%,#0b262d);box-shadow:inset 0 1px #e8fff38c,inset 0 -8px 25px #0005,0 0 0 7px #a1fff00b,0 10px 26px #0008;color:#d7fff0;transform:rotate(-7deg)}.power-orbit .icon{width:30px;height:30px;filter:drop-shadow(0 0 10px #a3ffe399)}.power-words{display:flex;flex-direction:column;gap:3px}.power-words strong{color:#f3fff9;font-size:18px;font-weight:850;letter-spacing:.21em}.power-words span{color:#b9d2d1;font-size:12px;font-weight:700}
.power-dock .receiver{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex:none}.power-dock .receiver>span{font-size:11px;color:#d1e1dc}.power-dock #receive{position:relative;justify-content:center;min-width:205px;min-height:61px;border-radius:17px;border-color:#b2fff1a3;background:linear-gradient(120deg,#3b7e79,#1b5964 46%,#14516b);color:#f4fffb;font-weight:800;box-shadow:inset 0 1px #e1fff37a,inset 0 -8px 18px #06313a73,0 9px 25px #0007,0 0 24px #64ded349}.power-dock #receive:hover{border-color:#e2fff6;box-shadow:inset 0 1px #e1fff3c2,0 12px 32px #0008,0 0 32px #6eeacf7a}.power-dock #receive[aria-checked=true]{background:linear-gradient(125deg,#e0fff1,#8bebcf 53%,#65c6c5);color:#0b322c;box-shadow:inset 0 1px #fff,0 0 35px #70ecc579,0 10px 27px #0007}.power-dock #receive strong{font-size:11px;font-weight:850}.power-dock .power-led{background:#a6ffe2;box-shadow:0 0 10px #a6ffe2}
.power-dock #receive-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.receiver-active .power-orbit{border-color:#b7ffe9;box-shadow:inset 0 1px #e8fff3ab,0 0 0 7px #a1fff018,0 0 32px #74ecbf70,0 10px 26px #0008}.receiver-active .power-dock{border-color:#b4ffe39e;box-shadow:inset 0 1px #e5fff45e,0 27px 65px #0009,0 0 55px #39e5a643}
#view-signals .section-head{margin:0 0 18px}.section-head .eyebrow{color:#8ce9da!important}.section-head h1{font-size:clamp(26px,3vw,39px)}
/* Independent setting tiles replace the ambiguous single slab. */
#view-settings .settings-list{display:grid;gap:12px;overflow:visible;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}
#view-settings .settings-list>label,#view-settings .settings-list>div,#view-settings .settings-list>.setting-link{position:relative;display:flex;align-items:center;min-height:88px;margin:0;padding:19px 22px;border:1px solid #d8fff42d!important;border-radius:19px;background:linear-gradient(125deg,#203637dd,#101d26e8);box-shadow:inset 0 1px #ffffff16,0 12px 29px #0005;overflow:hidden}
#view-settings .settings-list>:nth-child(even){background:linear-gradient(125deg,#1b2f3fe0,#111d29e8);border-color:#b7daff37!important}
#view-settings .settings-list>:before{content:'';position:absolute;inset-block:19px;inset-inline-start:0;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(#aaffd8,#64bcd2);box-shadow:0 0 16px #8af5d689}
#view-settings .settings-list>:nth-child(even):before{background:linear-gradient(#b3ddff,#6f91ec);box-shadow:0 0 16px #7ab6fa78}
#view-settings .settings-list .setting-symbol{background:linear-gradient(145deg,#b2ffdd36,#73cfff0b);border-color:#b6ffea5b;box-shadow:inset 0 1px #ffffff38,0 5px 15px #0004}
#view-settings .settings-list strong{font-size:14px;color:#f5fff9}#view-settings .settings-list small{color:#bed0d0;font-size:12px;line-height:1.55}
#view-settings .settings-list .sound-preview{min-height:70px;padding-block:12px}#view-settings .settings-list .notification-help:not([hidden]){display:block;padding:18px 22px}
#view-settings .settings-list>.otc-signup-settings{display:block;padding:22px 23px;border-color:#deb77467!important;background:radial-gradient(ellipse at 100% 0%,#b68f4933,transparent 70%),linear-gradient(135deg,#2d2a24,#1b2025);color:#e8dfcc}
#view-settings .otc-signup-settings strong{display:block;color:#ffe1ac;font-size:14px;line-height:1.45;margin-bottom:10px}
#view-settings .otc-signup-settings p{max-width:60ch;margin:0 0 11px;color:#d7d3c8;font-size:12px;line-height:1.65}
#view-settings .otc-signup-settings .otc-signup-link{display:inline-flex;margin-top:4px;max-width:100%;min-height:43px}
@media(max-width:700px){main{padding-top:17px}.power-dock{min-height:0;gap:16px;padding:18px 18px 17px;margin-bottom:24px;flex-wrap:wrap;border-radius:23px}.power-dock-copy{gap:15px;width:100%}.power-orbit{width:54px;height:54px;border-radius:17px}.power-orbit .icon{width:24px;height:24px}.power-words strong{font-size:15px}.power-words span{font-size:11px}.power-dock .receiver{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.power-dock .receiver>span{grid-column:1;grid-row:1;text-align:left}.power-dock #receive{grid-column:2;grid-row:1;min-width:178px;min-height:52px;padding:9px 13px}.power-dock #receive strong{font-size:10px}.power-dock .power-led{display:none}#view-settings .settings-list{gap:10px}#view-settings .settings-list>label,#view-settings .settings-list>div,#view-settings .settings-list>.setting-link{padding:16px;min-height:80px;border-radius:17px}#view-settings .settings-list .setting-symbol{width:41px;height:41px}}
@media(max-width:390px){.power-dock .receiver{display:flex;align-items:stretch;flex-direction:column-reverse}.power-dock #receive{width:100%}}
@media(prefers-reduced-motion:reduce){.power-dock:before{animation:none}}