/* v19: automatic environment and stable, layered surfaces. */
#world-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.8;pointer-events:none}
.world-light.warm{opacity:.7}.world-light.cool{opacity:.7}
.panel,#participate{background:linear-gradient(130deg,#16303de8,#091d29ed 45%,#0b2631e8);box-shadow:0 2px 0 #a1d3da05 inset,0 -1px 0 #0005 inset,0 20px 42px #0003;isolation:isolate;border-color:#6b9ba94a}
.panel:before{z-index:2;background:linear-gradient(90deg,#dcad7b77,#b5e6ec0a 38%,#7cbdcc77);opacity:.75}
.panel:after{content:'';position:absolute;z-index:-1;inset:-35% -60%;background:linear-gradient(115deg,transparent 40%,#9bdded00 43%,#b5ecf30b 49%,#c4eef318 50%,#9edbe808 54%,transparent 60%);transform:translate3d(-65%,0,0);pointer-events:none;opacity:0;animation:panel-reflection var(--reflection-period,19s) ease-in-out infinite;animation-delay:var(--reflection-delay,0s);animation-play-state:paused}
.panel.card-awake:after{animation-play-state:running}
.panel-heading{padding-bottom:17px;border-bottom:1px solid #7cabb91a;margin-bottom:23px}
.panel-heading h2{color:#e0f1f4}.badge{box-shadow:inset 0 1px 0 #91d2df0c}
.panel .metrics,.panel .quote{box-shadow:inset 0 1px 12px #0002;background:linear-gradient(140deg,#06151dcc,#102a3555)}
.big-number{position:relative}.big-number:after{content:'';position:absolute;left:0;bottom:-13px;width:42px;height:1px;background:linear-gradient(90deg,#9ddce2,transparent);opacity:.6}
.progress-box{position:relative;box-shadow:inset 0 2px 18px #0002;overflow:hidden}
.progress-caption:before{content:'';position:absolute;left:-1px;top:20px;width:2px;height:20px;background:linear-gradient(#89d2dd,transparent);opacity:.65}
.progress-track{height:6px;box-shadow:inset 0 1px 3px #0006}
.progress-small{margin-top:18px;margin-bottom:18px}
.form-row select,.receipt-field input{box-shadow:inset 0 2px 9px #0003;border-color:#557f8d77;transition:border-color .25s,background-color .25s,box-shadow .25s}
.form-row select:focus-visible,.receipt-field input:focus-visible{outline:2px solid #9cdae055;outline-offset:3px;border-color:#a4e2e8;background:#102c38;box-shadow:inset 0 2px 9px #0002,0 0 0 3px #75bdcd0a}
.form-row select{background-image:linear-gradient(110deg,#ffffff03,transparent 65%)}
.receipt-field{background:linear-gradient(140deg,#18344066,#061923b3);border-color:#6e9eac3b;border-radius:10px;padding:18px}
.receipt-field:focus-within{border-color:#8fcbd76b}.receipt-field input[aria-invalid=true]{border-color:#dca079;background:#34292355;box-shadow:inset 3px 0 0 #dca07966}
#receipt-status.error{color:#ebba9d}.quote.quote-updated{animation:quote-confirmed .8s ease-out}.quote.quote-updated strong{animation:quote-value .65s ease-out}
.participate .prompt-details{margin-top:0;padding-top:6px;padding-bottom:12px;border-top:0}
.participate .prompt-details>summary{font-size:12px;position:relative;padding-left:14px}
.participate .prompt-details>summary:before{content:'';position:absolute;left:0;top:50%;margin-top:-3px;width:5px;height:5px;border:1px solid #9ed3de;border-radius:1px;opacity:.7}
.command-shell{position:relative;isolation:isolate;border:1px solid #6898a555;border-radius:10px;background:linear-gradient(150deg,#071c26,#04131c);overflow:hidden;box-shadow:inset 0 1px 0 #c6f3fc08,0 6px 20px #0002}
.command-bar{position:relative;display:flex;align-items:center;gap:11px;padding:12px 14px;border-bottom:1px solid #679ca12b;background:#1c38423b;font:9px/1.6 "Segoe UI",sans-serif;letter-spacing:1.7px;color:#a9c6d0;overflow:hidden}
.command-bar small{margin-left:auto;font:9px/1.6 monospace;letter-spacing:.4px;color:#7699a8;white-space:nowrap}
.terminal-lights{display:flex;gap:5px}.terminal-lights i{width:4px;height:4px;border-radius:50%;background:#bb997b}.terminal-lights i:nth-child(2){background:#789b9d}.terminal-lights i:nth-child(3){background:#7bbac6}
.command-bar:after{content:'';position:absolute;bottom:0;left:-30%;width:28%;height:1px;background:linear-gradient(90deg,transparent,#a6e3ec99,transparent);animation:terminal-trace 7s ease-in-out infinite;animation-play-state:paused;pointer-events:none}
.panel.card-awake .command-bar:after{animation-play-state:running}
#participate .command-shell textarea{display:block;border:0;outline:0;box-shadow:none!important;margin:0;border-radius:0;width:100%;min-height:184px;height:210px;max-height:360px;padding:16px 16px 16px 19px;background:transparent;color:#bcd2da;font:12px/1.95 "Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;resize:vertical;scrollbar-width:thin;scrollbar-color:#446674 #061722;white-space:pre-wrap;overflow-wrap:anywhere}
#participate .command-shell textarea:focus-visible{outline:2px solid #81c2cc55;outline-offset:-3px;background:#0d25302b}
.command-shell:focus-within{border-color:#8bc5d080}
.command-shell:before{content:'';position:absolute;z-index:2;left:0;top:46px;bottom:33px;width:1px;background:linear-gradient(transparent,#73cbd399,transparent);opacity:.25;animation:terminal-breathe 6s ease-in-out infinite;animation-play-state:paused;pointer-events:none}
.card-awake .command-shell:before{animation-play-state:running}
.command-caption{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:9px 13px;border-top:1px solid #61929f22;color:#7e9fae;background:#0b253033;font-size:10px;line-height:1.7}
.command-caption span:first-child{color:#a9c7cd;white-space:nowrap}
.command-shell.command-updated .command-bar{animation:command-confirmed .9s ease-out}
.command-shell.command-copied{animation:copy-confirmed 1s ease-out}
#copy-status{transition:color .2s}#copy-status.copy-confirmed{color:#b0e7de!important}
.task-switch{position:relative;isolation:isolate}.task-switch button{position:relative;z-index:1;transition:color .25s,background-color .25s,box-shadow .25s}
.task-switch button[aria-pressed=true]{background:#214b57;box-shadow:inset 0 1px 0 #d9f8fc0d,inset 0 0 0 1px #82bac94d}
.tabs button{transition:color .25s,background .25s}
.record-row{transition:background-color .25s}.record-row:focus-within{background:#7dc5d30a}
.panel-footer .small-button{box-shadow:inset 0 1px 0 #9bd6e80b}
.scene-resting .panel:after,.scene-resting .command-shell:before,.scene-resting .command-bar:after{animation-play-state:paused!important}
@keyframes panel-reflection{0%,58%{transform:translate3d(-65%,0,0);opacity:0}63%{opacity:.65}82%{transform:translate3d(65%,0,0);opacity:.65}88%,100%{transform:translate3d(65%,0,0);opacity:0}}
@keyframes terminal-trace{0%,30%{transform:translateX(0);opacity:0}38%{opacity:.8}74%{transform:translateX(470%);opacity:.8}82%,100%{transform:translateX(470%);opacity:0}}
@keyframes terminal-breathe{0%,100%{opacity:.15}50%{opacity:.55}}
@keyframes quote-confirmed{0%{border-color:#b4dde087;background-color:#2a525e33}100%{border-color:#5a849136;background-color:transparent}}
@keyframes quote-value{0%{color:#f3c59b}100%{color:#daedf0}}
@keyframes command-confirmed{0%{background-color:#3f6b753f}100%{background-color:#1c38423b}}
@keyframes copy-confirmed{0%{border-color:#a8ded6;box-shadow:0 0 0 3px #80cbb914}100%{border-color:#6898a555;box-shadow:0 6px 20px #0002}}
@media(max-width:760px){
 #world-canvas{opacity:.5}.panel:after{background:linear-gradient(115deg,transparent 40%,#c4eef30c 50%,transparent 60%)}
 .panel-heading{padding-bottom:15px;margin-bottom:21px}.command-bar{padding:11px 12px;font-size:8px;letter-spacing:1.2px;gap:9px}.command-bar small{font-size:8px}
 #participate .command-shell textarea{font-size:12px;line-height:1.9;min-height:175px;height:195px;padding:14px}
 .command-caption{font-size:9px;gap:10px;padding:9px 11px}.terminal-lights{gap:4px}.terminal-lights i{width:3px;height:3px}
}
@media(prefers-reduced-motion:reduce){.panel:after,.command-bar:after,.command-shell:before,.quote.quote-updated,.quote.quote-updated strong,.command-shell.command-copied,.command-shell.command-updated .command-bar{animation:none!important}.panel:after{display:none}}
body[data-world-stage=hero] #world-canvas{opacity:.32}
@media(max-width:760px){body[data-world-stage=hero] #world-canvas{opacity:.22}}