:root{--primary-blue:#007aff;--primary-purple:#5856d6;--primary-pink:#ff2d55;--primary-orange:#ff9500;--primary-green:#34c759;--gray-100:#f2f2f7;--gray-200:#e5e5ea;--gray-300:#d1d1d6;--gray-400:#c7c7cc;--gray-500:#aeaeb2;--gray-600:#8e8e93;--gray-700:#636366;--gray-800:#48484a;--gray-900:#3a3a3c;--gray-950:#1c1c1e;.friends-page .friends-tabs{-webkit-overflow-scrolling:touch;align-items:center;background-color:#f2f2f7;background-color:var(--bg-secondary);border-radius:9999px;border-radius:var(--radius-pill);display:flex;gap:4px;gap:var(--space-1);margin-bottom:24px;margin-bottom:var(--space-6);min-height:52px;overflow-x:auto;padding:4px;padding:var(--space-1);position:relative;scrollbar-width:none;width:100%}.friends-tabs::-webkit-scrollbar{display:none}.friends-tab{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:9999px;border-radius:var(--radius-pill);color:#8e8e93;color:var(--text-tertiary);cursor:pointer;display:flex;flex:1 1;font-size:15px;font-size:var(--font-size-15);font-weight:600;gap:8px;gap:var(--space-2);justify-content:center;min-height:44px;min-width:120px;padding:12px 16px;padding:var(--space-3) var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.friends-tab:active{background-color:#e5e5ea;background-color:var(--bg-tertiary)}.friends-tab.active{background-color:#fff;background-color:var(--bg-primary);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-1);color:#1c1c1e;color:var(--text-primary);position:relative}.friends-tab.active:after{background-color:#007aff;background-color:var(--primary-blue);border-radius:50%;border-radius:var(--radius-circle);bottom:-8px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}.friends-tab-icon{font-size:18px;height:20px;width:20px}.friends-tab-badge,.friends-tab-icon{align-items:center;display:flex;justify-content:center}.friends-tab-badge{background-color:#007aff;background-color:var(--primary-blue);border-radius:9px;color:#fff;color:var(--text-on-color);font-size:11px;font-size:var(--font-size-11);font-weight:700;height:18px;margin-left:4px;margin-left:var(--space-1);min-width:18px;padding:0 5px}.friends-content{animation:fadeIn .3s ease-out;padding-top:16px;padding-top:var(--space-4)}.tab-content{display:none}.tab-content.active{display:block}.friends-list-container{display:flex;flex-direction:column;gap:16px;gap:var(--space-4)}.friend-card{align-items:center;background-color:#fff;background-color:var(--bg-card);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-1);display:flex;gap:12px;gap:var(--space-3);min-height:88px;padding:16px;padding:var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.friend-card:active{transform:scale(.98)}.friend-card-header{flex-shrink:0;position:relative}.friend-avatar{border:3px solid #fff;border:3px solid var(--bg-primary);border-radius:50%;border-radius:var(--radius-circle);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-1);height:56px;object-fit:cover;width:56px}.online-status{background-color:#34c759;background-color:var(--system-green)}.offline-status,.online-status{border:2px solid #fff;border:2px solid var(--bg-primary);border-radius:50%;border-radius:var(--radius-circle);bottom:4px;height:12px;position:absolute;right:4px;width:12px}.offline-status{background-color:#c7c7cc;background-color:var(--gray-400)}.friend-card-body{flex:1 1;min-width:0}.friend-card-body h3{align-items:center;display:flex;font-size:16px;font-size:var(--font-size-16);gap:8px;gap:var(--space-2);margin-bottom:4px;margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.verified-badge-small{align-items:center;background-color:#34c759;background-color:var(--system-green);border-radius:50%;border-radius:var(--radius-circle);color:#fff;color:var(--text-on-color);display:flex;flex-shrink:0;font-size:10px;height:16px;justify-content:center;width:16px}.friend-email{color:#8e8e93;color:var(--text-tertiary);font-size:13px;font-size:var(--font-size-13);text-overflow:ellipsis;white-space:nowrap}.friend-email,.friend-last-message{margin-bottom:8px;margin-bottom:var(--space-2);overflow:hidden}.friend-last-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#636366;color:var(--text-secondary);display:-webkit-box;font-size:14px;font-size:var(--font-size-14);line-height:1.4}.friend-actions{align-self:stretch;flex-direction:column;gap:8px;gap:var(--space-2)}.btn-message,.friend-actions{display:flex;justify-content:center}.btn-message{align-items:center;background-color:#007aff1a;border-radius:9999px;border-radius:var(--radius-pill);color:#007aff;color:var(--primary-blue);font-size:13px;font-size:var(--font-size-13);font-weight:600;gap:4px;gap:var(--space-1);min-height:36px;padding:8px 12px;padding:var(--space-2) var(--space-3)}.btn-message:active{background-color:#007aff33}.unread-message-count{align-items:center;background-color:#007aff;background-color:var(--primary-blue);border-radius:10px;color:#fff;color:var(--text-on-color);display:flex;font-size:11px;font-size:var(--font-size-11);font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.search-friends{background-color:#fff;background-color:var(--bg-primary);margin-bottom:16px;margin-bottom:var(--space-4);padding:16px 0;padding:var(--space-4) 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.search-friends-container{align-items:center;background-color:#f2f2f7;background-color:var(--bg-secondary);border:1px solid #0000;border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:12px;gap:var(--space-3);padding:12px 16px;padding:var(--space-3) var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.search-friends-container:focus-within{background-color:#fff;background-color:var(--bg-primary);border-color:#007aff;border-color:var(--primary-blue)}.search-icon{color:#8e8e93;color:var(--text-tertiary);font-size:18px}.search-friends-container input{background:none;border:none;color:#1c1c1e;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,Roboto,sans-serif;font-family:var(--font-system);font-size:16px;font-size:var(--font-size-16);outline:none;width:100%}.search-friends-container input::placeholder{color:#aeaeb2;color:var(--text-quaternary)}.recent-chats{flex-direction:column}.chat-item,.recent-chats{display:flex;gap:12px;gap:var(--space-3)}.chat-item{align-items:center;background-color:#fff;background-color:var(--bg-card);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-1);padding:12px;padding:var(--space-3);position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.chat-item:active{background-color:#e5e5ea;background-color:var(--bg-tertiary)}.chat-item.unread{background-color:#007aff0d}.chat-item.unread:before{background-color:#007aff;background-color:var(--primary-blue);border-radius:0 2px 2px 0;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.chat-avatar{border:2px solid #fff;border:2px solid var(--bg-primary);border-radius:50%;border-radius:var(--radius-circle);height:48px;object-fit:cover;width:48px}.chat-info{flex:1 1;min-width:0}.chat-info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px;margin-bottom:var(--space-1)}.chat-info-header h4{flex:1 1;font-size:15px;font-size:var(--font-size-15);margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-time{color:#8e8e93;color:var(--text-tertiary);font-size:12px;font-size:var(--font-size-12);margin-left:8px;margin-left:var(--space-2);white-space:nowrap}.chat-preview{align-items:center;display:flex;gap:8px;gap:var(--space-2);justify-content:space-between}.chat-message{color:#636366;color:var(--text-secondary);flex:1 1;font-size:13px;font-size:var(--font-size-13);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-unread-count{align-items:center;background-color:#007aff;background-color:var(--primary-blue);border-radius:10px;color:#fff;color:var(--text-on-color);display:flex;flex-shrink:0;font-size:11px;font-size:var(--font-size-11);font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.add-friend-section{margin-bottom:24px;margin-bottom:var(--space-6)}.section-title{align-items:center;display:flex;font-size:18px;font-size:var(--font-size-18);gap:8px;gap:var(--space-2);margin-bottom:16px;margin-bottom:var(--space-4)}.add-friend-form{display:flex;flex-wrap:nowrap;gap:12px;gap:var(--space-3);width:100%}.add-friend-form .input-field{flex:1 1;min-height:48px;min-width:0;padding:12px 16px;padding:var(--space-3) var(--space-4)}.add-friend-form .btn-primary{min-height:48px;min-width:100px;padding:12px 20px;padding:var(--space-3) var(--space-5);white-space:nowrap}.requests-section{display:flex;flex-direction:column;gap:16px;gap:var(--space-4)}.requests-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:8px;gap:var(--space-2);margin-bottom:16px;margin-bottom:var(--space-4);overflow-x:auto;padding-bottom:8px;padding-bottom:var(--space-2);scrollbar-width:none}.requests-tabs::-webkit-scrollbar{display:none}.request-tab{background:#0000;border:1px solid #3c3c4321;border:1px solid var(--separator);border-radius:9999px;border-radius:var(--radius-pill);color:#8e8e93;color:var(--text-tertiary);font-size:14px;font-size:var(--font-size-14);font-weight:600;min-height:36px;padding:8px 16px;padding:var(--space-2) var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap}.request-tab.active{background-color:#007aff;background-color:var(--primary-blue);border-color:#007aff;border-color:var(--primary-blue);color:#fff;color:var(--text-on-color)}.request-card{background-color:#fff;background-color:var(--bg-card);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-1);padding:16px;padding:var(--space-4)}.request-card-header{align-items:center;display:flex;gap:12px;gap:var(--space-3);margin-bottom:12px;margin-bottom:var(--space-3)}.request-avatar{border-radius:50%;border-radius:var(--radius-circle);height:48px;object-fit:cover;width:48px}.request-info h4{font-size:16px;font-size:var(--font-size-16);margin-bottom:4px;margin-bottom:var(--space-1)}.request-info p{color:#8e8e93;color:var(--text-tertiary);font-size:13px;font-size:var(--font-size-13);margin-bottom:0}.request-actions{display:flex;gap:8px;gap:var(--space-2)}.request-actions .btn{flex:1 1;font-size:14px;font-size:var(--font-size-14);min-height:40px;padding:8px 12px;padding:var(--space-2) var(--space-3)}.sent-requests-grid{flex-direction:column}.sent-request-card,.sent-requests-grid{display:flex;gap:12px;gap:var(--space-3)}.sent-request-card{align-items:center;background-color:#fff;background-color:var(--bg-card);border:1px solid #3c3c4321;border:1px solid var(--separator);border-radius:12px;border-radius:var(--radius-md);padding:12px;padding:var(--space-3)}.sent-request-avatar{border-radius:50%;border-radius:var(--radius-circle);height:40px;object-fit:cover;width:40px}.sent-request-info{flex:1 1}.sent-request-info h4{font-size:15px;font-size:var(--font-size-15);margin-bottom:4px;margin-bottom:var(--space-1)}.request-status{border-radius:9999px;border-radius:var(--radius-pill);font-size:12px;font-size:var(--font-size-12);font-weight:600;padding:4px 12px;padding:var(--space-1) var(--space-3)}.request-status.pending{background-color:#ff95001a;color:#ff9500;color:var(--system-orange)}.request-status.accepted{background-color:#34c7591a;color:#34c759;color:var(--system-green)}.request-status.rejected{background-color:#ff3b301a;color:#ff3b30;color:var(--system-red)}.empty-state-friends{color:#8e8e93;color:var(--text-tertiary);padding:32px 16px;padding:var(--space-8) var(--space-4);text-align:center}.empty-state-friends .icon{font-size:48px;margin-bottom:16px;margin-bottom:var(--space-4);opacity:.5}.empty-state-friends h3{color:#636366;color:var(--text-secondary);font-size:17px;font-size:var(--font-size-17);margin-bottom:8px;margin-bottom:var(--space-2)}.empty-state-friends p{color:#8e8e93;color:var(--text-tertiary);font-size:15px;font-size:var(--font-size-15);margin-bottom:16px;margin-bottom:var(--space-4)}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.tab-content.active.slide-in-right{animation:slideInRight .3s ease-out}.tab-content.active.slide-in-left{animation:slideInLeft .3s ease-out}.friends-tabs-scroll-indicator{display:none}@media (max-width:767px){.friends-tabs-scroll-indicator{color:#8e8e93;color:var(--text-tertiary);display:block;font-size:12px;font-size:var(--font-size-12);margin-top:8px;margin-top:var(--space-2);text-align:center}}@media (min-width:768px){.friends-tabs{justify-content:center}.friends-tab{min-width:140px}.friends-grid,.recent-chats,.requests-grid{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}@media (max-width:374px){.friends-tab{font-size:14px;font-size:var(--font-size-14);min-width:100px;padding:8px 12px;padding:var(--space-2) var(--space-3)}.friends-tab-icon{font-size:16px}.add-friend-form{flex-direction:column}.add-friend-form .btn-primary{width:100%}.friend-card,.request-actions{flex-direction:column}.friend-card{padding:12px;padding:var(--space-3);text-align:center}.friend-actions,.friend-actions .btn-message{width:100%}}@supports (padding:max(0px)){.friends-page{padding-left:max(20px,env(safe-area-inset-left));padding-left:max(var(--space-5),env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-right:max(var(--space-5),env(safe-area-inset-right))}}.notifications-container{position:relative}.notifications-btn{align-items:center;background:#0000;border-radius:50%;border-radius:var(--radius-circle);display:flex;justify-content:center;min-height:44px;min-width:44px;padding:8px;padding:var(--space-2);position:relative}.notifications-btn:active{background-color:#f2f2f7;background-color:var(--bg-secondary)}.notification-badge{align-items:center;background-color:#ff3b30;background-color:var(--system-red);border:2px solid #fff;border:2px solid var(--bg-primary);border-radius:9px;color:#fff;color:var(--text-on-color);display:flex;font-size:var(--font-size-10);font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;pointer-events:none;position:absolute;right:4px;top:4px;z-index:1}.notifications-overlay{background-color:initial;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.notifications-overlay.active{display:block}.notifications-dropdown{animation:slideDownMobile .2s cubic-bezier(.4,0,.2,1);background-color:#fff;background-color:var(--bg-primary);border:1px solid #3c3c4321;border:1px solid var(--separator);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-4);left:12px;left:var(--space-3);max-height:70vh;overflow:hidden;position:fixed;right:12px;right:var(--space-3);top:60px;transform-origin:top right;width:auto;z-index:1000}@keyframes slideDownMobile{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notifications-header{align-items:center;background-color:#f2f2f7;background-color:var(--bg-secondary);border-bottom:1px solid #3c3c4321;border-bottom:1px solid var(--separator);display:flex;justify-content:space-between;padding:16px;padding:var(--space-4);position:-webkit-sticky;position:sticky;top:0;z-index:2}.notifications-header h3{align-items:center;display:flex;font-size:17px;font-size:var(--font-size-17);font-weight:600;gap:8px;gap:var(--space-2);margin-bottom:0}.notifications-header .btn-text{font-size:14px;font-size:var(--font-size-14);min-height:auto;padding:4px 12px;padding:var(--space-1) var(--space-3)}.notifications-list{-webkit-overflow-scrolling:touch;max-height:calc(70vh - 73px);overflow-y:auto}.notification-item{border-bottom:1px solid #3c3c4321;border-bottom:1px solid var(--separator);cursor:pointer;padding:16px;padding:var(--space-4);position:relative;transition:background-color .15s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-fast)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:#f2f2f7;background-color:var(--bg-secondary)}.notification-item.unread{background-color:#007aff0d}.notification-item.unread:before{background-color:#007aff;background-color:var(--primary-blue);border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.notification-item.read{opacity:.8}.notification-content{position:relative}.notification-header{align-items:flex-start;display:flex;gap:8px;gap:var(--space-2);justify-content:space-between;margin-bottom:8px;margin-bottom:var(--space-2)}.notification-title{align-items:center;display:flex;flex:1 1;font-size:15px;font-size:var(--font-size-15);font-weight:600;gap:8px;gap:var(--space-2);margin-bottom:0}.notification-icon{align-items:center;border-radius:50%;border-radius:var(--radius-circle);display:flex;flex-shrink:0;font-size:12px;font-size:var(--font-size-12);height:20px;justify-content:center;width:20px}.notification-icon.info{background-color:#007aff1a;color:#007aff;color:var(--primary-blue)}.notification-icon.success{background-color:#34c7591a;color:#34c759;color:var(--system-green)}.notification-icon.warning{background-color:#ff95001a;color:#ff9500;color:var(--system-orange)}.notification-icon.error{background-color:#ff3b301a;color:#ff3b30;color:var(--system-red)}.notification-time{color:#8e8e93;color:var(--text-tertiary);flex-shrink:0;font-size:12px;font-size:var(--font-size-12);white-space:nowrap}.notification-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#636366;color:var(--text-secondary);display:-webkit-box;font-size:14px;font-size:var(--font-size-14);line-height:1.4;margin-bottom:8px;margin-bottom:var(--space-2);overflow:hidden}.notification-actions{border-top:1px solid #0000000d;display:flex;gap:8px;gap:var(--space-2);margin-top:12px;margin-top:var(--space-3);padding-top:12px;padding-top:var(--space-3)}.notification-actions .btn{font-size:13px;font-size:var(--font-size-13);min-height:32px;padding:8px 12px;padding:var(--space-2) var(--space-3)}.notifications-empty{align-items:center;color:#8e8e93;color:var(--text-tertiary);display:flex;flex-direction:column;justify-content:center;padding:32px 16px;padding:var(--space-8) var(--space-4);text-align:center}.notifications-empty .icon{font-size:48px;margin-bottom:16px;margin-bottom:var(--space-4);opacity:.5}.notifications-empty p{font-size:15px;font-size:var(--font-size-15);margin-bottom:8px;margin-bottom:var(--space-2)}.notifications-loading{align-items:center;display:flex;justify-content:center;padding:16px;padding:var(--space-4)}.loading-dots{display:flex;gap:4px;gap:var(--space-1)}.loading-dots span{animation:loadingDots 1.4s ease-in-out infinite both;background-color:#8e8e93;background-color:var(--text-tertiary);border-radius:50%;border-radius:var(--radius-circle);height:8px;width:8px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loadingDots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.notification-delete{align-items:center;background:#0000;border-radius:50%;border-radius:var(--radius-circle);color:#8e8e93;color:var(--text-tertiary);display:flex;justify-content:center;min-height:28px;min-width:28px;padding:4px;padding:var(--space-1);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.notification-delete:hover{background-color:#e5e5ea;background-color:var(--bg-tertiary);color:#ff3b30;color:var(--system-red)}@media (min-width:768px){.notifications-dropdown{left:auto;max-height:400px;position:absolute;right:0;top:calc(100% + 8px);width:320px}.notifications-list{max-height:320px}}@supports (padding:max(0px)){.notifications-dropdown{top:max(60px,calc(60px + env(safe-area-inset-top)))}}@media (prefers-color-scheme:dark){.notification-item.unread{background-color:#007aff1a}.notification-actions{border-top-color:#ffffff0d}.notification-badge{border-color:#fff;border-color:var(--bg-primary)}}@keyframes notificationPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}--text-primary:var(--gray-950);--text-secondary:var(--gray-700);--text-tertiary:var(--gray-600);--text-quaternary:var(--gray-500);--text-on-color:#fff;--bg-primary:#fff;--bg-secondary:var(--gray-100);--bg-tertiary:var(--gray-200);--bg-card:#fff;--bg-modal:#0006;--system-red:#ff3b30;--system-orange:#ff9500;--system-yellow:#fc0;--system-green:#34c759;--system-teal:#5ac8fa;--system-blue:#007aff;--system-indigo:#5856d6;--system-purple:#af52de;--system-pink:#ff2d55;--separator:#3c3c4321;--overlay:#00000052;--shadow-1:0px 1px 3px #0000001f;--shadow-2:0px 2px 8px #0000001f;--shadow-3:0px 4px 16px #0000001f;--shadow-4:0px 8px 24px #0000001f;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-circle:50%;--radius-pill:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--font-system:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Roboto,sans-serif;--font-size-11:11px;--font-size-12:12px;--font-size-13:13px;--font-size-14:14px;--font-size-15:15px;--font-size-16:16px;--font-size-17:17px;--font-size-18:18px;--font-size-20:20px;--font-size-22:22px;--font-size-24:24px;--font-size-28:28px;--font-size-32:32px;--elevation-1:0 1px 3px #0000001f;--elevation-2:0 2px 8px #0000001f;--elevation-3:0 4px 16px #0000001f;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);.notification-badge.pulse{animation:notificationPulse .5s ease-in-out 3}.notification-item{touch-action:pan-y;-webkit-user-select:none;user-select:none}.notification-item.swiping{transition:transform .2s ease-out}}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body,html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-primary);color:#1c1c1e;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,Roboto,sans-serif;font-family:var(--font-system);font-size:var(--font-size-16);font-weight:400;line-height:1.47059;overflow-x:hidden;overscroll-behavior-y:none}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.24px;line-height:1.2;margin-bottom:16px;margin-bottom:var(--space-4)}h1{font-size:32px;font-size:var(--font-size-32);font-weight:700;letter-spacing:-.41px}h2{font-size:28px;font-size:var(--font-size-28);letter-spacing:-.36px}h3{font-size:22px;font-size:var(--font-size-22);letter-spacing:-.26px}h4{font-size:18px;font-size:var(--font-size-18);letter-spacing:-.21px}h5{font-size:16px;font-size:var(--font-size-16);letter-spacing:-.16px}p{letter-spacing:-.24px;line-height:1.47059;margin-bottom:16px;margin-bottom:var(--space-4)}.caption,small{font-size:13px;font-size:var(--font-size-13);letter-spacing:-.08px}.caption,.overline,small{color:#8e8e93;color:var(--text-tertiary)}.overline{font-size:11px;font-size:var(--font-size-11);font-weight:600;letter-spacing:.66px;text-transform:uppercase}button{-webkit-touch-callout:none;border:none;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,Roboto,sans-serif;font-family:var(--font-system);outline:none;-webkit-user-select:none;user-select:none}.btn,button{transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.btn{align-items:center;border-radius:9999px;border-radius:var(--radius-pill);display:inline-flex;font-size:16px;font-size:var(--font-size-16);font-weight:600;gap:8px;gap:var(--space-2);justify-content:center;letter-spacing:-.16px;min-height:44px;min-width:44px;overflow:hidden;padding:12px 20px;padding:var(--space-3) var(--space-5);position:relative}.btn:after{background:currentColor;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .15s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-fast)}.btn:active:after{opacity:.1}.btn-primary{background-color:#007aff;background-color:var(--primary-blue);color:#fff;color:var(--text-on-color)}.btn-primary:hover:not(:active){background-color:#06c;box-shadow:0 2px 8px #0000001f;box-shadow:var(--shadow-2);transform:translateY(-1px)}.btn-secondary{background-color:#e5e5ea;background-color:var(--bg-tertiary);color:#1c1c1e;color:var(--text-primary)}.btn-secondary:hover:not(:active){background-color:#d1d1d6;background-color:var(--gray-300);transform:translateY(-1px)}.btn-danger{background-color:#ff3b30;background-color:var(--system-red);color:#fff;color:var(--text-on-color)}.btn-danger:hover:not(:active){background-color:#d70015;box-shadow:0 2px 8px #0000001f;box-shadow:var(--shadow-2);transform:translateY(-1px)}.btn-success{background-color:#34c759;background-color:var(--system-green);color:#fff;color:var(--text-on-color)}.btn-outline{background-color:initial;border:1px solid #c7c7cc;border:1px solid var(--gray-400);color:#1c1c1e;color:var(--text-primary)}.btn-outline:hover:not(:active){background-color:#f2f2f7;background-color:var(--bg-secondary);border-color:#8e8e93;border-color:var(--gray-600)}.btn-text{background:#0000;color:#007aff;color:var(--primary-blue);font-weight:600;min-height:auto;min-width:auto;padding:8px;padding:var(--space-2)}.btn-text:hover:not(:active){opacity:.8}.btn-icon{background-color:#f2f2f7;background-color:var(--bg-secondary);border-radius:50%;border-radius:var(--radius-circle);min-height:44px;min-width:44px;padding:8px;padding:var(--space-2)}.btn-icon:hover:not(:active){background-color:#e5e5ea;background-color:var(--bg-tertiary);transform:scale(1.05)}.btn-large{font-size:18px;font-size:var(--font-size-18);min-height:52px;padding:16px 24px;padding:var(--space-4) var(--space-6)}.btn-small{font-size:14px;font-size:var(--font-size-14);min-height:36px;padding:8px 12px;padding:var(--space-2) var(--space-3)}.input-group{margin-bottom:24px;margin-bottom:var(--space-6);position:relative}.input-label{color:#636366;color:var(--text-secondary);display:block;font-size:14px;font-size:var(--font-size-14);font-weight:600;letter-spacing:-.24px;margin-bottom:8px;margin-bottom:var(--space-2)}.input-field{-webkit-appearance:none;background-color:#f2f2f7;background-color:var(--bg-secondary);border:1px solid #0000;border-radius:12px;border-radius:var(--radius-md);color:#1c1c1e;color:var(--text-primary);font-size:16px;font-size:var(--font-size-16);line-height:1.47059;padding:16px 20px;padding:var(--space-4) var(--space-5);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.input-field:focus{background-color:#fff;background-color:var(--bg-primary);border-color:#007aff;border-color:var(--primary-blue);box-shadow:0 0 0 3px #007aff1a;outline:none}.input-field::placeholder{color:#aeaeb2;color:var(--text-quaternary);font-weight:400}.input-field:disabled{cursor:not-allowed;opacity:.5}.input-with-icon{position:relative}.input-icon{color:#8e8e93;color:var(--text-tertiary);left:20px;left:var(--space-5);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon .input-field{padding-left:36px;padding-left:var(--space-9)}.textarea-field{background-color:#f2f2f7;background-color:var(--bg-secondary);border:1px solid #0000;border-radius:12px;border-radius:var(--radius-md);color:#1c1c1e;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,Roboto,sans-serif;font-family:var(--font-system);font-size:16px;font-size:var(--font-size-16);line-height:1.47059;min-height:100px;padding:16px 20px;padding:var(--space-4) var(--space-5);resize:vertical;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.textarea-field:focus{background-color:#fff;background-color:var(--bg-primary);border-color:#007aff;border-color:var(--primary-blue);box-shadow:0 0 0 3px #007aff1a;outline:none}.select-field{-webkit-appearance:none;appearance:none;background-color:#f2f2f7;background-color:var(--bg-secondary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%238E8E93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 20px center;background-position:right var(--space-5) center;background-repeat:no-repeat;background-size:16px;border:1px solid #0000;border-radius:12px;border-radius:var(--radius-md);color:#1c1c1e;color:var(--text-primary);cursor:pointer;font-size:16px;font-size:var(--font-size-16);line-height:1.47059;padding:16px 20px;padding:var(--space-4) var(--space-5);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.select-field:focus{background-color:#fff;background-color:var(--bg-primary);border-color:#007aff;border-color:var(--primary-blue);box-shadow:0 0 0 3px #007aff1a;outline:none}.checkbox-label,.radio-label{align-items:center;cursor:pointer;display:flex;gap:12px;gap:var(--space-3);padding:8px 0;padding:var(--space-2) 0;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox],.radio-label input[type=radio]{accent-color:#007aff;accent-color:var(--primary-blue);cursor:pointer;height:18px;width:18px}#root{display:flex;flex-direction:column;min-height:100vh}.loading-screen{align-items:center;background-color:#fff;background-color:var(--bg-primary);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-content{align-items:center;display:flex;flex-direction:column;gap:24px;gap:var(--space-6);text-align:center}.loading-logo{height:80px;object-fit:contain;width:80px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e5ea;border-top-color:#007aff;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-blue);height:48px;width:48px}.loading-text{color:#8e8e93;color:var(--text-tertiary);font-size:15px;font-size:var(--font-size-15);font-weight:500}@keyframes spin{to{transform:rotate(1turn)}}.auth-screen{align-items:center;background-color:#fff;background-color:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:24px;padding:var(--space-6)}.auth-container{animation:slideUp .5s cubic-bezier(.4,0,.2,1);max-width:400px;width:100%}.auth-header{margin-bottom:32px;margin-bottom:var(--space-8);text-align:center}.auth-logo{height:72px;margin-bottom:16px;margin-bottom:var(--space-4);object-fit:contain;width:auto}.auth-tagline{color:#636366;color:var(--text-secondary);font-size:15px;font-size:var(--font-size-15);margin-top:8px;margin-top:var(--space-2)}.auth-tabs{background-color:#f2f2f7;background-color:var(--bg-secondary);display:flex;margin-bottom:24px;margin-bottom:var(--space-6);padding:4px;padding:var(--space-1)}.auth-tab,.auth-tabs{border-radius:9999px;border-radius:var(--radius-pill)}.auth-tab{background:#0000;color:#636366;color:var(--text-secondary);flex:1 1;font-size:15px;font-size:var(--font-size-15);font-weight:600;padding:12px 16px;padding:var(--space-3) var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.auth-tab.active{background-color:#fff;background-color:var(--bg-primary);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-1);color:#1c1c1e;color:var(--text-primary)}.auth-progress{display:flex;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--space-8);position:relative}.auth-progress:before{background-color:#d1d1d6;background-color:var(--gray-300);content:"";height:2px;left:0;position:absolute;right:0;top:14px;z-index:1}.progress-step{flex-direction:column;position:relative;z-index:2}.progress-step,.step-number{align-items:center;display:flex}.step-number{background-color:#fff;background-color:var(--bg-primary);border:2px solid #d1d1d6;border:2px solid var(--gray-300);border-radius:50%;border-radius:var(--radius-circle);color:#8e8e93;color:var(--text-tertiary);font-size:13px;font-size:var(--font-size-13);font-weight:600;height:28px;justify-content:center;margin-bottom:8px;margin-bottom:var(--space-2);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:28px}.progress-step.active .step-number{background-color:#007aff1a;border-color:#007aff;border-color:var(--primary-blue);color:#007aff;color:var(--primary-blue)}.progress-step.completed .step-number{background-color:#34c759;background-color:var(--system-green);border-color:#34c759;border-color:var(--system-green);color:#fff;color:var(--text-on-color)}.step-label{color:#8e8e93;color:var(--text-tertiary);font-size:12px;font-size:var(--font-size-12);font-weight:500}.progress-step.active .step-label,.progress-step.completed .step-label{color:#1c1c1e;color:var(--text-primary);font-weight:600}.auth-form{margin-bottom:24px;margin-bottom:var(--space-6)}.name-fields{grid-gap:16px;grid-gap:var(--space-4);display:grid;grid-template-columns:1fr 1fr}.auth-actions,.name-fields{gap:16px;gap:var(--space-4)}.auth-actions{display:flex;margin-bottom:20px;margin-bottom:var(--space-5)}.auth-footer{border-top:1px solid #3c3c4321;border-top:1px solid var(--separator);padding-top:24px;padding-top:var(--space-6);text-align:center}.auth-footer-logos{align-items:center;display:flex;gap:20px;gap:var(--space-5);justify-content:center;margin-top:16px;margin-top:var(--space-4)}.auth-footer-logos img{height:32px;opacity:.7;width:auto}.auth-footer-logos span{color:#8e8e93;color:var(--text-tertiary);font-size:14px;font-size:var(--font-size-14)}.terms-screen{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px;padding:var(--space-6)}.terms-container,.terms-screen{background-color:#fff;background-color:var(--bg-primary)}.terms-container{border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-4);max-width:500px;overflow:hidden;width:100%}.terms-header{background:linear-gradient(135deg,#007aff,#5856d6);background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));color:#fff;color:var(--text-on-color);padding:32px 24px 24px;padding:var(--space-8) var(--space-6) var(--space-6);text-align:center}.terms-logo{filter:brightness(0) invert(1);height:64px;margin-bottom:16px;margin-bottom:var(--space-4);object-fit:contain;width:auto}.terms-header h1{color:#fff;color:var(--text-on-color);margin-bottom:0}.terms-content{background-color:#f2f2f7;background-color:var(--bg-secondary);max-height:400px;overflow-y:auto;padding:24px;padding:var(--space-6)}.terms-scroll{padding:16px;padding:var(--space-4)}.terms-scroll h3{color:#1c1c1e;color:var(--text-primary);margin-bottom:12px;margin-bottom:var(--space-3);margin-top:24px;margin-top:var(--space-6)}.terms-scroll p{color:#636366;color:var(--text-secondary);line-height:1.5;margin-bottom:16px;margin-bottom:var(--space-4)}.terms-logos{border-bottom:1px solid #3c3c4321;border-bottom:1px solid var(--separator);border-top:1px solid #3c3c4321;border-top:1px solid var(--separator);display:flex;gap:32px;gap:var(--space-8);justify-content:center;margin:32px 0;margin:var(--space-8) 0;padding:16px 0;padding:var(--space-4) 0}.terms-logos img{height:40px;opacity:.8;width:auto}.terms-links{flex-direction:column;margin-top:24px;margin-top:var(--space-6)}.terms-links,.terms-links a{display:flex;gap:12px;gap:var(--space-3)}.terms-links a{align-items:center;border-radius:12px;border-radius:var(--radius-md);color:#007aff;color:var(--primary-blue);font-size:15px;font-size:var(--font-size-15);font-weight:600;padding:8px;padding:var(--space-2);text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-fast)}.terms-links a:hover{background-color:#007aff1a}.terms-accept{background:linear-gradient(135deg,#007aff,#5856d6);background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border-radius:0;font-size:17px;font-size:var(--font-size-17);font-weight:700;padding:24px;padding:var(--space-6);width:100%}.main-app{background-color:#fff;background-color:var(--bg-primary);display:flex;flex-direction:column;margin:0 auto;max-width:768px;min-height:100vh}.app-header{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background-color:#ffffffe6;border-bottom:1px solid #3c3c4321;border-bottom:1px solid var(--separator);justify-content:space-between;padding:16px 20px;padding:var(--space-4) var(--space-5);position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-header,.header-left{align-items:center;display:flex}.header-left{gap:12px;gap:var(--space-3)}.header-logo{height:32px;object-fit:contain;width:32px}.header-left h1{font-size:20px;font-size:var(--font-size-20);font-weight:700;margin-bottom:0}.header-right{align-items:center;display:flex;gap:12px;gap:var(--space-3)}.notifications-container{position:relative}.notifications-btn{background:#0000;min-height:44px;min-width:44px;padding:8px;padding:var(--space-2);position:relative}.notification-badge{align-items:center;background-color:#ff3b30;background-color:var(--system-red);border:2px solid #fff;border:2px solid var(--bg-primary);border-radius:9px;color:#fff;color:var(--text-on-color);display:flex;font-size:11px;font-size:var(--font-size-11);font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:8px;top:8px}.notifications-dropdown{animation:slideDown .2s cubic-bezier(.4,0,.2,1);background-color:#fff;background-color:var(--bg-primary);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-4);max-width:90vw;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:320px;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notifications-header{align-items:center;border-bottom:1px solid #3c3c4321;border-bottom:1px solid var(--separator);display:flex;justify-content:space-between;padding:20px;padding:var(--space-5)}.notifications-header h3{align-items:center;display:flex;font-size:17px;font-size:var(--font-size-17);gap:8px;gap:var(--space-2);margin-bottom:0}.notifications-list{max-height:400px;overflow-y:auto}.notification-item{border-bottom:1px solid #3c3c4321;border-bottom:1px solid var(--separator);cursor:pointer;padding:16px;padding:var(--space-4);transition:background-color .15s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-fast)}.notification-item:hover{background-color:#f2f2f7;background-color:var(--bg-secondary)}.notification-item.unread{background-color:#007aff0d}.notification-item.read{opacity:.7}.notification-content{position:relative}.notification-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--space-2)}.notification-header h4{align-items:center;display:flex;flex:1 1;font-size:15px;font-size:var(--font-size-15);font-weight:600;gap:8px;gap:var(--space-2);margin-bottom:0}.notification-delete{background:#0000;color:#8e8e93;color:var(--text-tertiary);min-height:auto;min-width:auto;padding:4px;padding:var(--space-1)}.notification-content p{color:#636366;color:var(--text-secondary);font-size:14px;font-size:var(--font-size-14);line-height:1.4;margin-bottom:8px;margin-bottom:var(--space-2)}.notification-content small{color:#8e8e93;color:var(--text-tertiary);font-size:12px;font-size:var(--font-size-12)}.user-menu .btn-user{align-items:center;background:#0000;border-radius:9999px;border-radius:var(--radius-pill);display:flex;gap:12px;gap:var(--space-3);padding:8px;padding:var(--space-2);transition:background-color .15s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-fast)}.user-menu .btn-user:hover{background-color:#f2f2f7;background-color:var(--bg-secondary)}.user-avatar{border:2px solid #e5e5ea;border:2px solid var(--gray-200)}.user-menu span{color:#1c1c1e;color:var(--text-primary);font-size:15px;font-size:var(--font-size-15);font-weight:600}.bottom-nav{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background-color:#ffffffe6;border-top:1px solid #3c3c4321;border-top:1px solid var(--separator);bottom:0;display:flex;justify-content:space-around;left:0;padding:12px 0;padding:var(--space-3) 0;position:fixed;right:0;z-index:100}.nav-item{align-items:center;background:#0000;border-radius:12px;border-radius:var(--radius-md);color:#8e8e93;color:var(--text-tertiary);display:flex;flex-direction:column;font-size:11px;font-size:var(--font-size-11);font-weight:600;gap:4px;gap:var(--space-1);min-height:60px;min-width:60px;padding:8px;padding:var(--space-2);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.nav-item.active{color:#007aff;color:var(--primary-blue)}.nav-item.active .nav-icon{transform:translateY(-2px)}.nav-icon{font-size:22px;transition:transform .15s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast)}.app-content{flex:1 1;padding-bottom:88px}.page{animation:fadeIn .3s cubic-bezier(.4,0,.2,1);padding:20px;padding:var(--space-5)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-header{border-bottom:1px solid #3c3c4321;border-bottom:1px solid var(--separator);justify-content:space-between;margin-bottom:32px;margin-bottom:var(--space-8);padding-bottom:16px;padding-bottom:var(--space-4)}.btn-back,.page-header{align-items:center;display:flex}.btn-back{background:#0000;color:#1c1c1e;color:var(--text-primary);font-size:16px;font-size:var(--font-size-16);font-weight:600;gap:8px;gap:var(--space-2);min-height:44px;padding:8px;padding:var(--space-2)}.page-header h1{font-size:24px;font-size:var(--font-size-24);margin-bottom:0}.home-page .welcome-section{background:linear-gradient(135deg,#007aff,#5856d6);background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border-radius:20px;border-radius:var(--radius-xl);color:#fff;color:var(--text-on-color);margin-bottom:32px;margin-bottom:var(--space-8);padding:32px 24px;padding:var(--space-8) var(--space-6);text-align:center}.welcome-section h1{color:#fff;color:var(--text-on-color);display:flex;font-size:28px;font-size:var(--font-size-28);gap:8px;gap:var(--space-2);margin-bottom:12px;margin-bottom:var(--space-3)}.verified-badge,.welcome-section h1{align-items:center;justify-content:center}.verified-badge{background-color:#fff;background-color:var(--text-on-color);border-radius:50%;border-radius:var(--radius-circle);color:#34c759;color:var(--system-green);display:inline-flex;font-size:12px;height:22px;width:22px}.welcome-subtitle{color:#ffffffe6;font-size:16px;font-size:var(--font-size-16);margin-bottom:0}.user-stats-grid{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:repeat(3,1fr);margin-bottom:32px;margin-bottom:var(--space-8)}.stat-card{align-items:center;background-color:#fff;background-color:var(--bg-card);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-1);display:flex;gap:16px;gap:var(--space-4);padding:20px;padding:var(--space-5);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.stat-card:hover{box-shadow:0 2px 8px #0000001f;box-shadow:var(--shadow-2);transform:translateY(-2px)}.stat-icon{align-items:center;background-color:#007aff1a;border-radius:50%;border-radius:var(--radius-circle);color:#007aff;color:var(--primary-blue);display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.stat-content h3{color:#1c1c1e;color:var(--text-primary);font-size:22px;font-size:var(--font-size-22);margin-bottom:4px;margin-bottom:var(--space-1)}.stat-content p{color:#8e8e93;color:var(--text-tertiary);font-size:13px;font-size:var(--font-size-13);font-weight:600;margin-bottom:0}.home-section{margin-bottom:32px;margin-bottom:var(--space-8)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-5)}.section-header h2{align-items:center;display:flex;font-size:20px;font-size:var(--font-size-20);gap:8px;gap:var(--space-2);margin-bottom:0}.cards-grid{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:1fr}.project-card,.tutorial-card{background-color:#fff;background-color:var(--bg-card);border:1px solid #0000;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-1);cursor:pointer;padding:20px;padding:var(--space-5);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.project-card:hover,.tutorial-card:hover{border-color:#007aff;border-color:var(--primary-blue);box-shadow:0 2px 8px #0000001f;box-shadow:var(--shadow-2);transform:translateY(-2px)}.project-card.compact,.tutorial-card.compact{padding:16px;padding:var(--space-4)}.project-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px;margin-bottom:var(--space-3)}.project-card-header h3{flex:1 1;font-size:17px;font-size:var(--font-size-17);margin-bottom:0}.visibility-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-pill);display:inline-flex;font-size:12px;font-size:var(--font-size-12);font-weight:600;gap:4px;gap:var(--space-1);padding:4px 12px;padding:var(--space-1) var(--space-3)}.visibility-badge.public{background-color:#34c7591a;color:#34c759;color:var(--system-green)}.visibility-badge.private{background-color:#8e8e931a;color:#8e8e93;color:var(--text-tertiary)}.project-description{color:#636366;color:var(--text-secondary);font-size:15px;font-size:var(--font-size-15);line-height:1.4}.project-description,.project-tags{margin-bottom:16px;margin-bottom:var(--space-4)}.project-tags{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2)}.tag{background-color:#f2f2f7;background-color:var(--bg-secondary);border-radius:9999px;border-radius:var(--radius-pill);color:#636366;color:var(--text-secondary);font-weight:500;padding:4px 12px;padding:var(--space-1) var(--space-3)}.project-meta,.tag{font-size:13px;font-size:var(--font-size-13)}.project-meta{color:#8e8e93;color:var(--text-tertiary);display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-4)}.project-meta span{align-items:center;display:flex;gap:4px;gap:var(--space-1)}.tutorial-thumbnail{border-radius:12px;border-radius:var(--radius-md);height:160px;margin-bottom:16px;margin-bottom:var(--space-4);overflow:hidden;position:relative;width:100%}.tutorial-thumbnail img{height:100%;object-fit:cover;width:100%}.play-button{align-items:center;background-color:#000000b3;border-radius:50%;border-radius:var(--radius-circle);color:#fff;color:var(--text-on-color);display:flex;font-size:24px;height:56px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:56px}.play-button:hover{background-color:#000000e6;transform:translate(-50%,-50%) scale(1.1)}.tutorial-content h3{font-size:17px;font-size:var(--font-size-17);margin-bottom:8px;margin-bottom:var(--space-2)}.tutorial-description{color:#636366;color:var(--text-secondary);font-size:15px;font-size:var(--font-size-15);line-height:1.4;margin-bottom:16px;margin-bottom:var(--space-4)}.tutorial-meta{color:#8e8e93;color:var(--text-tertiary);display:flex;flex-wrap:wrap;font-size:13px;font-size:var(--font-size-13);gap:16px;gap:var(--space-4)}.level-badge{border-radius:9999px;border-radius:var(--radius-pill);font-size:12px;font-size:var(--font-size-12);font-weight:600;padding:4px 12px;padding:var(--space-1) var(--space-3)}.level-badge.beginner{background-color:#34c7591a;color:#34c759;color:var(--system-green)}.level-badge.intermediate{background-color:#ff95001a;color:#ff9500;color:var(--system-orange)}.level-badge.advanced{background-color:#ff3b301a;color:#ff3b30;color:var(--system-red)}.quick-actions{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:repeat(3,1fr);margin-top:32px;margin-top:var(--space-8)}.quick-action-btn{align-items:center;background-color:#fff;background-color:var(--bg-card);border:1px solid #3c3c4321;border:1px solid var(--separator);border-radius:16px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:8px;gap:var(--space-2);padding:16px;padding:var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.quick-action-btn:hover{background-color:#007aff0d;border-color:#007aff;border-color:var(--primary-blue);transform:translateY(-2px)}.quick-action-btn .icon{font-size:24px;margin-bottom:4px;margin-bottom:var(--space-1)}.quick-action-btn span{color:#1c1c1e;color:var(--text-primary);font-size:13px;font-size:var(--font-size-13);font-weight:600}.empty-card,.empty-state-card{align-items:center;background-color:#fff;background-color:var(--bg-card);border:1px dashed #3c3c4321;border:1px dashed var(--separator);border-radius:16px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:16px;gap:var(--space-4);padding:32px 24px;padding:var(--space-8) var(--space-6);text-align:center}.empty-card .icon,.empty-state-card .icon{color:#8e8e93;color:var(--text-tertiary);font-size:48px;margin-bottom:8px;margin-bottom:var(--space-2)}.friends-page .friends-tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid #3c3c4321;border-bottom:1px solid var(--separator);display:flex;gap:8px;gap:var(--space-2);margin-bottom:24px;margin-bottom:var(--space-6);overflow-x:auto;padding-bottom:12px;padding-bottom:var(--space-3)}.friends-tab{align-items:center;background:#0000;border-radius:9999px;border-radius:var(--radius-pill);color:#8e8e93;color:var(--text-tertiary);display:flex;font-size:15px;font-size:var(--font-size-15);font-weight:600;gap:8px;gap:var(--space-2);padding:12px 16px;padding:var(--space-3) var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap}.friends-tab.active{background-color:#007aff;background-color:var(--primary-blue);color:#fff;color:var(--text-on-color)}.friends-content{padding-top:16px;padding-top:var(--space-4)}.add-friend-section{margin-bottom:32px;margin-bottom:var(--space-8)}.add-friend-section h2{align-items:center;display:flex;font-size:20px;font-size:var(--font-size-20);gap:8px;gap:var(--space-2);margin-bottom:16px;margin-bottom:var(--space-4)}.add-friend-form{flex-wrap:wrap}.add-friend-form,.search-friends{display:flex;gap:12px;gap:var(--space-3)}.search-friends{align-items:center;background-color:#f2f2f7;background-color:var(--bg-secondary);border:1px solid #0000;border-radius:12px;border-radius:var(--radius-md);margin-bottom:24px;margin-bottom:var(--space-6);padding:12px 16px;padding:var(--space-3) var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.search-friends:focus-within{background-color:#fff;background-color:var(--bg-primary);border-color:#007aff;border-color:var(--primary-blue)}.search-friends input{background:none;border:none;color:#1c1c1e;color:var(--text-primary);font-size:16px;font-size:var(--font-size-16);outline:none;width:100%}.search-friends input::placeholder{color:#8e8e93;color:var(--text-tertiary)}.friends-grid{grid-gap:16px;grid-gap:var(--space-4);display:grid;grid-template-columns:1fr}.friend-card,.friends-grid{gap:16px;gap:var(--space-4)}.friend-card{background-color:#fff;background-color:var(--bg-card);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-1);display:flex;padding:20px;padding:var(--space-5);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.friend-card:hover{box-shadow:0 2px 8px #0000001f;box-shadow:var(--shadow-2);transform:translateY(-2px)}.friend-card-header{flex-shrink:0;position:relative}.friend-avatar{border:3px solid #fff;border:3px solid var(--bg-primary);border-radius:50%;border-radius:var(--radius-circle);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-1);height:64px;object-fit:cover;width:64px}.verified-badge-small{align-items:center;background-color:#34c759;background-color:var(--system-green);border:2px solid #fff;border:2px solid var(--bg-primary);border-radius:50%;border-radius:var(--radius-circle);bottom:0;color:#fff;color:var(--text-on-color);display:flex;font-size:10px;height:18px;justify-content:center;position:absolute;right:0;width:18px}.friend-card-body{flex:1 1}.friend-card-body h3{font-size:17px;font-size:var(--font-size-17);margin-bottom:4px;margin-bottom:var(--space-1)}.friend-email{color:#8e8e93;color:var(--text-tertiary);font-size:14px;font-size:var(--font-size-14);margin-bottom:8px;margin-bottom:var(--space-2)}.friend-bio{color:#636366;color:var(--text-secondary);font-size:15px;font-size:var(--font-size-15);line-height:1.4;margin-bottom:12px;margin-bottom:var(--space-3)}.friend-stats{color:#8e8e93;color:var(--text-tertiary);display:flex;font-size:13px;font-size:var(--font-size-13);gap:16px;gap:var(--space-4)}.friend-stats span{align-items:center;display:flex;gap:4px;gap:var(--space-1)}.friend-card-actions{align-self:flex-start;display:flex;flex-direction:column;gap:8px;gap:var(--space-2)}.invitation-card{background-color:#fff;background-color:var(--bg-card);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-1);padding:20px;padding:var(--space-5)}.invitation-card,.invitation-header{margin-bottom:16px;margin-bottom:var(--space-4)}.invitation-header{align-items:center;display:flex;gap:16px;gap:var(--space-4)}.invitation-avatar{border-radius:50%;border-radius:var(--radius-circle);height:56px;object-fit:cover;width:56px}.invitation-info h3{font-size:17px;font-size:var(--font-size-17)}.invitation-info h3,.invitation-info p{margin-bottom:4px;margin-bottom:var(--space-1)}.invitation-info p{color:#8e8e93;color:var(--text-tertiary);font-size:14px;font-size:var(--font-size-14)}.invitation-actions{display:flex;gap:12px;gap:var(--space-3);justify-content:flex-end}.sent-invitation-card{background-color:#fff;background-color:var(--bg-card);border:1px solid #3c3c4321;border:1px solid var(--separator);border-radius:16px;border-radius:var(--radius-lg);margin-bottom:12px;margin-bottom:var(--space-3);padding:16px;padding:var(--space-4)}.invitation-info{font-size:14px;font-size:var(--font-size-14)}.invitation-info p{margin-bottom:8px;margin-bottom:var(--space-2)}.status-badge{border-radius:9999px;border-radius:var(--radius-pill);font-size:12px;font-size:var(--font-size-12);font-weight:600;padding:4px 12px;padding:var(--space-1) var(--space-3)}.status-badge.pending{background-color:#ff95001a;color:#ff9500;color:var(--system-orange)}.status-badge.accepted{background-color:#34c7591a;color:#34c759;color:var(--system-green)}.status-badge.rejected{background-color:#8e8e931a;color:#8e8e93;color:var(--text-tertiary)}.projects-grid{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:1fr}.project-card-content{cursor:pointer}.project-card-actions{border-top:1px solid #3c3c4321;border-top:1px solid var(--separator);display:flex;gap:8px;gap:var(--space-2);margin-top:16px;margin-top:var(--space-4);padding-top:16px;padding-top:var(--space-4)}.tutorials-grid{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:1fr}.groups-page .groups-tabs{margin-top:16px;margin-top:var(--space-4)}.tab-content.active{display:block}.tab-content h2{margin-bottom:16px;margin-bottom:var(--space-4)}.section-title,.tab-content h2{align-items:center;display:flex;font-size:20px;font-size:var(--font-size-20);gap:8px;gap:var(--space-2)}.section-title{margin:32px 0 16px;margin:var(--space-8) 0 var(--space-4)}.groups-grid{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:1fr}.group-card{background-color:#fff;background-color:var(--bg-card);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-1);padding:20px;padding:var(--space-5);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.group-card:hover{box-shadow:0 2px 8px #0000001f;box-shadow:var(--shadow-2);transform:translateY(-2px)}.group-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px;margin-bottom:var(--space-3)}.group-card-header h3{cursor:pointer;flex:1 1;font-size:17px;font-size:var(--font-size-17);margin-bottom:0}.category-badge{border-radius:9999px;border-radius:var(--radius-pill);font-size:12px;font-size:var(--font-size-12);font-weight:600;padding:4px 12px;padding:var(--space-1) var(--space-3);white-space:nowrap}.category-badge.general{background-color:#8e8e931a;color:#8e8e93;color:var(--text-tertiary)}.category-badge.programming{background-color:#007aff1a;color:#007aff;color:var(--primary-blue)}.category-badge.design{background-color:#af52de1a;color:#af52de;color:var(--system-purple)}.category-badge.business{background-color:#ff95001a;color:#ff9500;color:var(--system-orange)}.category-badge.education{background-color:#34c7591a;color:#34c759;color:var(--system-green)}.group-description{color:#636366;color:var(--text-secondary);font-size:15px;font-size:var(--font-size-15);line-height:1.4}.group-description,.group-meta{margin-bottom:16px;margin-bottom:var(--space-4)}.group-meta{color:#8e8e93;color:var(--text-tertiary);display:flex;flex-wrap:wrap;font-size:13px;font-size:var(--font-size-13);gap:16px;gap:var(--space-4)}.group-actions{display:flex;gap:12px;gap:var(--space-3)}.profile-content{margin:0 auto;max-width:600px}.profile-header{display:flex;flex-direction:column;gap:24px;gap:var(--space-6);margin-bottom:32px;margin-bottom:var(--space-8)}.profile-photo-section{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--space-4)}.profile-photo-container{align-self:center;position:relative}.profile-photo{border:4px solid #fff;border:4px solid var(--bg-primary);border-radius:50%;border-radius:var(--radius-circle);box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-3);height:120px;object-fit:cover;width:120px}.photo-upload-btn{align-items:center;background-color:#007aff;background-color:var(--primary-blue);border:2px solid #fff;border:2px solid var(--bg-primary);border-radius:50%;border-radius:var(--radius-circle);bottom:8px;color:#fff;color:var(--text-on-color);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:8px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:36px}.photo-upload-btn:hover{box-shadow:0 2px 8px #0000001f;box-shadow:var(--shadow-2);transform:scale(1.1)}.verified-badge-profile{align-items:center;background-color:#34c759;background-color:var(--system-green);border-radius:9999px;border-radius:var(--radius-pill);color:#fff;color:var(--text-on-color);display:inline-flex;font-size:13px;font-size:var(--font-size-13);font-weight:600;gap:4px;gap:var(--space-1);padding:8px 12px;padding:var(--space-2) var(--space-3)}.profile-info{text-align:center}.profile-name h2{font-size:24px;font-size:var(--font-size-24);margin-bottom:8px;margin-bottom:var(--space-2)}.profile-email{color:#8e8e93;color:var(--text-tertiary);margin-bottom:16px;margin-bottom:var(--space-4)}.profile-bio,.profile-email{font-size:16px;font-size:var(--font-size-16)}.profile-bio{color:#636366;color:var(--text-secondary);line-height:1.5;text-align:center}.profile-bio,.profile-details{margin-bottom:24px;margin-bottom:var(--space-6)}.profile-details{display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-4);justify-content:center}.profile-details p{align-items:center;display:flex;font-size:15px;font-size:var(--font-size-15);gap:8px;gap:var(--space-2);margin-bottom:0}.profile-details a{color:#1c1c1e;color:var(--text-primary);text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.profile-details a:hover{color:#007aff;color:var(--primary-blue)}.profile-stats{grid-gap:16px;grid-gap:var(--space-4);display:grid;grid-template-columns:repeat(2,1fr)}.profile-actions,.profile-stats{gap:16px;gap:var(--space-4);margin-bottom:32px;margin-bottom:var(--space-8)}.profile-actions{display:flex;flex-direction:column}.admin-access{border-top:1px solid #3c3c4321;border-top:1px solid var(--separator);margin-top:32px;margin-top:var(--space-8);padding-top:32px;padding-top:var(--space-8)}.btn-admin{align-items:center;background:linear-gradient(135deg,#007aff,#5856d6);background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001f;box-shadow:var(--shadow-2);color:#fff;color:var(--text-on-color);display:flex;font-size:17px;font-size:var(--font-size-17);font-weight:700;gap:12px;gap:var(--space-3);justify-content:center;padding:20px;padding:var(--space-5);width:100%}.btn-admin:hover{box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-3);transform:translateY(-2px)}.admin-page .admin-stats{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:repeat(2,1fr);margin-bottom:32px;margin-bottom:var(--space-8)}.admin-stat-card{align-items:center;background-color:#fff;background-color:var(--bg-card);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-1);display:flex;gap:16px;gap:var(--space-4);padding:20px;padding:var(--space-5)}.admin-stat-card .icon{color:#007aff;color:var(--primary-blue);font-size:24px}.stat-info h3{font-size:22px;font-size:var(--font-size-22);margin-bottom:4px;margin-bottom:var(--space-1)}.stat-info p{color:#8e8e93;color:var(--text-tertiary);font-size:13px;font-size:var(--font-size-13);font-weight:600;margin-bottom:0}.admin-tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid #3c3c4321;border-bottom:1px solid var(--separator);margin-bottom:24px;margin-bottom:var(--space-6);overflow-x:auto;padding-bottom:12px;padding-bottom:var(--space-3)}.admin-tab,.admin-tabs{display:flex;gap:8px;gap:var(--space-2)}.admin-tab{align-items:center;background:#0000;border-radius:9999px;border-radius:var(--radius-pill);color:#8e8e93;color:var(--text-tertiary);font-size:15px;font-size:var(--font-size-15);font-weight:600;padding:12px 16px;padding:var(--space-3) var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap}.admin-tab.active{background-color:#007aff;background-color:var(--primary-blue);color:#fff;color:var(--text-on-color)}.admin-table-container{background-color:#fff;background-color:var(--bg-card);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-1);margin-bottom:32px;margin-bottom:var(--space-8);overflow-x:auto}.admin-table{border-collapse:collapse;min-width:600px;width:100%}.admin-table th{background-color:#f2f2f7;background-color:var(--bg-secondary);color:#636366;color:var(--text-secondary);font-size:14px;font-size:var(--font-size-14);font-weight:600;text-align:left}.admin-table td,.admin-table th{border-bottom:1px solid #3c3c4321;border-bottom:1px solid var(--separator);padding:16px 20px;padding:var(--space-4) var(--space-5)}.admin-table td{font-size:15px;font-size:var(--font-size-15)}.admin-table tr:hover{background-color:#f2f2f7;background-color:var(--bg-secondary)}.user-cell{align-items:center;display:flex;gap:12px;gap:var(--space-3)}.user-avatar{border-radius:50%;border-radius:var(--radius-circle);height:36px;object-fit:cover;width:36px}.user-info{align-items:center;display:flex;gap:8px;gap:var(--space-2)}.btn-toggle{border:none;border-radius:9999px;border-radius:var(--radius-pill);cursor:pointer;font-size:12px;font-size:var(--font-size-12);font-weight:600;padding:4px 12px;padding:var(--space-1) var(--space-3);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.btn-toggle.verified{background-color:#34c7591a;color:#34c759;color:var(--system-green)}.btn-toggle.unverified{background-color:#8e8e931a;color:#8e8e93;color:var(--text-tertiary)}.action-buttons{display:flex;gap:8px;gap:var(--space-2)}.modal-overlay{align-items:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);background-color:#0006;background-color:var(--bg-modal);bottom:0;display:flex;justify-content:center;left:0;padding:20px;padding:var(--space-5);position:fixed;right:0;top:0;z-index:2000}.modal-content{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background-color:#fff;background-color:var(--bg-primary);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-4);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #3c3c4321;border-bottom:1px solid var(--separator);display:flex;justify-content:space-between;padding:24px;padding:var(--space-6)}.modal-header h2,.modal-header h3{align-items:center;display:flex;font-size:20px;font-size:var(--font-size-20);gap:8px;gap:var(--space-2);margin-bottom:0}.modal-close{background:#0000;border-radius:50%;border-radius:var(--radius-circle);color:#8e8e93;color:var(--text-tertiary);min-height:auto;min-width:auto;padding:4px;padding:var(--space-1)}.modal-body,.modal-footer{padding:24px;padding:var(--space-6)}.modal-footer{border-top:1px solid #3c3c4321;border-top:1px solid var(--separator);display:flex;gap:12px;gap:var(--space-3);justify-content:flex-end}.project-detail-page .project-detail-content,.project-main{display:flex;flex-direction:column;gap:24px;gap:var(--space-6)}.project-info-card{background-color:#fff;background-color:var(--bg-card);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-1);padding:24px;padding:var(--space-6)}.project-header{align-items:flex-start;border-bottom:1px solid #3c3c4321;border-bottom:1px solid var(--separator);display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-6);padding-bottom:16px;padding-bottom:var(--space-4)}.project-creator{align-items:center;display:flex;gap:12px;gap:var(--space-3)}.creator-avatar{border-radius:50%;border-radius:var(--radius-circle);height:48px;object-fit:cover;width:48px}.creator-info h3{font-size:17px;font-size:var(--font-size-17);margin-bottom:4px;margin-bottom:var(--space-1)}.creator-info small{color:#8e8e93;color:var(--text-tertiary);font-size:13px;font-size:var(--font-size-13)}.project-description-full h3{font-size:18px;font-size:var(--font-size-18);margin-bottom:12px;margin-bottom:var(--space-3)}.project-description-full p{color:#636366;color:var(--text-secondary);font-size:16px;font-size:var(--font-size-16);line-height:1.6}.project-tags-list h4{align-items:center;font-size:16px;font-size:var(--font-size-16);margin-bottom:12px;margin-bottom:var(--space-3)}.project-tags-list h4,.tags-container{display:flex;gap:8px;gap:var(--space-2)}.tags-container{flex-wrap:wrap}.project-stats{border-top:1px solid #3c3c4321;border-top:1px solid var(--separator);display:flex;justify-content:space-around;padding:16px 0;padding:var(--space-4) 0}.project-stats .stat{align-items:center;display:flex;flex-direction:column;gap:8px;gap:var(--space-2)}.project-stats .stat .icon{color:#007aff;color:var(--primary-blue);font-size:20px}.project-stats .stat span{color:#636366;color:var(--text-secondary);font-size:14px;font-size:var(--font-size-14);font-weight:600}.comments-section h3{align-items:center;display:flex;font-size:18px;font-size:var(--font-size-18);gap:8px;gap:var(--space-2);margin-bottom:16px;margin-bottom:var(--space-4)}.comment-form{margin-bottom:24px;margin-bottom:var(--space-6)}.comment-input{background-color:#f2f2f7;background-color:var(--bg-secondary);border:1px solid #0000;border-radius:12px;border-radius:var(--radius-md);color:#1c1c1e;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,Roboto,sans-serif;font-family:var(--font-system);font-size:16px;font-size:var(--font-size-16);line-height:1.47059;margin-bottom:12px;margin-bottom:var(--space-3);min-height:80px;padding:16px;padding:var(--space-4);resize:vertical;width:100%}.comment-input:focus{background-color:#fff;background-color:var(--bg-primary);border-color:#007aff;border-color:var(--primary-blue);box-shadow:0 0 0 3px #007aff1a;outline:none}.comments-list{display:flex;flex-direction:column;gap:16px;gap:var(--space-4)}.comment-card{background-color:#fff;background-color:var(--bg-card);border:1px solid #3c3c4321;border:1px solid var(--separator);border-radius:16px;border-radius:var(--radius-lg);padding:16px;padding:var(--space-4)}.comment-header{align-items:center;display:flex;gap:12px;gap:var(--space-3);margin-bottom:12px;margin-bottom:var(--space-3)}.comment-avatar{border-radius:50%;border-radius:var(--radius-circle);height:36px;object-fit:cover;width:36px}.comment-info h4{margin-bottom:4px;margin-bottom:var(--space-1)}.comment-info h4,.comment-text{font-size:15px;font-size:var(--font-size-15)}.comment-text{color:#636366;color:var(--text-secondary);line-height:1.5;margin-bottom:0}.project-sidebar{display:flex;flex-direction:column;gap:16px;gap:var(--space-4)}.sidebar-section{background-color:#fff;background-color:var(--bg-card);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-1);padding:20px;padding:var(--space-5)}.sidebar-section h3{align-items:center;display:flex;font-size:16px;font-size:var(--font-size-16);gap:8px;gap:var(--space-2);margin-bottom:16px;margin-bottom:var(--space-4)}.sidebar-info p{color:#636366;color:var(--text-secondary);font-size:14px;font-size:var(--font-size-14);margin-bottom:8px;margin-bottom:var(--space-2)}.sidebar-info p:last-child{margin-bottom:0}.share-buttons{display:flex;flex-direction:column;gap:12px;gap:var(--space-3)}.chat-page .chat-header-info{align-items:center;display:flex;flex:1 1;gap:12px;gap:var(--space-3)}.chat-user-avatar{border-radius:50%;border-radius:var(--radius-circle);height:44px;object-fit:cover;width:44px}.chat-header-info h1{font-size:18px;font-size:var(--font-size-18);margin-bottom:4px;margin-bottom:var(--space-1)}.chat-header-info small{color:#8e8e93;color:var(--text-tertiary);font-size:13px;font-size:var(--font-size-13)}.chat-container{display:flex;flex-direction:column;height:calc(100vh - 160px);margin:0 -20px;margin:0 calc(var(--space-5)*-1)}.messages-container{overflow-y:auto;padding:20px;padding:var(--space-5)}.empty-chat,.messages-container{display:flex;flex:1 1;flex-direction:column;gap:16px;gap:var(--space-4)}.empty-chat{align-items:center;color:#8e8e93;color:var(--text-tertiary);justify-content:center;text-align:center}.empty-chat .icon{font-size:48px;opacity:.5}.message{animation:messageAppear .3s cubic-bezier(.4,0,.2,1);display:flex;max-width:80%}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.sent{align-self:flex-end}.message.received{align-self:flex-start}.message-content{border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-1);padding:12px 16px;padding:var(--space-3) var(--space-4);position:relative}.message.sent .message-content{background-color:#007aff;background-color:var(--primary-blue);border-bottom-right-radius:4px;border-bottom-right-radius:var(--space-1);color:#fff;color:var(--text-on-color)}.message.received .message-content{background-color:#f2f2f7;background-color:var(--bg-secondary);border-bottom-left-radius:4px;border-bottom-left-radius:var(--space-1);color:#1c1c1e;color:var(--text-primary)}.message-content p{line-height:1.4;margin-bottom:8px;margin-bottom:var(--space-2)}.message-content small{display:block;font-size:11px;font-size:var(--font-size-11);opacity:.7;text-align:right}.message-form{background-color:#fff;background-color:var(--bg-primary);border-top:1px solid #3c3c4321;border-top:1px solid var(--separator);display:flex;gap:12px;gap:var(--space-3);padding:16px 20px;padding:var(--space-4) var(--space-5)}.message-input{background-color:#f2f2f7;background-color:var(--bg-secondary);border:1px solid #0000;border-radius:9999px;border-radius:var(--radius-pill);color:#1c1c1e;color:var(--text-primary);flex:1 1;font-size:16px;font-size:var(--font-size-16);line-height:1.47059;padding:12px 16px;padding:var(--space-3) var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.message-input:focus{background-color:#fff;background-color:var(--bg-primary);border-color:#007aff;border-color:var(--primary-blue);box-shadow:0 0 0 3px #007aff1a;outline:none}.group-detail-page .group-detail-content,.group-info-section{display:flex;flex-direction:column;gap:24px;gap:var(--space-6)}.group-description-full h3{align-items:center;display:flex;font-size:18px;font-size:var(--font-size-18);gap:8px;gap:var(--space-2);margin-bottom:12px;margin-bottom:var(--space-3)}.group-description-full p{color:#636366;color:var(--text-secondary);font-size:16px;font-size:var(--font-size-16);line-height:1.6}.group-members-section h3{align-items:center;display:flex;font-size:18px;font-size:var(--font-size-18);gap:8px;gap:var(--space-2);margin-bottom:16px;margin-bottom:var(--space-4)}.members-list{flex-direction:column}.member-item,.members-list{display:flex;gap:12px;gap:var(--space-3)}.member-item{align-items:center;background-color:#fff;background-color:var(--bg-card);border:1px solid #3c3c4321;border:1px solid var(--separator);border-radius:12px;border-radius:var(--radius-md);padding:12px;padding:var(--space-3)}.member-avatar{border-radius:50%;border-radius:var(--radius-circle);height:44px;object-fit:cover;width:44px}.member-info h4{font-size:16px;font-size:var(--font-size-16)}.member-info h4,.member-info small{margin-bottom:4px;margin-bottom:var(--space-1)}.member-info small{color:#8e8e93;color:var(--text-tertiary);display:block;font-size:13px;font-size:var(--font-size-13)}.member-role{border-radius:9999px;border-radius:var(--radius-pill);font-size:12px;font-size:var(--font-size-12);font-weight:600;padding:4px 8px;padding:var(--space-1) var(--space-2)}.member-role.admin{background-color:#ff95001a;color:#ff9500;color:var(--system-orange)}.member-role.member{background-color:#8e8e931a;color:#8e8e93;color:var(--text-tertiary)}.group-discussions-section{display:flex;flex-direction:column;gap:24px;gap:var(--space-6)}.discussions-header{display:flex;flex-direction:column;gap:16px;gap:var(--space-4)}.discussions-header h3{align-items:center;display:flex;font-size:18px;font-size:var(--font-size-18);gap:8px;gap:var(--space-2)}.new-discussion-form{display:flex;gap:12px;gap:var(--space-3)}.discussion-input{background-color:#f2f2f7;background-color:var(--bg-secondary);border:1px solid #0000;border-radius:12px;border-radius:var(--radius-md);color:#1c1c1e;color:var(--text-primary);flex:1 1;font-size:16px;font-size:var(--font-size-16);line-height:1.47059;padding:12px 16px;padding:var(--space-3) var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.discussion-input:focus{background-color:#fff;background-color:var(--bg-primary);border-color:#007aff;border-color:var(--primary-blue);box-shadow:0 0 0 3px #007aff1a;outline:none}.discussions-list{display:flex;flex-direction:column;gap:12px;gap:var(--space-3)}.discussion-item{background-color:#fff;background-color:var(--bg-card);border:1px solid #3c3c4321;border:1px solid var(--separator);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;padding:16px;padding:var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.discussion-item:hover{background-color:#007aff0d}.discussion-item.active,.discussion-item:hover{border-color:#007aff;border-color:var(--primary-blue)}.discussion-item.active{background-color:#007aff1a}.discussion-item h4{font-size:16px;font-size:var(--font-size-16);margin-bottom:4px;margin-bottom:var(--space-1)}.discussion-item small{color:#8e8e93;color:var(--text-tertiary);font-size:13px;font-size:var(--font-size-13)}.empty-discussions{color:#8e8e93;color:var(--text-tertiary);padding:32px;padding:var(--space-8);text-align:center}.empty-discussions .icon{font-size:48px;margin-bottom:16px;margin-bottom:var(--space-4);opacity:.5}.discussion-chat{background-color:#fff;background-color:var(--bg-card);border:1px solid #3c3c4321;border:1px solid var(--separator);border-radius:16px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:16px;gap:var(--space-4);padding:16px;padding:var(--space-4)}.group-message{border-bottom:1px solid #3c3c4321;border-bottom:1px solid var(--separator);padding:12px;padding:var(--space-3)}.group-message:last-child{border-bottom:none}.message-sender{font-size:14px;font-size:var(--font-size-14);font-weight:600;margin-bottom:4px;margin-bottom:var(--space-1)}.group-message p{color:#636366;color:var(--text-secondary);font-size:15px;font-size:var(--font-size-15);line-height:1.5;margin-bottom:8px;margin-bottom:var(--space-2)}.group-message small{color:#8e8e93;color:var(--text-tertiary);font-size:12px;font-size:var(--font-size-12)}.group-message-form,.user-profile-page .profile-actions-header{display:flex;gap:12px;gap:var(--space-3)}.user-profile-content{display:flex;flex-direction:column;gap:32px;gap:var(--space-8)}.user-profile-header{align-items:center;display:flex;flex-direction:column;gap:24px;gap:var(--space-6);text-align:center}.user-profile-photo{position:relative}.profile-photo-large{border:4px solid #fff;border:4px solid var(--bg-primary);border-radius:50%;border-radius:var(--radius-circle);box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-3);height:120px;object-fit:cover;width:120px}.user-profile-info h2{font-size:28px;font-size:var(--font-size-28);margin-bottom:8px;margin-bottom:var(--space-2)}.user-profile-email{color:#8e8e93;color:var(--text-tertiary);margin-bottom:16px;margin-bottom:var(--space-4)}.user-profile-bio,.user-profile-email{font-size:16px;font-size:var(--font-size-16)}.user-profile-bio{color:#636366;color:var(--text-secondary);line-height:1.6;margin-bottom:24px;margin-bottom:var(--space-6);max-width:500px}.user-profile-details{display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-4);justify-content:center}.user-profile-details p{align-items:center;display:flex;font-size:15px;font-size:var(--font-size-15);gap:8px;gap:var(--space-2);margin-bottom:0}.user-profile-details a{color:#1c1c1e;color:var(--text-primary);text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.user-profile-details a:hover{color:#007aff;color:var(--primary-blue)}.user-profile-stats{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.user-projects-section h3{align-items:center;display:flex;font-size:20px;font-size:var(--font-size-20);gap:8px;gap:var(--space-2);margin-bottom:16px;margin-bottom:var(--space-4)}.profile-interaction-buttons{display:flex;flex-direction:column;gap:16px;gap:var(--space-4);margin-top:32px;margin-top:var(--space-8)}.public-page{background-color:#fff;background-color:var(--bg-primary);min-height:100vh}.public-container{margin:0 auto;max-width:768px;padding:24px;padding:var(--space-6)}.public-header{align-items:center;border-bottom:1px solid #3c3c4321;border-bottom:1px solid var(--separator);display:flex;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--space-8);padding:24px 0;padding:var(--space-6) 0}.public-logo{height:32px;object-fit:contain;width:auto}.public-profile-content,.public-project-content{padding-bottom:32px;padding-bottom:var(--space-8)}.public-project-header{margin-bottom:32px;margin-bottom:var(--space-8);text-align:center}.public-project-header h1{font-size:28px;font-size:var(--font-size-28);margin-bottom:8px;margin-bottom:var(--space-2)}.project-creator-public{color:#8e8e93;color:var(--text-tertiary);font-size:16px;font-size:var(--font-size-16)}.public-project-stats{display:flex;gap:32px;gap:var(--space-8);justify-content:center;margin-bottom:32px;margin-bottom:var(--space-8)}.public-project-stats .stat{align-items:center;display:flex;flex-direction:column;gap:8px;gap:var(--space-2)}.public-project-stats .stat .icon{color:#007aff;color:var(--primary-blue);font-size:20px}.public-project-stats .stat span{color:#636366;color:var(--text-secondary);font-size:14px;font-size:var(--font-size-14);font-weight:600}.public-project-description h3{font-size:20px;font-size:var(--font-size-20);margin-bottom:16px;margin-bottom:var(--space-4)}.public-project-description p{color:#636366;color:var(--text-secondary);font-size:16px;font-size:var(--font-size-16);line-height:1.6}.public-project-tags h4{align-items:center;display:flex;font-size:18px;font-size:var(--font-size-18);gap:8px;gap:var(--space-2);margin:32px 0 16px;margin:var(--space-8) 0 var(--space-4)}.public-cta{background-color:#fff;background-color:var(--bg-card);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-1);margin:32px 0;margin:var(--space-8) 0;padding:32px;padding:var(--space-8);text-align:center}.public-cta p{color:#636366;color:var(--text-secondary);font-size:16px;font-size:var(--font-size-16);margin-bottom:24px;margin-bottom:var(--space-6)}.cta-buttons{display:flex;flex-direction:column;gap:16px;gap:var(--space-4)}.public-footer{border-top:1px solid #3c3c4321;border-top:1px solid var(--separator);color:#8e8e93;color:var(--text-tertiary);font-size:14px;font-size:var(--font-size-14);padding-top:32px;padding-top:var(--space-8);text-align:center}.footer-logos{align-items:center;display:flex;gap:16px;gap:var(--space-4);justify-content:center;margin-top:16px;margin-top:var(--space-4)}.footer-logos img{height:28px;opacity:.7;width:auto}.public-profile-header{align-items:center;display:flex;flex-direction:column;gap:24px;gap:var(--space-6);margin-bottom:32px;margin-bottom:var(--space-8);text-align:center}.profile-photo-public{position:relative}.profile-photo-public img{border:4px solid #fff;border:4px solid var(--bg-primary);border-radius:50%;border-radius:var(--radius-circle);box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-3);height:120px;object-fit:cover;width:120px}.verified-badge-public{align-items:center;background-color:#34c759;background-color:var(--system-green);border:2px solid #fff;border:2px solid var(--bg-primary);border-radius:50%;border-radius:var(--radius-circle);bottom:8px;color:#fff;color:var(--text-on-color);display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:8px;width:24px}.profile-info-public h1{font-size:28px;font-size:var(--font-size-28);margin-bottom:8px;margin-bottom:var(--space-2)}.profile-email-public{color:#8e8e93;color:var(--text-tertiary)}.profile-bio-public,.profile-email-public{font-size:16px;font-size:var(--font-size-16);margin-bottom:16px;margin-bottom:var(--space-4)}.profile-bio-public{color:#636366;color:var(--text-secondary);line-height:1.6}.profile-location{align-items:center;color:#8e8e93;color:var(--text-tertiary);display:flex;font-size:15px;font-size:var(--font-size-15);gap:8px;gap:var(--space-2);justify-content:center}.public-profile-stats{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:repeat(3,1fr);margin-bottom:32px;margin-bottom:var(--space-8)}.stat-card-public{align-items:center;background-color:#fff;background-color:var(--bg-card);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-1);display:flex;gap:12px;gap:var(--space-3);padding:16px;padding:var(--space-4)}.stat-card-public .icon{color:#007aff;color:var(--primary-blue);font-size:20px}.stat-content-public h3{font-size:20px;font-size:var(--font-size-20);margin-bottom:4px;margin-bottom:var(--space-1)}.stat-content-public p{color:#8e8e93;color:var(--text-tertiary);font-size:12px;font-size:var(--font-size-12);font-weight:600;margin-bottom:0}.public-projects-section h2{font-size:20px;font-size:var(--font-size-20);margin-bottom:24px;margin-bottom:var(--space-6);text-align:center}.public-projects-grid{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:1fr;margin-bottom:32px;margin-bottom:var(--space-8)}.public-project-card{background-color:#fff;background-color:var(--bg-card);border:1px solid #0000;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-1);padding:20px;padding:var(--space-5);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.public-project-card:hover{border-color:#007aff;border-color:var(--primary-blue);box-shadow:0 2px 8px #0000001f;box-shadow:var(--shadow-2);transform:translateY(-2px)}.public-project-card h3{font-size:18px;font-size:var(--font-size-18);margin-bottom:12px;margin-bottom:var(--space-3)}.public-project-card p{color:#636366;color:var(--text-secondary);font-size:15px;font-size:var(--font-size-15);line-height:1.5}.project-meta-public,.public-project-card p{margin-bottom:16px;margin-bottom:var(--space-4)}.project-meta-public{color:#8e8e93;color:var(--text-tertiary);display:flex;font-size:13px;font-size:var(--font-size-13);justify-content:space-between}.public-project-card .btn-text{border-radius:0 0 12px 12px;border-radius:0 0 var(--radius-md) var(--radius-md);border-top:1px solid #3c3c4321;border-top:1px solid var(--separator);justify-content:center;margin-top:12px;margin-top:var(--space-3);padding:12px;padding:var(--space-3);width:100%}.error-message{background-color:#ff3b301a;border-left:4px solid #ff3b30;border-left:4px solid var(--system-red);border-radius:12px;border-radius:var(--radius-md);color:#ff3b30;color:var(--system-red);font-size:15px;font-size:var(--font-size-15);font-weight:600;margin-bottom:16px;margin-bottom:var(--space-4);padding:16px;padding:var(--space-4)}.empty-state{color:#8e8e93;color:var(--text-tertiary);padding:32px;padding:var(--space-8);text-align:center}.empty-state .icon{font-size:48px;margin-bottom:16px;margin-bottom:var(--space-4);opacity:.5}.access-denied{color:#8e8e93;color:var(--text-tertiary);padding:32px;padding:var(--space-8);text-align:center}.access-denied .icon{font-size:48px;margin-bottom:16px;margin-bottom:var(--space-4);opacity:.5}@media (min-width:768px){.cards-grid,.friends-grid,.groups-grid,.projects-grid,.tutorials-grid{grid-template-columns:repeat(2,1fr)}.user-stats-grid{grid-template-columns:repeat(3,1fr)}.profile-stats,.user-profile-stats{grid-template-columns:repeat(4,1fr)}.public-projects-grid{grid-template-columns:repeat(2,1fr)}.cta-buttons{justify-content:center}.cta-buttons,.project-detail-content{flex-direction:row}.project-main{flex:2 1}.project-sidebar{flex:1 1}}@media (max-width:374px){.quick-actions,.user-stats-grid{grid-template-columns:1fr}.add-friend-form,.auth-actions,.group-actions,.invitation-actions,.profile-actions,.profile-interaction-buttons{flex-direction:column}}@supports (padding:max(0px)){.bottom-nav{padding-bottom:max(12px,env(safe-area-inset-bottom));padding-bottom:max(var(--space-3),env(safe-area-inset-bottom))}.app-content{padding-bottom:calc(88px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--separator:#000;--gray-200:#ccc;--gray-400:#999}.btn-danger,.btn-primary,.btn-success{border:2px solid}}@media (prefers-color-scheme:dark){:root{--bg-primary:#000;--bg-secondary:#1c1c1e;--bg-tertiary:#2c2c2e;--bg-card:#1c1c1e;--text-primary:#fff;--text-secondary:#ebebf5;--text-tertiary:#ebebf5;--text-quaternary:#8e8e93;--separator:#38383a;--overlay:#000000a3}.app-header,.bottom-nav{background-color:#1c1c1ee6}.modal-overlay{background-color:#00000052;background-color:var(--overlay)}}
/*# sourceMappingURL=main.5b432c59.css.map*/