.modal-base-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease-in-out;padding:1rem}.modal-base-overlay--visible{opacity:1}.modal-base-container{background-color:var(--foreground-color,#fff);border-radius:16px;max-width:100%;width:100%;height:var(--modal-base-height,auto);max-height:var(--modal-base-max-height,90vh);display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.3);transform:scale(.95) translateY(20px);transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.modal-base-overlay--visible .modal-base-container{transform:scale(1) translateY(0)}.modal-base-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color,#e0e0e0);flex-shrink:0;position:sticky;top:0;z-index:10;background-color:var(--foreground-color,#fff)}.modal-base-header--no-border{border-bottom:none}.modal-base-title{font-size:var(--font-size-lg,1.125rem);font-weight:var(--font-weight-semibold,600);color:var(--text-primary,#1d1d1f);margin:0}.modal-base-close{background:var(--surface-secondary,#f5f5f5);border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;color:var(--text-secondary,#6e6e73);display:flex;align-items:center;justify-content:center;transition:background-color 150ms ease-in-out,color 150ms ease-in-out,transform 150ms ease;-webkit-tap-highlight-color:transparent}.modal-base-close:hover{background-color:var(--surface-tertiary,#eee);color:var(--text-primary,#1d1d1f)}.modal-base-close:active{transform:scale(.92)}.modal-base-close:focus{outline:0}.modal-base-close i{font-size:14px}.modal-base-content{overflow-y:auto;flex:1;min-height:0;padding-bottom:env(safe-area-inset-bottom,0)}.modal-base-loading{display:flex;align-items:center;justify-content:center;flex:1;min-height:200px}.modal-base-loading-spinner{width:32px;height:32px;border:3px solid var(--surface-secondary,#f5f5f5);border-top-color:var(--primary-color,#007aff);border-radius:50%;animation:modal-base-spin .8s linear infinite}@keyframes modal-base-spin{to{transform:rotate(360deg)}}.modal-base-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm,8px);flex:1;min-height:200px;padding:var(--spacing-lg,24px);color:var(--text-tertiary,#999);text-align:center}.modal-base-error i{font-size:32px;opacity:.5}.modal-base-error span{font-size:var(--font-size-sm,14px)}.modal-base-retry-btn{margin-top:var(--spacing-sm,8px);padding:var(--spacing-xs,4px) var(--spacing-md,16px);border:1px solid var(--border-color,#e0e0e0);border-radius:var(--radius-sm,6px);background:var(--surface-color,#fff);color:var(--text-primary,#1a1a1a);font-size:var(--font-size-sm,14px);cursor:pointer;transition:background-color 150ms ease}.modal-base-retry-btn:hover{background:var(--surface-secondary,#f5f5f5)}@media (min-width:768px){.modal-base-container{max-width:500px}.modal-base-header{padding:1.25rem 1.5rem}.modal-base-title{font-size:var(--font-size-xl,1.25rem)}}@media (prefers-color-scheme:dark){.modal-base-container{background-color:var(--foreground-color-dark,#1c1c1e)}.modal-base-header{background-color:var(--foreground-color-dark,#1c1c1e);border-bottom-color:var(--border-color-dark,#3c3c3e)}.modal-base-title{color:var(--text-primary-dark,#fff)}.modal-base-close{background:var(--surface-secondary-dark,#2c2c2e);color:var(--text-secondary-dark,#999)}.modal-base-close:hover{background-color:var(--surface-tertiary-dark,#3c3c3e);color:var(--text-primary-dark,#fff)}.modal-base-loading-spinner{border-color:var(--surface-secondary-dark,#2c2c2e);border-top-color:var(--primary-color,#007aff)}.modal-base-error{color:var(--text-tertiary-dark,#666)}.modal-base-retry-btn{background:var(--surface-secondary-dark,#2c2c2e);color:var(--text-primary-dark,#fff);border-color:var(--border-color-dark,#3c3c3e)}.modal-base-retry-btn:hover{background:var(--surface-tertiary-dark,#3c3c3e)}}@media (prefers-reduced-motion:reduce){.modal-base-overlay{transition:none}.modal-base-container{transition:none}.modal-base-close{transition:none}.modal-base-loading-spinner{animation:none}}.club-creation-modal{--modal-base-max-height:85dvh;--modal-base-height:auto}.club-creation-modal-content{padding:1.5rem;flex:1;display:flex;flex-direction:column;min-height:0}.club-creation-form{flex:1;display:flex;flex-direction:column;gap:1.5rem;padding-bottom:40px}.club-creation-field{display:flex;flex-direction:column;gap:.5rem}.club-creation-label{font-size:var(--font-size-base,1rem);font-weight:var(--font-weight-medium,500);color:var(--text-primary,#1d1d1f);display:block}.club-creation-required{color:var(--danger-red-color,#dc3545)}.club-creation-input{width:100%;padding:1rem;border:2px solid var(--border-color,#e0e0e0);border-radius:12px;font-size:var(--font-size-base,1rem);font-family:inherit;color:var(--text-primary,#1d1d1f);background-color:var(--foreground-color,#fff);transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;line-height:1.5}.club-creation-input:focus{outline:0;box-shadow:0 0 0 3px rgba(54,134,255,.1)}.club-creation-input::placeholder{color:var(--text-secondary,#6e6e73)}.club-creation-privacy-selector{display:flex;flex-direction:column;gap:.75rem}.club-creation-privacy-option{display:flex;align-items:center;cursor:pointer;padding:1rem;border:2px solid var(--border-color,#e0e0e0);border-radius:12px;transition:border-color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out;background-color:var(--foreground-color,#fff)}.club-creation-privacy-option:hover{background-color:var(--background-hover,#f5f5f7)}.club-creation-radio{display:none}.club-creation-privacy-option:has(.club-creation-radio:checked),.club-creation-radio:checked~.club-creation-privacy-option{background-color:rgba(168,203,255,.25);border-color:rgba(168,203,255,.25)}.club-creation-radio-label{display:flex;flex-direction:column;gap:.25rem;flex:1;color:var(--text-primary,#1d1d1f);transition:color .2s ease-in-out}.club-creation-radio-label i{font-size:1.25rem;margin-bottom:.25rem}.club-creation-radio-label span{font-weight:var(--font-weight-medium,500);font-size:var(--font-size-base,1rem)}.club-creation-radio-label small{font-size:var(--font-size-sm,.875rem);color:var(--text-secondary,#6e6e73);font-weight:var(--font-weight-normal,400)}.club-creation-visibility-field{opacity:0;max-height:0;overflow:hidden;transition:opacity .2s ease-in-out,max-height .2s ease-in-out,margin-top .2s ease-in-out;margin-top:0}.club-creation-visibility-field.visible{opacity:1;max-height:500px;margin-top:0}.club-creation-visibility-selector{display:flex;flex-direction:column;gap:.75rem}.club-creation-visibility-option{display:flex;align-items:center;cursor:pointer;padding:1rem;border:2px solid var(--border-color,#e0e0e0);border-radius:12px;transition:border-color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out;background-color:var(--foreground-color,#fff)}.club-creation-visibility-option:hover{background-color:var(--background-hover,#f5f5f7)}.club-creation-radio:checked~.club-creation-visibility-option,.club-creation-visibility-option:has(.club-creation-radio:checked){background-color:rgba(168,203,255,.25);border-color:rgba(168,203,255,.25)}.club-creation-error{padding:.75rem 1rem;background-color:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:var(--font-size-sm,.875rem);line-height:1.5}.club-creation-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem;flex-shrink:0}.club-creation-cancel,.club-creation-submit{padding:.75rem 1.5rem;border-radius:12px;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium,500);cursor:pointer;transition:all .2s ease-in-out;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:100px}.club-creation-cancel{background-color:var(--background-hover,#f5f5f7);color:var(--text-primary,#1d1d1f)}.club-creation-cancel:hover{background-color:var(--gray-background-color,#e5e5e7)}.club-creation-submit{background-color:var(--submit-button-color,#3686ff);color:#fff}.club-creation-submit:hover:not(:disabled){background-color:var(--submit-button-hover-color,#2d6fd9);transform:translateY(-1px);box-shadow:0 4px 12px rgba(54,134,255,.3)}.club-creation-submit:active:not(:disabled){transform:translateY(0)}.club-creation-submit:disabled{opacity:.5;cursor:not-allowed}.club-creation-submit-loading{display:inline-block;animation:club-creation-spin 1s linear infinite}.club-creation-spinner-path{animation:club-creation-dash 1.5s ease-in-out infinite}@keyframes club-creation-spin{to{transform:rotate(360deg)}}@keyframes club-creation-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}@media (max-width:767px){.club-creation-modal-content{padding:1.25rem}}@media (prefers-reduced-motion:reduce){.club-creation-visibility-field{transition:none}}