*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;max-width:100%}html,body{width:100%;position:relative}:root{--primary-color: #007aff;--secondary-color: #5856d6;--success-color: #34c759;--warning-color: #ff9500;--error-color: #ff3b30;--bg-primary: #000000;--bg-secondary: #1c1c1e;--bg-tertiary: #2c2c2e;--bg-quaternary: #3a3a3c;--text-primary: #ffffff;--text-secondary: #e5e5e7;--text-tertiary: #8e8e93;--text-quaternary: #636366;--border-primary: #2c2c2e;--border-secondary: #3a3a3c;--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .2);--shadow-heavy: rgba(0, 0, 0, .3);--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;--font-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px}body{font-family:var(--font-text);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;max-width:100vw}.app{display:flex;min-height:100vh;background-color:var(--bg-primary);overflow-x:hidden;max-width:100vw;width:100%}.sidebar{width:280px;background-color:var(--bg-secondary);border-right:1px solid var(--border-primary);padding:var(--spacing-lg) 0;position:fixed;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.sidebar-header{padding:0 var(--spacing-lg);margin-bottom:var(--spacing-xl)}.logo{display:flex;align-items:center;gap:var(--spacing-md)}.logo-icon{width:40px;height:40px;background-color:var(--primary-color);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden}.logo-icon img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.logo-text{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text-primary)}.sidebar-nav{flex:1;padding:0 var(--spacing-lg)}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);font-family:var(--font-text);font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:var(--spacing-sm)}.nav-item:hover{background-color:#ffffff0d;color:var(--text-primary)}.nav-item.active{background-color:var(--primary-color);color:#fff}.sidebar-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-primary)}.social-links{display:flex;gap:var(--spacing-md);justify-content:center}.social-link{width:40px;height:40px;background-color:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all .2s ease}.social-link:hover{background-color:var(--primary-color);color:#fff}.main-content{margin-left:280px;flex:1;min-height:100vh;background-color:var(--bg-primary);overflow-x:hidden;max-width:calc(100vw - 280px)}.section-content{padding:var(--spacing-xl);overflow-x:hidden;max-width:100%}.section-content h1{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.glass-effect{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);backdrop-filter:blur(8px);box-shadow:0 4px 16px #0003;transition:all .3s ease}.glass-effect:hover{border-color:#ffffff26;background:#ffffff0a;box-shadow:0 8px 24px #0000004d}.content-grid{display:flex;flex-direction:column;gap:var(--spacing-lg)}.overview-card{padding:var(--spacing-lg)}.profile-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.avatar{width:80px;height:80px;background-color:var(--primary-color);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg)}.profile-info h2{font-family:var(--font-display);font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.profile-title{color:var(--text-tertiary);font-size:18px;margin:0}.profile-description{color:var(--text-secondary);font-size:16px;line-height:1.6;margin:0}.profile-links{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.profile-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;border:1px solid transparent}.profile-link.telegram{background:#08c;color:#fff}.profile-link.telegram:hover{background:#069}.profile-link.vk{background:#07f;color:#fff}.profile-link.vk:hover{background:#0056cc}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);max-width:100%}.stat-card{padding:var(--spacing-lg);max-width:100%;overflow-x:hidden}.stat-icon{margin-bottom:var(--spacing-md)}.stat-card h3{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.stat-info p{color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.experience-item{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);transition:all .2s ease}.experience-item:hover{background:#ffffff0a;border-color:#ffffff1a}.experience-item h4{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:var(--spacing-xs);font-family:var(--font-display)}.experience-item p{color:var(--text-secondary);font-size:12px;margin-bottom:var(--spacing-xs);line-height:1.4}.experience-metric{color:var(--success-color);font-size:11px;font-weight:500;background:#34c7591a;padding:2px 6px;border-radius:4px;display:inline-block}.projects-grid{display:grid;gap:var(--spacing-md);max-width:100%}.project-card{padding:var(--spacing-lg);max-width:100%;overflow-x:hidden}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.project-info{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.project-info h3{overflow:hidden;text-overflow:ellipsis}.project-title-section{display:flex;align-items:center;gap:var(--spacing-md)}.project-avatar{width:48px;height:48px;background-color:var(--primary-color);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden;flex-shrink:0}.project-avatar img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.project-header h3{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.project-links{display:flex;gap:var(--spacing-sm)}.project-description{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.6}.project-tech{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tech-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.stat-item{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm);padding:var(--spacing-sm);text-align:center}.stat-label{display:block;font-size:12px;color:var(--text-tertiary);margin-bottom:var(--spacing-xs)}.stat-value{display:block;font-size:18px;font-weight:600;color:var(--text-primary);font-family:var(--font-display)}.error-message{color:var(--error-color);font-size:14px;text-align:center;padding:var(--spacing-sm);background:#ff3b301a;border:1px solid rgba(255,59,48,.2);border-radius:var(--radius-sm)}.hash-results{display:flex;flex-direction:column;gap:var(--spacing-sm)}.hash-item{display:flex;align-items:center;gap:var(--spacing-sm);background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm);padding:var(--spacing-sm)}.hash-label{font-weight:600;color:var(--text-primary);min-width:60px}.hash-value{flex:1;font-family:monospace;font-size:12px;color:var(--text-secondary);word-break:break-all}.color-picker-container{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-md) 0}.color-input{width:60px;height:60px;border:none;border-radius:var(--radius-sm);cursor:pointer}.color-preview{width:60px;height:60px;border-radius:var(--radius-sm);border:2px solid var(--border-primary)}.color-formats{display:flex;flex-direction:column;gap:var(--spacing-sm)}.format-item{display:flex;align-items:center;gap:var(--spacing-sm);background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm);padding:var(--spacing-sm)}.format-label{font-weight:600;color:var(--text-primary);min-width:50px}.format-value{flex:1;font-family:monospace;font-size:12px;color:var(--text-secondary)}.qr-result{text-align:center;margin-top:var(--spacing-md)}.qr-image{max-width:200px;height:auto;border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);border:2px solid var(--border-primary)}.qr-info{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm)}.qr-info p{font-size:12px;color:var(--text-tertiary);margin:0;line-height:1.4}.url-result{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.password-settings{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.setting-item{display:flex;align-items:center;gap:var(--spacing-sm)}.setting-item label{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:14px}.range-input{flex:1;margin-left:var(--spacing-sm)}.password-result,.uuid-result{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.converter-inputs{display:flex;flex-direction:column;gap:var(--spacing-md)}.input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-group label{font-size:14px;color:var(--text-secondary);font-weight:500}.converter-results{margin-top:var(--spacing-md)}.result-item{display:flex;align-items:center;gap:var(--spacing-sm);background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm);padding:var(--spacing-sm)}.result-label{font-weight:600;color:var(--text-primary)}.result-value{flex:1;font-family:monospace;font-size:14px;color:var(--text-secondary)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.contact-info{padding:var(--spacing-lg)}.contact-info h3{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.contact-methods{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-method{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-secondary)}.contact-form{padding:var(--spacing-lg)}.contact-form h3{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-md)}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-md);background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-text);font-size:14px;transition:all .2s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-quaternary)}.form-group input:focus,.form-group textarea:focus{outline:none;background-color:#ffffff26;border-color:var(--primary-color);box-shadow:0 0 0 2px #007aff33}.form-group textarea{resize:vertical;min-height:100px}.btn-primary{background-color:var(--primary-color);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-family:var(--font-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-family:var(--font-text);font-size:12px;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.btn-secondary:hover{background-color:var(--bg-quaternary);color:var(--text-primary)}.tech-tag{background-color:#ffffff1a;color:var(--text-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:14px;font-weight:500;white-space:nowrap;margin:2px}.skill-tag.blue{background-color:#007aff33;color:#64b5f6;border:1px solid rgba(0,122,255,.3)}.skill-tag.green{background-color:#34c75933;color:#81c784;border:1px solid rgba(52,199,89,.3)}.skill-tag.orange{background-color:#ff950033;color:#ffb74d;border:1px solid rgba(255,149,0,.3)}.skill-tag.purple{background-color:#5856d633;color:#9575cd;border:1px solid rgba(88,86,214,.3)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-quaternary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-quaternary)}.mobile-menu-toggle{display:none;position:fixed;top:20px;left:20px;z-index:1001;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:12px;color:var(--text-primary);cursor:pointer;transition:all .3s ease}.mobile-menu-toggle:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.resources-header{text-align:center;margin-bottom:var(--spacing-xl)}.resources-subtitle{color:var(--text-secondary);font-size:16px;margin-top:var(--spacing-sm);max-width:600px;margin-left:auto;margin-right:auto}.resources-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.highlight-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary);transition:all .2s ease}.highlight-card:hover{border-color:var(--border-secondary);transform:translateY(-2px)}.highlight-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #00000026;flex-shrink:0;position:relative;overflow:hidden}.highlight-icon:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.highlight-card:hover .highlight-icon:before{left:100%}.highlight-content h3{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.highlight-content p{font-size:14px;color:var(--text-secondary);line-height:1.4;margin:0}.resources-filters{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-wrap:wrap;justify-content:center}.filter-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-text);font-size:14px;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:var(--bg-quaternary);border-color:var(--border-secondary)}.filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.resources-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.resource-card{padding:var(--spacing-lg)}.resource-header{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.resource-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 4px 12px #00000026;position:relative;overflow:hidden}.resource-icon:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.resource-card:hover .resource-icon:before{left:100%}.resource-info{flex:1;min-width:0}.resource-info h3{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);line-height:1.3}.resource-category{display:inline-block;padding:2px var(--spacing-sm);background:var(--primary-color);color:#fff;border-radius:var(--radius-sm);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.resource-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:var(--spacing-lg)}.resource-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--primary-color);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;transition:background-color .2s ease;border:none;cursor:pointer;justify-content:center;align-self:flex-start}.resource-link:hover{background:#0056b3;transform:none}@media (max-width: 768px){.mobile-menu-toggle{display:block}.sidebar{position:fixed;left:-280px;transition:left .3s ease;z-index:1000}.sidebar.open{left:0}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.open{opacity:1;visibility:visible}.main-content{margin-left:0;max-width:100vw;width:100%}.stats-grid{grid-template-columns:1fr!important;max-width:100%;overflow-x:hidden}.stat-card{max-width:100%;overflow-x:hidden;word-wrap:break-word}.glass-effect{max-width:100%;overflow-x:hidden}.project-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.project-info{width:100%;gap:var(--spacing-sm)}.project-info h3{font-size:16px}.project-links{width:100%;flex-wrap:wrap}.project-links .btn-primary,.project-links .btn-secondary{flex:1;min-width:120px;text-align:center;font-size:14px;padding:8px 12px}.project-title-section{width:100%;justify-content:flex-start}.project-avatar{width:40px;height:40px}.project-card{padding:var(--spacing-md)}.project-description{font-size:14px}.project-tech{gap:6px}.tech-tag{font-size:12px;padding:4px 8px}.section-content{padding:var(--spacing-md) var(--spacing-sm)}.section-content h1{font-size:24px}.appstore-carousel-container{margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md));padding:0 var(--spacing-md)}}.project-expand-btn{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:var(--spacing-sm);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);transition:all .3s ease;font-size:14px;font-weight:500}.project-expand-btn:hover{background:var(--bg-quaternary);border-color:var(--border-secondary)}.expand-icon{transition:transform .3s ease}.expand-icon.expanded{transform:rotate(180deg)}.project-details{max-height:0;overflow:hidden;transition:max-height .3s ease}.project-details.expanded{max-height:2000px}.project-chart{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-primary)}.chart-header{margin-bottom:var(--spacing-sm)}.chart-header h4{color:var(--text-primary);font-size:1.25rem;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.chart-header h4:before{content:"";width:4px;height:20px;background:var(--primary-color);border-radius:2px}.chart-header p{color:var(--text-secondary);font-size:.9rem}.chart-legend{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.85rem;color:var(--text-secondary)}.legend-color{width:12px;height:12px;border-radius:2px}.chart{width:100%;height:300px;margin-bottom:var(--spacing-md);border-radius:var(--radius-md);overflow:hidden}.project-chart canvas{border-radius:var(--radius-md);background:transparent;margin-bottom:var(--spacing-sm)}.chart-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-primary)}.metric{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-sm);background:var(--bg-quaternary);border-radius:var(--radius-md)}.metric-label{font-size:.8rem;color:var(--text-tertiary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:1.5rem;font-weight:600;color:var(--text-primary);font-family:var(--font-display)}.project-details-content{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-primary)}.project-details-header{margin-bottom:var(--spacing-lg)}.project-details-header h4{color:var(--text-primary);font-size:1.25rem;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.project-details-header h4:before{content:"";width:4px;height:20px;background:var(--primary-color);border-radius:2px}.project-details-description{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0}.project-details-section{margin-bottom:var(--spacing-lg)}.section-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.section-title:before{content:"";width:3px;height:16px;background:var(--success-color);border-radius:2px}.section-content{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:var(--spacing-md)}.features-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.feature-item{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all .2s ease}.feature-item:hover{background:#ffffff0a;border-color:#ffffff1a}.feature-title{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.feature-icon{color:var(--primary-color);font-weight:700;font-size:1.2rem}.feature-title span{color:var(--text-primary);font-weight:600;font-size:.95rem}.feature-description{color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin:0;margin-left:calc(var(--spacing-sm) + 1.2rem)}.project-counter{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-primary)}.counter-header{text-align:center;margin-bottom:var(--spacing-lg)}.counter-header h4{color:var(--text-primary);font-size:1.25rem;margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.counter-header h4:before{content:"";width:4px;height:20px;background:var(--primary-color);border-radius:2px}.counter-header p{color:var(--text-secondary);font-size:.9rem;margin:0}.animated-counter{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);background:linear-gradient(135deg,#007aff1a,#34c7591a);border:1px solid rgba(0,122,255,.2);border-radius:var(--radius-lg);margin:var(--spacing-md) 0;position:relative;overflow:hidden}.animated-counter:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.counter-value{font-family:var(--font-display);font-size:4rem;font-weight:700;color:var(--primary-color);text-align:center;margin-bottom:var(--spacing-sm);text-shadow:0 0 20px rgba(0,122,255,.3);animation:pulse 2s ease-in-out infinite alternate}@keyframes pulse{0%{transform:scale(1);text-shadow:0 0 20px rgba(0,122,255,.3)}to{transform:scale(1.05);text-shadow:0 0 30px rgba(0,122,255,.5)}}.counter-label{font-family:var(--font-text);font-size:1.2rem;font-weight:600;color:var(--text-primary);text-align:center;text-transform:uppercase;letter-spacing:1px}@media (max-width: 768px){.chart-metrics{grid-template-columns:repeat(2,1fr)}.features-list{gap:var(--spacing-sm)}.feature-item{padding:var(--spacing-sm)}.counter-value{font-size:3rem}.counter-label{font-size:1rem}.animated-counter{padding:var(--spacing-lg)}}@media (max-width: 480px){.chart-metrics{grid-template-columns:1fr}.chart{height:250px}.project-details-header h4{font-size:1.1rem}.section-title{font-size:1rem}}.file-input{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);margin-bottom:16px}.image-preview{text-align:center;margin:16px 0;padding:16px;background:var(--bg-secondary);border-radius:8px}.image-preview img{border-radius:8px;box-shadow:0 4px 12px #0000001a}.html-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin:16px 0;min-height:100px}.html-preview h1,.html-preview h2,.html-preview h3{margin-top:0}.clipboard-input{display:flex;gap:12px;margin-bottom:16px}.clipboard-input input{flex:1}.clipboard-history{background:var(--bg-secondary);border-radius:8px;padding:16px}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.history-header h4{margin:0;color:var(--text-primary)}.history-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-primary);border-radius:6px;margin-bottom:8px}.history-text{flex:1;margin-right:12px;word-break:break-all;font-size:14px}.emoji-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin-bottom:16px}.emoji-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:8px;font-size:20px;cursor:pointer;transition:all .2s ease}.emoji-button:hover{background:var(--accent-color);transform:scale(1.1)}.emoji-button.selected{background:var(--accent-color);border-color:var(--accent-color)}.selected-emoji{text-align:center;padding:16px;background:var(--bg-secondary);border-radius:8px}.selected-emoji p{margin:4px 0}.selected-emoji .copied{color:var(--accent-color);font-weight:500}.speech-info{background:#007aff1a;border:1px solid rgba(0,122,255,.3);border-radius:8px;padding:12px;margin-top:16px}.speech-info p{margin:0;font-size:14px;color:#007aff}.error-message{background:#ff3b301a;border:1px solid rgba(255,59,48,.3);border-radius:8px;padding:12px;margin:12px 0;color:#ff3b30;font-size:14px}@media (max-width: 768px){.diff-container{grid-template-columns:1fr}.emoji-grid{grid-template-columns:repeat(8,1fr)}.clipboard-input{flex-direction:column}.resources-grid{grid-template-columns:1fr}.resources-filters{justify-content:center}.resources-highlights{grid-template-columns:1fr;gap:var(--spacing-md)}.highlight-card{flex-direction:column;text-align:center}.profile-links{flex-direction:column;gap:var(--spacing-sm)}.profile-link{justify-content:center}}.appstore-carousel-container{width:100%;margin-top:var(--spacing-md);margin-left:calc(-1 * var(--spacing-lg));margin-right:calc(-1 * var(--spacing-lg));padding:0 var(--spacing-lg)}.appstore-carousel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;cursor:grab;-webkit-overflow-scrolling:touch;padding:4px 0}.appstore-carousel:active{cursor:grabbing}.appstore-carousel::-webkit-scrollbar{display:none}.appstore-carousel{-ms-overflow-style:none;scrollbar-width:none}.carousel-item{flex:0 0 auto;scroll-snap-align:start}.screenshot-container{border-radius:var(--radius-md);overflow:hidden;background:var(--bg-tertiary);box-shadow:0 4px 12px var(--shadow-medium);height:400px;transition:all .2s ease}.carousel-item:hover .screenshot-container{box-shadow:0 8px 20px var(--shadow-heavy);transform:translateY(-2px)}.screenshot-container img{width:auto;height:100%;object-fit:contain;display:block;user-select:none;-webkit-user-drag:none}.project-carousel-section{margin-top:var(--spacing-lg)}.carousel-description{color:var(--text-secondary);font-size:15px;line-height:1.5;margin-bottom:var(--spacing-md)}@media (max-width: 768px){.screenshot-container{height:300px}}@media (max-width: 480px){*{box-sizing:border-box!important}html,body{overflow-x:hidden!important;max-width:100vw!important;width:100vw!important;position:relative!important}.app{overflow-x:hidden!important;max-width:100vw!important;width:100vw!important}.main-content{overflow-x:hidden!important;max-width:100vw!important;width:100%!important}.section-content{overflow-x:hidden!important;max-width:100%!important;width:100%!important;padding:4px 0!important}.stats-grid,.projects-grid{grid-template-columns:1fr!important;max-width:100%!important;width:100%!important;overflow:hidden!important;padding:0 4px!important;gap:6px!important}.glass-effect{max-width:100%!important;width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important;margin:0!important;border-left-width:0!important;border-right-width:0!important;border-radius:0!important}.stat-card,.project-card{max-width:100%!important;width:100%!important;overflow-x:hidden!important;padding:8px 6px!important;box-sizing:border-box!important;margin:0!important}.screenshot-container{height:220px;max-width:100%}.screenshot-container img{max-width:100%}.project-info{gap:6px;max-width:100%}.project-info h3{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.project-description{font-size:13px;line-height:1.5;word-wrap:break-word}.project-links{gap:4px;max-width:100%}.project-links .btn-primary,.project-links .btn-secondary{font-size:11px;padding:6px 4px;min-width:0;flex:1;white-space:nowrap}.section-content{padding:8px 2px;max-width:100vw}.section-content h1{font-size:18px;padding:0 6px;margin-bottom:10px}.projects-grid{gap:6px;max-width:100%}.project-card{padding:10px 6px;margin:0 2px;max-width:100%;overflow:hidden}.project-header{margin-bottom:8px;gap:6px}.project-avatar{width:32px;height:32px;flex-shrink:0}.project-description{margin-bottom:8px}.project-tech{gap:4px}.tech-tag{font-size:10px;padding:3px 6px;white-space:nowrap}.project-expand-btn{font-size:12px;padding:6px;margin-top:8px}.appstore-carousel-container{margin-left:-6px;margin-right:-6px;padding:0 6px;max-width:calc(100% + 12px)}.appstore-carousel{gap:6px}}