:root{--color-bg:#0a0a0a;--color-surface:#111;--color-sidebar:#0e0e0e;--color-surface-raised:#161616;--color-table-head:#0e0e0e;--color-row-hover:#151515;--color-border:#1a1a1a;--color-border-soft:#222;--color-border-hover:#444;--color-accent:#e62b2b;--color-accent-hover:#f33;--color-link-hover:#f44;--color-text:#fff;--color-text-soft:#ccc;--color-text-comment:#bbb;--color-text-secondary:#888;--color-text-tertiary:#666;--color-text-muted:#555;--color-success:#4ade80;--color-toast:#1a8b4e;--color-warning:#fbbf24;--font-heading:"Rajdhani", sans-serif;--font-body:"Space Grotesk", sans-serif;--letter-spacing-heading:1px;--size-topnav-height:56px;--size-sidebar-width:220px;--size-feed-card-width:380px;--size-feed-card-height:675px;--size-feed-card-aspect:380 / 675;--size-filter-drawer-width:360px;--size-login-card-width:420px;--size-game-select-width:680px;--size-video-player-width:480px;--size-panel-width:640px;--size-profile-width:800px;--size-report-modal-width:420px;--size-room-switch-width:420px;--focus-ring:0 0 0 2px #e62b2b40;--scrollbar-width:6px;--scrollbar-thumb:#333}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);font-family:var(--font-body);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:var(--letter-spacing-heading)}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-link-hover)}button,input,select,textarea{font-family:inherit;font-size:inherit}input:focus,textarea:focus,select:focus{border-color:var(--color-accent);box-shadow:var(--focus-ring);outline:none}::placeholder{color:var(--color-text-muted)}::-webkit-scrollbar{width:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes likePop{0%{transform:scale(1)}30%{transform:scale(1.4)}60%{transform:scale(.9)}to{transform:scale(1)}}@keyframes repostSpin{0%{transform:rotate(0)scale(1)}40%{transform:rotate(180deg)scale(1.2)}to{transform:rotate(360deg)scale(1)}}.topnav{height:var(--size-topnav-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);z-index:100;background:#0a0a0af2;align-items:center;gap:16px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.topnav__brand{cursor:pointer;flex-shrink:0;align-items:center;gap:10px;display:flex}.topnav__brand:hover{color:inherit}.topnav__logo{width:auto;height:36px}.topnav__wordmark{font-family:var(--font-heading);color:var(--color-text);letter-spacing:var(--letter-spacing-heading);font-size:22px;font-weight:700}.topnav__brand--static{cursor:default}.topnav__login{background:var(--color-accent);color:var(--color-text);letter-spacing:.5px;cursor:pointer;border:none;border-radius:8px;margin-left:auto;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:opacity .2s}.topnav__login:hover{opacity:.9}.topnav__context{letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-tertiary);border-left:1px solid var(--color-border);padding-left:16px;font-size:12px;font-weight:600}.topnav__search{flex:1;align-items:center;max-width:480px;margin:0 auto;display:flex;position:relative}.topnav__search-icon{color:var(--color-text-tertiary);pointer-events:none;display:flex;position:absolute;left:12px}.topnav__search input{border:1px solid var(--color-border-soft);width:100%;height:36px;color:var(--color-text);background:#161616;border-radius:18px;padding:0 16px 0 40px;font-size:13px}.topnav__actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.topnav__icon-button{width:36px;height:36px;color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:background .2s;display:flex;position:relative}.topnav__notif{display:flex;position:relative}.topnav__icon-button:hover{background:var(--color-border);color:var(--color-text)}.topnav__soon{cursor:default}.topnav__tooltip{background:var(--color-border);color:var(--color-text);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;border-radius:6px;padding:4px 8px;font-size:11px;transition:opacity .15s;position:absolute;top:42px;left:50%;transform:translate(-50%)}.topnav__soon:hover .topnav__tooltip,.topnav__soon:focus-visible .topnav__tooltip{opacity:1;visibility:visible}.topnav__dot{background:var(--color-accent);border:2px solid var(--color-bg);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.topnav__avatar{border-radius:50%;display:flex}.avatar{object-fit:cover;border-radius:50%;flex-shrink:0}.avatar--badge{font-family:var(--font-heading);color:var(--color-text);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex}.sidebar{top:var(--size-topnav-height);width:var(--size-sidebar-width);height:calc(100vh - var(--size-topnav-height));background:var(--color-sidebar);border-right:1px solid var(--color-border);z-index:90;flex-direction:column;gap:2px;padding:16px 0;display:flex;position:fixed;left:0;overflow-y:auto}.sidebar__heading{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1.5px;margin:0 0 8px;padding:4px 16px;font-size:10px;font-weight:600}.sidebar__item{color:var(--color-text-secondary);cursor:pointer;border-left:3px solid #0000;align-items:center;gap:12px;padding:10px 16px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.sidebar__item:hover{color:var(--color-text);background:#151515}.sidebar__item--active{border-left-color:var(--color-accent);color:var(--color-text);background:#151515}.sidebar__logout{text-align:left;background:0 0;width:100%;margin-top:auto;font-family:inherit}.sidebar__logout:hover{color:var(--color-accent)}.app-content{margin-top:var(--size-topnav-height);margin-left:var(--size-sidebar-width);min-height:calc(100vh - var(--size-topnav-height));animation:.3s fadeIn}.app-content--guest{margin-left:0}.clip-player{z-index:400;background:#000000d1;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.clip-player__panel{background:var(--color-surface);border:1px solid var(--color-border);box-sizing:border-box;border-radius:14px;width:720px;max-width:100%;padding:20px;animation:.3s slideUp}.clip-player__head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.clip-player__title{font-family:var(--font-heading);letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:16px;font-weight:700;overflow:hidden}.clip-player__close{border:1px solid var(--color-border-soft);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;font-size:20px;line-height:1;transition:all .2s}.clip-player__close:hover{border-color:var(--color-text);color:var(--color-text)}.clip-player__video{aspect-ratio:16/9;background:#000;border-radius:10px;width:100%;display:block}.clip-player__skeleton{aspect-ratio:16/9;background:linear-gradient(90deg, var(--color-surface) 0%, var(--color-surface-raised) 50%, var(--color-surface) 100%);border-radius:10px;width:100%}.clip-player__meta{color:var(--color-text-tertiary);align-items:center;gap:8px;margin:12px 0 0;font-size:12px;display:flex}.clip-player__badge{letter-spacing:.5px;text-transform:uppercase;color:var(--color-warning);background:#fbbf2426;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.clip-player__error{color:var(--color-accent);margin:0;font-size:13px}.confirm{z-index:400;background:#000000b8;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.confirm__panel{width:var(--size-room-switch-width);background:var(--color-surface);border:1px solid var(--color-border);box-sizing:border-box;border-radius:14px;max-width:100%;padding:28px;animation:.3s slideUp}.confirm__title{font-family:var(--font-heading);letter-spacing:.5px;margin:0 0 10px;font-size:18px;font-weight:700}.confirm__text{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.5}.confirm__error{color:var(--color-accent);margin:12px 0 0;font-size:12px}.confirm__actions{gap:10px;margin-top:24px;display:flex}.confirm__cancel,.confirm__ok{cursor:pointer;border-radius:8px;flex:1;height:44px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.confirm__cancel{border:1px solid var(--color-border-soft);color:var(--color-text-secondary);background:0 0}.confirm__cancel:hover:not(:disabled){border-color:var(--color-text);color:var(--color-text)}.confirm__ok{background:var(--color-text);color:var(--color-bg);border:none}.confirm__ok--danger{background:var(--color-accent);color:var(--color-text)}.confirm__ok--danger:hover:not(:disabled){background:var(--color-accent-hover)}.confirm__cancel:disabled,.confirm__ok:disabled{opacity:.5;cursor:not-allowed}.user-edit{z-index:400;background:#000000b8;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.user-edit__panel{width:var(--size-room-switch-width);background:var(--color-surface);border:1px solid var(--color-border);box-sizing:border-box;border-radius:14px;max-width:100%;padding:28px;animation:.3s slideUp}.user-edit__title{font-family:var(--font-heading);letter-spacing:.5px;margin:0 0 20px;font-size:18px;font-weight:700}.user-edit__label{color:var(--color-text-secondary);margin-bottom:6px;font-size:12px;display:block}.user-edit__input{background:var(--color-surface-raised);border:1px solid var(--color-border-soft);width:100%;height:44px;color:var(--color-text);box-sizing:border-box;border-radius:8px;margin-bottom:16px;padding:0 14px;font-family:inherit;font-size:13px}.user-edit__textarea{resize:vertical;height:auto;padding:12px 14px;line-height:1.5}.user-edit__input:disabled{opacity:.6}.user-edit__error{color:var(--color-accent);margin:0 0 12px;font-size:12px}.user-edit__actions{gap:10px;display:flex}.user-edit__cancel,.user-edit__save{cursor:pointer;border-radius:8px;flex:1;height:44px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.user-edit__cancel{border:1px solid var(--color-border-soft);color:var(--color-text-secondary);background:0 0}.user-edit__cancel:hover:not(:disabled){border-color:var(--color-text);color:var(--color-text)}.user-edit__save{background:var(--color-accent);color:var(--color-text);border:none}.user-edit__save:hover:not(:disabled){background:var(--color-accent-hover)}.user-edit__cancel:disabled,.user-edit__save:disabled{opacity:.5;cursor:not-allowed}.admin{padding:32px 24px}.admin__head{margin-bottom:24px}.admin__heading{font-family:var(--font-heading);letter-spacing:1px;margin:0;font-size:28px;font-weight:700}.admin__subtitle{color:var(--color-text-tertiary);margin:4px 0 0;font-size:13px}.admin__stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.admin__stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:20px}.admin__stat-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:11px}.admin__stat-value{font-size:28px;font-weight:700;font-family:var(--font-heading);color:var(--color-accent)}.admin__stat-value--pending{color:var(--color-warning)}.admin__stat-delta{color:var(--color-success);margin-top:4px;font-size:11px}.admin__stat-delta--pending{color:var(--color-warning)}.admin__stat-delta--muted{color:var(--color-text-tertiary)}.admin__tabs{border-bottom:1px solid var(--color-border);margin-bottom:20px;display:flex}.admin__tabs--nested{margin-top:0;margin-bottom:16px}.admin__tab{cursor:pointer;color:var(--color-text-tertiary);background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.admin__tab--active{border-bottom-color:var(--color-accent);color:var(--color-text)}.admin__filters{gap:12px;margin-bottom:20px;display:flex}.admin__search{flex:1;position:relative}.admin__search-icon{pointer-events:none;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.admin__search-input{background:var(--color-surface);border:1px solid var(--color-border);width:100%;height:40px;color:var(--color-text);box-sizing:border-box;border-radius:8px;padding:0 14px 0 38px;font-family:inherit;font-size:13px}.admin__select{background:var(--color-surface);border:1px solid var(--color-border);min-width:140px;height:40px;color:var(--color-text-secondary);appearance:none;cursor:pointer;border-radius:8px;padding:0 14px;font-family:inherit;font-size:13px}.admin__select--compact{border-radius:6px;width:100%;min-width:0;height:32px;padding:0 10px;font-size:12px}.admin__table{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;overflow:hidden}.admin__thead,.admin__row{align-items:center;display:grid}.admin__table--users .admin__thead,.admin__table--users .admin__row{grid-template-columns:2fr 1fr 1fr 1fr 120px}.admin__table--clips .admin__thead,.admin__table--clips .admin__row{grid-template-columns:2.5fr 1fr 1fr 1fr 120px}.admin__table--reports .admin__thead,.admin__table--reports .admin__row{grid-template-columns:2.2fr 1fr 1.6fr 1fr 140px}.admin__thead{background:var(--color-table-head);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;padding:12px 20px;font-size:11px;font-weight:600}.admin__row{border-top:1px solid var(--color-border);padding:14px 20px;font-size:13px;transition:background .2s}.admin__row:hover{background:var(--color-row-hover)}.admin__cell-main{align-items:center;gap:10px;min-width:0;display:flex}.admin__name{font-weight:600}.admin__email{color:var(--color-text-muted);font-size:11px}.admin__title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.admin__thumb{background:var(--color-border);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:28px;display:flex;overflow:hidden}.admin__thumb img{object-fit:cover;width:100%;height:100%}.admin__muted{color:var(--color-text-secondary)}.admin__date{color:var(--color-text-muted);font-size:12px}.admin__badge{letter-spacing:.5px;text-transform:uppercase;vertical-align:middle;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.admin__badge--banned{color:var(--color-accent);background:#e62b2b26}.admin__badge--suspended,.admin__badge--removed{color:var(--color-warning);background:#fbbf2426}.admin__actions{gap:6px;min-width:0;display:flex}.admin__action{border:1px solid var(--color-border-soft);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:5px;padding:4px 10px;font-family:inherit;font-size:11px;text-decoration:none;transition:all .2s}.admin__action:hover:not(:disabled){border-color:var(--color-text);color:var(--color-text)}.admin__action--danger:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.admin__action:disabled{opacity:.4;cursor:not-allowed}.admin__message{text-align:center;color:var(--color-text-tertiary);padding:24px 20px;font-size:13px}.admin__error{color:var(--color-accent);margin:0 0 16px;font-size:13px}.admin__skeleton{border-top:1px solid var(--color-border);background:linear-gradient(90deg, var(--color-surface) 0%, var(--color-surface-raised) 50%, var(--color-surface) 100%);height:57px}.admin__clip-button{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:0;display:flex}.admin__clip-button:hover .admin__title{color:var(--color-accent)}.admin__clip-text{flex-direction:column;gap:2px;min-width:0;display:flex}.admin__reporter{align-items:center;gap:8px;min-width:0;display:flex}.admin__reason{flex-direction:column;gap:2px;min-width:0;display:flex;overflow:hidden}.admin__reason>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.admin__count{color:var(--color-warning);font-size:11px}.admin__resolved{color:var(--color-text-tertiary);font-size:11px;display:block}.admin__more{justify-content:center;margin-top:16px;display:flex}.auth{justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.auth__panel{width:var(--size-login-card-width);max-width:100%;animation:.5s slideUp}.auth__header{text-align:center;margin-bottom:32px}.auth__logo{width:auto;height:80px;margin-bottom:16px}.auth__header h1{font-family:var(--font-heading);letter-spacing:2px;margin:0;font-size:32px;font-weight:700}.auth__tagline{color:var(--color-text-tertiary);margin:8px 0 0;font-size:14px}.auth__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:32px}.auth__tabs{border-bottom:1px solid var(--color-border);margin-bottom:24px;display:flex}.auth__tab{text-align:center;cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.auth__tab--active{border-bottom-color:var(--color-accent);color:var(--color-text)}.auth__form{flex-direction:column;gap:16px;display:flex}.auth__field label{color:var(--color-text-secondary);margin-bottom:6px;font-size:12px;display:block}.auth__field input{background:var(--color-bg);border:1px solid var(--color-border-soft);width:100%;height:42px;color:var(--color-text);border-radius:8px;padding:0 14px;font-size:14px}.auth__field--invalid input{border-color:var(--color-accent)}.auth__field-error{color:var(--color-accent);margin:6px 0 0;font-size:12px}.auth__forgot{text-align:right}.auth__link{color:var(--color-accent);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px}.auth__link:hover{text-decoration:underline}.auth__submit{background:var(--color-accent);width:100%;height:44px;color:var(--color-text);font-size:15px;font-weight:600;font-family:var(--font-heading);letter-spacing:var(--letter-spacing-heading);cursor:pointer;border:none;border-radius:8px;transition:background .2s}.auth__submit:hover:not(:disabled){background:var(--color-accent-hover)}.auth__submit--link{text-align:center;justify-content:center;align-items:center;display:flex}.auth__submit--link:hover{color:var(--color-text)}.auth__submit:disabled{opacity:.6;cursor:not-allowed}.auth__hint{color:var(--color-text-secondary);margin:0;font-size:13px}.auth__back{text-align:center}.auth__divider{align-items:center;gap:12px;margin:8px 0;display:flex}.auth__divider:before,.auth__divider:after{content:"";background:var(--color-border-soft);flex:1;height:1px}.auth__divider span{color:var(--color-text-muted);font-size:11px}.auth__social{flex-direction:column;gap:8px;display:flex}.auth__social-button{background:var(--color-surface-raised);border:1px solid var(--color-border-soft);width:100%;height:42px;color:var(--color-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:500;transition:border-color .2s;display:flex}.auth__social-button:hover:not(:disabled){border-color:var(--color-border-hover)}.auth__social-button:disabled{opacity:.6;cursor:not-allowed}.auth__error{color:var(--color-accent);margin:0;font-size:13px}.auth__notice{color:var(--color-warning);margin:0;font-size:13px}.auth__success{color:var(--color-success);margin:0;font-size:13px}.auth-modal{z-index:400;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.auth-modal__panel{background:var(--color-surface);border:1px solid var(--color-border);text-align:left;border-radius:14px;width:420px;max-width:calc(100% - 32px);animation:.3s slideUp;overflow:hidden}.auth-modal__head{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.auth-modal__title{font-family:var(--font-heading);color:var(--color-text);margin:0;font-size:18px;font-weight:700}.auth-modal__close{cursor:pointer;background:var(--color-border);width:28px;height:28px;color:var(--color-text-secondary);border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:background .2s;display:flex}.auth-modal__close:hover{background:var(--color-border-soft)}.auth-modal__body{padding:24px}.auth-modal__hint{color:var(--color-text-tertiary);margin:0 0 20px;font-size:13px;line-height:1.5}.auth-modal__register{text-align:center;color:var(--color-text-tertiary);margin:16px 0 0;font-size:13px}.comments{border-top:1px solid var(--color-border);padding-top:20px}.comments__heading{font-size:14px;font-weight:600;font-family:var(--font-body);letter-spacing:normal;margin:0 0 16px}.comments__form{align-items:center;gap:10px;margin-bottom:20px;display:flex}.comments__input{background:var(--color-surface);border:1px solid var(--color-border-soft);height:38px;color:var(--color-text);border-radius:8px;flex:1;padding:0 14px;font-size:13px}.comments__submit{background:var(--color-accent);height:38px;color:var(--color-text);cursor:pointer;border:none;border-radius:8px;padding:0 16px;font-size:13px;font-weight:600;transition:background .2s}.comments__submit:hover:not(:disabled){background:var(--color-accent-hover)}.comments__submit:disabled{background:var(--color-surface-raised);color:var(--color-text-tertiary);cursor:not-allowed}.comments__list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.comments__item{flex-direction:column;display:flex}.comments__row{gap:10px;display:flex}.comments__body{flex:1;min-width:0}.comments__meta{align-items:baseline;gap:8px;display:flex}.comments__username{font-size:13px;font-weight:600}.comments__time{color:var(--color-text-muted);font-size:11px}.comments__delete{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;align-self:center;margin-left:auto;padding:2px;transition:color .2s;display:inline-flex}.comments__delete:hover{color:var(--color-accent)}.comments__text{color:var(--color-text-comment);overflow-wrap:anywhere;margin:4px 0 0;font-size:13px;line-height:1.4}.comments__reactions{gap:12px;margin-top:6px;display:flex}.comments__like,.comments__reply{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:11px;transition:color .2s}.comments__like{align-items:center;gap:4px;display:inline-flex}.comments__like:hover:not(:disabled){color:var(--color-accent)}.comments__reply:hover:not(:disabled){color:var(--color-text)}.comments__like--active{color:var(--color-accent)}.comments__like:disabled,.comments__reply:disabled{cursor:default;opacity:.5}.comments__heart--pop{animation:.4s likePop;display:inline-block}.comments__reply-form,.comments__replies{margin:8px 0 0 38px}.comments__reply-form{align-items:center;gap:10px;display:flex}.comments__replies{flex-direction:column;gap:12px;padding:0;list-style:none;display:flex}.comments__replies-toggle{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:11px;font-weight:600;transition:color .2s}.comments__replies-toggle:hover:not(:disabled){color:var(--color-text)}.comments__status{color:var(--color-text-secondary);margin:0;font-size:13px}.comments__error{color:var(--color-accent);margin:0 0 12px;font-size:13px}.comments__more{background:var(--color-surface-raised);border:1px solid var(--color-border-soft);width:100%;height:38px;color:var(--color-text-secondary);cursor:pointer;border-radius:8px;margin-top:16px;font-size:13px;font-weight:600;transition:all .2s}.comments__more:hover:not(:disabled){border-color:var(--color-border-hover);color:var(--color-text)}.report-modal{z-index:400;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.report-modal__panel{background:var(--color-surface);border:1px solid var(--color-border);text-align:left;border-radius:14px;width:420px;animation:.3s slideUp;overflow:hidden}.report-modal__head{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.report-modal__heading{color:var(--color-accent);align-items:center;gap:10px;display:flex}.report-modal__title{font-family:var(--font-heading);color:var(--color-text);font-size:18px;font-weight:700}.report-modal__close{cursor:pointer;background:var(--color-border);width:28px;height:28px;color:var(--color-text-secondary);border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:background .2s;display:flex}.report-modal__close:hover{background:var(--color-border-soft)}.report-modal__body{flex-direction:column;gap:16px;padding:24px;display:flex}.report-modal__label{color:var(--color-text-secondary);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.report-modal__reasons{flex-wrap:wrap;gap:6px;display:flex}.report-modal__reason{background:var(--color-border);border:1px solid var(--color-border);font-family:var(--font-body);color:var(--color-text-secondary);cursor:pointer;border-radius:16px;padding:6px 14px;font-size:12px;transition:all .2s}.report-modal__reason:hover{border-color:var(--color-accent)}.report-modal__reason--active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text)}.report-modal__textarea{background:var(--color-bg);border:1px solid var(--color-border-soft);width:100%;height:100px;color:var(--color-text);font-size:13px;font-family:var(--font-body);resize:vertical;box-sizing:border-box;border-radius:8px;padding:12px 14px}.report-modal__submit{background:var(--color-accent);width:100%;height:44px;color:var(--color-text);font-family:var(--font-heading);letter-spacing:1px;cursor:pointer;border:none;border-radius:8px;font-size:15px;font-weight:600;transition:background .2s}.report-modal__submit:hover:not(:disabled){background:var(--color-accent-hover)}.report-modal__submit:disabled{cursor:default;opacity:.4}.report-modal__error{color:var(--color-accent);margin:0;font-size:12px}.report-modal__done{text-align:center;padding:48px 32px}.report-modal__check{color:#4ade80;background:#4ade801f;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;animation:.5s likePop;display:flex}.report-modal__done-title{font-family:var(--font-heading);margin:0 0 6px;font-size:22px;font-weight:700}.report-modal__done-text{color:var(--color-text-secondary);margin:0;font-size:13px}.clip-detail{flex-direction:column;align-items:center;padding:24px;animation:.3s fadeIn;display:flex;position:relative}.clip-detail--closing{animation:.18s forwards clipDetailFadeOut}@keyframes clipDetailFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}.clip-detail__backdrop{cursor:zoom-out;background:0 0;border:none;padding:0;position:absolute;inset:0}.clip-detail__column{width:var(--size-video-player-width);max-width:100%;position:relative}.clip-detail__player{aspect-ratio:9/16;background:#000;border-radius:12px;width:100%;margin-bottom:16px;position:relative;overflow:hidden}.clip-detail__player--skeleton{background:var(--color-surface);animation:1.5s ease-in-out infinite pulse}.clip-detail__video{object-fit:contain;cursor:pointer;width:100%;height:100%;display:block}.clip-detail__play{cursor:pointer;background:#e62b2b33;border:none;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clip-detail__play:hover{transform:translate(-50%,-50%)scale(1.1)}.clip-detail__progress{background:var(--color-border-soft);height:3px;position:absolute;bottom:0;left:0;right:0}.clip-detail__progress-fill{background:var(--color-accent);border-radius:0 2px 2px 0;height:100%}.clip-detail__time{color:var(--color-text-soft);font-family:monospace;font-size:11px;position:absolute;bottom:8px;right:12px}.clip-detail__info{margin-bottom:20px}.clip-detail__title{font-size:18px;font-weight:700;font-family:var(--font-heading);margin:0 0 8px}.clip-detail__uploader{align-items:center;gap:12px;margin-bottom:12px;display:flex}.clip-detail__uploader-link{color:var(--color-text);align-items:center;gap:8px;display:flex}.clip-detail__uploader-link:hover{color:var(--color-text)}.clip-detail__uploader-text{flex-direction:column;display:flex}.clip-detail__uploader-name{font-size:14px;font-weight:600}.clip-detail__uploader-followers{color:var(--color-text-tertiary);font-size:11px}.clip-detail__follow{background:var(--color-accent);color:var(--color-text);cursor:pointer;border:none;border-radius:6px;margin-left:auto;padding:6px 16px;font-size:12px;font-weight:600;transition:background .2s}.clip-detail__follow:hover{background:var(--color-accent-hover)}.clip-detail__follow--following{background:var(--color-surface-raised);border:1px solid var(--color-border-soft);color:var(--color-text-secondary)}.clip-detail__follow--following:hover{background:var(--color-surface-raised);border-color:var(--color-border-hover);color:var(--color-text)}.clip-detail__actions{flex-wrap:wrap;gap:8px;display:flex}.clip-detail__action{background:var(--color-surface-raised);border:1px solid var(--color-border-soft);color:var(--color-text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:all .2s;display:flex}.clip-detail__action:hover,.clip-detail__action--liked{border-color:var(--color-accent)}.clip-detail__action--reposted{border-color:var(--color-success);color:var(--color-success)}.clip-detail__action--reposted:hover{border-color:var(--color-success)}.clip-detail__action--report{color:var(--color-text-secondary)}.clip-detail__action--report:hover{color:var(--color-text)}.clip-detail__action-icon{display:inline-flex}.clip-detail__action-icon--like-pop{animation:.4s likePop}.clip-detail__action-icon--repost-spin{animation:.5s repostSpin}.clip-detail__tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.clip-detail__tag{color:var(--color-text-secondary);background:var(--color-surface-raised);border-radius:4px;padding:3px 10px;font-size:11px}.clip-detail__tag--game{color:var(--color-accent);background:#e62b2b1f;font-weight:500}.clip-detail__error{color:var(--color-accent);margin:12px 0 0;font-size:13px}.clip-card{width:var(--size-feed-card-width);margin-bottom:24px;animation:.4s slideUp}.clip-card__frame{width:var(--size-feed-card-width);height:var(--size-feed-card-height);cursor:pointer;background:#000;border-radius:12px;position:relative;overflow:hidden}.clip-card__video{background:linear-gradient(#1a1a1a 0%,#111 50%,#0a0a0a 100%);width:100%;height:100%;position:relative}.clip-card__media{object-fit:cover;width:100%;height:100%;display:block}.clip-card__play{pointer-events:none;background:#e62b2b26;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clip-card__overlay{background:linear-gradient(#0000,#000c);padding:16px;position:absolute;bottom:0;left:0;right:0}.clip-card__meta{align-items:center;gap:8px;margin-bottom:8px;display:flex}.clip-card__username{color:var(--color-text);font-size:13px;font-weight:600}.clip-card__time{color:var(--color-text-secondary);font-size:11px}.clip-card__title{color:var(--color-text);margin:0;font-size:13px;line-height:1.4}.clip-card__tags{align-items:center;gap:4px;margin-top:6px;display:flex}.clip-card__game{color:var(--color-accent);background:#e62b2b1f;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.clip-card__actions{flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;bottom:100px;right:12px}.clip-card__action{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:0;font-family:inherit;display:flex}.clip-card__icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.clip-card__icon--like-pop{animation:.4s likePop}.clip-card__icon--repost-spin{animation:.5s repostSpin}.clip-card__count{color:var(--color-text-soft);font-size:11px}.clip-card__action--report .clip-card__count{display:none}.clip-card__error{color:var(--color-accent);margin:8px 0 0;font-size:12px}.game-row{background:var(--color-surface);border:1px solid var(--color-border-soft);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:12px 14px;text-decoration:none;transition:all .2s;display:flex}.game-row:hover{border-color:var(--color-border-hover)}.game-row--selected,.game-row--selected:hover{border-color:var(--color-accent)}.game-row__icon{background:var(--color-border);width:32px;height:32px;color:var(--color-accent);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.game-row__name{color:var(--color-text-soft);font-size:14px;font-weight:500}.game-row--selected .game-row__name{color:var(--color-text)}.game-row__check{color:var(--color-text);flex-shrink:0;margin-left:auto}.filter-drawer__overlay{z-index:300;background:#00000080;position:fixed;inset:0}.filter-drawer__panel{width:var(--size-filter-drawer-width);background:var(--color-sidebar);border-left:1px solid var(--color-border);z-index:301;flex-direction:column;height:100vh;animation:.25s slideIn;display:flex;position:fixed;top:0;right:0;box-shadow:-8px 0 32px #00000080}.filter-drawer__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:20px;display:flex}.filter-drawer__title{font-family:var(--font-heading);letter-spacing:var(--letter-spacing-heading);margin:0;font-size:20px;font-weight:700}.filter-drawer__close{background:var(--color-border);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .2s;display:flex}.filter-drawer__close:hover{background:var(--color-border-soft)}.filter-drawer__search{align-items:center;padding:16px 20px;display:flex;position:relative}.filter-drawer__search svg{color:var(--color-text-muted);pointer-events:none;position:absolute;left:32px}.filter-drawer__search input{background:var(--color-surface);border:1px solid var(--color-border-soft);width:100%;height:40px;color:var(--color-text);border-radius:8px;padding:0 14px 0 38px;font-size:13px}.filter-drawer__list{flex:1;padding:0 20px;overflow-y:auto}.filter-drawer__loading{color:var(--color-text-secondary);margin:0;padding:8px 0;font-size:13px}.filter-drawer__footer{border-top:1px solid var(--color-border);padding:20px}.filter-drawer__apply{background:var(--color-accent);width:100%;height:46px;color:var(--color-text);font-family:var(--font-heading);letter-spacing:var(--letter-spacing-heading);cursor:pointer;border:none;border-radius:8px;font-size:15px;font-weight:600;transition:background .2s}.filter-drawer__apply:hover{background:var(--color-accent-hover)}.list-end{text-align:center;color:#555;margin:0;padding:24px 0;font-size:12px}.feed-page{animation:.3s fadeIn}.feed{height:calc(100dvh - var(--size-topnav-height));flex-direction:column;align-items:center;padding:24px 16px 0;display:flex}.feed__pills{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:24px;display:flex;position:relative}.feed__pill,.feed__more{background:var(--color-surface-raised);border:1px solid var(--color-border-soft);cursor:pointer;color:var(--color-text-secondary);white-space:nowrap;border-radius:20px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.feed__pill:hover,.feed__more:hover{border-color:var(--color-border-hover);color:var(--color-text)}.feed__pill--active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text)}.feed__pill--active:hover{border-color:var(--color-accent)}.feed__pill--custom{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text);cursor:default}.feed__more{letter-spacing:2px;padding:8px 14px}.feed__clips{scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;flex:1;width:100%;min-height:0;overflow-y:auto}.feed__clips::-webkit-scrollbar{display:none}.feed__clips>.clip-card{scroll-snap-align:start;scroll-snap-stop:always;justify-content:center;align-items:center;width:100%;height:100%;margin-bottom:0;animation:none;display:flex}.feed__clips>.clip-card .clip-card__frame{width:auto;height:100%;aspect-ratio:var(--size-feed-card-aspect);max-width:100%}.feed__end{scroll-snap-align:start;scroll-snap-stop:always;justify-content:center;align-items:center;height:100%;display:flex}.feed__clips--locked{overflow-y:hidden}.feed__skeleton-card{width:auto;height:100%;aspect-ratio:var(--size-feed-card-aspect);background:var(--color-surface);scroll-snap-align:start;border-radius:12px;max-width:100%;margin:0 auto;animation:1.5s ease-in-out infinite pulse}.feed__empty{color:var(--color-text-secondary);padding:48px 0;font-size:14px}.feed__error{color:var(--color-accent);margin-bottom:16px;font-size:14px}.feed__loading-more{color:var(--color-text-tertiary);padding:16px 0;font-size:13px}.feed__sentinel{width:100%;height:1px}.game-select{justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.game-select__panel{width:var(--size-game-select-width);max-width:100%;animation:.5s slideUp}.game-select__header{text-align:center;margin-bottom:28px}.game-select__logo{width:auto;height:64px;margin-bottom:14px}.game-select__header h1{font-family:var(--font-heading);margin:0;font-size:30px;font-weight:700}.game-select__tagline{color:var(--color-text-tertiary);margin:8px 0 0;font-size:14px}.game-select__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:28px}.game-select__counter{justify-content:center;align-items:center;gap:8px;margin-bottom:20px;display:flex}.game-select__count{font-family:var(--font-heading);color:var(--color-text-tertiary);font-size:16px;font-weight:600}.game-select__count--active{color:var(--color-accent)}.game-select__minimum{color:var(--color-text-muted);font-size:12px}.game-select__grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px;display:grid}.game-card{border:1px solid var(--color-border-soft);cursor:pointer;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:10px;min-width:0;padding:12px 14px;transition:all .15s;display:flex}.game-card:hover{border-color:var(--color-accent)}.game-card--selected{border-color:var(--color-accent);background:#e62b2b1a}.game-card__icon{background:var(--color-border);width:32px;height:32px;font-family:var(--font-heading);color:var(--color-text-secondary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.game-card--selected .game-card__icon{color:var(--color-accent);background:#e62b2b26}.game-card__name{min-width:0;color:var(--color-text-soft);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:600;overflow:hidden}.game-card--selected .game-card__name{color:var(--color-text)}.game-card__check{color:var(--color-accent);flex-shrink:0}.game-select__submit{background:var(--color-accent);width:100%;height:48px;color:var(--color-text);font-family:var(--font-heading);letter-spacing:var(--letter-spacing-heading);cursor:pointer;border:none;border-radius:8px;font-size:15px;font-weight:600;transition:all .15s}.game-select__submit:disabled{background:var(--color-border);color:var(--color-text-muted);cursor:not-allowed}.game-select__submit:hover:not(:disabled){background:var(--color-accent-hover)}.game-select__error{color:var(--color-accent);margin:16px 0 0;font-size:13px}.game-select__loading{color:var(--color-text-secondary);text-align:center;margin:0;font-size:13px}.notifications{max-width:640px;margin:0 auto;padding:32px 24px}.notifications__head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.notifications__heading{font-family:var(--font-heading);letter-spacing:1px;margin:0;font-size:28px;font-weight:700}.notifications__clear{border:1px solid var(--color-border-soft);color:var(--color-text-secondary);font-size:12px;font-weight:600;font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:8px;padding:6px 16px;transition:all .2s}.notifications__clear:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.notifications__clear:disabled{cursor:default;opacity:.4}.notifications__filters{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.notifications__pill{background:var(--color-surface-raised);border:1px solid var(--color-border-soft);font-size:12px;font-weight:600;font-family:var(--font-body);cursor:pointer;color:var(--color-text-secondary);border-radius:16px;padding:6px 16px;transition:all .2s}.notifications__pill--active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text)}.notifications__list{flex-direction:column;gap:2px;display:flex}.notifications__row{cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:12px;padding:14px 16px;transition:background .2s;display:flex}.notifications__row--unread{background:var(--color-surface)}.notifications__row:hover{background:#151515}.notifications__row--skeleton{background:var(--color-surface);border-radius:8px;height:68px;animation:1.4s ease-in-out infinite pulse}.notifications__body{flex:1;min-width:0}.notifications__text{margin:0;font-size:13px;line-height:1.4}.notifications__action{color:var(--color-text-secondary)}.notifications__time{color:#555;margin:2px 0 0;font-size:11px}.notifications__dot{background:var(--color-accent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.notifications__message{text-align:center;color:var(--color-text-tertiary);margin:0;padding:32px 0;font-size:13px}.notifications__sentinel{height:1px}.clip-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.clip-grid__card{aspect-ratio:9/16;background:var(--color-surface);cursor:pointer;color:var(--color-text);border-radius:8px;text-decoration:none;transition:transform .2s;display:block;position:relative;overflow:hidden}.clip-grid__card:hover{transform:scale(1.02)}.clip-grid__card--skeleton{background:linear-gradient(#161616,#0e0e0e);animation:1.4s ease-in-out infinite pulse}.clip-grid__thumb{object-fit:cover;width:100%;height:100%;display:block}.clip-grid__thumb--empty{color:#333;background:linear-gradient(#161616,#0e0e0e);justify-content:center;align-items:center;display:flex}.clip-grid__badge{color:var(--color-text);background:#000000b3;border-radius:3px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;display:flex;position:absolute;top:8px;left:8px}.clip-grid__badge--repost{color:var(--color-success)}.clip-grid__badge--like{color:var(--color-accent)}.clip-grid__duration{color:var(--color-text);background:#000000b3;border-radius:3px;padding:2px 6px;font-family:monospace;font-size:10px;position:absolute;top:8px;right:8px}.clip-grid__overlay{background:linear-gradient(#0000,#000000d9);padding:10px;display:block;position:absolute;bottom:0;left:0;right:0}.clip-grid__title{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;display:block;overflow:hidden}.clip-grid__views{color:var(--color-text-secondary);margin-top:2px;font-size:10px;display:block}.clip-grid__message{text-align:center;color:var(--color-text-tertiary);margin:0;padding:32px 0;font-size:13px}.clip-grid__sentinel{height:1px}.settings{flex-direction:column;gap:24px;max-width:560px;display:flex}.settings__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:24px}.settings__title{font-family:var(--font-heading);margin:0 0 16px;font-size:18px;font-weight:700}.settings__title--danger{color:var(--color-accent)}.settings__text{color:var(--color-text-secondary);margin:0 0 16px;font-size:13px}.settings__fields{flex-direction:column;gap:16px;display:flex}.settings__field{display:block}.settings__label{color:var(--color-text-secondary);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.settings__input,.settings__textarea{background:var(--color-bg);border:1px solid var(--color-border-soft);width:100%;color:var(--color-text);box-sizing:border-box;font-family:var(--font-body);border-radius:8px}.settings__input{height:42px;padding:0 14px;font-size:14px}.settings__textarea{resize:vertical;height:70px;padding:10px 14px;font-size:13px}.settings__input:focus,.settings__textarea:focus,.settings__row-input:focus{border-color:var(--color-accent);outline:none}.settings__rows{flex-direction:column;gap:14px;display:flex}.settings__row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.settings__row-icon{background:var(--color-border);width:36px;height:36px;color:var(--color-text);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings__row-input{background:var(--color-bg);border:1px solid var(--color-border-soft);min-width:0;height:38px;color:var(--color-text);box-sizing:border-box;font-size:13px;font-family:var(--font-body);border-radius:8px;flex:1;padding:0 12px}.settings__row-remove{background:var(--color-border);cursor:pointer;width:32px;height:32px;color:var(--color-accent);border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s;display:flex}.settings__row-remove:hover{background:#2a1414}.settings__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.settings__count{color:#555;font-size:12px}.settings__primary{background:var(--color-accent);color:var(--color-text);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-body);border:none;border-radius:8px;align-self:flex-start;padding:8px 24px;transition:background .2s}.settings__primary:hover{background:var(--color-accent-hover)}.settings__primary:disabled{cursor:default;opacity:.6}.settings__secondary{background:var(--color-surface-raised);color:var(--color-text);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-body);border:1px solid #333;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;transition:background .2s;display:flex}.settings__secondary:hover{background:#1c1c1c}.settings__secondary svg{color:var(--color-accent)}.settings__danger{border:1px solid var(--color-accent);color:var(--color-accent);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-heading);letter-spacing:1px;background:0 0;border-radius:8px;padding:10px 28px;transition:all .2s}.settings__danger:hover{background:var(--color-accent);color:var(--color-text)}.settings__success,.settings__error,.settings__field-error,.settings__warning{margin:0;font-size:12px}.settings__success{color:var(--color-success)}.settings__error,.settings__field-error{color:var(--color-accent)}.settings__field-error{width:100%;margin-top:6px}.settings__warning{background:var(--color-surface);border:1px solid var(--color-accent);color:var(--color-accent);border-radius:8px;padding:10px 14px;font-size:13px}.user-list{flex-direction:column;gap:8px;display:flex}.user-list__row{background:var(--color-surface);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;transition:background .2s;display:flex}.user-list__row:hover{background:#151515}.user-list__row--skeleton{cursor:default;height:72px;animation:1.4s ease-in-out infinite pulse}.user-list__identity{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.user-list__name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;text-decoration:none;overflow:hidden}.user-list__name:hover{text-decoration:underline}.user-list__followers{color:var(--color-text-tertiary);font-size:12px}.user-list__follow{border:1px solid var(--color-accent);color:var(--color-accent);font-size:12px;font-weight:600;font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;padding:6px 16px;transition:all .2s}.user-list__follow--following{background:var(--color-accent);color:var(--color-text)}.user-list__follow:hover{opacity:.8}.user-list__follow:disabled{cursor:default;opacity:.6}.user-list__message{text-align:center;color:var(--color-text-tertiary);margin:0;padding:32px 0;font-size:13px}.user-list__sentinel{height:1px}.profile{width:var(--size-profile-width);max-width:100%;margin:0 auto;padding:32px 24px}.profile__header{align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.profile__header--skeleton{background:var(--color-surface);border-radius:12px;height:160px}.profile__avatar-wrap{flex-shrink:0;position:relative}.profile__avatar .avatar{border:3px solid var(--color-accent);box-sizing:border-box;font-size:36px}.profile__avatar-badge{background:var(--color-accent);border:3px solid var(--color-bg);width:32px;height:32px;color:var(--color-text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .2s;display:flex;position:absolute;bottom:2px;right:2px}.profile__avatar-badge:hover:not(:disabled){background:#ff3b3b}.profile__avatar-badge:disabled{opacity:.6;cursor:progress}.profile__avatar-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.profile__main{flex:1;min-width:0}.profile__identity{align-items:center;gap:12px;margin-bottom:6px;display:flex}.profile__username{font-family:var(--font-heading);margin:0;font-size:26px;font-weight:700}.profile__bio{color:var(--color-text-secondary);margin:0 0 12px;font-size:13px}.profile__counters{gap:24px;margin-bottom:16px;display:flex}.profile__counter{text-align:center;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;transition:opacity .2s;display:block}.profile__counter:hover{opacity:.7}.profile__counter-value{font-size:18px;font-weight:700;display:block}.profile__counter-label{color:var(--color-text-tertiary);font-size:11px;display:block}.profile__actions{align-items:center;gap:8px;display:flex}.profile__follow{border:1px solid var(--color-accent);color:var(--color-accent);font-size:13px;font-weight:600;font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:8px;padding:8px 20px;transition:all .2s}.profile__follow:hover:not(:disabled),.profile__follow--following{background:var(--color-accent);color:var(--color-text)}.profile__follow:disabled{opacity:.6;cursor:progress}.profile__socials{gap:6px;margin-left:auto;display:flex}.profile__social{background:var(--color-surface-raised);border:1px solid var(--color-border-soft);width:32px;height:32px;color:var(--color-text);border-radius:6px;justify-content:center;align-items:center;transition:border-color .2s;display:flex}.profile__social:hover{border-color:var(--color-accent)}.profile__social--steam:hover{border-color:#66c0f4}.profile__social--generic{color:var(--color-text-secondary)}.profile__error{color:var(--color-accent);margin:12px 0 0;font-size:13px}.profile__tabs{border-bottom:1px solid var(--color-border);gap:0;margin-bottom:20px;display:flex}.profile__tab{font-size:14px;font-weight:600;font-family:var(--font-body);color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 20px;transition:all .2s}.profile__tab:not(.profile__tab--active):hover{color:var(--color-text-soft)}.profile__tab--active{border-bottom-color:var(--color-accent);color:var(--color-text)}.profile__settings{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;align-items:center;margin-left:auto;padding:12px 0;transition:color .2s;display:flex}.profile__settings:hover,.profile__settings--active{color:var(--color-text)}.room-switch{z-index:400;background:#000000b8;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.room-switch__panel{width:var(--size-room-switch-width);background:var(--color-surface);border:1px solid var(--color-border);box-sizing:border-box;text-align:left;border-radius:14px;max-width:100%;padding:28px;animation:.3s slideUp}.room-switch__head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.room-switch__icon{width:36px;height:36px;color:var(--color-accent);background:#e62b2b24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.room-switch__title{font-family:var(--font-heading);font-size:20px;font-weight:700}.room-switch__text{color:var(--color-text-secondary);margin:0 0 22px;font-size:13px;line-height:1.55}.room-switch__current{color:var(--color-text-tertiary);margin:-14px 0 22px;font-size:12px}.room-switch__actions{gap:10px;display:flex}.room-switch__cancel,.room-switch__confirm{cursor:pointer;border-radius:8px;flex:1;height:44px;font-size:14px;font-weight:600;transition:all .2s}.room-switch__cancel{border:1px solid var(--color-border-soft);color:var(--color-text-comment);font-family:var(--font-body);background:0 0}.room-switch__cancel:hover:not(:disabled){border-color:var(--color-text-muted);color:var(--color-text)}.room-switch__confirm{background:var(--color-accent);color:var(--color-text);font-family:var(--font-heading);letter-spacing:.5px;border:none}.room-switch__confirm:hover:not(:disabled){background:var(--color-accent-hover)}.room-switch__cancel:disabled,.room-switch__confirm:disabled{opacity:.6;cursor:not-allowed}.room{max-width:640px;margin:0 auto;padding:40px 24px;position:relative}.room__heading{font-family:var(--font-heading);letter-spacing:1px;margin:0 0 4px;font-size:28px;font-weight:700}.room__subtitle{color:var(--color-text-tertiary);margin:0 0 32px;font-size:13px}.room__toast{color:var(--color-text);z-index:200;background:#1a8b4e;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:13px;font-weight:600;animation:.3s slideUp;display:flex;position:fixed;top:72px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000080}.room__menu{gap:16px;display:flex}.room__card{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;cursor:pointer;font-family:var(--font-body);border-radius:12px;flex-direction:column;flex:1;align-items:center;padding:32px 24px;transition:all .3s;display:flex}.room__card:hover{border-color:var(--color-accent);background:#151515}.room__card-icon{width:64px;height:64px;color:var(--color-accent);background:#e62b2b1f;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.room__card-title{font-family:var(--font-heading);color:var(--color-text);margin-bottom:4px;font-size:20px;font-weight:700}.room__card-text{color:var(--color-text-tertiary);font-size:12px}.room__form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:32px}.room__form-head{align-items:center;gap:10px;margin-bottom:24px;display:flex}.room__back{cursor:pointer;background:var(--color-border);width:32px;height:32px;color:var(--color-text-secondary);border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:background .2s;display:flex}.room__back:hover{background:var(--color-border-soft)}.room__form-title{font-family:var(--font-heading);font-size:20px;font-weight:700}.room__fields{flex-direction:column;gap:20px;display:flex}.room__label{color:var(--color-text-secondary);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.room__input{background:var(--color-bg);border:1px solid var(--color-border-soft);width:100%;height:44px;color:var(--color-text);font-size:14px;font-family:var(--font-body);box-sizing:border-box;border-radius:8px;padding:0 14px}.room__select{appearance:none;cursor:pointer}.room__link-group{flex-direction:column;gap:8px;display:flex}.room__shortcuts{gap:8px;display:flex}.room__shortcut{background:var(--color-surface-raised);border:1px solid var(--color-border-soft);cursor:pointer;width:44px;height:44px;color:var(--color-text);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .2s;display:flex}.room__shortcut:hover{border-color:var(--color-accent)}.room__rank{align-items:center;gap:8px;display:flex}.room__rank .room__input{flex:1}.room__rank-dash{color:#555;font-size:14px}.room__capacity{flex-wrap:wrap;gap:8px;display:flex}.room__size{background:var(--color-bg);border:1px solid var(--color-border-soft);cursor:pointer;width:44px;height:44px;font-family:var(--font-body);color:var(--color-text);border-radius:8px;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:all .2s;display:flex}.room__size:hover{border-color:var(--color-accent)}.room__size--active{background:var(--color-accent);border-color:var(--color-accent)}.room__capacity-empty{color:var(--color-text-tertiary);margin:0;font-size:12px}.room__submit{background:var(--color-accent);width:100%;height:46px;color:var(--color-text);font-family:var(--font-heading);letter-spacing:1px;cursor:pointer;border:none;border-radius:8px;margin-top:8px;font-size:15px;font-weight:600;transition:background .2s}.room__submit:hover:not(:disabled){background:var(--color-accent-hover)}.room__submit:disabled{cursor:default;opacity:.4}.room__error{color:var(--color-accent);margin:0;font-size:12px}.room__list-suffix{color:var(--color-text-tertiary);font-size:12px}.room__games{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.room__game{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;font-family:var(--font-body);text-align:left;border-radius:10px;align-items:center;gap:14px;padding:20px;transition:all .2s;display:flex}.room__game:hover{border-color:var(--color-accent);background:#151515}.room__game-badge{background:var(--color-border);width:44px;height:44px;color:var(--color-accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.room__game-text{min-width:0}.room__game-name{color:var(--color-text);font-size:14px;font-weight:600;display:block}.room__game-count{color:var(--color-text-tertiary);margin-top:2px;font-size:11px;display:block}.room__list{flex-direction:column;gap:10px;display:flex}.room__row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;align-items:center;gap:14px;padding:16px 20px;transition:border-color .2s;display:flex}.room__row:hover{border-color:var(--color-border-soft)}.room__row-text{flex:1;min-width:0}.room__row-owner{font-size:14px;font-weight:600;display:block}.room__row-game{color:var(--color-text-tertiary);margin-top:2px;font-size:12px;display:block}.room__row-right{align-items:center;gap:12px;display:flex}.room__row-count{text-align:center}.room__row-players{font-family:var(--font-heading);color:var(--color-accent);font-size:16px;font-weight:700;display:block}.room__row-players-label{color:#555;font-size:10px;display:block}.room__join{background:var(--color-accent);color:var(--color-text);font-family:var(--font-body);cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600;transition:background .2s}.room__join:hover:not(:disabled){background:var(--color-accent-hover)}.room__join:disabled{cursor:default;background:var(--color-border);color:var(--color-text-tertiary)}.room__message{text-align:center;color:var(--color-text-tertiary);margin:0;padding:32px 0;font-size:13px}.room__notice{background:var(--color-surface);border:1px solid var(--color-success);color:var(--color-success);border-radius:8px;margin:0 0 16px;padding:12px 16px;font-size:13px;font-weight:600}.room__joined{background:var(--color-surface);border:1px solid #4ade80;border-radius:12px;margin-bottom:24px;padding:24px}.room__joined-check{color:#4ade80;flex-shrink:0;display:flex}.room__waiting{background:var(--color-surface);border:1px solid var(--color-accent);border-radius:12px;margin-bottom:24px;padding:24px}.room__waiting-head{align-items:center;gap:12px;margin-bottom:16px;display:flex}.room__waiting-dot{background:var(--color-accent);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.5s infinite pulse}.room__waiting-title{font-family:var(--font-heading);letter-spacing:1px;font-size:20px;font-weight:700}.room__waiting-meta{color:var(--color-text-secondary);margin:0 0 8px;font-size:13px}.room__waiting-count{color:var(--color-text-secondary);margin:0 0 8px;font-size:12px}.room__waiting-bar{background:var(--color-border);border-radius:4px;height:8px;overflow:hidden}.room__waiting-fill{background:linear-gradient(90deg, var(--color-accent), #f44);border-radius:4px;height:100%;transition:width .5s}.room__facts{gap:16px;margin-bottom:16px;display:flex}.room__fact{background:var(--color-bg);border-radius:8px;flex:1;min-width:0;padding:12px 16px;text-decoration:none;display:block}.room__fact-label{color:var(--color-text-tertiary);margin-bottom:4px;font-size:11px;display:block}.room__fact-value{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;display:block;overflow:hidden}.room__fact-value--accent{color:var(--color-accent)}.room__waiting-hint{color:var(--color-text-tertiary);text-align:center;margin:12px 0 0;font-size:12px}.room__channel{color:var(--color-warning);text-align:center;margin:12px 0 0;font-size:12px}.room__card-actions{text-align:center;margin-top:16px}.room__leave{border:1px solid var(--color-border-soft);color:var(--color-text-secondary);font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:8px;padding:8px 20px;font-size:12px;transition:all .2s}.room__leave:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.room__leave:disabled{cursor:not-allowed;opacity:.6}.search-page{max-width:720px;margin:0 auto;padding:24px 20px 64px}.search-page__hint,.search-page__empty,.search-page__error{color:var(--color-text-secondary);margin:20px 0 0;font-size:14px}.search-page__error{color:var(--color-danger,#e5484d)}.search-page__section{margin-top:32px}.search-page__section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);margin:0 0 12px;font-size:13px;font-weight:700}.search-page__clips{flex-direction:column;align-items:center;gap:20px;display:flex}.search-page__skeleton{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:8px;height:64px;margin-bottom:8px}.upload{width:var(--size-panel-width);max-width:100%;margin:0 auto;padding:40px 24px}.upload__title{font-family:var(--font-heading);letter-spacing:var(--letter-spacing-heading);margin:0 0 4px;font-size:28px;font-weight:700}.upload__tagline{color:var(--color-text-tertiary);margin:0 0 32px;font-size:13px}.upload__dropzone{border:2px dashed var(--color-border-soft);text-align:center;cursor:pointer;color:var(--color-text);border-radius:12px;margin-bottom:24px;padding:48px 24px;transition:border-color .3s}.upload__dropzone:hover,.upload__dropzone:focus-visible,.upload__dropzone--active{border-color:var(--color-accent);outline:none}.upload__icon{color:#444;margin-bottom:12px}.upload__dropzone--active .upload__icon,.upload__dropzone:hover .upload__icon{color:var(--color-accent)}.upload__dropzone-title{margin-bottom:4px;font-size:15px;font-weight:600}.upload__dropzone-hint{color:var(--color-text-muted);font-size:12px}.upload__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.upload__preview{flex-direction:column;gap:6px;display:flex}.upload__preview-name{word-break:break-all;font-size:15px;font-weight:600}.upload__preview-meta{color:var(--color-text-secondary);font-size:12px}.upload__file-error,.upload__error{color:var(--color-accent);margin:-12px 0 20px;font-size:13px}.upload__error{margin:0}.upload__fields{flex-direction:column;gap:20px;display:flex}.upload__field{display:block}.upload__label{color:var(--color-text-secondary);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.upload__control{background:var(--color-surface);border:1px solid var(--color-border);width:100%;height:44px;color:var(--color-text);font-size:14px;font-family:var(--font-body);box-sizing:border-box;border-radius:8px;padding:0 14px}.upload__control:focus{border-color:var(--color-accent);box-shadow:var(--focus-ring);outline:none}.upload__control--textarea{resize:vertical;height:100px;padding:12px 14px}.upload__control--select{appearance:none;cursor:pointer}.upload__limits{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-size:12px;display:flex}.upload__limits strong{color:var(--color-text);font-weight:600}.upload__progress{flex-direction:column;gap:8px;display:flex}.upload__progress-track{background:var(--color-border);border-radius:3px;height:6px;overflow:hidden}.upload__progress-bar{background:var(--color-accent);height:100%;transition:width .2s}.upload__progress-value{color:var(--color-text-secondary);font-size:12px}.upload__actions{gap:12px;padding-top:8px;display:flex}.upload__submit{background:var(--color-accent);height:46px;color:var(--color-text);font-size:15px;font-weight:600;font-family:var(--font-heading);letter-spacing:var(--letter-spacing-heading);cursor:pointer;border:none;border-radius:8px;flex:1;transition:background .2s}.upload__submit:hover:not(:disabled){background:var(--color-accent-hover)}.upload__submit:disabled{opacity:.5;cursor:not-allowed}.upload__cancel{border:1px solid var(--color-border-soft);height:46px;color:var(--color-text-secondary);font-size:14px;font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:8px;padding:0 24px;transition:all .2s}.upload__cancel:hover:not(:disabled){border-color:var(--color-border-hover);color:var(--color-text)}.upload__cancel:disabled{opacity:.5;cursor:not-allowed}.verify__title{font-family:var(--font-heading);letter-spacing:var(--letter-spacing-heading);color:var(--color-text);text-align:center;margin:0;font-size:20px}.verify__target{color:var(--color-text-secondary);text-align:center;margin:-8px 0 0;font-size:13px;line-height:1.5}.verify__code{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.verify__digit{background:var(--color-bg);border:1px solid var(--color-border-soft);width:100%;height:52px;color:var(--color-text);font-family:var(--font-heading);text-align:center;border-radius:8px;padding:0;font-size:22px;font-weight:600}.verify__digit:focus{border-color:var(--color-accent);outline:none}.verify__digit--invalid{border-color:var(--color-accent)}.verify__digit:disabled{opacity:.5;cursor:not-allowed}.verify__countdown,.verify__expired{text-align:center;color:var(--color-text-secondary);margin:0;font-size:12px}.verify__expired{color:var(--color-accent)}.verify__resend{justify-content:center;align-items:center;gap:8px;display:flex}.verify__resend button:disabled{opacity:.5;cursor:not-allowed}.verify__cooldown{color:var(--color-text-secondary);font-size:12px}.room-toasts{z-index:300;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:72px;left:50%;transform:translate(-50%)}.room-toasts__item{color:var(--color-text);cursor:pointer;background:#1a8b4e;border:none;border-radius:8px;padding:12px 24px;font-family:inherit;font-size:13px;font-weight:600;animation:.3s slideUp;box-shadow:0 4px 20px #00000080}.notif-drop{background:var(--color-surface);border:1px solid var(--color-border);z-index:200;text-align:left;border-radius:12px;width:360px;animation:.2s slideUp;position:absolute;top:44px;right:0;overflow:hidden;box-shadow:0 8px 32px #0009}.notif-drop__head{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notif-drop__title{font-family:var(--font-heading);font-size:16px;font-weight:700}.notif-drop__close{font-family:var(--font-body);color:var(--color-accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px}.notif-drop__close:hover{text-decoration:underline}.notif-drop__list{max-height:320px;overflow-y:auto}.notif-drop__row{cursor:pointer;border-bottom:1px solid #0e0e0e;align-items:center;gap:10px;padding:12px 16px;transition:background .2s;display:flex}.notif-drop__row:hover{background:#151515}.notif-drop__body{flex:1;min-width:0}.notif-drop__text{font-size:12px;line-height:1.4}.notif-drop__action{color:var(--color-text-secondary)}.notif-drop__time{color:#555;margin-top:2px;font-size:10px}.notif-drop__dot{background:var(--color-accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.notif-drop__message{text-align:center;color:var(--color-text-tertiary);margin:0;padding:32px 16px;font-size:12px}.notif-drop__foot{border-top:1px solid var(--color-border);text-align:center;padding:12px 16px}.notif-drop__all{font-family:var(--font-body);color:var(--color-accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600;transition:opacity .2s}.notif-drop__all:hover{opacity:.8}.search-drop{background:var(--color-surface);border:1px solid var(--color-border);z-index:200;border-radius:12px;max-height:min(70vh,560px);padding:8px;position:absolute;top:44px;left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #00000073}.search-drop__section{padding:4px 0}.search-drop__section+.search-drop__section{border-top:1px solid var(--color-border-soft)}.search-drop__title{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-tertiary);margin:0;padding:6px 8px;font-size:11px;font-weight:600}.search-drop__message{color:var(--color-text-secondary);text-align:center;margin:0;padding:16px 8px;font-size:13px}.search-drop__clip{color:var(--color-text);border-radius:8px;align-items:center;gap:10px;padding:6px 8px;display:flex}.search-drop__clip:hover{background:var(--color-surface-raised);color:var(--color-text)}.search-drop__thumb{object-fit:cover;background:#000;border-radius:4px;flex-shrink:0;width:64px;height:36px}.search-drop__clip-text{flex-direction:column;min-width:0;display:flex}.search-drop__clip-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.search-drop__clip-meta{color:var(--color-text-tertiary);font-size:11px}.search-drop__all{border-top:1px solid var(--color-border);color:var(--color-accent);text-align:center;margin-top:4px;padding:10px 8px 6px;font-size:12px;font-weight:600;display:block}.search-drop__all:hover{color:var(--color-accent-hover)}.search-drop__skeleton{background:var(--color-surface-raised);border-radius:8px;height:44px;margin:6px 8px;animation:1.5s ease-in-out infinite pulse}.search-drop .user-list__row{border-radius:8px;padding:6px 8px}.search-drop .user-list__row:hover{background:var(--color-surface-raised)}.search-drop .game-row{border-radius:8px}.harness{max-width:var(--size-login-card-width);margin:0 auto;padding:32px 16px;animation:.5s slideUp}.harness h1{color:var(--color-text-secondary);font-size:20px}.harness form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:8px;padding:20px;display:flex}.harness label{color:var(--color-text-secondary);font-size:13px}.harness input{background:var(--color-bg);border:1px solid var(--color-border-soft);height:42px;color:var(--color-text);border-radius:8px;padding:0 14px}.harness button{background:var(--color-accent);height:40px;color:var(--color-text);font-family:var(--font-heading);letter-spacing:var(--letter-spacing-heading);cursor:pointer;border:none;border-radius:8px;padding:0 14px;font-weight:600}.harness button:disabled{background:var(--color-border);color:var(--color-text-muted);cursor:not-allowed}.harness-actions{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.harness-status{color:var(--color-text-secondary);padding:32px}.harness-error{color:var(--color-accent);font-size:14px}.harness-notice{color:var(--color-warning);font-size:14px}.harness ul{color:var(--color-text-tertiary);padding-left:18px;font-size:13px}.harness-actions a{align-self:center;font-size:14px}.page-status{color:var(--color-text-secondary);padding:32px}.page-message,.page-placeholder{max-width:var(--size-panel-width);text-align:center;margin:0 auto;padding:64px 16px;animation:.3s fadeIn}.page-message__code{font-family:var(--font-heading);letter-spacing:2px;color:var(--color-accent);margin:0;font-size:64px;font-weight:700}.page-message h1,.page-placeholder h1{margin:8px 0 12px;font-size:24px}.page-message__text{color:var(--color-text-secondary);font-size:14px;line-height:1.6}.page-message__link{background:var(--color-accent);height:44px;color:var(--color-text);line-height:44px;font-family:var(--font-heading);letter-spacing:var(--letter-spacing-heading);border-radius:8px;margin-top:20px;padding:0 24px;font-weight:600;display:inline-block}.page-message__link:hover{background:var(--color-accent-hover);color:var(--color-text)}.page-placeholder__spacer{height:200vh}