@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";:root{color:#17191b;font-synthesis:none;text-rendering:optimizelegibility;--ink:#17191b;--paper:#f6f5ee;--paper-deep:#e8e6dc;--muted:#7c807a;--muted-dark:#626761;--line:#17191b24;--line-light:#f6f5ee26;--cobalt:#3158e8;--cobalt-soft:#dce3ff;--lime:#c7f43a;--coral:#ff705d;--violet:#8d75e8;--yellow:#e9bb3e;--shadow:0 18px 45px #22272b1a;background:#e8e6dc;font-family:DM Sans,ui-sans-serif,sans-serif}*{box-sizing:border-box}body{background:var(--paper-deep);min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{background:var(--paper-deep);flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;min-height:76px;padding:0 34px;display:flex}.brand-lockup,.topbar-meta,.connection,.reset-button,.panel-heading,.ledger-meta,.section-label-row,.progress-copy,.ledger-footer,.feed-heading,.approval-strip,.approval-strip-copy,.approval-card,.plan-actions,.savings-callout,.plan-delta,.simulation-head,.simulation-numbers,.change-item,.brief-note{align-items:center;display:flex}.brand-lockup{gap:12px}.brand-mark{width:40px;height:34px;color:var(--paper);background:var(--ink);letter-spacing:-.08em;border-radius:2px 13px;align-items:flex-end;gap:3px;padding:6px 8px;font:600 8px Space Mono,DM Mono,monospace;display:flex;transform:rotate(-5deg)}.brand-mark span:first-child{opacity:.55;transform:translateY(3px)}.brand-mark span:nth-child(2){color:var(--lime);transform:translateY(0)}.brand-mark span:nth-child(3){opacity:.65;transform:translateY(5px)}.brand-name{color:var(--ink);letter-spacing:-.06em;font-size:17px;font-weight:700;line-height:1}.brand-dot{color:var(--cobalt)}.brand-subtitle{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:5px;font:9px DM Mono,monospace}.topbar-meta{gap:23px}.connection{color:var(--muted-dark);letter-spacing:.04em;gap:8px;font:10px DM Mono,monospace}.connection-dot,.live-dot,.status-dot{background:var(--muted);border-radius:50%;width:6px;height:6px;display:inline-block}.connection-native .connection-dot{background:#35a164;box-shadow:0 0 0 4px #35a16421}.connection-preview .connection-dot{background:var(--yellow);box-shadow:0 0 0 4px #e9bb3e24}.connection-unavailable .connection-dot{background:var(--coral)}.reset-button{color:var(--muted-dark);background:0 0;border:0;border-bottom:1px solid #0000;gap:7px;padding:7px 0;font:10px DM Mono,monospace}.reset-button:hover{color:var(--cobalt);border-color:var(--cobalt)}.approval-strip{min-height:49px;color:var(--paper);background:var(--ink);justify-content:space-between;gap:20px;padding:0 34px}.approval-strip-copy{gap:10px;font-size:11px}.approval-strip-copy span:last-child{color:#a6aaa2}.approval-pulse{background:var(--lime);border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite pulse;box-shadow:0 0 0 5px #c7f43a21}.approval-strip button{color:var(--ink);background:var(--lime);border:0;border-radius:2px;align-items:center;gap:7px;padding:8px 11px;font-size:10px;font-weight:700;display:flex}.approval-strip button:hover{transform:translateY(-1px)}.app-shell{height:100vh;overflow:hidden}.workspace{flex:1;grid-template-columns:minmax(250px,.76fr) minmax(550px,1.75fr) minmax(330px,.95fr);min-height:0;display:grid;overflow:hidden}.brief-panel,.plan-panel{background:var(--ink);min-width:0;min-height:0;color:var(--paper);padding:31px 28px 28px}.brief-panel{border-right:1px solid var(--line-light);flex-direction:column;display:flex;overflow:hidden}.plan-panel{border-left:1px solid var(--line-light);flex-direction:column;display:flex;overflow-y:auto}.ledger-panel{background:var(--paper);min-width:0;min-height:0;padding:31px 31px 25px;overflow-y:auto}.eyebrow,.field-label,.metric-label,.table-head,.ledger-version,.ledger-count,.feed-live,.plan-kicker,.simulation-head,.approval-eyebrow,.savings-callout span,.prompt-example span{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font:500 9px DM Mono,monospace}.brief-panel .eyebrow,.plan-panel .eyebrow{color:#7e857c}.eyebrow span{color:var(--lime);margin-left:5px}h1,h2,p{margin:0}.brief-panel h1{letter-spacing:-.07em;margin:31px 0 16px;font:700 clamp(35px,3vw,52px)/.91 Fraunces,Georgia,serif}.brief-panel h1 em{color:var(--lime);font-style:normal}.intro{color:#a9ada4;max-width:218px;font-size:12px;line-height:1.65}.goal-card{background:#222629;border:1px solid #f6f5ee21;margin-top:35px;padding:15px 15px 13px}.section-label-row{justify-content:space-between;gap:10px}.brief-panel .field-label{color:#90968e;margin:0}.goal-amount{color:var(--lime);letter-spacing:-.07em;font:500 17px DM Mono,monospace}.target-range{appearance:none;background:linear-gradient(90deg, var(--lime) 0%, var(--lime) 50%, #464b46 50%, #464b46 100%);outline:none;width:100%;height:3px;margin-top:20px}.target-range::-webkit-slider-thumb{appearance:none;border:2px solid var(--ink);background:var(--lime);border-radius:50%;width:15px;height:15px;box-shadow:0 0 0 1px #c7f43a80}.target-range::-moz-range-thumb{border:2px solid var(--ink);background:var(--lime);border-radius:50%;width:12px;height:12px}.range-labels{color:#737970;justify-content:space-between;margin-top:7px;font:9px DM Mono,monospace;display:flex}.number-input-label{color:#9a9f96;justify-content:space-between;align-items:center;margin-top:16px;font-size:11px;display:flex}.number-input-wrap{color:#8b9188;align-items:center;gap:4px;font:10px DM Mono,monospace;display:flex}.number-input-wrap input{width:46px;color:var(--paper);text-align:center;background:0 0;border:0;border-bottom:1px solid #6a7168;outline:none;padding:5px 2px;font:500 12px DM Mono,monospace}.number-input-wrap input:focus{border-color:var(--lime)}.protection-section{margin-top:28px}.protection-count{color:#6f776e;font:9px DM Mono,monospace}.protection-list{border-top:1px solid #f6f5ee1c;margin-top:10px}.protection-item{color:#adb2aa;text-align:left;background:0 0;border:0;border-bottom:1px solid #f6f5ee14;align-items:center;gap:8px;width:100%;padding:9px 0;font-size:11px;display:flex}.protection-item:hover{color:var(--paper)}.protection-icon{color:#626a61;margin-left:auto}.protection-item.selected .protection-icon{color:var(--lime)}.mini-marker,.charge-marker{border-radius:2px;flex:none}.mini-marker{width:7px;height:7px}.tone-blue{background:var(--cobalt)}.tone-coral{background:var(--coral)}.tone-lime{background:var(--lime)}.tone-violet{background:var(--violet)}.tone-yellow{background:var(--yellow)}.rule-toggle{color:#727970;text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;margin-top:14px;padding:0;font-size:10px;display:flex}.rule-toggle+.rule-toggle{margin-top:11px}.rule-toggle.on{color:#b4b9af}.toggle-track{border:1px solid #586057;border-radius:99px;flex:none;width:24px;height:13px;position:relative}.toggle-track span{background:#70786e;border-radius:50%;width:7px;height:7px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.rule-toggle.on .toggle-track{border-color:#c7f43a99}.rule-toggle.on .toggle-track span{background:var(--lime);transform:translate(10px)}.primary-action,.approve-action,.secondary-action{border-radius:2px;justify-content:space-between;align-items:center;gap:10px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:flex}.primary-action{width:100%;color:var(--ink);background:var(--lime);border:0;margin-top:30px;padding:14px;font-size:11px}.primary-action:hover,.approve-action:hover{transform:translateY(-2px);box-shadow:0 7px 18px #c7f43a26}.brief-note{color:#757c73;gap:10px;margin-top:auto;padding-top:26px;font:10px/1.55 DM Mono,monospace}.brief-note strong{color:#b6bcb1;font-weight:500}.note-rule{background:var(--lime);flex:none;width:20px;height:1px}.panel-heading{justify-content:space-between;gap:20px}.panel-heading h2{color:var(--ink);letter-spacing:-.045em;margin-top:9px;font-size:19px;font-weight:600}.plan-panel .panel-heading h2{color:var(--paper)}.ledger-meta{gap:12px}.ledger-version,.ledger-count{color:#8a8e87;letter-spacing:.08em}.ledger-count{border-left:1px solid var(--line);padding-left:12px}.spend-hero{background:#e0ded3;border:1px solid #17191b1a;justify-content:space-between;align-items:center;gap:30px;min-height:130px;margin-top:20px;padding:18px 25px;display:flex;overflow:hidden}.spend-hero-copy{flex-direction:column;align-items:flex-start;display:flex}.metric-label{color:#787d76}.spend-hero-copy>strong{letter-spacing:-.105em;margin-top:9px;font:600 clamp(40px,5vw,65px)/.9 DM Mono,monospace}.spend-caption{color:#777d76;margin-top:11px;font:10px DM Mono,monospace}.positive{color:#2d8c5c!important}.warning{color:var(--coral)!important}.savings-orbit{flex:none;width:137px;height:105px;position:relative}.orbit-ring{border:1px solid #3158e854;border-radius:50%;width:105px;height:105px;position:absolute;top:0;right:1px;transform:rotate(-23deg)skew(-9deg)}.orbit-ring:after{content:"";background:var(--cobalt);border-radius:50%;width:7px;height:7px;position:absolute;top:9px;right:18px}.orbit-ring-two{border-color:#3158e88c;width:73px;height:73px;top:16px;right:17px;transform:rotate(22deg)skew(8deg)}.orbit-ring-two:after{background:var(--coral);width:5px;height:5px;inset:auto auto 3px 13px}.orbit-core{width:72px;height:72px;color:var(--cobalt);background:var(--cobalt-soft);text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:17px;right:18px}.orbit-core span{letter-spacing:-.08em;margin-top:2px;font:600 14px DM Mono,monospace}.orbit-core small{color:#6574ae;text-transform:uppercase;margin-top:2px;font:7px DM Mono,monospace}.progress-row{border-bottom:1px solid var(--line);grid-template-columns:150px 1fr 32px;align-items:center;gap:15px;margin-top:18px;padding-bottom:16px;display:grid}.progress-copy{color:#777c75;justify-content:space-between;gap:8px;font:10px DM Mono,monospace}.progress-copy strong{color:var(--ink);font-weight:500}.progress-track{background:#d5d3c8;height:4px;overflow:hidden}.progress-track span{background:var(--cobalt);height:100%;transition:width .4s;display:block}.progress-percent{color:var(--cobalt);text-align:right;font:10px DM Mono,monospace}.table-wrap{margin-top:18px}.table-head,.charge-row{grid-template-columns:minmax(170px,1.35fr) 82px 112px 74px minmax(90px,.75fr);align-items:center;gap:14px;display:grid}.table-head{color:#92958e;padding:0 13px 9px;font-size:8px}.charge-list{border-top:1px solid var(--line)}.charge-row{border-bottom:1px solid var(--line);min-height:55px;padding:8px 13px;transition:background .25s,transform .25s}.charge-row:hover{background:#eeece4}.charge-row.has-proposal{background:#eef1ff}.charge-row.inactive{opacity:.7}.charge-name{align-items:center;gap:10px;min-width:0;display:flex}.charge-marker{width:9px;height:9px}.charge-name>div{min-width:0}.charge-name strong,.charge-name span{display:block}.charge-name strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.charge-name span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font:9px DM Mono,monospace;overflow:hidden}.charge-name i{color:#b0b2aa;font-style:normal}.charge-used{color:#848981;align-items:center;gap:5px;font:9px DM Mono,monospace;display:flex}.charge-used.low-use{color:var(--coral)}.renewal-date{color:#858a82;font:9px DM Mono,monospace}.charge-price strong{letter-spacing:-.05em;font:500 13px DM Mono,monospace}.charge-price span{color:#92978e;margin-left:3px;font:8px DM Mono,monospace}.status-badge{color:#7a8178;white-space:nowrap;justify-content:flex-start;align-items:center;gap:5px;min-width:0;font:9px DM Mono,monospace;display:inline-flex}.status-active .status-dot{background:#8f978c;width:5px;height:5px}.status-protected{color:#2f8d60}.status-inactive{color:#70756f}.proposal-pause{color:#9b7611}.proposal-cancel{color:var(--coral)}.proposal-pause svg{color:var(--yellow)}.proposal-cancel svg{color:var(--coral)}.ledger-footer{color:#7d827a;justify-content:space-between;gap:17px;min-height:45px;font:9px DM Mono,monospace}.ledger-footer span{align-items:center;gap:6px;display:inline-flex}.ledger-footer span:first-child{color:#3d8d64}.ledger-foot-note{color:#9a9c94!important}.plan-panel .eyebrow{color:#848b82}.agent-badge{width:33px;height:33px;color:var(--lime);border:1px solid #c7f43a99;border-radius:50%;place-items:center;animation:3s ease-in-out infinite breathe;display:grid}.empty-plan{border-bottom:1px solid var(--line-light);flex-direction:column;flex:none;justify-content:center;min-height:266px;display:flex}.empty-stamp{width:54px;height:54px;color:var(--lime);border:1px dashed #65705e;border-radius:2px 17px;place-items:center;margin-bottom:18px;display:grid;transform:rotate(-7deg)}.empty-plan p{color:#b9beb4;max-width:244px;font-size:13px;line-height:1.55}.prompt-example{color:#7f887d;border-top:1px solid #f6f5ee1a;max-width:258px;margin-top:18px;padding-top:13px;font:10px/1.55 DM Mono,monospace}.prompt-example span{color:var(--lime);margin-right:7px;font-size:8px}.empty-undo{width:fit-content;color:var(--ink);border:1px solid var(--lime);background:var(--lime);border-radius:2px;align-items:center;gap:7px;margin-top:18px;padding:10px 12px;font:700 9px DM Mono,monospace;transition:transform .2s,box-shadow .2s;display:inline-flex}.empty-undo:hover{transform:translateY(-2px);box-shadow:0 7px 18px #c7f43a26}.plan-content{border-bottom:1px solid var(--line-light);padding:25px 0 21px}.plan-kicker{color:var(--lime)}.plan-version{float:right;color:#687264}.draft-dot{background:var(--lime);border-radius:50%;width:6px;height:6px;margin:0 5px 1px 0;display:inline-block}.plan-summary{color:#c4c9bf;margin:15px 0 17px;font-size:12px;line-height:1.58}.savings-callout{border-left:3px solid var(--lime);background:#222729;justify-content:space-between;gap:12px;padding:14px}.savings-callout>div{flex-direction:column;display:flex}.savings-callout span{color:#7e877c;font-size:8px}.savings-callout strong{color:var(--lime);letter-spacing:-.1em;margin-top:6px;font:500 26px DM Mono,monospace}.annual-callout{text-align:right;align-items:flex-end}.annual-callout strong{color:#d7dbd0;font-size:15px}.plan-delta{border-bottom:1px solid #f6f5ee1a;justify-content:space-between;gap:15px;padding:13px 0 15px}.plan-delta div{flex-direction:column;gap:5px;display:flex}.plan-delta span{color:#7f877e;font:9px DM Mono,monospace}.plan-delta strong{color:#d9ddd4;font:500 13px DM Mono,monospace}.plan-delta strong small{color:#7d867c;margin-left:2px;font-size:8px}.change-list{margin-top:18px}.change-list>.field-label{color:#7d867b}.change-item{border-bottom:1px solid #f6f5ee14;align-items:flex-start;gap:8px;padding:12px 0}.change-icon{border:1px solid;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;display:grid}.change-icon.pause{color:var(--yellow);background:#e9bb3e14;border-color:#e9bb3e73}.change-icon.cancel{color:var(--coral);background:#ff705d14;border-color:#ff705d66}.change-item>div{min-width:0}.change-item strong,.change-item span,.change-item small{display:block}.change-item strong{color:#d9ddd4;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.change-item span{color:#8e978a;margin-top:4px;font:9px/1.45 DM Mono,monospace}.change-item small{color:#697366;margin-top:3px;font:8px/1.4 DM Mono,monospace}.change-item>b{color:#bdc6b6;flex:none;margin-left:auto;font:500 10px DM Mono,monospace}.change-item>b i{color:#717b70;margin-left:2px;font-size:8px;font-style:normal}.simulation-card{color:#bec6ba;background:#c7f43a0e;border:1px solid #c7f43a40;margin-top:15px;padding:12px}.simulation-head{color:var(--lime);letter-spacing:.1em;justify-content:space-between;font:9px DM Mono,monospace}.simulation-head span:first-child{align-items:center;gap:5px;display:inline-flex}.simulation-ok{color:#8db467}.simulation-card p{color:#abb5a8;margin-top:9px;font:9px/1.5 DM Mono,monospace}.simulation-numbers{color:#7d887b;justify-content:flex-start;gap:15px;margin-top:11px;font:9px DM Mono,monospace}.simulation-numbers b{color:var(--lime);font-weight:500}.approval-card{background:#c7f43a17;border:1px solid #c7f43a73;justify-content:space-between;align-items:flex-start;gap:10px;margin-top:15px;padding:12px}.approval-card>div{flex-direction:column;gap:6px;display:flex}.approval-eyebrow{color:var(--lime);align-items:center;gap:5px;font-size:8px;display:inline-flex}.approval-card strong{color:#e1e5d9;font-size:10px;font-weight:500}.approval-card button{color:var(--ink);background:var(--lime);white-space:nowrap;border:0;border-radius:2px;align-items:center;gap:5px;padding:8px 9px;font-size:9px;font-weight:700;display:flex}.approval-card button:hover{transform:translateY(-1px)}.plan-actions{gap:7px;margin-top:18px}.secondary-action,.approve-action{justify-content:center;padding:11px 9px;font-size:10px}.secondary-action{color:#bbc2b7;background:0 0;border:1px solid #f6f5ee33;flex:.85}.secondary-action:hover{color:var(--lime);border-color:#c7f43aa6}.approve-action{color:var(--ink);background:var(--lime);border:0;flex:1.2}.approve-action.requested{animation:1.7s ease-in-out infinite approvePulse}.undo-link{color:#727d70;background:0 0;border:0;align-items:center;gap:6px;margin:13px 0 0 auto;font:9px DM Mono,monospace;display:flex}.undo-link:hover:not(:disabled){color:var(--lime)}.activity-feed{min-height:0;margin-top:auto;padding-top:20px;overflow:hidden}.feed-heading{justify-content:space-between}.feed-heading .field-label{color:#7e877b;margin:0}.feed-live{color:#8b9b85;letter-spacing:.08em}.feed-live .live-dot{background:var(--lime);width:5px;height:5px;margin-right:4px}.activity-item{border-bottom:1px solid #f6f5ee14;align-items:flex-start;gap:8px;padding:12px 0;position:relative}.activity-icon{color:#98aa8d;background:#c7f43a12;border:1px solid #c7f43a2e;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.activity-icon.human{color:#91c2c4;background:#91c2c40f;border-color:#91c2c433}.activity-icon.system{color:#999f96;background:#f6f5ee0d;border-color:#f6f5ee24}.activity-item>div:nth-child(2){min-width:0}.activity-item strong,.activity-item span{display:block}.activity-item strong{color:#c6ccc0;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;overflow:hidden}.activity-item span{color:#747f72;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font:8px DM Mono,monospace;overflow:hidden}.activity-item time{color:#5f6a5d;margin-left:auto;font:8px DM Mono,monospace}.footer-bar{color:#767b74;border-top:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;gap:15px;min-height:42px;padding:0 34px;font:9px DM Mono,monospace;display:flex}.footer-bar b{color:var(--ink);font-weight:500}.footer-center{align-items:center;gap:11px;display:flex}.footer-line{background:#afb0a8;width:26px;height:1px}.notice{z-index:10;max-width:min(420px,100vw - 48px);color:var(--ink);border:1px solid #17191b26;border-left:3px solid var(--lime);box-shadow:var(--shadow);background:var(--paper);align-items:center;gap:8px;padding:12px 14px;font-size:11px;animation:.25s ease-out toastIn;display:flex;position:fixed;bottom:24px;right:24px}@keyframes breathe{0%,to{box-shadow:0 0 #c7f43a0a}50%{box-shadow:0 0 0 8px #c7f43a14}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes approvePulse{0%,to{box-shadow:0 0 #c7f43a14}50%{box-shadow:0 0 0 5px #c7f43a2b}}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1220px){.workspace{grid-template-columns:minmax(230px,.72fr) minmax(480px,1.55fr) minmax(300px,.9fr)}.brief-panel,.plan-panel{padding-left:21px;padding-right:21px}.ledger-panel{padding-left:23px;padding-right:23px}.table-head,.charge-row{grid-template-columns:minmax(150px,1.3fr) 70px 98px 66px minmax(85px,.75fr);gap:9px}.renewal-date{font-size:8px}}@media (width<=930px){.app-shell{height:auto;overflow:visible}.workspace{display:block;overflow:visible}.brief-panel,.plan-panel,.ledger-panel{overflow:visible}.brief-panel,.plan-panel{border:0}.brief-panel{padding:28px 28px 31px}.brief-panel h1{font-size:53px}.intro{max-width:480px}.goal-card,.protection-section,.primary-action{max-width:460px}.brief-note{margin-top:26px}.ledger-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:29px 28px;overflow:visible}.spend-hero{max-width:none}.plan-panel{padding:29px 28px 32px;overflow:visible}.plan-content{max-width:620px}.empty-plan{min-height:220px}.activity-feed{margin-top:28px}}@media (width<=650px){.topbar{min-height:68px;padding:0 18px}.brand-subtitle{display:none}.topbar-meta{gap:12px}.connection,.reset-button{font-size:8px}.approval-strip{flex-direction:column;align-items:flex-start;gap:11px;padding:13px 18px}.approval-strip button{justify-content:center;align-self:stretch}.brief-panel,.ledger-panel,.plan-panel{padding-left:18px;padding-right:18px}.brief-panel h1{font-size:45px}.spend-hero{padding:19px}.spend-hero-copy>strong{font-size:48px}.savings-orbit{transform-origin:100%;margin-right:-8px;transform:scale(.82)}.progress-row{grid-template-columns:1fr 40px;gap:9px}.progress-copy{grid-column:span 2}.progress-track{grid-column:1}.progress-percent{grid-column:2}.table-wrap{overflow-x:auto}.table-head,.charge-row{min-width:650px}.ledger-footer{flex-wrap:wrap;align-items:flex-start;padding-top:13px}.ledger-foot-note{width:100%}.footer-bar{min-height:39px;padding:0 18px}.footer-center{display:none}.footer-bar>span:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:235px;overflow:hidden}.notice{max-width:calc(100vw - 32px);bottom:16px;right:16px}}