:root{--blue: #0058ff;--blue-hover: #004ad8;--blue-background: #e6f4ff;--blue-border: #d9e6ff;--green: #00bea8;--green-background: #e3fbf8;--green-border: #bfece7;--orange: #ffb146;--orange-border: #ffe7c6;--red: #ff2e4d;--red-hover: #f80025;--red-background: #fff3f5;--red-border: #ffc6ce;--text-strong: #222222;--text: #4e4e4e;--text-muted: #6d6d6d;--text-subtle: #a9a9a9;--text-faint: rgba(0, 0, 0, .3);--text-on-accent: #ffffff;--surface: #ffffff;--surface-sunken: #f5f5f5;--surface-secondary: #f7f7f7;--hairline: 1.52px;--border-subtle: #f0f0f0;--border-muted: #e6e6e6;--separator: #f7f7f7;--card-radius: 23px;--panel-radius: 20px;--control-radius: 15px;--pill-radius: 25px;--card-shadow: 0 0 10px #f2f2f2;--field-inset: inset 0 0 0 var(--hairline) var(--border-subtle);--font: -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-display: 34px;--font-size-title: 32px;--font-size-section: 22px;--font-size-heading: 16px;--font-size-field: 15px;--font-size-body: 14px;--font-size-small: 13px;--font-size-tiny: 12px;--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--ease: cubic-bezier(.4, 0, .2, 1);--duration-fast: .12s;--duration: .18s;--duration-slow: .26s;--transition-control: background-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease), color var(--duration) var(--ease), transform var(--duration-fast) var(--ease), opacity var(--duration) var(--ease);--focus-ring: 0 0 0 3px var(--blue-border);--focus-ring-danger: 0 0 0 3px var(--red-border);--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M1 1L5.5 5.5L10 1' stroke='%236d6d6d' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--select-chevron-hover: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M1 1L5.5 5.5L10 1' stroke='%23222222' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--select-chevron-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M1 1L5.5 5.5L10 1' stroke='%230058ff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--select-chevron-muted: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M1 1L5.5 5.5L10 1' stroke='%23a9a9a9' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--control-height: 54px;--control-height-large: 62px;--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px}*,*:before,*:after{box-sizing:border-box}p,h1,h2,h3,h4,h5,h6,ul,ol,figure,blockquote{margin:0}button,input,select,textarea{font:inherit;color:inherit}img,svg{display:block;max-width:100%}body{margin:0;font-family:var(--font);font-size:var(--font-size-tiny);font-weight:var(--weight-light);color:var(--text-strong);background:var(--surface);-webkit-font-smoothing:antialiased}button,input{font-family:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:1ms!important;animation-duration:1ms!important}}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);height:var(--control-height);padding:0 var(--space-4);border:none;border-radius:var(--pill-radius);font-size:var(--font-size-body);font-weight:var(--weight-medium);cursor:pointer;transition:var(--transition-control)}.button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.button:disabled{opacity:.45;cursor:not-allowed}.button--primary{background:var(--blue);color:var(--text-on-accent)}.button--primary:hover:not(:disabled){background:var(--blue-hover)}.button--primary:active:not(:disabled){transform:scale(.98)}.button--large{height:var(--control-height-large);font-size:var(--font-size-heading);width:100%}.button--quiet{background:transparent;color:var(--text-muted);box-shadow:inset 0 0 0 var(--hairline) var(--border-subtle)}.button--quiet:hover:not(:disabled){color:var(--text-strong);box-shadow:inset 0 0 0 var(--hairline) var(--border-muted)}.button--quiet:active:not(:disabled){transform:scale(.98)}.button--danger{background:transparent;color:var(--red);box-shadow:inset 0 0 0 var(--hairline) var(--red-border)}.button--danger:hover:not(:disabled){background:var(--red-background)}.button--danger:focus-visible{box-shadow:var(--focus-ring-danger)}.link-button{padding:2px 4px;border:none;border-radius:6px;background:transparent;font-size:var(--font-size-small);color:var(--text-subtle);cursor:pointer;transition:var(--transition-control)}.link-button:hover{color:var(--red)}.link-button--neutral:hover{color:var(--blue)}.link-button--neutral:focus-visible{color:var(--blue);box-shadow:var(--focus-ring)}.link-button:active{transform:scale(.97)}.link-button:focus-visible{outline:none;color:var(--red);box-shadow:var(--focus-ring-danger)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field__label{font-size:var(--font-size-small);font-weight:var(--weight-normal);color:var(--text-muted)}.field__input{height:var(--control-height);padding:0 22px;border:none;border-radius:14px;background:var(--surface);box-shadow:var(--field-inset);font-size:var(--font-size-field);font-weight:var(--weight-normal);color:var(--text-strong);transition:var(--transition-control)}.field__input::placeholder{color:var(--text-subtle)}.field__input:hover{box-shadow:inset 0 0 0 var(--hairline) var(--border-muted)}.field__input:focus{outline:none;box-shadow:inset 0 0 0 var(--hairline) var(--blue-border),var(--focus-ring)}.field__input:disabled{background:var(--surface-secondary);color:var(--text-subtle);cursor:not-allowed}.field__hint{min-height:16px;padding:0 var(--space-2);font-size:var(--font-size-tiny);color:var(--red);transition:color var(--duration) var(--ease)}.card{background:var(--surface);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:var(--space-4);transition:box-shadow var(--duration) var(--ease),transform var(--duration) var(--ease)}.card--interactive{cursor:pointer}.card--interactive:hover{box-shadow:0 2px 16px #ececec;transform:translateY(-1px)}.status{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-small);font-weight:var(--weight-medium)}.status:before{content:"";width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:currentColor;transform:translateY(.5px)}.status--ok{color:var(--green)}.status--warning{color:var(--orange)}.status--error{color:var(--red)}.status--idle{color:var(--text-subtle)}.link{color:var(--text-faint);font-size:var(--font-size-body);font-weight:var(--weight-medium);text-decoration:none;transition:color var(--duration) var(--ease)}.link:hover{color:var(--text-muted)}.link:focus-visible{outline:none;color:var(--blue);text-decoration:underline}.notice{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--control-radius);font-size:var(--font-size-small);animation:notice-in var(--duration-slow) var(--ease)}.notice:not(:first-child){margin-top:var(--space-3)}.notice--error{background:var(--red-background);color:var(--red)}.notice--success{background:var(--green-background);color:var(--green)}.notice--info{background:var(--blue-background);color:var(--text);line-height:1.5}@keyframes notice-in{0%{opacity:0;transform:translateY(-4px)}}.section-title{font-size:var(--font-size-section);font-weight:var(--weight-normal);color:var(--text-subtle);margin:0 0 var(--space-3)}.checkbox-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.checkbox{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-body);cursor:pointer}.checkbox input{width:16px;height:16px;accent-color:var(--blue)}.section-title--after-link{margin-top:var(--space-2)}.back-link{display:inline-flex;align-items:center;gap:var(--space-1);padding-left:0;line-height:1}.back-link svg{width:10px;height:10px;transform:translateY(.5px)}.checkbox__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.checkbox__box{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 auto;border-radius:6px;background:var(--surface);box-shadow:inset 0 0 0 var(--hairline) var(--border-muted);color:var(--text-on-accent);transition:background var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.checkbox:hover .checkbox__box{box-shadow:inset 0 0 0 var(--hairline) var(--blue-border)}.checkbox__input:checked+.checkbox__box{background:var(--blue);box-shadow:none}.checkbox__input:focus-visible+.checkbox__box{box-shadow:var(--focus-ring)}.checkbox__mark{width:11px;height:11px;opacity:0;transform:scale(.4);transition:opacity var(--duration) var(--ease),transform var(--duration) var(--ease)}.checkbox__input:checked+.checkbox__box .checkbox__mark{opacity:1;transform:scale(1)}.hint{position:relative;display:inline-flex;flex:0 0 auto}.hint__button{width:20px;height:20px;padding:0;border:none;border-radius:50%;background:var(--surface-secondary);box-shadow:inset 0 0 0 var(--hairline) var(--border-muted);font-size:var(--font-size-tiny);font-weight:var(--weight-medium);color:var(--text-muted);cursor:help;transition:var(--transition-control)}.hint:hover .hint__button,.hint__button:focus-visible{outline:none;color:var(--blue);box-shadow:inset 0 0 0 var(--hairline) var(--blue-border)}.hint__pop{position:absolute;top:calc(100% + 8px);right:-8px;z-index:20;display:flex;flex-direction:column;gap:var(--space-1);min-width:230px;padding:var(--space-3);border-radius:var(--control-radius);background:var(--surface);box-shadow:var(--card-shadow),0 8px 28px #0000001a;font-size:var(--font-size-small);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--duration) var(--ease),transform var(--duration) var(--ease),visibility var(--duration)}.hint:hover .hint__pop,.hint:focus-within .hint__pop{opacity:1;visibility:visible;transform:translateY(0)}.hint__pop--start{left:0;right:auto}.hint.hint--silent .hint__pop{opacity:0;visibility:hidden}.hint__title{font-weight:var(--weight-medium)}.hint__description{color:var(--text-muted);line-height:1.4}.hint__list{margin:0;padding:0 0 0 var(--space-3);color:var(--text);line-height:1.6}.preset{display:flex;flex-direction:column;gap:var(--space-2)}.preset+.preset{margin-top:var(--space-3);padding-top:var(--space-3);border-top:var(--hairline) solid var(--border-subtle)}.preset__head{display:flex;align-items:center;gap:var(--space-2)}.preset__title{font-weight:var(--weight-medium)}.preset__badge{padding:4px 10px;border-radius:var(--pill-radius);background:var(--surface-secondary);font-size:var(--font-size-tiny);color:var(--text-muted)}.preset__hint{font-size:var(--font-size-small);color:var(--text-muted)}.preset__inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media(max-width:640px){.preset__inputs{grid-template-columns:1fr}}.preset__kinds{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-1) var(--space-3)}.preset__actions{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.preset__kinds{margin-top:var(--space-1)}.checkbox__box--radio{border-radius:50%}.video-hint-pair{display:inline-flex;align-items:flex-start;gap:8px}.video-hint{position:relative;display:inline-flex;margin-top:-6px;z-index:5}.video-hint__icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:#93a8ef;border-radius:50%;color:#fff;cursor:pointer;animation:video-hint-pulse 2.2s var(--ease) infinite;transition:transform var(--duration) var(--ease),background var(--duration) var(--ease)}.video-hint__icon:hover{background:var(--blue);transform:scale(1.12);animation-play-state:paused}.video-hint__icon svg{width:11px;height:11px}@keyframes video-hint-pulse{0%{box-shadow:0 0 #6e87e873}70%{box-shadow:0 0 0 8px #6e87e800}to{box-shadow:0 0 #7a91e900}}.video-hint__preview{position:absolute;bottom:calc(100% + 10px);right:-6px;transform:scale(.94);transform-origin:bottom right;opacity:0;pointer-events:none;border-radius:10px;overflow:hidden;line-height:0;box-shadow:0 18px 44px #00000047;z-index:40;transition:opacity var(--duration) var(--ease),transform var(--duration) var(--ease)}.video-hint__preview--visible{opacity:1;transform:scale(1)}.video-hint__preview video{display:block;width:min(360px,70vw);height:auto}.video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0e0f16b8;opacity:0;pointer-events:none;transition:opacity var(--duration-slow) var(--ease)}.video-modal--open{opacity:1;pointer-events:auto}.video-modal video{max-width:min(1100px,92vw);max-height:84vh;border-radius:12px;box-shadow:0 32px 90px #00000080;transform:scale(.97);transition:transform var(--duration-slow) var(--ease)}.video-modal--open video{transform:scale(1)}.video-modal__close{position:absolute;top:18px;right:26px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:50%;background:#ffffff1f;color:#fff;cursor:pointer;transition:background var(--duration) var(--ease)}.video-modal__close:hover{background:#ffffff3d}.video-modal__close svg{width:16px;height:16px}.setting-list{min-width:0}.settings-intro{margin:0 0 var(--space-5)}.setting-preview{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setting-actions{margin-left:auto;flex-shrink:0}.setting-list .preset,.setting-list .collapsible{min-width:0}.setting-list .collapsible{margin:-4px}.setting-list .collapsible>*{min-width:0}.setting-editor{padding:4px}.setting-list .collapsible--open{margin-top:var(--space-1)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:var(--hairline) solid var(--border-subtle);cursor:pointer}.switch-row__text{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-body)}.switch-row__hint{font-size:var(--font-size-small);color:var(--text-muted)}.switch{position:relative;flex:0 0 auto;display:inline-flex}.switch__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.switch__track{display:inline-flex;align-items:center;width:40px;height:24px;padding:3px;border-radius:var(--pill-radius);background:var(--surface-sunken);box-shadow:inset 0 0 0 var(--hairline) var(--border-muted);transition:background var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.switch__thumb{width:18px;height:18px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px #0000002e;transition:transform var(--duration) var(--ease)}.switch__input:checked+.switch__track{background:var(--blue);box-shadow:none}.switch__input:checked+.switch__track .switch__thumb{transform:translate(16px)}.switch__input:focus-visible+.switch__track{box-shadow:var(--focus-ring)}.switch__input:disabled+.switch__track{opacity:.45}.dropzone{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--control-height);padding:var(--space-2) var(--space-3);border:none;border-radius:14px;background:var(--surface);box-shadow:var(--field-inset);cursor:pointer;text-align:left;transition:var(--transition-control)}.dropzone:hover,.dropzone--active{box-shadow:inset 0 0 0 var(--hairline) var(--blue-border)}.dropzone:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--hairline) var(--blue-border),var(--focus-ring)}.dropzone__preview{width:48px;height:48px;flex:0 0 auto;border-radius:12px;object-fit:cover;background:var(--surface-sunken)}.dropzone__hint{font-size:var(--font-size-small);color:var(--text-muted);line-height:1.4}.bot-actions{margin-top:var(--space-3);flex-wrap:wrap}.bot-description{margin-top:var(--space-3)}.field__textarea{height:auto;min-height:84px;padding:var(--space-2) 22px;resize:vertical;line-height:1.45}.section-title__aside{color:var(--text-faint);font-size:var(--font-size-small)}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--surface-sunken);padding:var(--space-4)}.auth-card{width:390px;max-width:100%;flex:0 0 auto;margin:auto;background:var(--surface);border-radius:var(--panel-radius);padding:70px 45px 60px;animation:card-in var(--duration-slow) var(--ease)}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}}.auth-card__brand{display:flex;justify-content:center;margin-bottom:var(--space-4);color:var(--blue)}.brand-mark{display:block}.auth-card__title{margin:0 0 var(--space-5);font-size:var(--font-size-display);font-weight:var(--weight-normal);color:var(--text-strong);text-align:center}.auth-form{display:flex;flex-direction:column;gap:var(--space-3)}.auth-card__hint{margin:var(--space-5) 0 0;font-size:var(--font-size-small);color:var(--text-subtle);text-align:center;line-height:1.5}.app{min-height:100vh;background:var(--surface-sunken)}.app__header{position:relative;display:flex;align-items:stretch;gap:var(--space-5);padding:0 var(--space-4);background:var(--surface);border-bottom:var(--hairline) solid var(--border-subtle)}.app__brand{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-3) 0;color:var(--blue);font-size:var(--font-size-body);font-weight:var(--weight-medium)}.app__account{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;margin-left:auto}.app__email{font-size:var(--font-size-small);color:var(--text-muted)}.app__nav{position:absolute;inset:0 auto 0 50%;transform:translate(-50%);width:100%;max-width:720px;padding:0 var(--space-4);display:flex;gap:var(--space-4)}@media(max-width:1240px){.app__nav{position:static;inset:auto;transform:none;width:auto;max-width:none;padding:0;align-self:stretch}}.app__brand{white-space:nowrap}.burger{display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;align-self:center;width:40px;height:40px;margin-left:auto;border:none;border-radius:var(--control-radius);background:transparent;cursor:pointer;color:var(--text-muted)}.burger span{display:block;width:18px;height:2px;border-radius:1px;background:currentColor;transition:transform var(--duration) var(--ease),opacity var(--duration) var(--ease)}.burger--open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger--open span:nth-child(2){opacity:0}.burger--open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.burger:focus-visible{outline:none;box-shadow:var(--focus-ring)}.mobile-menu{position:absolute;top:100%;left:0;right:0;z-index:10;display:flex;flex-direction:column;padding:var(--space-2) var(--space-4) var(--space-3);background:var(--surface);border-bottom:var(--hairline) solid var(--border-subtle);box-shadow:0 14px 18px -14px #dfdfdf;animation:notice-in var(--duration-slow) var(--ease)}.mobile-menu__item{border:none;background:transparent;padding:var(--space-2) 0;text-align:left;font-size:var(--font-size-body);color:var(--text-muted);cursor:pointer}.mobile-menu__item--active{color:var(--blue);font-weight:var(--weight-medium)}.mobile-menu__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-3);border-top:var(--hairline) solid var(--separator)}@media(max-width:1000px){.app__nav,.app__account{display:none}.burger{display:inline-flex}}.tab{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;border:none;background:transparent;padding:0;margin-bottom:-1px;border-bottom:2px solid transparent;font-size:var(--font-size-body);font-weight:var(--weight-normal);color:var(--text-muted);cursor:pointer;transition:color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.tab:after{content:attr(data-label);height:0;overflow:hidden;visibility:hidden;font-weight:var(--weight-medium)}.tab:hover{color:var(--text-strong)}.tab:focus-visible{outline:none;color:var(--blue)}.tab--active{border-bottom-color:var(--blue);color:var(--text-strong);font-weight:var(--weight-medium)}.app__main{width:100%;max-width:720px;margin-inline:auto;padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-6)}.card+.card{margin-top:var(--space-3)}.app__main section section+section{margin-top:var(--space-6)}.card__lead{margin:0 0 var(--space-3);font-size:var(--font-size-body);color:var(--text-muted);line-height:1.6}.card__lead:last-child{margin-bottom:0}.card__lead--centered{margin-bottom:var(--space-4);text-align:center}.inline-form{display:flex;align-items:flex-end;gap:var(--space-2);flex-wrap:wrap}.inline-form__field{flex:1 1 240px}.inline-form--top{align-items:flex-start}.binding,.channel__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.subscription{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,210px) auto;align-items:center;gap:var(--space-3) var(--space-4)}.subscription__name{min-width:0;max-width:100%}.subscription__name .subscription__channel{display:block}.subscription>.button{grid-column:-2;justify-self:end}@media(max-width:640px){.subscription{grid-template-columns:minmax(0,1fr) auto}.subscription__name{grid-column:1 / -1}.subscription>.button{grid-column:1 / -1;justify-self:end}}.channel__waiting{margin:var(--space-2) 0 0;font-size:var(--font-size-small);color:var(--text-muted)}.channel__actions{display:flex;align-items:center;gap:var(--space-3)}.channel__confirm.collapsible--open{margin-top:var(--space-3)}.channel__confirm .confirm{justify-content:flex-end}.channel__confirm .confirm__question{margin-right:auto}.binding+.binding,.channel+.channel,.channel+.channel__actions,.channel+.inline-form,.subscription+.subscription,.subscription-block+.subscription-block,.subscription-block+.subscription{margin-top:var(--space-3);padding-top:var(--space-3);border-top:var(--hairline) solid var(--separator)}.subscription__expand{margin-top:var(--space-1);padding-left:0}.subscription__kinds{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-1) var(--space-3);margin-top:var(--space-2)}.subscription__kinds-hint{grid-column:1 / -1;margin:var(--space-1) 0 0;font-size:var(--font-size-tiny);color:var(--text-subtle)}.binding__identity{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.binding__login,.channel__name,.subscription__channel{margin:0;font-size:var(--font-size-body);font-weight:var(--weight-normal);color:var(--text-strong)}.subscription__channel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.subscription__channel{white-space:normal}}.channel__state{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.subscription__preset{min-width:0;cursor:pointer}.linking{display:flex;flex-direction:column;gap:4px;align-items:flex-start;margin-top:var(--space-2);animation:notice-in var(--duration-slow) var(--ease)}.linking__hint{margin:0;font-size:var(--font-size-small);color:var(--text-muted)}.linking__code{margin:2px -4px 2px 0;font-size:28px;font-weight:var(--weight-medium);letter-spacing:4px;line-height:1.2;color:var(--blue)}.confirm{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;animation:notice-in var(--duration) var(--ease)}.collapsible{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--duration) var(--ease),opacity var(--duration) var(--ease),margin-top var(--duration) var(--ease)}.collapsible>*{overflow:hidden;min-height:0}.collapsible .confirm{animation:none}.collapsible--open{grid-template-rows:1fr;opacity:1}.confirm__question{font-size:var(--font-size-small);color:var(--text-muted)}.binding__note{flex:0 1 auto;max-width:320px;font-size:var(--font-size-small);color:var(--text-subtle);text-align:right}.card--placeholder{height:96px;opacity:.5}.invitation{margin-top:var(--space-3);padding-top:var(--space-3);border-top:var(--hairline) solid var(--separator);animation:notice-in var(--duration-slow) var(--ease)}.invitation__hint{margin:0 0 var(--space-2);font-size:var(--font-size-small);color:var(--text-muted)}.invitation__row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.invitation__url{flex:1 1 280px;padding:var(--space-2) var(--space-3);border-radius:var(--control-radius);background:var(--surface-secondary);font-size:var(--font-size-small);color:var(--text);word-break:break-all}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:46px;background-image:var(--select-chevron);background-repeat:no-repeat;background-position:right 20px center;background-size:11px 7px;cursor:pointer;transition:var(--transition-control),background-position var(--duration) var(--ease)}.select:hover:not(:disabled){background-image:var(--select-chevron-hover)}.select:focus{background-image:var(--select-chevron-active)}.select:disabled{background-image:var(--select-chevron-muted);cursor:not-allowed}.dropdown{position:relative}.dropdown:has(.dropdown__list){z-index:30}.card:has(.dropdown__list){position:relative;z-index:30}.dropdown__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;font-family:inherit;text-align:left;cursor:pointer}.dropdown__value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropdown__chevron{flex:none;color:var(--text-muted);transition:transform var(--duration) var(--ease),color var(--duration) var(--ease)}.dropdown__trigger:hover:not(:disabled) .dropdown__chevron{color:var(--text-strong)}.dropdown__trigger[aria-expanded=true] .dropdown__chevron{color:var(--blue);transform:rotate(180deg)}.dropdown__trigger:disabled .dropdown__chevron{color:var(--text-subtle)}@media(prefers-reduced-motion:reduce){.dropdown__chevron{transition:none}}.dropdown__list{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;margin:0;padding:6px;list-style:none;background:var(--surface);border-radius:var(--control-radius);background-clip:padding-box;box-shadow:0 12px 32px #0000001f,var(--field-inset);animation:dropdown-appear var(--duration) var(--ease);transform-origin:top center}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown__option{display:block;width:100%;padding:10px 14px;border:0;border-radius:calc(var(--control-radius) - 6px);background:transparent;font-family:inherit;font-size:var(--font-size-field);font-weight:var(--weight-normal);color:var(--text-strong);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease)}.dropdown__option--highlighted{background:var(--surface-secondary)}.dropdown__option--selected{color:var(--blue)}@media(prefers-reduced-motion:reduce){.dropdown__list{animation:none}}.log{margin:0;padding:0;list-style:none}.log__entry{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;animation:notice-in var(--duration-slow) var(--ease)}.log+.button{margin-top:var(--space-3)}.log__entry+.log__entry{border-top:var(--hairline) solid var(--separator)}.log__body{min-width:0}.select-small.field__input,.select-small .dropdown__trigger{height:40px;font-size:var(--font-size-small);padding-left:16px}.select-small .dropdown__option{font-size:var(--font-size-small)}.log__filters{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.log__filter{height:40px;flex:0 1 220px;font-size:var(--font-size-small)}.log__channels{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-1)}.log__link{color:inherit;text-decoration:none;transition:color var(--duration) var(--ease)}.log__link:hover{color:var(--blue)}.log__title{margin:0;font-size:var(--font-size-body);color:var(--text-strong)}.log__meta{margin:4px 0 0;font-size:var(--font-size-small);color:var(--text-subtle)}.log__error{margin:4px 0 0;font-size:var(--font-size-small);color:var(--red)}.log__channels+.log__error{margin-top:var(--space-2)}.managed-users{margin-top:var(--space-3)}.managed-user{padding:var(--space-2) 0}.managed-user__row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.managed-user+.managed-user{border-top:var(--hairline) solid var(--separator)}.managed-user__email{margin:0;font-size:var(--font-size-body);color:var(--text-strong)}.managed-user__email--link{border:none;background:transparent;padding:0;text-align:left;cursor:pointer;transition:color var(--duration) var(--ease)}.managed-user__email--link:hover{color:var(--blue)}.managed-user__email--link:focus-visible{outline:none;color:var(--blue);text-decoration:underline}.managed-user__meta{margin:4px 0 0;font-size:var(--font-size-small);color:var(--text-subtle)}.managed-user__bindings{display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-end;flex-shrink:0}.managed-user__identity{min-width:0;flex:1 1 200px}.managed-user__binding{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.managed-user__confirm.collapsible--open{margin-top:var(--space-3)}.managed-user__confirm .confirm{justify-content:flex-end}.managed-user__confirm .confirm__question{margin-right:auto}.managed-user__actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end}.managed-user__checked{font-size:var(--font-size-tiny);color:var(--text-subtle)}@media(max-width:560px){.auth-card{padding:var(--space-6) var(--space-4)}.managed-user__row{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.managed-user__identity{flex:0 0 auto}.managed-user__bindings{align-items:flex-start}.app__main{padding:var(--space-4) var(--space-3);gap:var(--space-5)}}