:root{--bg: #0f141a;--surface: #1b232c;--surface-2: #232e39;--border: #2c3a47;--text: #e8edf2;--muted: #93a1b0;--accent: #4f9cf9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.muted{color:var(--muted)}.center{display:flex;justify-content:center;padding:3rem}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--surface);border-bottom:1px solid var(--border)}.brand{color:var(--text);font-weight:700;text-decoration:none}.topbar-right{display:flex;align-items:center;gap:.75rem}.version{color:var(--muted);font-size:.8rem}.content{max-width:900px;margin:0 auto;padding:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem;margin:.75rem 0}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.login-title{margin:0 0 .25rem}.login-sub{margin:0 0 1rem}.field{display:block;margin-bottom:.9rem}.field span{display:block;margin-bottom:.3rem;color:var(--muted);font-size:.9rem}.field input,.field textarea,.field select{width:100%;padding:.6rem .7rem;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:1rem}.field input:focus{outline:2px solid var(--accent);border-color:transparent}.primary-btn{width:100%;padding:.7rem;border:none;border-radius:8px;background:var(--accent);color:#fff;font-size:1rem;font-weight:600;cursor:pointer}.primary-btn:disabled{opacity:.6;cursor:default}.ghost-btn{padding:.4rem .8rem;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer}.error{background:#3a1f24;border:1px solid #71323c;color:#ffb4be;border-radius:8px;padding:.6rem .8rem;margin-bottom:.9rem}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin:.75rem 0}.tile{aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:1rem;text-align:center;text-decoration:none;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px}.tile:hover{border-color:var(--accent)}.tile-icon{font-size:1.9rem;line-height:1;color:var(--accent)}.tile-title{font-weight:700}.tile-sub{color:var(--muted);font-size:.8rem}.back-link{color:var(--muted);text-decoration:none;font-size:.9rem}.back-link:hover{color:var(--text)}.add-row{display:flex;gap:.5rem;margin:.75rem 0}.add-row input{flex:1;min-width:0;padding:.6rem .7rem;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:1rem}.add-row input:focus{outline:2px solid var(--accent);border-color:transparent}.add-row .primary-btn{width:auto;flex:none;padding:.6rem 1.1rem}.check-list{list-style:none;margin:0;padding:0}.check-item{display:flex;align-items:flex-start;gap:.6rem;padding:.6rem 0;border-bottom:1px solid var(--border)}.check-item:last-child{border-bottom:none}.check-item input[type=checkbox]{flex:none;width:1.05rem;height:1.05rem;margin-top:.2rem;accent-color:var(--accent);cursor:pointer}.check-text{flex:1;word-break:break-word}.check-item.is-done .check-text{color:var(--muted);text-decoration:line-through}.icon-btn{flex:none;border:none;background:transparent;color:var(--muted);font-size:1.15rem;line-height:1;padding:.1rem .35rem;cursor:pointer}.icon-btn:hover{color:var(--text)}.section-title{font-size:.9rem;font-weight:600;margin:1.25rem 0 .25rem}.tpl-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1rem}.tpl-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--text)}.tpl-card:hover{border-color:var(--accent)}.tpl-swatch{display:block;height:110px}.tpl-body{display:flex;flex-direction:column;gap:.35rem;padding:1rem}.tpl-name{font-size:1.1rem;font-weight:600}.tpl-blurb{color:var(--muted);font-size:.93rem}.tpl-best{color:var(--muted);font-size:.82rem}.tpl-open{color:var(--accent);font-size:.9rem;margin-top:.35rem}.preview-root{min-height:100vh;display:flex;flex-direction:column;background:#fff}.preview-banner{display:flex;align-items:center;gap:1rem;padding:.55rem 1rem;background:var(--bg);color:var(--text);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.preview-back{color:var(--text);text-decoration:none;border:1px solid var(--border);border-radius:999px;padding:.3rem .8rem;white-space:nowrap}.preview-back:hover{border-color:var(--accent);color:var(--accent)}.preview-label{color:var(--muted)}.preview-label strong{color:var(--text);font-weight:600}.preview-hint{margin-left:auto;color:var(--muted);font-size:.82rem}.preview-stage{flex:1}.preview-toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%);z-index:60;max-width:min(90vw,460px);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:.7rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem;box-shadow:0 8px 24px #00000059}@media (max-width: 560px){.preview-hint{display:none}}.client-list{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}.client-row{display:flex;flex-direction:column;gap:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.9rem 1rem;text-decoration:none;color:var(--text)}.client-row:hover{border-color:var(--accent)}.client-row-head{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.client-name{font-weight:600;font-size:1.05rem}.client-biz{color:var(--muted);font-size:.9rem}.client-count{margin-left:auto;color:var(--muted);font-size:.85rem}.client-row-foot{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;font-size:.85rem}.client-addr{color:var(--text)}.client-next{color:var(--muted);margin-left:auto}.progress{height:5px;background:var(--surface-2);border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent);border-radius:999px}.pill{border-radius:999px;padding:.12rem .6rem;font-size:.78rem;border:1px solid var(--border);color:var(--muted)}.pill.is-setup{color:#e8c37a;border-color:#6b5730}.pill.is-client{color:#8fd39a;border-color:#35603c}.warn{background:#3a2f1f;border:1px solid #715c32;color:#f2d9a6;border-radius:8px;padding:.7rem .9rem;margin:.75rem 0;font-size:.92rem}.step-list{list-style:none;margin:0;padding:0;counter-reset:step}.step{display:flex;align-items:flex-start;gap:.7rem;padding:.7rem 0;border-bottom:1px solid var(--border)}.step:last-child{border-bottom:none}.step input[type=checkbox]{flex:none;width:1.05rem;height:1.05rem;margin-top:.25rem;accent-color:var(--accent);cursor:pointer}.step-body{display:flex;flex-direction:column;gap:.15rem}.step-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.step-num{display:grid;place-items:center;flex:none;width:1.35rem;height:1.35rem;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.75rem}.step-help{color:var(--muted);font-size:.86rem}.step.is-done .step-label{color:var(--muted);text-decoration:line-through}.step.is-done .step-num{background:var(--accent);color:#fff}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.sub-title{font-size:.95rem;margin:.75rem 0 .5rem;color:var(--muted)}.field select{width:100%;padding:.6rem .7rem;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:1rem}.form-actions{align-items:center}@media (max-width: 620px){.grid-2{grid-template-columns:1fr}.client-next{margin-left:0}}.inbox{width:100%;margin-top:.9rem;border-top:1px solid var(--border);padding-top:.6rem}.inbox-header{display:grid;grid-template-columns:1.5rem 1fr 1.5rem;align-items:center;width:100%;background:none;border:none;cursor:pointer;padding:.35rem 0;font:inherit;color:var(--muted)}.inbox-header:hover{color:var(--text)}.inbox-caret{font-size:.8rem}.inbox-title{grid-column:2;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.85rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.inbox-body{margin-top:.6rem}.inbox-search{width:100%;padding:.55rem .7rem;margin-bottom:.75rem;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.92rem}.inbox-search:focus{outline:2px solid var(--accent);border-color:transparent}.mail-table{width:100%;border-collapse:collapse;font-size:.88rem;table-layout:fixed}.mail-table th{text-align:left;color:var(--muted);font-weight:500;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;padding:0 .5rem .4rem 0;border-bottom:1px solid var(--border)}.mail-table td{padding:.45rem .5rem .45rem 0;border-bottom:1px solid var(--border);vertical-align:top}.mail-table tr:last-child td{border-bottom:none}.mail-table .col-read{width:3.2rem;text-align:center}.mail-table .col-from{width:26%}.mail-table .col-when{width:5.5rem;color:var(--muted);white-space:nowrap}.mail-table .col-act{width:2rem;text-align:right}.read-box{width:1.05rem;height:1.05rem;accent-color:var(--accent);cursor:pointer}.cell-btn{display:flex;flex-direction:column;gap:.1rem;background:none;border:none;padding:0;cursor:pointer;font:inherit;color:var(--text);text-align:left;width:100%;word-break:break-word}.cell-btn:hover .cell-subject{color:var(--accent)}.cell-subject{font-weight:600}.cell-preview{color:var(--muted);font-size:.82rem}.mail-table tr.is-read .cell-subject{font-weight:400;color:var(--muted)}.mail-table tr.is-read .cell-btn{color:var(--muted)}.inbox-foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.5rem}.reader-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.5rem 1rem;margin:.5rem 0 0}.reader-fields div{display:flex;flex-direction:column}.reader-fields dt{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.reader-fields dd{margin:0;word-break:break-word;font-size:.9rem}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin:0 0 1rem}.facts div{display:flex;flex-direction:column;gap:.15rem}.facts dt{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.facts dd{margin:0;word-break:break-word}.ok{color:#8fd39a}.pending{color:#e8c37a}.note{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:.6rem .8rem;margin:.5rem 0;font-size:.9rem}.addr-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:.75rem 0}.addr-row input{flex:1;min-width:8rem;padding:.6rem .7rem;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:1rem}.addr-row input:focus{outline:2px solid var(--accent);border-color:transparent}.addr-domain{color:var(--muted)}.addr-row .primary-btn{width:auto;padding:.6rem 1.1rem}.form-actions.wrap{flex-wrap:wrap}.small{font-size:.86rem;margin-top:.6rem}.mail-log{width:100%;border-collapse:collapse;margin-top:.75rem;font-size:.88rem}.mail-log th,.mail-log td{text-align:left;padding:.45rem .5rem .45rem 0;border-bottom:1px solid var(--border);vertical-align:top;word-break:break-word}.mail-log th{color:var(--muted);font-weight:500;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.mail-log tr:last-child td{border-bottom:none}.field-static{padding:.6rem 0;display:block}.check-line{display:flex;align-items:center;gap:.5rem;margin:.5rem 0;font-size:.92rem}.check-line input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--accent);cursor:pointer}.unmanaged-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.5rem 0;border-bottom:1px solid var(--border)}.unmanaged-row:last-child{border-bottom:none}.unmanaged-row button{margin-left:auto}.inbox{margin-top:.75rem;border-top:1px solid var(--border);padding-top:.75rem}.msg-list{list-style:none;margin:0;padding:0}.msg{display:flex;align-items:flex-start;gap:.4rem;border-bottom:1px solid var(--border)}.msg:last-child{border-bottom:none}.msg-open{flex:1;display:flex;flex-direction:column;gap:.15rem;background:none;border:none;cursor:pointer;text-align:left;color:var(--text);padding:.6rem 0;font:inherit}.msg-open:hover .msg-subject{color:var(--accent)}.msg-top{display:flex;gap:.6rem;align-items:baseline}.msg-from{font-size:.9rem}.msg-when{margin-left:auto;color:var(--muted);font-size:.78rem;white-space:nowrap}.msg-subject{font-weight:600;font-size:.95rem;word-break:break-word}.msg-preview{color:var(--muted);font-size:.85rem;word-break:break-word}.msg.is-read .msg-subject{font-weight:400;color:var(--muted)}.msg-open-panel{margin-top:1rem;border-top:1px solid var(--border);padding-top:.75rem}.body-wrap{margin-top:.5rem}.msg-text{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:.9rem 1.1rem;max-height:30rem;overflow:auto;font-size:.95rem;line-height:1.65;word-break:break-word}.msg-text p{margin:0 0 .9rem}.msg-text p:last-child{margin-bottom:0}.msg-text a{color:var(--accent)}.msg-text a:hover{text-decoration:underline}.body-toggle{display:flex;gap:.75rem;margin-bottom:.5rem}.link-btn.is-on{color:var(--text);text-decoration:underline;text-underline-offset:4px}.code-chip{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;background:var(--surface-2);border:1px solid var(--accent);border-radius:8px;padding:.6rem .9rem;margin-bottom:.75rem}.code-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.3rem;letter-spacing:.12em}.msg-frame{width:100%;height:30rem;margin-top:.25rem;border:1px solid var(--border);border-radius:8px;background:#fff}.addr-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.addr-head .template-name{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.badge{display:inline-grid;place-items:center;min-width:1.4rem;height:1.4rem;padding:0 .4rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.78rem;font-weight:600;line-height:1}.danger-btn{flex:none;border:1px solid #71323c;background:transparent;color:#ff8b99;border-radius:8px;font-size:1.15rem;line-height:1;padding:.15rem .55rem;cursor:pointer}.danger-btn:hover{background:#3a1f24;color:#ffb4be}.danger-solid{border:none;border-radius:8px;background:#a33244;color:#fff;font-size:.95rem;font-weight:600;padding:.55rem 1rem;cursor:pointer}.danger-solid:hover{background:#b93a4e}.danger-solid:disabled{opacity:.6;cursor:default}.confirm{display:flex;flex-direction:column;gap:.75rem}.inbox-title{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;margin:1.1rem 0 0;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.msg-dot{flex:none;width:.5rem;height:.5rem;margin-top:.95rem;border-radius:999px;background:var(--accent)}.msg.is-read .msg-dot{background:transparent;border:1px solid var(--border)}.msg-actions{display:flex;align-items:center;gap:.25rem;padding-top:.6rem}.link-btn{border:none;background:none;cursor:pointer;color:var(--muted);font-size:.78rem;padding:.1rem .3rem;white-space:nowrap}.link-btn:hover{color:var(--accent)}.status-line{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.88rem;margin:.25rem 0 .75rem}.hint{display:block;color:var(--muted);font-size:.82rem;margin-top:.3rem}.field .hint{text-transform:none;letter-spacing:0}.tiny{font-size:.78rem;margin:0 0 .5rem}.notes{display:contents}.notes-body{width:100%;margin-top:.6rem}.notes-text{width:100%;padding:.7rem .8rem;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;line-height:1.5;resize:vertical}.notes-text:focus{outline:2px solid var(--accent);border-color:transparent}.page.wide{max-width:1180px;margin:0 auto}.tabs{display:flex;gap:.35rem;flex-wrap:wrap;margin:1rem 0;border-bottom:1px solid var(--border)}.tabs.sub{border-bottom:none;margin-bottom:.5rem}.tab{border:none;background:none;cursor:pointer;font:inherit;color:var(--muted);padding:.5rem .85rem;border-radius:8px 8px 0 0;border-bottom:2px solid transparent}.tab:hover{color:var(--text)}.tab.is-on{color:var(--text);border-bottom-color:var(--accent)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem;margin-top:.5rem}.stat{display:flex;flex-direction:column;gap:.2rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.9rem 1rem}.stat-label{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.stat-value{font-size:1.9rem;font-weight:600;line-height:1.1}.stat-value.is-bad{color:#ff8b99}.stat-value.is-warn{color:#e8c37a}.stat-sub{color:var(--muted);font-size:.82rem}.meter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1rem}.meter-head{display:flex;justify-content:space-between;font-size:.88rem;margin-bottom:.3rem}.meter-track{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.meter-fill{display:block;height:100%;background:var(--accent);border-radius:999px}.meter-fill.is-warn{background:#e8c37a}.meter-fill.is-danger{background:#d15466}.meter-detail{display:block;color:var(--muted);font-size:.8rem;margin-top:.3rem}.chart{margin:.25rem 0 .5rem}.chart svg{width:100%;height:140px;display:block}.chart .bar{fill:var(--accent);opacity:.85}.chart .bar-error{fill:#d15466}.chart-axis{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem;margin-top:.3rem}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}table.data{width:100%;border-collapse:collapse;font-size:.88rem}table.data th,table.data td{text-align:left;padding:.5rem .6rem .5rem 0;border-bottom:1px solid var(--border);vertical-align:top;word-break:break-word}table.data th{color:var(--muted);font-weight:500;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em}table.data tr:last-child td{border-bottom:none}table.data td.is-bad{color:#ff8b99}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem}.chip-row{display:flex;gap:.5rem;flex-wrap:wrap}.status-chip{border:1px solid var(--border);border-radius:999px;padding:.2rem .7rem;font-size:.82rem;color:var(--muted)}.status-chip.is-warn{color:#e8c37a;border-color:#6b5730}.status-chip.is-bad{color:#ff8b99;border-color:#71323c}@media (max-width: 820px){.two-col{grid-template-columns:1fr}}.compose{display:flex;flex-direction:column;gap:.5rem;width:100%;margin-top:.6rem}.compose-head{display:flex;align-items:center;justify-content:space-between}.compose input,.compose textarea{width:100%;padding:.6rem .7rem;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-family:inherit;font-size:.95rem;resize:vertical}.compose input:focus,.compose textarea:focus{outline:2px solid var(--accent);border-color:transparent}.row-actions{display:flex;align-items:center;gap:.4rem;white-space:nowrap}table.data select{padding:.3rem .4rem;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.85rem}.alias-setup{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.setup-panel{width:100%;margin-top:.6rem;padding:.9rem 1rem;background:var(--surface-2);border:1px solid var(--border);border-radius:10px}.steps{margin:.75rem 0 0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.9rem;font-size:.92rem}.steps li{line-height:1.55}.steps a{color:var(--accent)}.copy-row{display:flex;align-items:center;gap:.6rem;margin-top:.4rem}.copy-row code{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.25rem .5rem;font-size:.9rem}.plain-list{margin:.4rem 0 0;padding-left:1.1rem;color:var(--muted);font-size:.88rem}.plain-list code{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:.05rem .3rem}.chip{border-radius:999px;padding:.12rem .6rem;font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;border:1px solid var(--border);color:var(--muted);white-space:nowrap}.chip.is-good{color:#8fd39a;border-color:#35603c;background:#1d2d21}.msg-reader{display:flex;flex-direction:column;gap:.5rem}.reader-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.reader-actions{display:flex;align-items:center;gap:.5rem}.reader-subject{margin:.25rem 0 0;font-size:1.15rem;word-break:break-word}.reader-meta{margin:0}.inbox-hint{justify-self:end;color:var(--muted);font-size:.7rem;white-space:nowrap}.inbox-header{grid-template-columns:1.5rem 1fr auto}.chip.is-button{cursor:pointer;font-family:inherit}.chip.is-button:hover{filter:brightness(1.15)}.chip.is-button:disabled{cursor:default;opacity:.7}.job-result{max-width:22rem;word-break:break-all;font-size:.78rem}.is-bad{color:#ff8b99}.mail-table th.col-from,.mail-table th.col-subject,.mail-table th.col-when{text-align:center}.banners{display:grid;gap:.6rem;margin-bottom:.9rem}.banner{border:1px solid var(--border);background:var(--surface);border-left:4px solid var(--accent);border-radius:8px;padding:.65rem .85rem}.banner.is-done{border-left-color:#3fbf7f}.banner.is-failed{border-left-color:#d9566a}.banner-head{display:flex;align-items:center;gap:.5rem}.banner-head strong{flex:1}.banner-icon{color:var(--accent)}.is-done .banner-icon{color:#3fbf7f}.is-failed .banner-icon{color:#d9566a}.is-running .banner-icon{display:inline-block;animation:banner-spin 1.1s linear infinite}@keyframes banner-spin{to{transform:rotate(360deg)}}.banner-close{border:0;background:transparent;color:var(--muted);font-size:1.1rem;line-height:1;cursor:pointer;padding:0 .2rem}.banner-close:hover{color:var(--text)}.banner-detail{margin:.35rem 0 0;color:var(--muted);font-size:.9rem}.banner-track{margin-top:.55rem;height:4px;border-radius:4px;background:var(--surface-2);overflow:hidden}.banner-fill{display:block;height:100%;width:35%;border-radius:4px;background:var(--accent);animation:banner-slide 1.5s ease-in-out infinite}@keyframes banner-slide{0%{transform:translate(-110%)}to{transform:translate(320%)}}.banner .form-actions{margin-top:.55rem}@media (prefers-reduced-motion: reduce){.banner-fill,.is-running .banner-icon{animation:none}.banner-fill{width:100%;opacity:.5}}