.cw-overlay{background:var(--color-bg-overlay);z-index:var(--z-modal);animation:.15s fadeIn;position:fixed;inset:0}.cw-modal{width:min(420px, calc(100vw - var(--space-8)));background:var(--color-bg-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-drawer);z-index:calc(var(--z-modal) + 1);animation:modalIn .2s var(--easing-default);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes modalIn{0%{opacity:0;transform:translate(-50%,-48%)scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.cw-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.cw-header h2{font-size:var(--text-base);font-weight:600}.cw-close{border-radius:var(--radius-button);min-width:32px;min-height:32px;color:var(--color-text-muted);transition:background var(--duration-fast), color var(--duration-fast);justify-content:center;align-items:center;display:flex}.cw-close:hover{background:var(--color-bg-surface-hover);color:var(--color-text-primary)}.cw-body{padding:var(--space-4) var(--space-5)}.cw-field{margin-bottom:var(--space-4)}.cw-field label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-1);font-weight:500;display:block}.cw-field input[type=text]{width:100%;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-input);border:1px solid var(--color-border-default);border-radius:var(--radius-input);padding:var(--space-2) var(--space-3);transition:border-color var(--duration-fast)}.cw-field input:focus{border-color:var(--color-border-focus)}.cw-field input:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.cw-types{gap:var(--space-2);display:flex}.cw-type-option{align-items:flex-start;gap:var(--space-0-5);padding:var(--space-2-5) var(--space-3);border:1.5px solid var(--color-border-default);border-radius:var(--radius-input);text-align:left;transition:border-color var(--duration-fast), background var(--duration-fast);cursor:pointer;flex-direction:column;flex:1;display:flex}.cw-type-option:hover{border-color:var(--color-border-focus)}.cw-type-option.is-active{border-color:var(--color-accent-positive);background:color-mix(in srgb, var(--color-accent-positive) 6%, transparent)}.cw-type-label{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600}.cw-type-desc{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.3}.cw-pricing{margin-bottom:var(--space-3);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-input);font-size:var(--text-sm)}.cw-pricing-free{color:var(--color-accent-positive);background:color-mix(in srgb, var(--color-accent-positive) 6%, var(--color-bg-primary));padding:var(--space-2) var(--space-3);border-radius:var(--radius-input)}.cw-pricing-paid{align-items:baseline;gap:var(--space-2);color:var(--color-text-primary);background:color-mix(in srgb, var(--color-accent-aspiration) 6%, var(--color-bg-primary));padding:var(--space-2) var(--space-3);border-radius:var(--radius-input);flex-wrap:wrap;display:flex}.cw-price{font-size:var(--text-lg);font-weight:700;font-family:var(--font-mono)}.cw-slots{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:auto}.cw-slot-bar{gap:var(--space-1);margin-bottom:var(--space-3);display:flex}.cw-slot{background:var(--color-border-subtle);height:6px;transition:background var(--duration-fast);border-radius:3px;flex:1}.cw-slot.is-used{background:var(--color-accent-positive)}.cw-slot.is-next{background:var(--color-accent-aspiration);animation:1.5s ease-in-out infinite slotPulse}@keyframes slotPulse{0%,to{opacity:.4}50%{opacity:1}}.cw-error{padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--color-accent-negative);background:color-mix(in srgb, var(--color-accent-negative) 8%, var(--color-bg-primary));border:1px solid color-mix(in srgb, var(--color-accent-negative) 20%, transparent);border-radius:var(--radius-input)}.cw-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border-subtle);display:flex}.cw-btn{padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);border-radius:var(--radius-button);transition:opacity var(--duration-fast), background var(--duration-fast);font-weight:600}.cw-btn-primary{background:var(--color-accent-positive);color:var(--color-text-on-positive)}.cw-btn-primary:hover:not(:disabled){opacity:.9}.cw-btn-primary:disabled{opacity:.5;cursor:not-allowed}.cw-btn-ghost{color:var(--color-text-secondary);border:1px solid var(--color-border-default)}.cw-btn-ghost:hover{border-color:var(--color-border-focus);color:var(--color-text-primary)}@media (max-width:767px){.cw-modal{width:100%;max-height:85vh;animation:cwSheetUp .25s var(--easing-default);border-radius:16px 16px 0 0;position:fixed;inset:auto 0 0;overflow-y:auto;transform:none}@keyframes cwSheetUp{0%{opacity:1;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cw-close{min-width:44px;min-height:44px}.cw-types{flex-direction:column}.cw-type-option{min-height:44px}.cw-field input[type=text]{min-height:44px;font-size:var(--text-base)}.cw-footer{padding:var(--space-4);flex-direction:column-reverse}.cw-btn{width:100%;min-height:44px;font-size:var(--text-base);text-align:center}}@media (prefers-reduced-motion:reduce){.cw-overlay,.cw-modal{animation:none}.cw-slot.is-next{opacity:.7;animation:none}}.profile-menu-wrap{flex-shrink:0;position:relative}.profile-trigger{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-button);transition:background var(--duration-fast) var(--easing-default);cursor:pointer;display:flex}.profile-trigger:hover{background:var(--color-bg-surface-hover)}.profile-trigger.is-collapsed{padding:var(--space-2);justify-content:center}.profile-avatar{background:var(--color-bg-primary);border:1.5px solid var(--color-border-default);width:32px;height:32px;font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.profile-trigger-info{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.profile-trigger-name{font-size:var(--text-sm);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-weight:500;overflow:hidden}.profile-trigger-plan{font-size:var(--text-xs);color:var(--color-text-muted)}.profile-dropdown-backdrop{display:none}@media (max-width:767px){.profile-dropdown-backdrop{background:var(--color-bg-overlay);z-index:calc(var(--z-max,9999) - 1);display:block;position:fixed;inset:0}}.profile-dropdown{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-card);width:240px;max-height:calc(100vh - 100px);box-shadow:var(--shadow-drawer);padding:var(--space-2) 0;z-index:var(--z-max,9999);animation:profileDropUp .15s var(--easing-default);position:fixed;overflow-y:auto}.profile-dropdown.drop-down{animation-name:profileDropDown}@keyframes profileDropDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes profileDropUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-email{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-dropdown-divider{background:var(--color-border-subtle);height:1px;margin:var(--space-1) 0}.profile-dropdown-section{padding:var(--space-2) var(--space-4) var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.profile-dropdown-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);text-align:left;transition:background var(--duration-fast) var(--easing-default), color var(--duration-fast) var(--easing-default);display:flex}.profile-dropdown-item:hover{background:var(--color-bg-surface-hover);color:var(--color-text-primary)}.profile-dropdown-item svg{opacity:.7;flex-shrink:0}.profile-dropdown-item:hover svg{opacity:1}.profile-dropdown-item-text{flex:1}.profile-dropdown-badge{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:auto}.profile-ws-header{justify-content:space-between;align-items:center;display:flex}.profile-ws-add{border-radius:var(--radius-button);width:20px;height:20px;color:var(--color-text-muted);transition:background var(--duration-fast), color var(--duration-fast);justify-content:center;align-items:center;display:flex}.profile-ws-add:hover{background:var(--color-bg-surface-hover);color:var(--color-accent-positive)}.profile-ws-group{flex-direction:column;display:flex}.profile-ws-dot{background:var(--color-border-default);border-radius:50%;flex-shrink:0;width:8px;height:8px}.profile-ws-item.is-active .profile-ws-dot{background:var(--color-accent-positive)}.profile-ws-child{padding-left:calc(var(--space-4) + 12px)}.profile-ws-branch{border-left:1.5px solid var(--color-border-default);border-bottom:1.5px solid var(--color-border-default);width:12px;height:12px;margin-right:var(--space-1);border-radius:0 0 0 3px;flex-shrink:0}.profile-ws-add-sub{color:var(--color-text-muted);font-size:var(--text-xs)}.profile-ws-add-sub:hover{color:var(--color-accent-positive)}.profile-ws-add-sub svg{opacity:.6;flex-shrink:0}.profile-ws-add-sub:hover svg{opacity:1}.profile-dropdown-logout:hover{color:var(--color-accent-negative)}.profile-dropdown-logout:hover svg{stroke:var(--color-accent-negative)}@media (max-width:767px){.profile-dropdown{border-radius:var(--radius-card) var(--radius-card) 0 0;width:100%;max-height:85vh;animation:profileSlideUp .2s var(--easing-default)!important;position:fixed!important;inset:auto 0 0!important}.profile-dropdown-item{min-height:44px;padding:var(--space-3) var(--space-4);font-size:1rem}.profile-ws-add{width:44px;height:44px}.profile-dropdown-email{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.profile-dropdown-section{padding:var(--space-3) var(--space-4) var(--space-2)}.profile-trigger{min-height:44px}}@keyframes profileSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.profile-dropdown{animation:none!important}}