@layer components{.ks-backbar-root{z-index:30;border-bottom:1px solid var(--color-border);background-color:color-mix(in srgb, var(--color-surface) 90%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.ks-backbar-inner{align-items:center;gap:.25rem;max-width:80rem;height:2.75rem;margin-left:auto;margin-right:auto;padding-left:.5rem;padding-right:.5rem;display:flex}.ks-backbar-btn{border-radius:var(--radius-pill);width:2.5rem;height:2.5rem;color:var(--color-text-2);transition:background-color var(--dur-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ks-backbar-btn:hover{background-color:var(--color-surface-2)}.ks-backbar-title{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);font-size:.875rem;font-weight:500;overflow:hidden}}
@layer components{.ks-account-gate{text-align:center;max-width:28rem;margin-left:auto;margin-right:auto;padding:6rem 1.25rem}.ks-account-gate-icon{border-radius:var(--radius-pill);background-color:var(--color-primary-soft);justify-content:center;align-items:center;width:5rem;height:5rem;margin-bottom:1.25rem;margin-left:auto;margin-right:auto;font-size:1.875rem;display:flex}.ks-account-gate-title{color:var(--color-text);font-size:1.25rem;font-weight:700}.ks-account-gate-btn{border-radius:var(--radius-pill);background-color:var(--color-primary);color:#fff;width:100%;height:3rem;transition:background-color var(--dur-fast);margin-top:1.5rem;font-weight:600}.ks-account-gate-btn:hover{background-color:var(--color-primary-hover)}.ks-account-shell{max-width:42rem;margin-left:auto;margin-right:auto;padding:1.5rem 1.25rem}@media (min-width:768px){.ks-account-shell{padding-top:2.5rem;padding-bottom:2.5rem}}.ks-account-shell-header{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.ks-account-shell-back{border-radius:var(--radius-pill);border:1px solid var(--color-border-2);width:2.75rem;height:2.75rem;color:var(--color-text-2);transition:background-color var(--dur-fast);justify-content:center;align-items:center;display:flex}.ks-account-shell-back:hover{background-color:var(--color-surface-2)}.ks-account-shell-title{color:var(--color-text);font-size:1.25rem;font-weight:700}}
@layer components{.ks-account-gate{text-align:center;max-width:28rem;margin-left:auto;margin-right:auto;padding:6rem 1.25rem}.ks-account-gate-icon{border-radius:var(--radius-pill);background-color:var(--color-primary-soft);justify-content:center;align-items:center;width:5rem;height:5rem;margin-bottom:1.25rem;margin-left:auto;margin-right:auto;font-size:1.875rem;display:flex}.ks-account-gate-title{color:var(--color-text);font-size:1.25rem;font-weight:700}.ks-account-gate-desc{color:var(--color-text-3);margin-top:.5rem;font-size:.875rem}.ks-account-gate-btn{border-radius:var(--radius-pill);background-color:var(--color-primary);color:#fff;width:100%;height:3rem;transition:background-color var(--dur-fast);margin-top:1.5rem;font-weight:600}.ks-account-gate-btn:hover{background-color:var(--color-primary-hover)}.ks-account-root{max-width:42rem;margin-left:auto;margin-right:auto;padding:2rem 1.25rem}@media (min-width:768px){.ks-account-root{padding-top:2.5rem;padding-bottom:2.5rem}}.ks-account-page-title{color:var(--color-text);margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.ks-account-profile-card{border:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:1rem;align-items:center;gap:1rem;padding:1.25rem;display:flex}.ks-account-avatar-wrap{border-radius:var(--radius-pill);background-color:var(--color-primary);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:1.25rem;font-weight:700;display:flex;position:relative;overflow:hidden}.ks-account-profile-info{min-width:0}.ks-account-profile-name{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);font-weight:600;overflow:hidden}.ks-account-profile-email{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-3);font-size:.875rem;overflow:hidden}.ks-account-fb-link{color:var(--color-facebook);transition:text-decoration var(--dur-fast);align-items:center;gap:.25rem;margin-top:.125rem;font-size:.75rem;font-weight:500;display:inline-flex}.ks-account-fb-link:hover{text-decoration:underline}.ks-account-loyalty-wrap{text-align:right;flex-shrink:0;margin-left:auto}.ks-account-loyalty-label{color:var(--color-text-3);font-size:.75rem}.ks-account-loyalty-points{color:var(--color-accent);font-size:1.125rem;font-weight:700}.ks-account-menu{border:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:1rem;margin-top:1rem;overflow:hidden}.ks-account-menu-item{transition:background-color var(--dur-fast);border-top:1px solid var(--color-border);align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.ks-account-menu-item:first-child{border-top:none}.ks-account-menu-item:hover{background-color:var(--color-surface-2)}.ks-account-menu-icon{border-radius:var(--radius-pill);background-color:var(--color-primary-soft);flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.125rem;display:flex}.ks-account-menu-text{flex:1;min-width:0}.ks-account-menu-title{color:var(--color-text);font-size:.875rem;font-weight:600;display:block}.ks-account-menu-desc{color:var(--color-text-3);font-size:.75rem;display:block}.ks-account-menu-arrow{color:var(--color-text-3)}.ks-account-logout-btn{border-radius:var(--radius-pill);border:1px solid var(--color-border-2);width:100%;color:var(--color-danger);transition:background-color var(--dur-fast);margin-top:2rem;padding-top:.75rem;padding-bottom:.75rem;font-size:.875rem;font-weight:500}.ks-account-logout-btn:hover{background-color:var(--color-danger-soft)}}
@layer components{.ks-acct-addr-error{background-color:var(--color-danger-soft);color:var(--color-danger);border-radius:.5rem;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.875rem}.ks-acct-addr-loading{color:var(--color-text-3);font-size:.875rem}.ks-acct-addr-empty{border:1px dashed var(--color-border-2);background-color:var(--color-surface-2);text-align:center;color:var(--color-text-3);border-radius:1rem;padding:1.5rem;font-size:.875rem}.ks-acct-addr-list{flex-direction:column;gap:.75rem;display:flex}.ks-acct-addr-card{border:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:1rem;padding:1rem;font-size:.875rem}.ks-acct-addr-card-head{justify-content:space-between;align-items:center;display:flex}.ks-acct-addr-card-name{color:var(--color-text);font-weight:600}.ks-acct-addr-card-label{color:var(--color-text-3);margin-right:.5rem;font-size:.75rem;font-weight:400}.ks-acct-addr-badge-default{background-color:var(--color-primary-soft);color:var(--color-primary-dark);border-radius:9999px;padding:.125rem .5rem;font-size:.625rem;font-weight:500}.ks-acct-addr-card-sub{color:var(--color-text-3);margin-top:.25rem}.ks-acct-addr-card-sub+.ks-acct-addr-card-sub{margin-top:.125rem}.ks-acct-addr-card-actions{border-top:1px solid var(--color-border);flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding-top:.75rem;font-size:.75rem;font-weight:500;display:flex}.ks-acct-addr-btn-ghost{border:1px solid var(--color-border-2);color:var(--color-text-2);transition:background-color var(--dur-base);border-radius:9999px;padding:.25rem .75rem}.ks-acct-addr-btn-ghost:hover{background-color:var(--color-surface-2)}.ks-acct-addr-btn-primary{border:1px solid var(--color-border-2);color:var(--color-primary);transition:background-color var(--dur-base);border-radius:9999px;padding:.25rem .75rem}.ks-acct-addr-btn-primary:hover{background-color:var(--color-primary-soft)}.ks-acct-addr-btn-danger{border:1px solid color-mix(in srgb, var(--color-danger) 30%, transparent);color:var(--color-danger);transition:background-color var(--dur-base);border-radius:9999px;padding:.25rem .75rem}.ks-acct-addr-btn-danger:hover{background-color:var(--color-danger-soft)}.ks-acct-addr-add-btn{background-color:var(--color-primary);color:#fff;width:100%;height:3rem;transition:background-color var(--dur-base);border-radius:9999px;margin-top:1.25rem;font-weight:600}.ks-acct-addr-add-btn:hover{background-color:var(--color-primary-hover)}.ks-acct-addr-form-card{border:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:1rem;padding:1.25rem}.ks-acct-addr-form-grid{gap:.75rem;display:grid}@media (min-width:640px){.ks-acct-addr-form-grid{grid-template-columns:repeat(2,1fr)}}.ks-acct-addr-form-input{border:1px solid var(--color-border-2);width:100%;height:2.75rem;transition:border-color var(--dur-base), box-shadow var(--dur-base);color:var(--color-text);background-color:#0000;border-radius:.75rem;outline:none;padding-inline:.875rem;font-size:.875rem}.ks-acct-addr-form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-line)}@media (min-width:640px){.ks-acct-addr-form-span2{grid-column:span 2}}.ks-acct-addr-form-checkbox-row{color:var(--color-text-2);align-items:center;gap:.5rem;margin-top:.75rem;font-size:.875rem;display:flex}.ks-acct-addr-form-error{background-color:var(--color-danger-soft);color:var(--color-danger);border-radius:.5rem;margin-top:.75rem;padding:.5rem .75rem;font-size:.875rem}.ks-acct-addr-form-actions{gap:.75rem;margin-top:1.25rem;display:flex}.ks-acct-addr-form-cancel{border:1px solid var(--color-border-2);height:3rem;color:var(--color-text-2);transition:background-color var(--dur-base);border-radius:9999px;flex:1;font-weight:600}.ks-acct-addr-form-cancel:hover{background-color:var(--color-surface-2)}.ks-acct-addr-form-submit{background-color:var(--color-primary);color:#fff;height:3rem;transition:background-color var(--dur-base);border-radius:9999px;flex:1;font-weight:600}.ks-acct-addr-form-submit:hover{background-color:var(--color-primary-hover)}.ks-acct-addr-form-submit:disabled{opacity:.5}}
@layer components{.ks-acct-conn-msg{border-radius:.5rem;margin-bottom:1rem;padding:.5rem .75rem;font-size:.875rem}.ks-acct-conn-msg.is-success{background-color:var(--color-success-soft);color:var(--color-success)}.ks-acct-conn-msg.is-error{background-color:var(--color-danger-soft);color:var(--color-danger)}.ks-acct-conn-placeholder{border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-3);box-shadow:var(--shadow-sm);border-radius:1rem;padding:1.25rem;font-size:.875rem}.ks-acct-conn-list{border:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:1rem;overflow:hidden}.ks-acct-conn-row{border-bottom:1px solid var(--color-border);align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.ks-acct-conn-row:last-child{border-bottom:none}.ks-acct-conn-icon{background-color:var(--color-primary-soft);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.125rem;display:flex}.ks-acct-conn-text{flex:1;min-width:0}.ks-acct-conn-title{color:var(--color-text);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.ks-acct-conn-badge{background-color:var(--color-success-soft);color:var(--color-success);border-radius:9999px;padding:.125rem .5rem;font-size:.6875rem;font-weight:500}.ks-acct-conn-desc{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-3);font-size:.75rem;display:block;overflow:hidden}.ks-acct-conn-action{flex-shrink:0}.ks-acct-conn-btn-ghost{border:1px solid var(--color-border-2);color:var(--color-text-2);transition:background-color var(--dur-base);border-radius:9999px;padding:.375rem 1rem;font-size:.875rem;font-weight:500}.ks-acct-conn-btn-ghost:hover{background-color:var(--color-surface-2)}.ks-acct-conn-btn-disconnect{border:1px solid var(--color-border-2);color:var(--color-danger);transition:background-color var(--dur-base);border-radius:9999px;padding:.375rem 1rem;font-size:.875rem;font-weight:500}.ks-acct-conn-btn-disconnect:hover{background-color:var(--color-danger-soft)}.ks-acct-conn-btn-disconnect:disabled{opacity:.5}.ks-acct-conn-btn-facebook{background-color:var(--color-facebook);color:#fff;transition:background-color var(--dur-base);border-radius:9999px;padding:.375rem 1rem;font-size:.875rem;font-weight:500}.ks-acct-conn-btn-facebook:hover{background-color:var(--color-facebook-hover)}.ks-acct-conn-hint{color:var(--color-text-3);margin-top:1rem;padding-inline:.25rem;font-size:.75rem}}
@layer components{.ks-acct-pw-card{border:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:1rem;padding:1.25rem}.ks-acct-pw-info-banner{background-color:var(--color-primary-soft);color:var(--color-primary);border-radius:.5rem;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.875rem}.ks-acct-pw-fields{gap:.75rem;display:grid}.ks-acct-pw-label{display:block}.ks-acct-pw-label-text{color:var(--color-text-2);margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}.ks-acct-pw-input{border:1px solid var(--color-border-2);width:100%;height:2.75rem;transition:border-color var(--dur-base), box-shadow var(--dur-base);color:var(--color-text);background-color:#0000;border-radius:.75rem;outline:none;padding-inline:.875rem;font-size:.875rem}.ks-acct-pw-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-line)}.ks-acct-pw-msg{border-radius:.5rem;margin-top:1rem;padding:.5rem .75rem;font-size:.875rem}.ks-acct-pw-msg.is-success{background-color:var(--color-success-soft);color:var(--color-success)}.ks-acct-pw-msg.is-error{background-color:var(--color-danger-soft);color:var(--color-danger)}.ks-acct-pw-submit{background-color:var(--color-primary);color:#fff;width:100%;height:3rem;transition:background-color var(--dur-base);border-radius:9999px;margin-top:1.25rem;font-weight:600}.ks-acct-pw-submit:hover{background-color:var(--color-primary-hover)}.ks-acct-pw-submit:disabled{opacity:.5}}
@layer components{.ks-acct-profile-card{border:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:1rem;padding:1.25rem}.ks-acct-profile-avatar-row{align-items:center;gap:1rem;display:flex}.ks-acct-profile-avatar{background-color:var(--color-primary);color:#fff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:5rem;height:5rem;font-size:1.5rem;font-weight:700;display:flex;position:relative;overflow:hidden}.ks-acct-profile-avatar-btn{border:1px solid var(--color-border-2);color:var(--color-text-2);transition:background-color var(--dur-base);border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.ks-acct-profile-avatar-btn:hover{background-color:var(--color-surface-2)}.ks-acct-profile-avatar-btn:disabled{opacity:.5}.ks-acct-profile-avatar-hint{color:var(--color-text-3);margin-top:.25rem;font-size:.75rem}.ks-acct-profile-fields{gap:.75rem;margin-top:1.25rem;display:grid}.ks-acct-profile-label{display:block}.ks-acct-profile-label-text{color:var(--color-text-2);margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}.ks-acct-profile-label-text.is-muted{color:var(--color-text-3)}.ks-acct-profile-input{border:1px solid var(--color-border-2);width:100%;height:2.75rem;transition:border-color var(--dur-base), box-shadow var(--dur-base);color:var(--color-text);background-color:#0000;border-radius:.75rem;outline:none;padding-inline:.875rem;font-size:.875rem}.ks-acct-profile-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-line)}.ks-acct-profile-input.is-disabled{background-color:var(--color-surface-2);color:var(--color-text-3)}.ks-acct-profile-field-hint{color:var(--color-text-3);margin-top:.25rem;font-size:.75rem}.ks-acct-profile-msg{border-radius:.5rem;margin-top:1rem;padding:.5rem .75rem;font-size:.875rem}.ks-acct-profile-msg.is-success{background-color:var(--color-success-soft);color:var(--color-success)}.ks-acct-profile-msg.is-error{background-color:var(--color-danger-soft);color:var(--color-danger)}.ks-acct-profile-submit{background-color:var(--color-primary);color:#fff;width:100%;height:3rem;transition:background-color var(--dur-base);border-radius:9999px;margin-top:1.25rem;font-weight:600}.ks-acct-profile-submit:hover{background-color:var(--color-primary-hover)}.ks-acct-profile-submit:disabled{opacity:.5}}