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