/* Small, isolated accents. Only transform and opacity animate. */
html .brand-mark.client-shield{position:relative;isolation:isolate;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none;clip-path:polygon(50% 6%,86% 23%,82% 56%,75% 72%,63% 86%,50% 94%,37% 86%,25% 72%,18% 56%,14% 23%)}
.client-shield-icon{display:block;width:100%;height:100%}
.client-shield::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 30%,#dcfff400 40%,#ecfff980 50%,#dcfff400 61%,transparent 72%);transform:translate3d(-110%,0,0);opacity:0;animation:clientCrestLight 11s ease-in-out infinite;animation-delay:1s}
.service-nav a{position:relative;isolation:isolate;overflow:hidden}
.service-nav a::after{content:"";position:absolute;top:-35%;bottom:-35%;left:0;width:100%;pointer-events:none;z-index:0;border-radius:inherit;opacity:0;background:linear-gradient(110deg,transparent 28%,#b7e8d811 42%,#c0efdf80 50%,#b7e8d811 58%,transparent 72%);transform:translate3d(-115%,0,0)}
.service-nav a[href="/instant.html"]::after{background:linear-gradient(110deg,transparent 28%,#ccc8ff11 42%,#d6d0ff80 50%,#ccc8ff11 58%,transparent 72%)}
.service-nav a[href="/?service=patrol"]::after{background:linear-gradient(110deg,transparent 25%,#b9ddfb08 40%,#e2f4ff80 50%,#b9ddfb08 60%,transparent 75%)}
.service-nav a[href="/?service=patrol"]::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border:1px solid #a9d2ef;border-radius:inherit;background:transparent;opacity:.45;animation:clientPatrolGlow 8s ease-in-out infinite}
.service-nav a[href="/?service=patrol"]::after{animation:clientNavLight 13s ease-in-out infinite;animation-delay:2s}
.service-nav a[aria-current="page"]::after{animation:clientNavLight 13s ease-in-out infinite;animation-delay:2s}
.service-nav-icon,.service-nav-label{position:relative;z-index:1}
.service-nav a:hover::after,.service-nav a:focus-visible::after{animation-play-state:paused}
.instant-button.is-primary{position:relative;isolation:isolate;overflow:hidden}
.instant-button.is-primary::after{content:"";position:absolute;inset:-35% 0;pointer-events:none;opacity:0;background:linear-gradient(110deg,transparent 30%,#edeaff10 43%,#f5f1ff42 50%,#edeaff10 57%,transparent 70%);transform:translate3d(-115%,0,0)}
#submitButton.instant-button.is-primary:not(:disabled)::after{animation:clientActionLight 14s ease-in-out infinite;animation-delay:3s}
@keyframes clientCrestLight{0%,8%{opacity:0;transform:translate3d(-110%,0,0)}12%{opacity:.6}25%{opacity:.5}30%,100%{opacity:0;transform:translate3d(110%,0,0)}}
@keyframes clientNavLight{0%,12%{opacity:0;transform:translate3d(-115%,0,0)}16%{opacity:.7}30%{opacity:.6}36%,100%{opacity:0;transform:translate3d(115%,0,0)}}
@keyframes clientActionLight{0%,10%{opacity:0;transform:translate3d(-115%,0,0)}15%,28%{opacity:.7}34%,100%{opacity:0;transform:translate3d(115%,0,0)}}
@keyframes clientPatrolGlow{0%,100%{opacity:.1}50%{opacity:.55}}
html[data-effects-paused="true"] :is(.client-shield,.service-nav a,.instant-button.is-primary,.btn-primary)::after,
html[data-effects-paused="true"] .activation-panel::before,
html[data-service-view="instant"] #day24ServicePane .btn-primary::after,
html[data-service-view="instant"] #day24ServicePane .activation-panel::before{animation-play-state:paused!important}
html[data-effects-paused="true"] .service-nav a[href="/?service=patrol"]::before,
html[data-service-view="patrol"] #day24ServicePane .btn-primary::after,
html[data-service-view="patrol"] #day24ServicePane .activation-panel::before{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){
  .client-shield::after,.service-nav a::after,.service-nav a[href="/?service=patrol"]::before,.instant-button.is-primary::after{animation:none!important;opacity:0!important}
}

/* Shared controls use movement without changing their layout footprint. */
:is(.btn,.instant-button,.tab,.legal-open,.announcement-open,.header-tool,.plugin-guide-close,.activation-expand,.account-ledger-link){transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}
@media(hover:hover){
  :is(.btn,.instant-button,.tab,.legal-open,.announcement-open,.header-tool,.plugin-guide-close,.activation-expand,.account-ledger-link):not(:disabled):not([aria-disabled="true"]):hover{transform:translateY(-2px);background-image:linear-gradient(120deg,#ffffff1a,#ffffff05 55%,#a9d8cc1f);box-shadow:0 5px 14px #193c4212}
  .instant-button:not(:disabled):hover{background-image:linear-gradient(125deg,#ffffff24,#d9d3ff22)}
  .legal-open:not(:disabled):hover{background-image:linear-gradient(125deg,#fff7dc80,#dfb56045)}
  .announcement-open:not(:disabled):hover{background-image:linear-gradient(125deg,#edf8ffb3,#9fc7ee42)}
}
:is(.btn,.instant-button,.tab,.legal-open,.announcement-open,.header-tool,.plugin-guide-close,.activation-expand,.account-ledger-link):not(:disabled):not([aria-disabled="true"]):active{transform:translateY(0) scale(.985);box-shadow:none}
:is(.btn,.instant-button,.tab,.legal-open,.announcement-open,.header-tool,.plugin-guide-close,.activation-expand,.account-ledger-link):is(:disabled,[aria-disabled="true"]){transform:none!important}
:is(.btn,.instant-button,.tab,.legal-open,.announcement-open,.header-tool,.plugin-guide-close,.activation-expand,.account-ledger-link):focus-visible{outline:2px solid #6ab9a8;outline-offset:3px}
.legal-open:focus-visible{outline-color:#b98838}.announcement-open:focus-visible{outline-color:#5f95c8}.instant-button:focus-visible{outline-color:#9c92ea}
.header-plugin-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.header-tool{display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:7px 12px;border:1px solid #c6e8de40;border-radius:9px;background:linear-gradient(125deg,#ffffff12,#ffffff06);color:#effff8;font:600 12px/1.4 "Microsoft YaHei",system-ui,sans-serif;white-space:nowrap;text-decoration:none;cursor:pointer;box-sizing:border-box}
.header-tool:focus-visible{outline-color:#d7f3dc}
.header-tool:disabled{opacity:.5;cursor:default}
.header-tool{gap:6px;flex-shrink:0}
.header-tool svg{display:block;width:16px;height:16px;flex:none}
.top-actions #refreshBtn,.instant-header-actions #refreshButton{white-space:nowrap;flex-shrink:0}
.top-actions .status{flex-shrink:0;white-space:nowrap}
@media(hover:hover){
  .activation-panel.activated .activation-expand:not(:disabled):hover{transform:translateY(-2px);background-image:linear-gradient(125deg,#ffffff38,#8ccdbd24);box-shadow:0 5px 15px #083f3430}
  .account-ledger-link:not(:disabled):hover{transform:translateY(-2px);background-image:linear-gradient(120deg,#fffdf5,#f6e6bf);box-shadow:0 5px 14px #8c68221a}
}
.activation-panel.activated .activation-expand:not(:disabled):active,.account-ledger-link:not(:disabled):active{transform:translateY(0) scale(.985);box-shadow:none}
.plugin-guide-dialog{width:min(590px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:28px;border:1px solid #d4e4de;border-radius:19px;background:#fcfefc;color:#333;box-shadow:0 24px 90px #153f4533;overflow:auto;font:500 14px/1.8 "Microsoft YaHei",system-ui,sans-serif}
.plugin-guide-dialog::backdrop{background:#183b465e;backdrop-filter:blur(3px)}
.plugin-guide-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.plugin-guide-heading h2{margin:0;font-size:23px;color:#000;letter-spacing:-.02em}
.plugin-guide-heading .section-kicker{color:#333;font-size:13px;line-height:1.6;font-weight:600}
.plugin-guide-heading p{font-size:14px;color:#333;margin:4px 0 0}
.plugin-guide-close{flex:none;width:33px;height:33px;padding:0;border:1px solid #dbe9e1;border-radius:10px;background:#f0f7f2;color:#000;font-size:22px;line-height:1;cursor:pointer}
.plugin-guide-steps{display:grid;gap:13px;list-style:none;padding:0;margin:0;counter-reset:plugin-step}
.plugin-guide-steps>li{position:relative;padding:15px 16px 15px 52px;border:1px solid #e1ebe3;border-radius:12px;background:#fff;counter-increment:plugin-step}
.plugin-guide-steps>li::before{content:counter(plugin-step,decimal-leading-zero);position:absolute;top:17px;left:15px;color:#000;font-size:14px;line-height:1.5;font-weight:750}
.plugin-guide-steps strong{display:block;color:#000;font-size:15px;font-weight:700}.plugin-guide-steps p{margin:6px 0 0;color:#333;font-size:14px;line-height:1.8;font-weight:500}
.plugin-guide-steps code{padding:1px 5px;border-radius:4px;background:#f2f7f3;color:#000;font-size:13px;overflow-wrap:anywhere}
.plugin-guide-note{padding:13px 16px;margin-top:16px;border:1px solid #eadbbd;border-radius:11px;background:linear-gradient(120deg,#fffbf2,#f9f1dd);color:#333;font-size:14px;line-height:1.8}
.plugin-download-notice{margin-bottom:18px;padding:15px;border:1px solid #dfc28c;border-radius:12px;background:#fff6e4;color:#4b350e}.plugin-download-notice p{margin:0;font-size:14px;line-height:1.8;font-weight:500}.plugin-download-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.plugin-download-actions button{border:1px solid #d8bd88;border-radius:9px;padding:9px 12px;min-height:40px;color:#000;background:#fffdf6;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer}.plugin-download-actions button:hover{background:#fae7bd}.plugin-download-actions button:focus-visible{outline:2px solid #a17628;outline-offset:3px}
.account-ledger-link>.account-ledger-copy{margin-left:0!important}
.legal-window[role="button"],.announcement-window[role="button"]{cursor:pointer;border-radius:5px;transition:background-color .18s ease,transform .18s ease}
.legal-window[role="button"]:focus-visible{outline:2px solid #b98838;outline-offset:3px}
.announcement-window[role="button"]:focus-visible{outline:2px solid #5f95c8;outline-offset:3px}
@media(hover:hover){.legal-window[role="button"]:hover{background:linear-gradient(105deg,#fff8e238,#ecd2a352);transform:translateY(-1px)}.announcement-window[role="button"]:hover{background:linear-gradient(105deg,#ffffff45,#b7d9f342);transform:translateY(-1px)}}
.legal-window[role="button"]:active,.announcement-window[role="button"]:active{transform:translateY(0)}
@media(max-width:800px){.topbar,.instant-header{height:auto;min-height:76px;flex-wrap:wrap;gap:12px;padding-block:12px}.top-actions{gap:10px;flex-wrap:wrap}.header-tool{min-height:32px;padding:6px 9px;font-size:11px}}
@media(max-width:550px){.top-actions,.instant-header-actions{width:100%;justify-content:space-between;gap:7px;flex-wrap:wrap}.header-plugin-tools{gap:5px;flex:1}.header-tool{font-size:11px;padding:6px 8px;min-height:31px}.top-actions .status,.instant-header-actions .status{font-size:10px}.top-actions #refreshBtn{padding:6px 8px;min-height:32px}.plugin-guide-dialog{padding:20px;max-height:calc(100dvh - 30px)}.plugin-guide-heading h2{font-size:20px}.plugin-guide-steps>li{padding:12px 12px 12px 45px}.plugin-guide-steps>li::before{top:14px;left:12px}}
@media(prefers-reduced-motion:reduce){:is(.btn,.instant-button,.tab,.legal-open,.announcement-open,.header-tool,.plugin-guide-close,.activation-expand,.account-ledger-link,.legal-window,.announcement-window){transition:none;transform:none!important}}