.sf-page{--sf-r: 18px;--sf-hair: color-mix(in srgb, var(--fg) 9%, transparent);--sf-tint: color-mix(in srgb, var(--fg) 4%, transparent);--sf-tint2: color-mix(in srgb, var(--fg) 7%, transparent);--sf-ring: 0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent);--sf-lift: 0 1px 0 color-mix(in srgb, var(--fg) 4%, transparent), 0 18px 40px -26px color-mix(in srgb, var(--fg) 45%, transparent);--sf-well: color-mix(in srgb, var(--bg) 55%, var(--panel));counter-reset:sfsec}.sf-page .sh{align-items:flex-end;gap:6px 24px;padding-bottom:14px;margin-bottom:22px;border-bottom:1px solid var(--line)}.sf-page .sh h2{display:flex;align-items:baseline;gap:12px;font-size:clamp(19px,1.5vw,23px);font-weight:700;letter-spacing:-.03em;line-height:1.1}.sf-page .sh>.mono{max-width:60ch;line-height:1.5}.sf-page .sh h2:before{counter-increment:sfsec;content:counter(sfsec,decimal-leading-zero);content:counter(sfsec,decimal-leading-zero) / "";font:500 11px var(--mono);letter-spacing:.08em;color:var(--accent);transform:translateY(-.35em)}.sf-page .box .sh h2:before,.sf-page [role=dialog] .sh h2:before,.sf-page .sheet .sh h2:before{content:none}.sf-page .box .sh h2,.sf-page [role=dialog] .sh h2{font-size:16px;letter-spacing:-.015em}.sf-page .msec{padding-top:56px}.sf-page .csec{padding-top:28px}.sf-page .tiles{gap:14px}.sf-page .tile{position:relative;overflow:hidden;justify-content:space-between;gap:10px;min-height:148px;padding:20px 22px 18px;border-radius:var(--sf-r);box-shadow:var(--sf-lift)}.sf-page .tile>.mono:first-child{font-size:11px;letter-spacing:.09em;text-transform:uppercase}.sf-page .tile>.mono:last-child:not(:first-child){font-size:12px;line-height:1.4}.sf-page .tile b{font-size:clamp(30px,3.1vw,46px);line-height:1;letter-spacing:-.05em;font-weight:700;font-variant-numeric:tabular-nums}.sf-page>.tiles>.tile:first-child,.sf-page>.msec:first-child .tiles>.tile:first-child{background:var(--fg);border-color:var(--fg);color:var(--bg)}.sf-page>.tiles>.tile:first-child .mono,.sf-page>.msec:first-child .tiles>.tile:first-child .mono{color:color-mix(in srgb,var(--bg) 78%,transparent)}.sf-page>.tiles>.tile:first-child:after,.sf-page>.msec:first-child .tiles>.tile:first-child:after{content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 55%,transparent),transparent 70%);pointer-events:none}.sf-page .num{font-variant-numeric:tabular-nums}.sf-page td.num{font-family:var(--sans);font-weight:600;font-size:15px;letter-spacing:-.01em;color:var(--fg)}.sf-page td.num .mono{font-weight:400;font-size:11.5px;margin-top:3px}.sf-page .filters-row{padding:0 0 22px;gap:10px 14px}.sf-page .seg:has(>.chip){width:fit-content;max-width:100%;gap:2px;padding:4px;border-radius:999px;background:var(--sf-tint2);border:1px solid var(--sf-hair)}.sf-page .seg>.chip{border-color:transparent;background:transparent;color:var(--muted);font-weight:500;padding:0 16px}.sf-page .seg>.chip:hover{color:var(--fg);border-color:transparent;background:var(--sf-tint)}.sf-page .seg>.chip-on,.sf-page .seg>.chip-on:hover{background:var(--panel);color:var(--fg);border-color:transparent;box-shadow:0 1px 2px color-mix(in srgb,var(--fg) 14%,transparent),0 0 0 1px var(--line)}.sf-page .legend .swatch{width:10px;height:10px;border-radius:50%}.sf-page .scroll:has(>.tbl){border:1px solid var(--line);border-radius:var(--sf-r);background:var(--panel)}.sf-page .tbl{font-size:14.5px}.sf-page .tbl th{font:500 10.5px/1.2 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);padding:14px 16px 12px 0;border-bottom:1px solid var(--line);white-space:nowrap}.sf-page .tbl td{padding:15px 16px 15px 0;border-bottom:1px solid var(--sf-hair);vertical-align:middle;transition:background-color .12s}.sf-page .tbl tbody tr:last-child td{border-bottom:0}.sf-page .tbl tbody tr:hover td{background:var(--sf-tint)}.sf-page .scroll>.tbl th:first-child,.sf-page .scroll>.tbl td:first-child{padding-left:20px}.sf-page .scroll>.tbl th:last-child,.sf-page .scroll>.tbl td:last-child{padding-right:20px}.sf-page .tbl td a{font-weight:600}.sf-page .tbl td a:hover{color:var(--accent)}.sf-page .tbl td>.mono{display:block;margin-top:3px}.sf-page .tbl .tag{white-space:nowrap}.sf-page .tbl select.in{min-height:40px}.sf-page .fields{gap:22px 26px}.sf-page .field{gap:8px}.sf-page .field>label,.sf-page .lab{font-size:13.5px;font-weight:600;letter-spacing:-.005em;align-items:baseline}.sf-page .field>.mono{font-family:var(--sans);font-size:12.5px;letter-spacing:0;line-height:1.5}.sf-page .in{border-radius:12px;transition:border-color .15s,box-shadow .15s,background-color .15s}.sf-page .in:hover:not(:focus):not(:disabled){border-color:color-mix(in srgb,var(--fg) 32%,var(--line))}.sf-page .in:focus{border-color:var(--accent);box-shadow:var(--sf-ring)}.sf-page input[type=search].in{border-radius:999px;padding-left:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='7' cy='7' r='5.25'/%3E%3Cpath d='m11 11 3.5 3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:16px 50%}.sf-page .sw{min-height:64px;padding:12px 16px 12px 18px;border-radius:14px;transition:border-color .15s,background-color .15s}.sf-page .sw:hover{border-color:color-mix(in srgb,var(--fg) 30%,var(--line))}.sf-page .sw>span{display:flex;flex-direction:column;gap:3px}.sf-page .sw>span>.mono{font-family:var(--sans);font-size:12.5px;letter-spacing:0;line-height:1.45}.sf-page .sw input[type=checkbox],.sf-page .tool-row input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:none;position:relative;width:44px;height:26px;margin:0;border-radius:999px;background:color-mix(in srgb,var(--fg) 20%,transparent);cursor:pointer;transition:background-color .18s}.sf-page .sw input[type=checkbox]:before,.sf-page .tool-row input[type=checkbox]:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .2s cubic-bezier(.3,.7,.4,1)}.sf-page .sw input[type=checkbox]:checked,.sf-page .tool-row input[type=checkbox]:checked{background:var(--accent)}.sf-page .sw input[type=checkbox]:checked:before,.sf-page .tool-row input[type=checkbox]:checked:before{transform:translate(18px)}.sf-page .sw input[type=checkbox]:focus-visible,.sf-page .tool-row input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sf-page .sw input[type=checkbox]:disabled,.sf-page .tool-row input[type=checkbox]:disabled{opacity:.5;cursor:default}.sf-page .tool-groups{gap:16px;margin-top:18px}.sf-page .tool-group{gap:0;padding:6px 6px 8px;border:1px solid var(--line);border-radius:16px;background:var(--sf-well)}.sf-page .tool-group legend{float:left;width:100%;padding:10px 12px 6px;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase}.sf-page .tool-row{align-items:center;justify-content:space-between;flex-direction:row-reverse;gap:14px;min-height:52px;padding:8px 12px;border-radius:12px;transition:background-color .12s}.sf-page .tool-row:hover{background:var(--sf-tint)}.sf-page .tool-row>span{flex:1;min-width:0}.sf-page .tool-row>span>.mono{font-family:var(--sans);font-size:12.5px;letter-spacing:0;line-height:1.45}.sf-page .empty{display:block;text-align:center;padding:44px 28px 40px;border-radius:var(--sf-r);border:1px dashed color-mix(in srgb,var(--fg) 24%,transparent);font-size:14.5px;line-height:1.6;text-wrap:pretty;background:repeating-linear-gradient(135deg,transparent 0 11px,color-mix(in srgb,var(--fg) 3%,transparent) 11px 12px),var(--panel)}.sf-page .empty:before{content:"";display:block;width:40px;height:40px;margin:0 auto 14px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--accent) 70%,transparent);background:radial-gradient(circle,var(--accent) 0 3.5px,transparent 4px),var(--panel);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 9%,transparent)}.sf-page .empty .linkish{color:var(--accent)}.sf-page .box{border-radius:var(--sf-r);padding:22px;box-shadow:var(--sf-lift)}.sf-page .notice{border-radius:14px;border-left:3px solid var(--accent)}.sf-page .err[role=alert]{padding:12px 14px!important;border-radius:12px;background:color-mix(in srgb,var(--bad) 9%,transparent);border:1px solid color-mix(in srgb,var(--bad) 30%,transparent)}.sf-page>p.mono:first-child{font-size:12.5px;line-height:1.65;margin:0 0 6px}.sf-settings{display:flex;flex-direction:column;gap:18px;max-width:1080px;padding-top:4px}.sf-settings>section{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:26px 26px 28px;scroll-margin-top:24px}.sf-settings>section>.sh{border-bottom-color:var(--sf-hair)!important}.sf-settings .in,.sf-settings .sw,.sf-settings .waitwhy{background:var(--sf-well)}.sf-settings .in:focus{background:var(--bg)}.sf-settings .waitwhy{border-radius:14px;padding:18px 20px;gap:8px}.sf-settings .waitwhy b{font-weight:600}.sf-settings>section>p.mono{line-height:1.65!important;max-width:70ch}.sf-settings .scroll:has(>.tbl){background:var(--sf-well)}@media(min-width:1180px){.sf-settings>section{display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:48px;row-gap:0;padding:32px 36px 34px}.sf-settings>section>.sh{grid-column:1;grid-row:1 / span 40;align-self:start;position:sticky;top:24px;flex-direction:column;align-items:flex-start;gap:10px;margin:0;padding:0;border:0}.sf-settings>section>.sh h2{flex-direction:column;gap:10px;font-size:22px}.sf-settings>section>.sh h2:before{transform:none}.sf-settings>section>.sh>.mono{font-size:12px}.sf-settings>section>:not(.sh){grid-column:2;min-width:0}.sf-settings>section>:not(.sh)+:not(.sh){margin-top:18px}.sf-settings>section>p.mono:nth-child(2){margin-top:0}}@media(max-width:600px){.sf-settings>section{padding:20px 16px 22px;border-radius:18px}}.sf-page .clist{padding:6px;gap:0;border:1px solid var(--line);border-radius:var(--sf-r);background:var(--panel)}.sf-page .crow{position:relative;gap:6px 16px;min-height:64px;padding:12px 14px;border-radius:12px;border-bottom:0;transition:background-color .12s}.sf-page .crow+.crow:before{content:"";position:absolute;left:70px;right:14px;top:0;height:1px;background:var(--sf-hair)}.sf-page .crow:hover{background:var(--sf-tint2);color:var(--fg)}.sf-page .crow:hover:before,.sf-page .crow:hover+.crow:before{opacity:0}.sf-page .crow:hover b{text-decoration:none}.sf-page .crow-name b{font-size:15.5px;font-weight:600;letter-spacing:-.01em}.sf-page .crow:after{content:"";flex:none;width:8px;height:8px;margin:0 6px 0 2px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);opacity:.3;transition:transform .15s,opacity .15s}.sf-page .crow:hover:after{opacity:.85;transform:translate(3px) rotate(45deg)}.sf-page .crow img,.sf-page .crow .avatar{box-shadow:0 0 0 2px var(--panel),0 0 0 3px var(--line)}.sf-page .clist>.mono{padding:14px!important}.sf-page .cchip{padding:4px 4px 4px 10px;box-shadow:var(--sf-lift)}.sf-page .plist{gap:0}.sf-page .prow{padding:14px 12px;margin:0 -12px;border-radius:14px;border-bottom-color:var(--sf-hair);transition:background-color .12s}.sf-page .prow:hover{background:var(--sf-tint)}.sf-page .pthumb{border-radius:12px;box-shadow:inset 0 0 0 1px var(--sf-hair)}.sf-page .mgrid{gap:20px}.sf-page .mitem .mthumb,.sf-page .mthumb{border-radius:12px;overflow:hidden}.sf-page .rates-ed{gap:18px}.sf-page .rates-ed .box{gap:10px}.sf-page .rates-name{font-size:18px;letter-spacing:-.02em}.sf-page .rates-price{font-variant-numeric:tabular-nums}.sf-page .rcard{border-radius:var(--sf-r);padding:20px 22px;gap:12px;box-shadow:var(--sf-lift)}.sf-page .rcard-pending{box-shadow:var(--sf-ring),var(--sf-lift)}.sf-page .rcard p{font-size:15px;line-height:1.6}.sf-page .site-grid,.sf-page .addon-grid{gap:16px;margin-top:22px}.sf-page .site-card,.sf-page .addon-card{border-radius:var(--sf-r);padding:20px 22px;gap:12px;box-shadow:var(--sf-lift);transition:border-color .15s,transform .2s cubic-bezier(.3,.7,.4,1),box-shadow .2s}.sf-page .site-card header b,.sf-page .addon-card b{font-size:19px;font-weight:700;letter-spacing:-.025em}.sf-page .site-card footer{padding-top:12px;border-top:1px solid var(--sf-hair)}.sf-page .site-meter-bar{height:8px}.sf-page .addon-card{min-height:150px}.sf-page .addon-card>.mono:last-of-type{margin-top:auto}.sf-page .addon-card:hover{border-color:var(--accent)}@media(prefers-reduced-motion:no-preference){.sf-page .addon-card:hover{transform:translateY(-2px);box-shadow:0 24px 48px -28px color-mix(in srgb,var(--fg) 55%,transparent)}}.sf-page .mchart{border-radius:16px;padding:16px 18px}.sf-page .mchart-now{font-size:30px;font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.sf-page .chart .gl:not(.base){border-top-style:dashed}.sf-page .seg1,.sf-page .seg2{transition:filter .15s}.sf-page .ccol:hover .seg1,.sf-page .ccol:hover .seg2,.sf-page .ccol:focus-visible .seg1,.sf-page .ccol:focus-visible .seg2{filter:brightness(1.12) saturate(1.05)}.sf-page .seg2,.sf-page .top1{border-radius:6px 6px 0 0}.sf-page .tip{border-radius:12px;padding:12px 14px;box-shadow:0 16px 36px -12px #00000073;font-variant-numeric:tabular-nums}.sf-page .dlab{font-weight:600;color:var(--fg)}@media(max-width:600px){.sf-page .msec{padding-top:40px}.sf-page .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sf-page>.tiles>.tile:first-child,.sf-page>.msec:first-child .tiles>.tile:first-child{grid-column:1 / -1}.sf-page .tile{min-height:0;padding:16px;gap:8px;border-radius:16px}.sf-page .tile b{font-size:26px;overflow-wrap:anywhere}.sf-page>.tiles>.tile:first-child b,.sf-page>.msec:first-child .tiles>.tile:first-child b{font-size:40px}.sf-page .tile>.mono:first-child{font-size:10px;letter-spacing:.07em}.sf-page .tile>.mono:last-child:not(:first-child){font-size:11px}.sf-page .sh{margin-bottom:18px}.sf-page .crow+.crow:before{left:14px}.sf-page .scroll>.tbl th:first-child,.sf-page .scroll>.tbl td:first-child{padding-left:14px}.sf-page .scroll>.tbl th:last-child,.sf-page .scroll>.tbl td:last-child{padding-right:14px}.sf-page .empty{padding:32px 18px 28px}.sf-page .site-card,.sf-page .addon-card{padding:18px}}@media(prefers-reduced-motion:reduce){.sf-page *,.sf-page *:before,.sf-page *:after{transition:none!important}}
