:root{--canvas:#f7f4ee;--canvas-2:#fbfaf7;--surface:#fff;--surface-soft:#fffaf2;--ink:#20231f;--muted:#74786f;--line:#e8e2d8;--line-strong:#ddd4c7;--accent:#e76f3c;--accent-deep:#c95528;--accent-soft:#fff0e7;--green:#2e8b66;--green-soft:#e9f7f0;--yellow:#b7791f;--yellow-soft:#fff7db;--red:#ca4b52;--red-soft:#fff0f1;--blue:#4777b8;--blue-soft:#edf4ff;--shadow-xs:0 1px 2px rgba(54,42,24,.04);--shadow-sm:0 8px 24px rgba(76,57,31,.07);--shadow-lg:0 18px 48px rgba(76,57,31,.12);--r-sm:10px;--r-md:16px;--r-lg:22px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;color:var(--ink);background:radial-gradient(circle at 9% -10%,rgba(255,184,132,.18),transparent 28rem),radial-gradient(circle at 95% 5%,rgba(255,220,175,.18),transparent 26rem),var(--canvas);font-family:"Segoe UI Variable","PingFang SC","Microsoft YaHei UI",system-ui,sans-serif;letter-spacing:.01em;min-height:100vh}.page-wrapper,.page{min-height:100vh}.container-xl{max-width:1660px}.page-header,.app-topbar{position:sticky;top:0;z-index:40;padding:14px 0!important;background:rgba(247,244,238,.88)!important;border-bottom:1px solid rgba(221,212,199,.78);backdrop-filter:saturate(145%) blur(18px);-webkit-backdrop-filter:saturate(145%) blur(18px)}.brand-line{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;color:#fff;font-weight:800;background:linear-gradient(145deg,#f28a55,#db5d2c);box-shadow:0 7px 18px rgba(218,93,44,.22)}.page-title{font-size:20px!important;line-height:1.2;font-weight:750!important;letter-spacing:-.02em}.page-subtitle{color:var(--muted);font-size:12px;margin-top:3px}.nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.btn{min-height:40px;border-radius:11px;font-weight:650;transition:transform .22s var(--ease),box-shadow .22s var(--ease),background-color .2s,border-color .2s;position:relative;overflow:hidden}.btn:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(76,57,31,.10)}.btn:active{transform:translateY(0) scale(.98)}.btn-primary{background:var(--accent)!important;border-color:var(--accent)!important;box-shadow:0 6px 15px rgba(231,111,60,.17)}.btn-primary:hover{background:var(--accent-deep)!important;border-color:var(--accent-deep)!important}.btn-outline-primary{color:var(--accent-deep)!important;border-color:#edb89f!important;background:#fffaf7!important}.btn-outline-primary:hover{color:#fff!important;background:var(--accent)!important}.btn-outline-secondary,.btn-outline-warning,.btn-outline-success{color:#5f625c!important;border-color:var(--line-strong)!important;background:rgba(255,255,255,.72)!important}.btn-outline-secondary:hover,.btn-outline-warning:hover,.btn-outline-success:hover{color:var(--ink)!important;background:#fff!important;border-color:#cfc4b5!important}.btn-link{color:var(--accent-deep)}.page-body{padding-top:20px}.card{border:1px solid var(--line)!important;border-radius:var(--r-md)!important;background:rgba(255,255,255,.94)!important;box-shadow:var(--shadow-xs)!important;overflow:hidden;transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease),opacity .45s var(--ease)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)!important;border-color:var(--line-strong)!important}.card-header{min-height:54px;padding:13px 16px!important;background:linear-gradient(180deg,#fff,#fffdf9)!important;border-bottom:1px solid var(--line)!important}.card-title{font-weight:750;letter-spacing:-.012em}.card-body{padding:17px}.form-control,.form-select,.input-group-text{min-height:42px;border-color:var(--line-strong)!important;border-radius:11px;background:#fff!important}.form-control:focus,.form-select:focus{border-color:#e39a77!important;box-shadow:0 0 0 3px rgba(231,111,60,.12)!important}.input-group>.input-group-text:first-child{border-radius:11px 0 0 11px}.input-group>.form-control:last-child{border-radius:0 11px 11px 0}.badge{border-radius:999px;font-weight:650;letter-spacing:.01em}.bg-blue-lt{background:var(--blue-soft)!important;color:#315f99!important}.bg-green-lt{background:var(--green-soft)!important;color:#247353!important}.bg-orange-lt,.bg-yellow-lt{background:var(--yellow-soft)!important;color:#916016!important}.bg-red-lt{background:var(--red-soft)!important;color:#af3c45!important}.text-primary{color:var(--accent-deep)!important}.text-muted,.text-secondary{color:var(--muted)!important}.text-success{color:var(--green)!important}.text-danger{color:var(--red)!important}.text-warning{color:var(--yellow)!important}.table{--tblr-table-border-color:var(--line);margin-bottom:0}.table thead th{padding:12px 14px;color:#88887f;background:#fbf9f5;font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:none;border-bottom:1px solid var(--line)}.table tbody td{padding:13px 14px}.table tbody tr{transition:background-color .18s ease}.table tbody tr:hover{background:#fffaf4}.list-group-item{border-color:var(--line)!important;background:transparent}.modal-content{border:1px solid var(--line)!important;border-radius:20px!important;box-shadow:var(--shadow-lg)}.toast{border-radius:14px!important;box-shadow:var(--shadow-lg)}
/* main monitor */
#dungeon-stats-bar{gap:7px!important;margin-top:8px!important}#dungeon-stats-bar .badge{padding:7px 10px!important;background:#fff!important;border:1px solid var(--line);font-size:12px!important}.series-divider{grid-column:1/-1}.col-1-5{padding:0 7px!important;margin-bottom:14px!important}.col-1-5>.card{height:100%}.col-1-5 .card-header strong{font-size:16px}.account-item{padding:14px 13px!important}.account-row{gap:12px!important}.account-meta{font-size:12px;color:var(--muted)}.account-meta strong{display:inline-block;color:var(--ink);font-size:14px;margin-bottom:3px}.countdown-ring{width:54px!important;height:54px!important;flex:0 0 54px}.countdown-ring svg{width:54px;height:54px}.countdown-text{font-variant-numeric:tabular-nums}.status-row{gap:8px!important;margin-top:5px!important}.status-row>span{display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border-radius:999px;background:#f7f5f1}.todo-inline{padding:7px 0 0!important;gap:5px!important}.todo-chip{border:1px solid var(--line);background:#faf8f4!important;border-radius:8px!important;padding:3px 7px!important}.todo-controls{padding:8px 0 0!important}.all-done{background:linear-gradient(180deg,#f4fbf7,#fff)!important;border-color:#cce6d8!important}.accent-0,.accent-1,.accent-2,.accent-3,.accent-4,.accent-5,.accent-6,.accent-7{border-top:3px solid #ef9a6c!important}
/* pressure */
.formula-box{border:1px solid var(--line)!important;border-radius:var(--r-md)!important;background:#fffaf2!important;padding:14px 16px!important;color:#625d54}.summary-card,.section-card{box-shadow:var(--shadow-xs)!important}.summary-value,.pressure-score{font-variant-numeric:tabular-nums;letter-spacing:-.04em}.machine-card{border-left:1px solid var(--line)!important}.machine-card.low-pressure{border-top:3px solid var(--green)!important}.machine-card.mid-pressure{border-top:3px solid #e2a43b!important}.machine-card.high-pressure{border-top:3px solid var(--red)!important}.account-chip{border:1px solid var(--line);background:#faf8f4!important}.account-chip.empty-slot{border-color:#cce6d8;background:var(--green-soft)!important;color:#247353!important}
/* history + pause */
.sticky-tools{background:rgba(247,244,238,.9)!important}.history-location{background:var(--blue-soft)!important;color:#365b88!important}.search-result{border:1px solid var(--line)!important;border-radius:var(--r-md)!important;box-shadow:var(--shadow-xs);padding:17px!important}.empty-box{color:var(--muted)!important}.pause-shell{max-width:1500px;margin:auto;padding:22px 16px 42px}.pause-table-card{overflow:visible}.pause-table-card .table-responsive{border-radius:0 0 var(--r-md) var(--r-md)}
/* loading + motion */
#page-progress{position:fixed;z-index:9999;left:0;top:0;width:100%;height:3px;pointer-events:none;opacity:0;transition:opacity .2s}#page-progress:before{content:"";display:block;width:38%;height:100%;border-radius:99px;background:linear-gradient(90deg,#f3a274,var(--accent),#f8c18e);box-shadow:0 0 14px rgba(231,111,60,.45);transform:translateX(-120%)}body.is-fetching #page-progress{opacity:1}body.is-fetching #page-progress:before{animation:progress-run 1.05s var(--ease) infinite}.boot-loader{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;background:rgba(247,244,238,.96);transition:opacity .48s var(--ease),visibility .48s}.boot-loader.is-done{opacity:0;visibility:hidden}.loader-panel{text-align:center}.loader-orbit{position:relative;width:66px;height:66px;margin:auto}.loader-orbit:before,.loader-orbit:after{content:"";position:absolute;border-radius:50%}.loader-orbit:before{inset:0;border:2px solid #eadfd3;border-top-color:var(--accent);animation:spin .9s linear infinite}.loader-orbit:after{inset:17px;background:var(--accent);box-shadow:0 0 0 7px var(--accent-soft);animation:pulse 1.25s ease-in-out infinite}.loader-label{margin-top:18px;font-size:13px;font-weight:650;color:#69675f;letter-spacing:.05em}.skeleton{position:relative;overflow:hidden;background:#eee9e1!important;color:transparent!important;border-color:transparent!important}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:shimmer 1.25s infinite}.motion-item{opacity:0;transform:translateY(9px)}.motion-item.is-revealed{opacity:1;transform:none;transition:opacity .46s var(--ease),transform .46s var(--ease)}.refresh-spin{animation:spin .65s var(--ease)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-soft);margin-right:7px;animation:status-breathe 2.5s ease-in-out infinite}.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.42);transform:scale(0);animation:ripple .55s ease-out;pointer-events:none}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(.72);opacity:.7}}@keyframes progress-run{0%{transform:translateX(-120%)}100%{transform:translateX(350%)}}@keyframes shimmer{100%{transform:translateX(100%)}}@keyframes status-breathe{50%{box-shadow:0 0 0 7px rgba(46,139,102,.08)}}@keyframes ripple{to{transform:scale(4);opacity:0}}
@media(max-width:768px){.page-header,.app-topbar{position:relative}.nav-actions{justify-content:flex-start;margin-top:10px}.nav-actions .btn{flex:1 1 auto}.page-body{padding-top:14px}.card:hover{transform:none}.pause-shell{padding-top:14px}.summary-value{font-size:25px!important}.formula-box{font-size:12px}.table tbody td{padding:11px 10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.motion-item{opacity:1;transform:none}}

.loading-intro{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;padding:3px 2px}.skeleton-card{height:210px;padding:18px}.skeleton-line{height:12px;border-radius:99px;background:#e9e3da;margin-bottom:16px;position:relative;overflow:hidden}.skeleton-line:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);animation:shimmer 1.25s infinite}.skeleton-line.w-30{width:30%}.skeleton-line.w-40{width:40%}.skeleton-line.w-50{width:50%}.skeleton-line.w-60{width:60%}.skeleton-line.w-70{width:70%}.skeleton-line.w-80{width:80%}.boot-loader{background:rgba(247,244,238,.78);backdrop-filter:blur(5px)}

/* post-visual QA alignment */
#summary-bar>div{display:flex}#summary-bar .card,.row.g-3.mb-3>.col-6>.summary-card{width:100%;min-height:112px}.row.g-3.mb-3>.col-6{display:flex}.machine-card.low-pressure{border-top-color:var(--green)!important}.machine-card.mid-pressure{border-top-color:#dfa23d!important}.machine-card.high-pressure{border-top-color:var(--red)!important}.section-card .table-responsive thead{position:sticky;top:0;z-index:2}.account-name{overflow-wrap:anywhere}

/* silent refresh + countdown ring geometry fix */
.account-row{display:grid!important;grid-template-columns:60px minmax(0,1fr);align-items:center!important;gap:10px!important}.account-meta{min-width:0!important}.account-meta strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.countdown-ring{position:relative!important;width:60px!important;height:60px!important;min-width:60px!important;flex:0 0 60px!important;overflow:visible!important}.countdown-ring svg{display:block!important;width:60px!important;height:60px!important;overflow:visible!important}.countdown-text{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;transform:none!important;font-size:13px!important;line-height:1!important;font-weight:750!important;white-space:nowrap!important;font-variant-numeric:tabular-nums}.countdown-text-medium{font-size:11px!important}.countdown-text-long{font-size:9px!important;letter-spacing:-.04em!important}

/* compact lowest-pressure ranking */
.lowest-pressure-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:7px;min-height:25px}.lowest-pressure-label{color:#77746d;font-size:11px;font-weight:750;letter-spacing:.05em;white-space:nowrap}.pressure-rank-chip{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:2px 7px 2px 4px;border:1px solid #cfe4d8;border-radius:999px;background:rgba(239,249,243,.9);color:#286f53;font-size:11px;line-height:1;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.pressure-rank-chip:hover{color:#205d45;background:#e3f5eb;border-color:#add4be;transform:translateY(-1px)}.pressure-rank-chip strong{font-size:12px;color:#245f49}.pressure-rank-index{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#d5eee0;color:#267052;font-size:10px;font-weight:800}.pressure-rank-chip>span:last-child{color:#638173;font-variant-numeric:tabular-nums}@media(max-width:768px){.lowest-pressure-bar{gap:5px}.pressure-rank-chip{padding-right:6px}.pressure-rank-chip>span:last-child{display:none}}
