:root{--skramble-bg:#f4f5f7;--skramble-surface:#ffffff;--skramble-border:#dde1e7;--skramble-border-focus:#0073aa;--skramble-text:#1d2327;--skramble-text-muted:#646970;--skramble-accent:#0073aa;--skramble-accent-hover:#005a87;--skramble-accent-text:#ffffff;--skramble-danger:#cc1818;--skramble-danger-hover:#a01414;--skramble-success-bg:#edfaed;--skramble-success-text:#1a5e1a;--skramble-error-bg:#fce8e8;--skramble-error-text:#7c1c1c;--skramble-info-bg:#e8f4fb;--skramble-info-text:#0d4a6e;--skramble-radius:10px;--skramble-shadow:0 2px 16px rgba(0, 0, 0, 0.08);--skramble-transition:0.2s ease;--skramble-font:inherit}.skramble-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.skramble-login-wrapper,.skramble-profile-wrapper{width:100%;min-height:60vh;padding:48px 16px;background:var(--skramble-bg);font-family:var(--skramble-font)}.skramble-login-container{max-width:440px;margin:0 auto}.skramble-profile-container{max-width:760px;margin:0 auto}.skramble-login-brand{text-align:center;margin-bottom:32px}.skramble-login-logo img{max-width:180px;height:auto}.skramble-login-site-name{font-size:1.5rem;font-weight:700;color:var(--skramble-text);text-decoration:none}.skramble-card{background:var(--skramble-surface);border:1px solid var(--skramble-border);border-radius:var(--skramble-radius);box-shadow:var(--skramble-shadow);padding:32px;margin-bottom:24px}.skramble-card__heading{font-size:1.375rem;font-weight:700;margin:0 0 28px;color:var(--skramble-text)}.skramble-card__section-heading{font-size:1.1rem;font-weight:600;margin:0 0 20px;color:var(--skramble-text);padding-bottom:12px;border-bottom:1px solid var(--skramble-border)}.skramble-card__description{color:var(--skramble-text-muted);font-size:.9rem;margin:-8px 0 20px}.skramble-profile-header{display:flex;align-items:center;gap:24px;margin-bottom:32px}.skramble-profile-avatar-wrap{position:relative;flex-shrink:0}.skramble-profile-avatar{width:90px;height:90px;border-radius:50%;object-fit:cover;border:3px solid var(--skramble-border);display:block}.skramble-profile-avatar-edit{position:absolute;bottom:0;right:0;width:28px;height:28px;background:var(--skramble-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background var(--skramble-transition)}.skramble-profile-avatar-edit:hover{background:var(--skramble-accent-hover)}.skramble-profile-avatar-edit .skramble-icon{width:14px;height:14px}.skramble-profile-header-name{font-size:1.5rem;font-weight:700;margin:0 0 4px;color:var(--skramble-text)}.skramble-profile-header-username{font-size:.9rem;color:var(--skramble-text-muted);margin:0}.skramble-tabs{display:flex;gap:4px;border-bottom:2px solid var(--skramble-border);margin-bottom:28px}.skramble-tab{padding:10px 20px;font-size:.95rem;font-weight:500;color:var(--skramble-text-muted);text-decoration:none;border-bottom:2px solid #fff0;margin-bottom:-2px;border-radius:6px 6px 0 0;transition:color var(--skramble-transition),border-color var(--skramble-transition)}.skramble-tab:hover{color:var(--skramble-text)}.skramble-tab--active{color:var(--skramble-accent);border-bottom-color:var(--skramble-accent);font-weight:600}.skramble-tab-panel[hidden]{display:none}.skramble-notice{border-radius:var(--skramble-radius);padding:14px 18px;margin-bottom:20px;font-size:.9rem;line-height:1.5}.skramble-notice--success{background:var(--skramble-success-bg);color:var(--skramble-success-text);border:1px solid #aad4aa}.skramble-notice--error{background:var(--skramble-error-bg);color:var(--skramble-error-text);border:1px solid #e8aaaa}.skramble-notice--info{background:var(--skramble-info-bg);color:var(--skramble-info-text);border:1px solid #aad0e8}.skramble-form__row{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}@media (max-width:560px){.skramble-form__row{grid-template-columns:1fr}}.skramble-form__group{margin-bottom:20px}.skramble-form__group--inline{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.skramble-form__label{display:flex;align-items:center;gap:6px;font-size:.875rem;font-weight:600;color:var(--skramble-text);margin-bottom:6px}.skramble-form__required{color:var(--skramble-danger)}.skramble-form__input{width:100%;padding:11px 14px;font-size:1rem;line-height:1.4;color:var(--skramble-text);background:var(--skramble-surface);border:1px solid var(--skramble-border);border-radius:6px;box-sizing:border-box;transition:border-color var(--skramble-transition),box-shadow var(--skramble-transition);-webkit-appearance:none;appearance:none}.skramble-form__input:focus{outline:none;border-color:var(--skramble-border-focus);box-shadow:0 0 0 3px rgb(0 115 170 / .18)}.skramble-form__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23646970' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.skramble-form__textarea{resize:vertical;min-height:100px}.skramble-form__hint{font-size:.8rem;color:var(--skramble-text-muted);margin:6px 0 0}.skramble-form__forgot{font-size:.875rem;color:var(--skramble-accent);text-decoration:none}.skramble-form__forgot:hover{text-decoration:underline}.skramble-form__actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:8px}.skramble-form__ajax-message{font-size:.875rem;color:var(--skramble-text-muted)}.skramble-form__ajax-message.is-error{color:var(--skramble-danger)}.skramble-form__ajax-message.is-success{color:var(--skramble-success-text)}.skramble-form__input-wrap{position:relative}.skramble-form__input-wrap--icon .skramble-form__input{padding-right:52px}.skramble-toggle-password{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;width:44px;height:44px;cursor:pointer;color:var(--skramble-text-muted);display:flex;align-items:center;justify-content:center;transition:color var(--skramble-transition);touch-action:manipulation;-webkit-tap-highlight-color:#fff0}.skramble-toggle-password:hover{color:var(--skramble-text)}.skramble-icon{width:18px;height:18px;display:block}.skramble-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.9rem;color:var(--skramble-text);user-select:none}.skramble-checkbox__input{position:absolute;opacity:0;width:0;height:0;margin:0}.skramble-checkbox__mark{flex-shrink:0;width:18px;height:18px;border:2px solid var(--skramble-border);border-radius:4px;background:var(--skramble-surface);display:flex;align-items:center;justify-content:center;transition:border-color var(--skramble-transition),background var(--skramble-transition)}.skramble-checkbox__input:checked+.skramble-checkbox__mark{background:var(--skramble-accent);border-color:var(--skramble-accent)}.skramble-checkbox__input:checked+.skramble-checkbox__mark::after{content:'';display:block;width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg) translateY(-1px)}.skramble-checkbox__input:focus-visible+.skramble-checkbox__mark{box-shadow:0 0 0 3px rgb(0 115 170 / .25)}.skramble-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;min-height:44px;font-size:.95rem;font-weight:600;border-radius:6px;border:2px solid #fff0;cursor:pointer;text-decoration:none;transition:background var(--skramble-transition),border-color var(--skramble-transition),box-shadow var(--skramble-transition);white-space:nowrap;-webkit-appearance:none;appearance:none;touch-action:manipulation;-webkit-tap-highlight-color:#fff0}.skramble-btn--primary{background:var(--skramble-accent);border-color:var(--skramble-accent);color:var(--skramble-accent-text)}.skramble-btn--primary:hover{background:var(--skramble-accent-hover);border-color:var(--skramble-accent-hover)}.skramble-btn--primary:focus-visible{outline:none;box-shadow:0 0 0 3px rgb(0 115 170 / .35)}.skramble-btn--danger{background:var(--skramble-danger);border-color:var(--skramble-danger);color:#fff}.skramble-btn--danger:hover{background:var(--skramble-danger-hover);border-color:var(--skramble-danger-hover)}.skramble-btn--full{width:100%}.skramble-btn[disabled],.skramble-btn.is-loading{opacity:.65;cursor:not-allowed;pointer-events:none}.skramble-btn__spinner{width:16px;height:16px;border:2px solid rgb(255 255 255 / .4);border-top-color:#fff;border-radius:50%;animation:skramble-spin 0.65s linear infinite;flex-shrink:0}@keyframes skramble-spin{to{transform:rotate(360deg)}}.skramble-password-strength{margin-top:8px;font-size:.8rem;height:18px;color:var(--skramble-text-muted)}.skramble-password-strength::before{content:'';display:block;height:4px;border-radius:2px;margin-bottom:4px;background:var(--skramble-border);transition:width 0.3s ease,background 0.3s ease;width:0%}.skramble-password-strength[data-strength="1"]::before{width:25%;background:#e02020}.skramble-password-strength[data-strength="2"]::before{width:50%;background:#e08800}.skramble-password-strength[data-strength="3"]::before{width:75%;background:#1a8a1a}.skramble-password-strength[data-strength="4"]::before{width:100%;background:#0a5a0a}.skramble-social-icon{width:15px;height:15px;color:var(--skramble-text-muted)}.skramble-card__footer-link{text-align:center;margin:20px 0 0;font-size:.875rem;color:var(--skramble-text-muted)}.skramble-card__footer-link a{color:var(--skramble-accent);text-decoration:none;font-weight:500}.skramble-card__footer-link a:hover{text-decoration:underline}.skramble-widget{font-family:var(--skramble-font)}.skramble-widget .skramble-form__group{margin-bottom:14px}.skramble-widget__greeting,.skramble-widget__prompt{font-size:.9rem;color:var(--skramble-text);margin:0 0 14px;line-height:1.5}.skramble-widget__links{display:flex;flex-direction:column;gap:2px;margin:0;padding:0}.skramble-widget__link{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:.9rem;color:var(--skramble-text);text-decoration:none;border-radius:6px;transition:background var(--skramble-transition),color var(--skramble-transition)}.skramble-widget__link:hover{background:var(--skramble-bg);color:var(--skramble-accent)}.skramble-widget__link--logout{color:var(--skramble-text-muted)}.skramble-widget__link--logout:hover{color:var(--skramble-danger);background:var(--skramble-error-bg)}.skramble-widget__icon{width:16px;height:16px;flex-shrink:0}.skramble-widget__footer-links{margin:14px 0 0;font-size:.825rem;color:var(--skramble-text-muted);display:flex;gap:12px;flex-wrap:wrap}.skramble-widget__footer-link{color:var(--skramble-accent);text-decoration:none}.skramble-widget__footer-link:hover{text-decoration:underline}.skramble-widget--cta .skramble-widget__cta-text{font-size:.9rem;color:var(--skramble-text-muted);margin:0 0 12px;line-height:1.5}.skramble-profile-card{display:flex;align-items:center;gap:14px;margin-bottom:14px}.skramble-profile-card__avatar-link{display:block;flex-shrink:0;border-radius:50%;overflow:hidden;line-height:0}.skramble-profile-card__avatar{border-radius:50%;object-fit:cover;display:block;border:2px solid var(--skramble-border)}.skramble-profile-card__info{display:flex;flex-direction:column;gap:3px;min-width:0}.skramble-profile-card__name{font-size:.95rem;font-weight:600;color:var(--skramble-text);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skramble-profile-card__name:hover{color:var(--skramble-accent)}.skramble-profile-card__role{display:inline-block;font-size:.75rem;font-weight:600;color:var(--skramble-accent);background:var(--skramble-info-bg);border-radius:4px;padding:1px 7px;width:fit-content;text-transform:capitalize}.skramble-profile-card__since{font-size:.775rem;color:var(--skramble-text-muted)}.skramble-profile-card__bio{font-size:.85rem;color:var(--skramble-text-muted);line-height:1.55;margin:0 0 14px}.skramble-user-nav__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.skramble-user-nav__item{margin:0;padding:0}.skramble-user-nav__link{display:flex;align-items:center;gap:8px;padding:7px 10px;font-size:.9rem;color:var(--skramble-text);text-decoration:none;border-radius:6px;transition:background var(--skramble-transition),color var(--skramble-transition)}.skramble-user-nav__link:hover{background:var(--skramble-bg);color:var(--skramble-accent)}.skramble-user-nav__link--logout{color:var(--skramble-text-muted)}.skramble-user-nav__link--logout:hover{color:var(--skramble-danger);background:var(--skramble-error-bg)}.skramble-user-nav--buttons .skramble-user-nav__list{flex-direction:row;flex-wrap:wrap;gap:8px}.skramble-user-nav--buttons .skramble-user-nav__link{padding:9px 18px}.skramble-btn--outline{background:#fff0;border:2px solid var(--skramble-accent);color:var(--skramble-accent)}.skramble-btn--outline:hover{background:var(--skramble-accent);color:var(--skramble-accent-text)}.skramble-btn--ghost{background:#fff0;border:2px solid var(--skramble-border);color:var(--skramble-text-muted)}.skramble-btn--ghost:hover{border-color:var(--skramble-danger);color:var(--skramble-danger)}.skramble-user-nav__avatar-wrap{margin-bottom:10px}.skramble-user-nav__avatar-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--skramble-text);padding:6px 10px;border-radius:8px;transition:background var(--skramble-transition)}.skramble-user-nav__avatar-link:hover{background:var(--skramble-bg)}.skramble-user-nav__avatar{border-radius:50%;object-fit:cover;border:2px solid var(--skramble-border);flex-shrink:0}.skramble-user-nav__display-name{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}