:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-pill: 999px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, system-ui, sans-serif;--t-display: 600 28px/1.2 var(--font);--t-title: 600 20px/1.3 var(--font);--t-headline: 600 17px/1.35 var(--font);--t-body: 400 16px/1.45 var(--font);--t-callout: 400 15px/1.4 var(--font);--t-footnote: 400 13px/1.35 var(--font);--t-caption: 500 12px/1.3 var(--font);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--dur-press: .14s;--dur-fast: .16s;--dur: .22s;--dur-slow: .3s;--dur-exit: .18s;--safe-top: var(--tg-safe-area-inset-top, 0px);--safe-bottom: var(--tg-safe-area-inset-bottom, 0px);--safe-left: var(--tg-safe-area-inset-left, 0px);--safe-right: var(--tg-safe-area-inset-right, 0px);--content-top: var(--tg-content-safe-area-inset-top, 0px);--content-bottom: var(--tg-content-safe-area-inset-bottom, 0px);--inset-top: calc(var(--safe-top) + var(--content-top));--inset-bottom: calc(var(--safe-bottom) + var(--content-bottom));--tabbar-h: 60px}:root,:root[data-theme=light]{--bg: #ffffff;--bg-secondary: #f2f3f5;--surface: #ffffff;--surface-2: #f2f3f5;--surface-3: #e7e9ec;--text: #000000;--text-secondary: #707579;--text-tertiary: #a2acb4;--separator: rgba(0, 0, 0, .08);--accent: #2481cc;--accent-text: #2481cc;--accent-soft: rgba(36, 129, 204, .1);--on-accent: #ffffff;--danger: #e53935;--danger-soft: rgba(229, 57, 53, .1);--success: #29a745;--success-soft: rgba(41, 167, 69, .12);--warn: #e8951a;--premium: #8e5cf5;--premium-soft: rgba(142, 92, 245, .12);--scrim: rgba(0, 0, 0, .4);--shadow-sheet: 0 -8px 32px rgba(0, 0, 0, .12);--shadow-float: 0 6px 24px rgba(0, 0, 0, .14);color-scheme:light}:root[data-theme=dark]{--bg: #17212b;--bg-secondary: #0e1621;--surface: #1d2733;--surface-2: #131c26;--surface-3: #263442;--text: #ffffff;--text-secondary: #8b9398;--text-tertiary: #6b7378;--separator: rgba(255, 255, 255, .08);--accent: #5eaaea;--accent-text: #6ab3f3;--accent-soft: rgba(94, 170, 234, .16);--on-accent: #ffffff;--danger: #ff595a;--danger-soft: rgba(255, 89, 90, .16);--success: #4dd167;--success-soft: rgba(77, 209, 103, .16);--warn: #f0a83c;--premium: #a98bff;--premium-soft: rgba(169, 139, 255, .18);--scrim: rgba(0, 0, 0, .6);--shadow-sheet: 0 -8px 32px rgba(0, 0, 0, .5);--shadow-float: 0 6px 24px rgba(0, 0, 0, .5);color-scheme:dark}:root[data-theme=auto]{--bg: var(--tg-theme-bg-color, #ffffff);--bg-secondary: var(--tg-theme-secondary-bg-color, #f2f3f5);--surface: var(--tg-theme-section-bg-color, var(--tg-theme-bg-color, #ffffff));--surface-2: var(--tg-theme-secondary-bg-color, #f2f3f5);--text: var(--tg-theme-text-color, #000000);--text-secondary: var(--tg-theme-subtitle-text-color, #707579);--text-tertiary: var(--tg-theme-hint-color, #a2acb4);--separator: var(--tg-theme-section-separator-color, rgba(0, 0, 0, .08));--accent: var(--tg-theme-button-color, #2481cc);--accent-text: var(--tg-theme-accent-text-color, #2481cc);--on-accent: var(--tg-theme-button-text-color, #ffffff);--danger: var(--tg-theme-destructive-text-color, #e53935)}@supports (color: color-mix(in srgb,red 10%,white)){:root[data-theme=auto]{--accent-soft: color-mix(in srgb, var(--accent) 12%, transparent);--danger-soft: color-mix(in srgb, var(--danger) 12%, transparent);--surface-3: color-mix(in srgb, var(--text) 8%, var(--surface))}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font:var(--t-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-synthesis-weight:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior-y:none}button,input,textarea{font:inherit;color:inherit;border:0;background:none;margin:0}button{cursor:pointer;padding:0}input{-webkit-user-select:text;user-select:text}input::placeholder{color:var(--text-tertiary)}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:0;height:0}.num{font-variant-numeric:tabular-nums lining-nums}input,textarea,select{font-size:16px!important;touch-action:manipulation}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes appear{0%{opacity:0}to{opacity:1}}.enter>*{animation:rise .26s var(--ease-out) both}.enter>*:nth-child(1){animation-delay:0ms}.enter>*:nth-child(2){animation-delay:32ms}.enter>*:nth-child(3){animation-delay:64ms}.enter>*:nth-child(4){animation-delay:96ms}.enter>*:nth-child(5){animation-delay:128ms}.enter>*:nth-child(6){animation-delay:.16s}.enter>*:nth-child(7){animation-delay:192ms}.enter>*:nth-child(8){animation-delay:224ms}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.enter>*{animation:appear .14s ease-out both!important;animation-delay:0ms!important}.sheet__scrim{transition-duration:.14s!important}.sheet__panel{transform:none!important;opacity:0;transition-property:opacity!important;transition-duration:.14s!important}.sheet[data-open=true] .sheet__panel{opacity:1}}.shell{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--bg-secondary);padding-left:var(--safe-left);padding-right:var(--safe-right)}.shell__scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-top:var(--inset-top);padding-bottom:calc(var(--tabbar-h) + var(--inset-bottom) + var(--sp-8))}.shell__scroll--notabs{padding-bottom:calc(var(--inset-bottom) + var(--sp-6))}.shell__content{padding:0 var(--sp-4);max-width:560px;margin:0 auto}.tabs{position:absolute;left:0;right:0;bottom:0;z-index:20;display:flex;padding:0 calc(var(--sp-4) + var(--safe-left)) calc(var(--sp-3) + var(--inset-bottom)) calc(var(--sp-4) + var(--safe-right));pointer-events:none}.tabs:before{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(100% + 28px);background:linear-gradient(to top,var(--bg-secondary) 62%,transparent);pointer-events:none}.tabs__bar{position:relative;z-index:1;display:flex;width:100%;max-width:560px;margin:0 auto;padding:6px;border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--shadow-float),inset 0 0 0 1px var(--separator);pointer-events:auto}.tabs__track{position:absolute;top:6px;bottom:6px;left:6px;width:calc((100% - 12px) / var(--tabs));pointer-events:none;transition:transform var(--dur) var(--ease-out)}.tabs__pill{display:block;width:100%;height:100%;border-radius:var(--r-pill);background:var(--accent-soft)}.tabs__item{position:relative;flex:1;min-width:0;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:var(--r-pill);color:var(--text-tertiary);transition:color var(--dur-fast) var(--ease-out),transform var(--dur-press) var(--ease-out)}.tabs__item:active{transform:scale(.94)}.tabs__icon{display:grid;place-items:center;height:22px}.tabs__item[aria-current=page]{color:var(--accent-text)}.tabs__label{font-size:10px;line-height:1.2;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}@media(prefers-reduced-motion:reduce){.tabs__track{transition:none}}.head{padding:var(--sp-2) 0 var(--sp-1)}.head__title{font:var(--t-display);margin:0;letter-spacing:-.02em}.head__sub{font:var(--t-callout);color:var(--text-secondary);margin:var(--sp-1) 0 0}.sec{display:flex;flex-direction:column;gap:var(--sp-2)}.sec__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);padding:0 var(--sp-1)}.sec__title{font:var(--t-caption);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.sec__footer{font:var(--t-footnote);color:var(--text-secondary);margin:0;padding:0 var(--sp-1)}.card{background:var(--surface);border-radius:var(--r-md);overflow:hidden}.card--padded{padding:var(--sp-4)}.card--danger{background:var(--danger-soft)}.card--accent{background:var(--accent-soft)}.row{position:relative;display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:52px;padding:var(--sp-2) var(--sp-4);text-align:left;color:var(--text);background:none;transition:background var(--dur-fast) var(--ease-out)}button.row:active{background:var(--surface-2)}.row+.row:before{content:"";position:absolute;left:60px;right:0;top:0;height:1px;background:var(--separator)}.row--plain+.row--plain:before{left:var(--sp-4)}.row__icon{display:grid;place-items:center;width:32px;height:32px;flex:none;color:var(--text-secondary)}.row__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.row__title{font:var(--t-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__hint{font:var(--t-footnote);color:var(--text-secondary)}.row__value{font:var(--t-body);color:var(--text-secondary);flex:none}.row__check{color:var(--accent-text);flex:none}.row__chevron{color:var(--text-tertiary);flex:none}.row--danger .row__title,.row--danger .row__icon{color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:48px;padding:0 var(--sp-5);border-radius:var(--r-md);font:var(--t-headline);transition:transform var(--dur-press) var(--ease-out),opacity var(--dur-press) var(--ease-out),background var(--dur-press) var(--ease-out)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;pointer-events:none}.btn--block{width:100%}.btn--primary{background:var(--accent);color:var(--on-accent)}.btn--secondary{background:var(--accent-soft);color:var(--accent-text)}.btn--ghost{background:transparent;color:var(--accent-text)}.btn--quiet{background:var(--surface-2);color:var(--text)}.btn--danger{background:var(--danger-soft);color:var(--danger)}.btn--sm{min-height:36px;padding:0 var(--sp-4);font:var(--t-callout);border-radius:var(--r-sm)}.copy__ico{display:grid;place-items:center;width:20px;transition:transform var(--dur) var(--ease-out)}.copy__ico.is-done{transform:scale(1.1);color:var(--success)}.tile{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-secondary)}.tile--accent{background:var(--accent-soft);color:var(--accent-text)}.tile--ok{background:var(--success-soft);color:var(--success)}.tile--warm{background:var(--premium-soft);color:var(--premium)}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:3px 8px;border-radius:var(--r-pill);font:var(--t-caption);background:var(--surface-2);color:var(--text-secondary);white-space:nowrap}.badge--accent{background:var(--accent-soft);color:var(--accent-text)}.badge--success{background:var(--success-soft);color:var(--success)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.badge--premium{background:var(--premium-soft);color:var(--premium)}.badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.switch{position:relative;width:51px;height:31px;flex:none;border-radius:var(--r-pill);background:var(--surface-3);transition:background var(--dur) var(--ease-out)}.switch[data-on=true]{background:var(--success)}.switch__thumb{position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform var(--dur) var(--ease-out)}.switch[data-on=true] .switch__thumb{transform:translate(20px)}.bar{height:6px;border-radius:var(--r-pill);background:var(--surface-3);overflow:hidden}.bar__fill{display:block;width:100%;height:100%;border-radius:inherit;background:var(--accent);transition:transform .6s var(--ease-out)}.bar--warn .bar__fill{background:var(--warn)}.bar--danger .bar__fill{background:var(--danger)}.seg{position:relative;display:flex;padding:3px;border-radius:var(--r-md);background:var(--surface-2);isolation:isolate}.seg__pill{position:absolute;top:3px;bottom:3px;left:3px;z-index:0;border-radius:calc(var(--r-md) - 3px);background:var(--surface);box-shadow:0 1px 3px #0000001f;transition:transform var(--dur) var(--ease-out)}.seg__item{position:relative;z-index:1;flex:1;min-width:0;min-height:32px;padding:0 var(--sp-2);font:var(--t-callout);color:var(--text-secondary);transition:color var(--dur-fast) var(--ease-out)}.seg__item[aria-pressed=true]{color:var(--text);font-weight:600}.stat{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.stat__icon{display:block;color:var(--text-secondary);margin-bottom:var(--sp-1)}.stat__value{font:var(--t-title);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.stat__label{font:var(--t-footnote);color:var(--text-secondary)}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-2);padding:var(--sp-8) var(--sp-5)}.empty__title{font:var(--t-headline);margin:var(--sp-2) 0 0}.empty__text{font:var(--t-callout);color:var(--text-secondary);margin:0;max-width:34ch}.sheet{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center}.sheet__scrim{position:absolute;inset:0;background:var(--scrim);opacity:0;transition:opacity var(--dur-slow) var(--ease-out)}.sheet[data-open=true] .sheet__scrim{opacity:1}.sheet__panel{position:relative;width:100%;max-width:560px;max-height:92%;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--surface);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--shadow-sheet);padding:var(--sp-2) var(--sp-4) calc(var(--sp-5) + var(--inset-bottom));transform:translateY(100%);transition:transform var(--dur-slow) var(--ease-drawer)}.sheet[data-open=true] .sheet__panel{transform:translateY(0)}.sheet.is-closing .sheet__panel{transform:translateY(100%);transition-duration:var(--dur-exit)}.sheet.is-closing .sheet__scrim{opacity:0;transition-duration:var(--dur-exit)}.sheet__grip{width:36px;height:4px;margin:var(--sp-1) auto var(--sp-3);border-radius:var(--r-pill);background:var(--separator)}.sheet__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4)}.sheet__head-meta{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.sheet__title{font:var(--t-title);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet__sub{font:var(--t-footnote);color:var(--text-secondary);margin:2px 0 0}.sheet__price{font:var(--t-title);font-variant-numeric:tabular-nums lining-nums;flex:none}.sheet__free{font:var(--t-headline);color:var(--success);flex:none}.sheet__rows{margin:0 0 var(--sp-4);padding:var(--sp-1) var(--sp-4);background:var(--surface-2);border-radius:var(--r-md)}.sheet__row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:44px}.sheet__row+.sheet__row{box-shadow:inset 0 1px 0 var(--separator)}.sheet__row dt{font:var(--t-callout);color:var(--text-secondary)}.sheet__row dd{font:var(--t-callout);font-weight:600;font-variant-numeric:tabular-nums lining-nums;margin:0;text-align:right}.sheet__total{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4)}.sheet__total-label{font:var(--t-callout);color:var(--text-secondary)}.sheet__total-value{font:var(--t-display);font-variant-numeric:tabular-nums lining-nums}.sheet__secondary{margin-top:var(--sp-2)}.sheet__legal{font:var(--t-footnote);color:var(--text-tertiary);text-align:center;margin:var(--sp-4) 0 0}.sheet__error{font:var(--t-footnote);color:var(--danger);margin:0 0 var(--sp-3);text-align:center}.sheet__done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-2);padding:var(--sp-4) 0 0}.sheet__done-title{font:var(--t-title);margin:var(--sp-2) 0 0}.sheet__done-text{font:var(--t-callout);color:var(--text-secondary);margin:0 0 var(--sp-4);max-width:34ch}body.sheet-open{overflow:hidden}.plan{position:relative;display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--surface);color:var(--text);text-align:left;border:1.5px solid transparent;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),transform var(--dur-press) var(--ease-out)}.plan:active{transform:scale(.98)}.plan[data-selected=true]{border-color:var(--accent);background:var(--accent-soft)}.plan__meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.plan__title{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.plan__name{font:var(--t-headline);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan__note{font:var(--t-footnote);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan__price{flex:none;display:flex;align-items:baseline;gap:2px;font:var(--t-headline);font-variant-numeric:tabular-nums lining-nums}.plan__price--free{color:var(--success)}.plan__period{font:var(--t-caption);color:var(--text-secondary)}.plan__badge{flex:none;padding:2px 8px;border-radius:var(--r-pill);font:var(--t-caption);background:var(--accent);color:var(--on-accent);white-space:nowrap}.plans{display:flex;flex-direction:column;gap:var(--sp-3)}.keycard{background:var(--surface);border-radius:var(--r-md);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.keycard__head{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.keycard__meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.keycard__title{font:var(--t-headline)}.keycard__url{font:var(--t-footnote);color:var(--text-secondary);font-variant-numeric:tabular-nums lining-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keycard__id{font:var(--t-caption);color:var(--text-tertiary);flex:none;align-self:flex-start}.pay{display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-3);border-radius:var(--r-md);background:var(--surface-2)}.pay__body{display:flex;flex-direction:column;gap:2px;min-width:0}.pay__title{font:var(--t-headline)}.pay__hint{font:var(--t-footnote);color:var(--text-secondary)}.pay__meta{font:var(--t-caption);color:var(--text-tertiary);margin-top:var(--sp-1)}.pay__mark{position:relative;width:10px;height:10px;margin-top:6px;flex:none;border-radius:50%;background:var(--accent)}.pay__mark:after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit}.pay--creating .pay__mark:after,.pay--waiting .pay__mark:after{animation:pay-pulse 1.6s var(--ease-out) infinite}@keyframes pay-pulse{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.pay--failed{background:var(--danger-soft)}.pay--failed .pay__mark{background:var(--danger)}.pay--failed .pay__title{color:var(--danger)}.nosub{display:flex;flex-direction:column;gap:var(--sp-5)}.nosub__hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:var(--sp-4)}.nosub__title{font:var(--t-title);margin:var(--sp-2) 0 0}.nosub__text{font:var(--t-callout);color:var(--text-secondary);margin:var(--sp-2) 0 0;max-width:32ch}.perks{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.perk{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--sp-3);border-radius:var(--r-md);background:var(--surface);min-width:0}.perk__ico{display:grid;place-items:center;width:38px;height:38px;margin-bottom:var(--sp-2);border-radius:50%;background:var(--accent-soft);color:var(--accent-text)}.perk__title{font:var(--t-callout);font-weight:600;color:var(--text)}.perk__note{font:var(--t-footnote);color:var(--text-secondary)}.nosub__hint{font:var(--t-footnote);color:var(--text-tertiary);text-align:center;margin:calc(var(--sp-2) * -1) 0 0}.home{display:flex;flex-direction:column;gap:var(--sp-5)}.home__greet{padding-top:var(--sp-4)}.home__hello{font:var(--t-display);letter-spacing:-.02em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home__sub{font:var(--t-callout);color:var(--text-secondary);margin:var(--sp-1) 0 0}.hero{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-lg);background:var(--surface)}.hero__top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.hero__plan{font:var(--t-callout);font-weight:600;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero__main{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin:calc(var(--sp-2) * -1) 0}.hero__count{display:flex;flex-direction:column;min-width:0}.hero__num{font:700 56px/1 var(--font);letter-spacing:-.03em}.hero__unit{font:var(--t-callout);color:var(--text-secondary);margin-top:var(--sp-1)}.hero__duck{pointer-events:none}.hero__until{font:var(--t-footnote);color:var(--text-secondary);margin:calc(var(--sp-1) * -1) 0 var(--sp-1)}.devices{display:flex;flex-direction:column;gap:var(--sp-5)}.devsum{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-lg);background:var(--surface)}.devsum__meta{display:flex;flex-direction:column;min-width:0}.devsum__count{font:700 40px/1 var(--font);letter-spacing:-.03em}.devsum__total{color:var(--text-tertiary);font-size:26px}.devsum__label{font:var(--t-footnote);color:var(--text-secondary);margin-top:var(--sp-2)}.devsum__duck{pointer-events:none}.devices__list{display:flex;flex-direction:column;gap:var(--sp-2)}.dev{display:flex;flex-direction:column;gap:var(--sp-3)}.dev__head{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.dev__icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-secondary)}.dev__icon[data-online=true]{background:var(--success-soft);color:var(--success)}.dev__meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dev__name{font:var(--t-headline);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev__sub{font:var(--t-footnote);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev__seen{font:var(--t-caption);color:var(--text-tertiary);flex:none;align-self:flex-start}.dev__metrics{display:flex;gap:var(--sp-4);padding-top:var(--sp-3);box-shadow:inset 0 1px 0 var(--separator)}.dev__metric{display:flex;align-items:center;gap:var(--sp-1);font:var(--t-footnote);color:var(--text-secondary)}.hold{position:relative;display:block;width:100%;min-height:48px;border-radius:var(--r-md);overflow:hidden;background:var(--danger-soft);color:var(--danger);font:var(--t-headline);isolation:isolate;transition:color var(--dur) var(--ease-out)}.hold__fill{position:absolute;inset:0;z-index:0;transform-origin:left center;background:var(--danger)}.hold__label{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:48px;padding:0 var(--sp-4)}.hold[data-holding=true]{color:#fff}.hold[data-done=true]{background:var(--success-soft);color:var(--success)}.hold:disabled{opacity:.6;pointer-events:none}.traffic{display:flex;flex-direction:column;gap:var(--sp-5)}.trhero{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-lg);background:var(--surface)}.trhero__meta{display:flex;align-items:baseline;gap:var(--sp-2);min-width:0}.trhero__num{font:700 44px/1 var(--font);letter-spacing:-.03em}.trhero__unit{font:var(--t-headline);color:var(--text-secondary)}.trhero__duck{pointer-events:none}.trsplit{display:grid;grid-template-columns:1fr 1fr}.trsplit__cell{display:flex;flex-direction:column;gap:2px;padding:var(--sp-4);min-width:0}.trsplit__cell+.trsplit__cell{box-shadow:inset 1px 0 0 var(--separator)}.trsplit__ico{display:grid;place-items:center;width:32px;height:32px;margin-bottom:var(--sp-2);border-radius:var(--r-sm)}.trsplit__ico--down{background:var(--accent-soft);color:var(--accent-text)}.trsplit__ico--up{background:var(--success-soft);color:var(--success)}.trsplit__value{font:var(--t-title);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trsplit__label{font:var(--t-footnote);color:var(--text-secondary)}.trnote{display:flex;align-items:flex-start;gap:var(--sp-2);padding:0 var(--sp-1);color:var(--text-tertiary)}.trnote__ico{flex:none;margin-top:1px}.trnote__text{font:var(--t-footnote);margin:0}.profile{display:flex;flex-direction:column;gap:var(--sp-5)}.me{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-1);padding:var(--sp-5) 0 var(--sp-1)}.me__avatar{display:grid;place-items:center;width:88px;height:88px;margin-bottom:var(--sp-3);border-radius:50%;overflow:hidden;background:var(--accent-soft);color:var(--accent-text);box-shadow:0 0 0 4px var(--surface)}.me__photo{width:100%;height:100%;object-fit:cover}.me__letter{font:600 34px/1 var(--font)}.me__name{display:flex;align-items:center;justify-content:center;gap:var(--sp-1);font:var(--t-title);margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me__premium{display:grid;place-items:center;flex:none;color:var(--premium)}.me__handle{font:var(--t-callout);color:var(--text-secondary);margin:0}.me__tags{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--sp-2);margin-top:var(--sp-3)}.me__id{display:inline-flex;align-items:center;gap:var(--sp-1);padding:4px 10px;border-radius:var(--r-pill);background:var(--surface);color:var(--text-secondary);font:var(--t-caption);transition:transform var(--dur-press) var(--ease-out)}.me__id:active{transform:scale(.95)}.mysub{display:flex;flex-direction:column;gap:var(--sp-3)}.mysub__top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.mysub__plan{font:var(--t-headline);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mysub__left{font:var(--t-footnote);color:var(--text-secondary);margin:calc(var(--sp-2) * -1) 0 0}.mysub__cells{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);padding-top:var(--sp-3);box-shadow:inset 0 1px 0 var(--separator)}.mysub--empty{align-items:center;text-align:center;gap:var(--sp-2);padding-top:var(--sp-2)}.mysub__text{font:var(--t-footnote);color:var(--text-secondary);margin:0;max-width:34ch}.help{display:flex;flex-direction:column;gap:var(--sp-5)}.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-4)}.step{position:relative;display:flex;gap:var(--sp-3)}.step__num{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);font:var(--t-caption);font-weight:700}.step:not(:last-child):before{content:"";position:absolute;left:13px;top:30px;bottom:calc(var(--sp-4) * -1);width:1.5px;background:var(--separator)}.step__body{display:flex;flex-direction:column;gap:2px;min-width:0}.step__title{font:var(--t-headline)}.step__desc{font:var(--t-footnote);color:var(--text-secondary)}.faq+.faq{box-shadow:inset 0 1px 0 var(--separator)}.faq__q{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);width:100%;min-height:52px;padding:var(--sp-3) var(--sp-4);text-align:left;font:var(--t-body);color:var(--text)}.faq__chev{flex:none;color:var(--text-tertiary);transform:rotate(90deg);transition:transform var(--dur) var(--ease-out)}.faq__chev[data-open=true]{transform:rotate(-90deg)}.faq__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur) var(--ease-out)}.faq__a[data-open=true]{grid-template-rows:1fr}.faq__a-inner{overflow:hidden}.faq__a-text{font:var(--t-callout);color:var(--text-secondary);margin:0;padding:0 var(--sp-4) var(--sp-4)}.support{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-3)}.support__text{font:var(--t-callout);color:var(--text-secondary);margin:0;max-width:34ch}.settings{display:flex;flex-direction:column;gap:var(--sp-5)}.legal{display:flex;flex-direction:column;gap:var(--sp-4)}.legal__doc{padding:0 var(--sp-1)}.legal__title{font:var(--t-title);margin:0}.legal__intro{font:var(--t-callout);color:var(--text-secondary);margin:var(--sp-2) 0 0}.legal__sections{display:flex;flex-direction:column;gap:var(--sp-2)}.legal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);width:100%;min-height:52px;padding:var(--sp-3) var(--sp-4);text-align:left;color:var(--text)}.legal__sec-title{font:var(--t-headline)}.legal__chev{flex:none;color:var(--text-tertiary);transform:rotate(90deg);transition:transform var(--dur) var(--ease-out)}.legal__chev[data-open=true]{transform:rotate(-90deg)}.legal__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur) var(--ease-out)}.legal__body[data-open=true]{grid-template-rows:1fr}.legal__body-inner{overflow:hidden}.legal__items{display:flex;flex-direction:column;gap:var(--sp-2);padding:0 var(--sp-4) var(--sp-4)}.legal__item{font:var(--t-callout);color:var(--text-secondary);margin:0;-webkit-user-select:text;user-select:text}.legal__item--bullet{display:flex;gap:var(--sp-2)}.legal__marker{flex:none;width:4px;height:4px;margin-top:8px;border-radius:50%;background:var(--text-tertiary)}.legal__num{color:var(--text);font-weight:600}.legal__note{font:var(--t-footnote);color:var(--text-secondary);margin:0;-webkit-user-select:text;user-select:text}.legal__updated{font:var(--t-caption);color:var(--text-tertiary);text-align:center;margin:0}.admin{display:flex;flex-direction:column;gap:var(--sp-5)}.admin__empty{font:var(--t-callout);color:var(--text-secondary);margin:0}.money{display:flex;flex-direction:column;gap:var(--sp-4)}.money__owed{position:relative;display:flex;flex-direction:column;min-width:0}.money__owed-label{font:var(--t-footnote);color:var(--text-secondary)}.money__owed-value{font:700 40px/1.1 var(--font);letter-spacing:-.03em;margin-top:var(--sp-1)}.money__duck{position:absolute;right:0;top:calc(var(--sp-2) * -1);pointer-events:none}.money__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);padding-top:var(--sp-4);box-shadow:inset 0 1px 0 var(--separator)}.money__grid .stat__value{font:var(--t-headline)}.money__rows{padding-top:var(--sp-3);box-shadow:inset 0 1px 0 var(--separator)}.money__caption{font:var(--t-caption);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 var(--sp-2)}.money__row{display:flex;align-items:center;gap:var(--sp-3);min-height:32px}.money__name{flex:1;min-width:0;font:var(--t-callout);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.money__sales{font:var(--t-footnote);color:var(--text-tertiary)}.money__earned{font:var(--t-callout);font-weight:600}.prices{display:flex;flex-direction:column;gap:var(--sp-2)}.price{display:flex;flex-direction:column;gap:var(--sp-3);transition:opacity var(--dur) var(--ease-out)}.price.is-hidden{opacity:.55}.price__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.price__meta{display:flex;flex-direction:column;gap:2px;min-width:0}.price__name{font:var(--t-headline)}.price__period{font:var(--t-footnote);color:var(--text-secondary)}.price__field{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.price__label{font:var(--t-callout);color:var(--text-secondary)}.price__input{width:120px;min-height:44px;padding:0 var(--sp-3);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);text-align:right;font-weight:600;border:1.5px solid transparent;transition:border-color var(--dur-fast) var(--ease-out)}.price__input[data-bad=true]{border-color:var(--danger);color:var(--danger)}.price__facts{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-3);font:var(--t-footnote);color:var(--text-secondary);padding-top:var(--sp-3);box-shadow:inset 0 1px 0 var(--separator)}.price__gain b{color:var(--success)}.price__list{color:var(--text-tertiary)}.admin__save{display:flex;flex-direction:column;gap:var(--sp-2)}.admin__error{font:var(--t-footnote);color:var(--danger);margin:0;text-align:center}.admin__ok{font:var(--t-footnote);color:var(--success);margin:0;text-align:center}.intro{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--bg);padding:var(--inset-top) var(--sp-6) calc(var(--inset-bottom) + var(--sp-6));padding-left:max(var(--sp-6),var(--safe-left));padding-right:max(var(--sp-6),var(--safe-right))}.intro__stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--sp-4);min-height:0}.intro__title{font:var(--t-display);letter-spacing:-.02em;margin:0}.intro__text{font:var(--t-body);color:var(--text-secondary);margin:0;max-width:30ch}.intro__stage>*{animation:rise var(--dur-slow) var(--ease-out) both}.intro__stage>*:nth-child(2){animation-delay:50ms}.intro__stage>*:nth-child(3){animation-delay:.1s}.intro__dots{display:flex;justify-content:center;gap:6px;padding:var(--sp-5) 0}.intro__dot{width:6px;height:6px;border-radius:var(--r-pill);background:var(--separator);transition:width var(--dur) var(--ease-out),background var(--dur) var(--ease-out)}.intro__dot[data-active=true]{width:22px;background:var(--accent)}