/* Template CSS is kept byte-for-byte. Only integrations missing from the template live here. */
[hidden]{display:none!important}
dialog#modal{border:0;max-width:none;max-height:none;width:calc(100vw / var(--zoom));height:calc(100dvh / var(--zoom));margin:0;inset:0;overflow:hidden;color:var(--fg)}dialog#modal:not([open]){display:none}
dialog#modal{background:transparent;backdrop-filter:none}dialog#modal::backdrop{background:rgba(6,7,20,.72);backdrop-filter:blur(4px)}

.cloud-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.api-form{display:grid;gap:14px;min-width:0}.api-form>button{justify-self:start}
.auth-form>button,.login-card>button{justify-self:stretch}
.auth-art>.brand .mascot{width:48px}
.auth-card{animation:pop .28s cubic-bezier(.3,1.5,.5,1)}
.modalactions,.right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.modalactions{justify-content:flex-end}
.modal form,.modal fieldset{display:grid;gap:12px}.modal fieldset{border:1px solid var(--line);border-radius:12px;padding:12px}
.panelhead h3,.settingspanel h3{font-size:22px}.panelhead>button{margin-left:auto}
.table-section{display:grid;gap:12px;min-width:0}.tablefoot{font-size:13px;color:var(--dim)}
.tbl td small{display:block;color:var(--dim);font-size:12.5px}.break{overflow-wrap:anywhere;white-space:normal;max-width:280px}
.invite-link{display:flex;gap:8px;align-items:center}.invite-link input{min-width:0;flex:1}
.settingspanel{display:grid;gap:14px;min-width:0;align-content:start}.rule{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-block:10px}
.maincols{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:14px}.mini{font-size:13px}.helpbox p+p{margin-top:10px}
.empty .mascot{width:100px}.empty{display:grid;justify-items:center;gap:8px;padding:24px}
.clock{font:500 12px var(--f-mono);color:var(--muted)}
.api-fields,.api-fields label{display:grid;gap:8px}.api-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.apiscope{display:flex;gap:8px;flex-wrap:wrap}.commission-amount{color:var(--mint)}
.paylink{display:inline-flex;align-items:center;gap:4px;color:var(--sky)}
.startupwarning{color:var(--sun)}.settingspanel textarea{min-height:100px}
.api-page{max-width:1080px;margin:auto;padding:28px 20px}.api-page main{display:grid;gap:18px}.api-page header{display:flex;gap:12px;align-items:center;margin-bottom:24px}
.api-guide{max-width:1080px;margin:32px auto;padding:0 20px;display:grid;gap:18px;min-width:0}.api-guide h1{font-size:clamp(32px,4vw,44px)}.top nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.top .brand{margin-right:auto}
.extension-page{max-width:1080px;margin:auto;padding:24px 20px}
.note:focus{outline:2px solid var(--red);outline-offset:3px}
.key-proxy-option{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;border-bottom:1px solid var(--line);padding-block:10px}
.key-proxy-option span{min-width:0}.key-proxy-option input{width:18px;height:18px;flex:0 0 18px;accent-color:var(--sun);margin:0}
#keyImportManualProxy:has(input:disabled){opacity:.55}#importForm input:disabled{cursor:not-allowed}

@media(max-width:980px){.maincols{grid-template-columns:1fr}}
@media(max-width:560px){.invite-link{flex-wrap:wrap}.invite-link input{flex-basis:100%}.api-fields{grid-template-columns:1fr}.clock{display:none}}
@media(max-width:560px){.topnav .wrap{height:auto;min-height:70px;gap:10px;flex-wrap:wrap;padding-block:10px}.topnav .brand{flex:none}.topnav .wrap>.sp{display:none}#navAuth{flex-wrap:nowrap;flex:none;margin-left:auto}}

.area-panel{margin-block:24px}.monthly-plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px}.monthly-plan-grid .card{padding:24px;display:grid;gap:16px;align-content:start}.monthly-plan-grid h3,.monthly-plan-grid p{margin:0}.monthly-price{font-size:28px;font-weight:650;letter-spacing:-.03em}.monthly-price span{display:block;font-size:13px;font-weight:400;letter-spacing:0;color:var(--muted)}.area-filter{min-width:200px;margin:0}.panelhead:has(.area-filter){flex-wrap:wrap;gap:12px}.area-panel>p{margin-top:12px}@media(max-width:600px){.area-filter{width:100%}.monthly-plan-grid .card{padding:20px}}



.node-description{min-width:0;padding:12px 14px;border:1px solid var(--border,var(--line));border-radius:10px;background:var(--panel,var(--card));text-align:left}.node-description>span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.node-description>p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.65}.node-description textarea,#nodeForm textarea{width:100%;resize:vertical;min-height:100px}.area-panel td .node-description{margin-top:10px;min-width:220px;max-width:440px}

[data-monthly-countdown]{white-space:nowrap;font-variant-numeric:tabular-nums}
.view{grid-template-columns:minmax(0,1fr)}.grid2>.card{min-width:0}.area-panel>.tbl-wrap{min-width:0;max-width:100%}


.cnotice{white-space:pre-wrap;overflow-wrap:anywhere}.grid2{min-width:0}.api-form{max-width:100%}.field{min-width:0}.ops{flex-wrap:wrap}.modal-bd>.note{margin-bottom:12px}

#site{overflow-x:clip}