@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&display=swap";:root{--color-brick-red: #C91A09;--color-brick-yellow: #F2CD37;--color-brick-blue: #0055BF;--color-brick-green: #237841;--color-primary: #0055BF;--color-primary-hover: #004499;--color-secondary: #F2CD37;--color-accent-red: #C91A09;--color-accent-green: #237841;--color-text: #2d3436;--color-text-muted: #545b5e;--color-text-light: #6b7275;--color-bg: #f8f9fa;--color-bg-warm: #f5f6f7;--color-card: #ffffff;--color-border: #e1e5e9;--shadow-soft: 0 1px 3px rgba(45, 52, 54, .08);--shadow-medium: 0 2px 8px rgba(45, 52, 54, .1);--shadow-playful: 0 4px 12px rgba(0, 85, 191, .12);--radius-small: 4px;--radius-medium: 6px;--radius-large: 8px;--radius-xl: 12px;font-family:Nunito,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:500;color-scheme:light;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:600;color:var(--color-primary);text-decoration:inherit;transition:color .2s}a:hover{color:var(--color-primary-hover)}a.btn-primary,a.btn-secondary,a.btn-danger,a.btn-primary:hover,a.btn-secondary:hover,a.btn-danger:hover{color:inherit}body{margin:0;min-width:320px;min-height:100vh;background-color:#f5f3ee;background-image:radial-gradient(circle,#e0dcd4 1px,transparent 1px),linear-gradient(180deg,#f8f6f1,#f0ede5,#e8e4db);background-size:24px 24px,100% 100%;background-attachment:fixed}#root{width:100%}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--color-text);letter-spacing:-.02em}h1{font-size:2em;line-height:1.25}button{border-radius:var(--radius-small);border:1px solid transparent;padding:.5em 1em;font-size:.875em;font-weight:600;font-family:inherit;background-color:var(--color-card);cursor:pointer;transition:all .15s ease}button:hover{transform:translateY(-1px)}button:focus,button:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px}::selection{background:var(--color-secondary);color:var(--color-text)}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg-warm)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.snackbar-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column-reverse;gap:.75rem;max-width:400px;pointer-events:none}.snackbar{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:6px;border:2px solid;box-shadow:0 4px 12px #00000026,inset 0 1px #fff3;font-size:.9375rem;font-weight:600;font-family:inherit;pointer-events:auto;animation:snackbar-slide-in .3s ease-out;background-image:linear-gradient(to bottom,#ffffff26,#fff0,#0000000d)}@keyframes snackbar-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.snackbar-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;font-size:.875rem;font-weight:700;flex-shrink:0;border:2px solid currentColor;box-shadow:inset 0 1px 2px #0000001a}.snackbar-message{flex:1;line-height:1.4}.snackbar-dismiss{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;background:#0000001a;border-radius:4px;font-size:1.25rem;font-weight:700;line-height:1;cursor:pointer;opacity:.7;transition:all .15s;color:inherit}.snackbar-dismiss:hover{opacity:1;background:#0003;transform:none}.snackbar-success{background-color:#d4edda;border-color:#28a745;color:#155724}.snackbar-success .snackbar-icon{background:#28a745;color:#fff;border-color:#1e7e34}.snackbar-error{background-color:#f8d7da;border-color:#dc3545;color:#721c24}.snackbar-error .snackbar-icon{background:#dc3545;color:#fff;border-color:#bd2130}.snackbar-warning{background-color:#fff3cd;border-color:#ffc107;color:#856404}.snackbar-warning .snackbar-icon{background:#ffc107;color:#856404;border-color:#d39e00}.snackbar-info{background-color:#d1ecf1;border-color:#17a2b8;color:#0c5460}.snackbar-info .snackbar-icon{background:#17a2b8;color:#fff;border-color:#117a8b}@media(max-width:480px){.snackbar-container{left:1rem;right:1rem;bottom:1rem;max-width:none}.snackbar{font-size:.875rem}}.notification-bell{position:relative;background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center}.notification-bell svg{width:1.5rem;height:1.5rem;color:var(--color-text)}.notification-bell:hover svg{color:var(--color-primary)}.notification-badge{position:absolute;top:0;right:0;background:var(--color-primary);color:#fff;font-size:.65rem;font-weight:800;min-width:1.1rem;height:1.1rem;border-radius:2px;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-text)}.notification-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;width:340px;max-height:400px;background:var(--color-card);border:3px solid var(--color-text);border-radius:4px;box-shadow:6px 6px 0 var(--color-text);z-index:1000;overflow:hidden;display:flex;flex-direction:column}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:2px solid var(--color-border);background:var(--color-bg-warm)}.notification-header h3{margin:0;font-size:.9rem;font-weight:800;text-transform:uppercase}.notification-mark-all{background:none;border:none;color:var(--color-primary);font-size:.75rem;font-weight:700;cursor:pointer;text-transform:uppercase}.notification-mark-all:hover{text-decoration:underline}.notification-list{overflow-y:auto;flex:1}.notification-loading,.notification-empty{padding:2rem 1rem;text-align:center;color:var(--color-text-muted);font-size:.875rem}.notification-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);cursor:pointer;text-decoration:none;color:inherit;transition:background .15s}.notification-item:hover{background:var(--color-bg-warm)}.notification-item.unread{background:#e3000b0d}.notification-item.unread:hover{background:#e3000b1a}.notification-avatar{width:2rem;height:2rem;border-radius:2px;border:2px solid var(--color-text);object-fit:cover;flex-shrink:0}.notification-avatar--placeholder{background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.notification-content{flex:1;min-width:0}.notification-text{margin:0 0 .25rem;font-size:.8125rem;line-height:1.4;color:var(--color-text)}.notification-time{font-size:.7rem;color:var(--color-text-muted);font-weight:600}.notification-unread-dot{width:.5rem;height:.5rem;background:var(--color-primary);border-radius:50%;flex-shrink:0;margin-top:.25rem}.pro-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:var(--radius-small);font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;border:1.5px solid #f59e0b;white-space:nowrap}.pro-badge svg{width:12px;height:12px;stroke:#78350f;flex-shrink:0}.upgrade-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-medium);background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1.5px solid #fbbf24;color:#92400e;font-size:.875rem}.upgrade-banner-icon{flex-shrink:0}.upgrade-banner-icon svg{width:20px;height:20px;stroke:#f59e0b}.upgrade-banner-content{flex:1}.upgrade-banner-message{margin:0;font-weight:500}.upgrade-banner-link{display:inline-flex;align-items:center;gap:.25rem;margin-top:.25rem;font-size:.8rem;color:#b45309;font-weight:600;text-decoration:none}.upgrade-banner-link:hover{text-decoration:underline}.quota-indicator{font-size:.75rem;color:var(--color-text-secondary)}.quota-indicator-warning{color:#b45309;font-weight:500}.quota-indicator-full{color:var(--color-error);font-weight:600}.analytics-pro-gate{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;text-align:center;background:var(--color-background-alt);border-radius:var(--radius-medium);border:1px dashed var(--color-border)}.analytics-pro-gate p{margin:0;color:var(--color-text-secondary);font-size:.875rem}.navbar{position:sticky;top:0;z-index:100;background:linear-gradient(to bottom,#0055bf,#049);border-bottom:2px solid #003366;box-shadow:0 1px 3px #0000001f}.navbar-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;height:48px}.navbar-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#fff;font-weight:700}.logo-icon{background:#f2cd37;color:#1a1a1a;padding:.25rem .5rem;border-radius:3px;font-size:.875rem;font-weight:800;letter-spacing:.05em;border:1px solid rgba(0,0,0,.1)}.logo-text{font-size:1.125rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.navbar-left{display:flex;align-items:center;gap:1.5rem}.navbar-links{display:flex;align-items:center;gap:.25rem}.navbar-link{display:inline-flex;align-items:center;padding:.5rem .875rem;color:#ffffffe6;text-decoration:none;font-size:.875rem;font-weight:600;border-radius:3px;transition:all .15s}.navbar-link:hover{background:#ffffff40;color:#fff}.navbar-link:focus{outline:2px solid #F2CD37;outline-offset:2px}.navbar-link.active{background:#0003;color:#fff}.navbar-right{display:flex;align-items:center;gap:.75rem}.navbar-notifications{position:relative}.navbar-notifications .notification-bell svg{color:#fff}.navbar-notifications .notification-bell:hover svg{color:#f2cd37}.navbar-create-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.4rem .75rem;background:linear-gradient(to bottom,#fafafa,#e8e8e8);border:1px solid #ccc;border-radius:3px;color:#333;text-decoration:none;font-size:.8125rem;font-weight:600;transition:all .15s}.navbar-create-btn:hover{background:linear-gradient(to bottom,#fff,#f0f0f0);border-color:#999;color:#111}.navbar-create-btn svg{width:14px;height:14px}.navbar-signup-btn{display:inline-flex;align-items:center;padding:.4rem .875rem;background:linear-gradient(to bottom,#fafafa,#e8e8e8);border:1px solid #ccc;border-radius:3px;color:#333;text-decoration:none;font-size:.8125rem;font-weight:600;transition:all .15s}.navbar-signup-btn:hover{background:linear-gradient(to bottom,#fff,#f0f0f0);border-color:#999;color:#111}.navbar-user{position:relative}.navbar-user-btn{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem .25rem .25rem;background:#00000026;border:1px solid rgba(255,255,255,.2);border-radius:3px;color:#fff;cursor:pointer;transition:all .15s}.navbar-user-btn:hover{background:#00000040;transform:none}.navbar-avatar{width:28px;height:28px;border-radius:3px;background:linear-gradient(135deg,#d4a017,#f5cd2f);display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;color:#fff;overflow:hidden}.navbar-avatar img{width:100%;height:100%;object-fit:cover}.navbar-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;background:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 4px 12px #00000026;z-index:110}.navbar-dropdown-header{padding:.75rem 1rem;border-bottom:1px solid #e8e8e8}.dropdown-name{display:block;font-weight:600;color:var(--color-text);font-size:.875rem}.dropdown-email{display:block;font-size:.75rem;color:var(--color-text-muted);margin-top:.125rem}.navbar-dropdown-divider{height:1px;background:#e8e8e8}.navbar-dropdown-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.625rem 1rem;background:none;border:none;border-radius:0;color:var(--color-text);text-decoration:none;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s;text-align:left}.navbar-dropdown-item:hover{background:#f5f5f5;color:var(--color-text);transform:none}.navbar-dropdown-item:focus{outline:none;background:#e8f0fe;box-shadow:inset 3px 0 0 var(--color-primary)}.navbar-dropdown-item.danger{color:#c91a09}.navbar-dropdown-item.danger:hover{background:#fff0f0}.navbar-dropdown-item.danger:focus{background:#fff0f0;box-shadow:inset 3px 0 #c91a09}.navbar-dropdown-item svg{color:var(--color-text-muted);flex-shrink:0}.navbar-dropdown-item.danger svg{color:#c91a09}.navbar-mobile-toggle{display:none;padding:.5rem;background:#00000026;border:1px solid rgba(255,255,255,.2);border-radius:3px;color:#fff;cursor:pointer}.navbar-mobile-toggle:hover{background:#00000040;transform:none}.navbar-backdrop{position:fixed;inset:0;z-index:99}@media(max-width:768px){.navbar-container{height:52px}.navbar-links{position:fixed;top:55px;left:0;right:0;background:linear-gradient(to bottom,#049,#036);border-bottom:2px solid #002244;flex-direction:column;align-items:stretch;padding:.5rem;gap:.25rem;display:none;z-index:100}.navbar-links.show{display:flex}.navbar-link{padding:.75rem 1rem;border-radius:3px}.navbar-mobile-toggle{display:flex}.navbar-create-btn span{display:none}.navbar-create-btn{padding:.5rem}.logo-text{display:none}}@media(max-width:480px){.navbar-signup-btn{padding:.375rem .625rem;font-size:.75rem}}.footer{background:linear-gradient(to bottom,#2d3436,#1a1a1a);color:#b0b0b0;margin-top:auto}.footer-accent{height:4px;background:linear-gradient(to right,#e53935 0% 25%,#f2cd37 25% 50%,#0055bf 50% 75%,#4caf50 75% 100%)}.footer-container{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 1.5rem}.footer-main{display:flex;justify-content:space-between;gap:3rem;padding-bottom:2rem;border-bottom:1px solid #3d3d3d}.footer-brand{max-width:280px}.footer-logo{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;margin-bottom:.75rem}.footer-logo-brick{color:#f2cd37}.footer-logo-text{color:#fff;font-size:1.125rem;font-weight:700}.footer-tagline{margin:0;font-size:.875rem;line-height:1.5;color:#888}.footer-links{display:flex;gap:3rem}.footer-links-group{display:flex;flex-direction:column;gap:.5rem}.footer-links-group h4{margin:0 0 .5rem;font-size:.75rem;font-weight:700;color:#f2cd37;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.4rem}.footer-links-group h4 svg{opacity:.8}.footer-links-group a{color:#b0b0b0;text-decoration:none;font-size:.8125rem;font-weight:500;transition:color .15s}.footer-links-group a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1.25rem;gap:1rem}.footer-copyright{margin:0;font-size:.75rem;color:#666}.footer-color-dots{display:flex;gap:.5rem}.color-dot{width:8px;height:8px;border-radius:50%}.color-dot-red{background:#e53935}.color-dot-yellow{background:#f2cd37}.color-dot-blue{background:#0055bf}.color-dot-green{background:#4caf50}.footer-bottom-links{display:flex;gap:1.5rem}.footer-bottom-links a{color:#666;text-decoration:none;font-size:.75rem;font-weight:500;transition:color .15s}.footer-bottom-links a:hover{color:#b0b0b0}@media(max-width:768px){.footer-container{padding:2rem 1rem 1.25rem}.footer-main{flex-direction:column;gap:2rem}.footer-brand{max-width:none}.footer-links{gap:2rem;flex-wrap:wrap}.footer-links-group{min-width:120px}.footer-bottom{flex-direction:column;text-align:center;gap:.75rem}}@media(max-width:480px){.footer-links{gap:1.5rem}.footer-links-group{min-width:100px}}.layout{display:flex;flex-direction:column;min-height:100vh}.layout-main{flex:1}.layout-main:focus{outline:none}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:var(--color-primary);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-medium);font-weight:600;z-index:10000;text-decoration:none;transition:top .2s ease}.skip-link:focus{top:1rem;outline:3px solid var(--color-secondary);outline-offset:2px}.oauth-divider{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.oauth-divider:before,.oauth-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.oauth-divider span{color:#9ca3af;font-size:.875rem;white-space:nowrap}.oauth-providers{display:flex;gap:.75rem}.oauth-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.oauth-btn:hover{transform:translateY(-1px)}.oauth-btn-google:hover{background:#f8f9fa;border-color:#ea4335}.oauth-btn-github:hover{background:#f5f5f5;border-color:#333}.oauth-btn-discord:hover{background:#f0f0ff;border-color:#5865f2}.oauth-icon{font-size:1.125rem}.oauth-name{display:none}@media(min-width:400px){.oauth-name{display:inline}}.auth-container{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:transparent}.auth-card{background:var(--color-card);width:100%;max-width:400px;border:3px solid var(--color-border);box-shadow:5px 5px #0000001f}.auth-header{background:linear-gradient(to bottom,var(--color-text) 0%,#2a2a2a 100%);padding:1.5rem 2rem;text-align:center;border-bottom:3px solid var(--color-primary)}.auth-brick{width:48px;height:28px;background:var(--color-primary);margin:0 auto 1rem;border-radius:3px;position:relative;box-shadow:inset 0 -4px #0003,inset 0 4px #ffffff26}.auth-brick:before,.auth-brick:after{content:"";position:absolute;top:-8px;width:12px;height:8px;background:var(--color-primary);border-radius:3px 3px 0 0;box-shadow:inset 0 2px #fff3}.auth-brick:before{left:8px}.auth-brick:after{right:8px}.auth-title{margin:0 0 .25rem;font-size:1.375rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em}.auth-subtitle{margin:0;color:#ffffffb3;font-size:.875rem}.auth-form-wrapper{padding:1.5rem 2rem 2rem}.auth-form-wrapper .auth-error{margin-bottom:1rem}.auth-error{background:#fff5f5;color:#c53030;padding:.75rem 1rem;margin-bottom:1rem;font-size:.875rem;font-weight:500;border:2px solid #feb2b2}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-size:.8125rem;font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:.05em}.form-group input{padding:.75rem;border:2px solid var(--color-border);font-size:1rem;font-family:inherit;transition:border-color .15s;background:var(--color-card)}.form-group input:focus{outline:none;border-color:var(--color-primary)}.form-group input::placeholder{color:var(--color-text-light)}.form-hint{font-size:.75rem;color:var(--color-text-muted)}.display-name-group .input-with-status{position:relative;display:flex;align-items:center}.display-name-group .input-with-status input{flex:1;padding-right:2.5rem}.display-name-group .input-status{position:absolute;right:.75rem;display:flex;align-items:center;pointer-events:none}.display-name-group .status-icon{display:flex;align-items:center;justify-content:center}.display-name-group .status-checking{color:var(--color-text-muted);animation:spin 1s linear infinite}.display-name-group .status-valid{color:#237841}.display-name-group .status-invalid{color:#c53030}.display-name-group .input-valid{border-color:#237841!important;background-color:#23784108}.display-name-group .input-invalid{border-color:#c53030!important;background-color:#c5303008}.display-name-group .input-checking{border-color:var(--color-text-muted)!important}.display-name-group .form-feedback{font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.display-name-group .feedback-valid{color:#237841}.display-name-group .feedback-invalid{color:#c53030}.auth-btn{padding:.75rem 1rem;background:var(--color-primary);color:#fff;border:2px solid var(--color-primary);font-size:.9375rem;font-weight:700;cursor:pointer;transition:all .15s;margin-top:.5rem;box-shadow:3px 3px #00000026}.auth-btn:hover:not(:disabled){transform:translate(1px,1px);box-shadow:2px 2px #00000026}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-footer{margin-top:1.5rem;text-align:center;color:var(--color-text-muted);font-size:.875rem;padding-top:1rem;border-top:2px dashed var(--color-border)}.auth-form-wrapper .auth-footer{margin-top:1.5rem}.auth-footer a{color:var(--color-primary);text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.25rem;color:var(--color-text-muted)}.oauth-buttons{margin-top:1.5rem}.oauth-divider{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.oauth-divider:before,.oauth-divider:after{content:"";flex:1;height:2px;background:var(--color-border)}.oauth-divider span{color:var(--color-text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.oauth-providers{display:flex;flex-direction:column;gap:.5rem}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:2px solid var(--color-border);background:var(--color-card);font-size:.875rem;font-weight:600;color:var(--color-text);cursor:pointer;transition:all .15s}.oauth-btn:hover{border-color:var(--color-text-muted);background:var(--color-bg-warm)}.auth-callback-content{display:flex;align-items:center;justify-content:center;padding:2.5rem 2rem}.auth-spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-brick-loading{animation:auth-brick-pulse 1.5s ease-in-out infinite}@keyframes auth-brick-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.home-container{min-height:100vh;background:transparent}.home-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--color-card);border-bottom:3px solid var(--color-border);position:sticky;top:0;z-index:100}.home-nav{display:flex;align-items:center;gap:.5rem}.nav-link{padding:.5rem 1rem;color:var(--color-text-muted);text-decoration:none;font-size:.875rem;font-weight:600;border-radius:var(--radius-medium);transition:all .2s}.nav-link:hover{background:var(--color-bg-warm);color:var(--color-text)}.home-header h1{margin:0;font-size:1.5rem;color:var(--color-text);display:flex;align-items:center;gap:.5rem}.home-header h1:before{content:"🏠";font-size:1.25rem}.home-content{padding:2rem;max-width:900px;margin:0 auto}.welcome-card{background:var(--color-card);border-radius:var(--radius-large);padding:2rem;box-shadow:var(--shadow-soft);border:2px solid var(--color-border);position:relative;overflow:hidden}.welcome-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-brick-red),var(--color-brick-yellow),var(--color-brick-blue),var(--color-brick-green))}.welcome-card h2{margin:0 0 .5rem;font-size:1.75rem;color:var(--color-text)}.welcome-card>p{color:var(--color-text-muted);margin:0 0 1.5rem;font-size:1rem}.user-info{background:var(--color-bg-warm);border-radius:var(--radius-medium);padding:1rem 1.25rem;border:2px solid var(--color-border)}.user-info p{margin:.5rem 0;color:var(--color-text-muted)}.user-info p:first-child{margin-top:0}.user-info p:last-child{margin-bottom:0}.user-info strong{color:var(--color-text);font-weight:700}.dashboard-actions{display:flex;gap:.75rem;margin-top:1.5rem}.btn-primary{padding:.75rem 1.25rem;background:var(--color-primary);color:#fff!important;border:none;border-radius:var(--radius-medium);font-size:.9375rem;font-weight:700;cursor:pointer;text-decoration:none!important;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s;box-shadow:0 4px 12px #e3000b40}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e3000b59;color:#fff!important}.btn-secondary{padding:.75rem 1.25rem;background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-medium);color:var(--color-text)!important;font-size:.9375rem;font-weight:600;cursor:pointer;text-decoration:none!important;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.btn-secondary:hover{background:var(--color-bg-warm);border-color:var(--color-text-muted);transform:translateY(-1px);color:var(--color-text)!important}.images-section{margin-top:2rem;background:var(--color-card);border-radius:var(--radius-large);padding:1.5rem;border:2px solid var(--color-border)}.images-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.image-upload-container{margin-bottom:1.5rem}.image-upload-dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-large);padding:2rem;text-align:center;cursor:pointer;transition:border-color .2s,background-color .2s;background:var(--color-bg-warm)}.image-upload-dropzone:hover{border-color:var(--color-text-muted);background-color:var(--color-bg)}.image-upload-dropzone.dragging{border-color:var(--color-primary);background-color:#fff5f5}.image-upload-dropzone.uploading{cursor:default;border-color:var(--color-primary)}.image-upload-input{display:none}.upload-prompt{display:flex;flex-direction:column;align-items:center;gap:.5rem}.upload-icon{width:3rem;height:3rem;color:var(--color-text-muted)}.upload-text{margin:0;color:var(--color-text);font-size:.9375rem}.upload-text-primary{color:var(--color-primary);font-weight:600}.upload-hint{margin:0;color:var(--color-text-muted);font-size:.8125rem}.upload-status{display:flex;flex-direction:column;align-items:center;gap:.75rem}.upload-status p{margin:0;color:var(--color-text)}.upload-spinner{width:2rem;height:2rem;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.upload-error{margin-top:.75rem;padding:.75rem 1rem;background-color:#fff5f5;border:2px solid #feb2b2;border-radius:var(--radius-medium);color:#c53030;font-size:.875rem;font-weight:500}.image-gallery-container{margin-top:1.5rem}.gallery-empty{text-align:center;padding:2rem;color:var(--color-text-muted);background:var(--color-bg-warm);border-radius:var(--radius-medium);border:2px dashed var(--color-border)}.gallery-empty:before{content:"🖼️";display:block;font-size:2rem;margin-bottom:.5rem}.gallery-empty p{margin:0}.image-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.gallery-item{position:relative;aspect-ratio:1;border-radius:var(--radius-medium);overflow:hidden;cursor:pointer;background-color:var(--color-bg-warm);border:2px solid var(--color-border);transition:all .2s}.gallery-item:hover{border-color:var(--color-secondary);transform:scale(1.02)}.gallery-item.deleting{opacity:.5;pointer-events:none}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.gallery-item:hover img{transform:scale(1.05)}.gallery-item-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 50%);opacity:0;transition:opacity .2s;display:flex;flex-direction:column;justify-content:flex-end;padding:.75rem}.gallery-item:hover .gallery-item-overlay{opacity:1}.gallery-item-name{color:#fff;font-size:.75rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-item-delete{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;padding:.375rem;background:#00000080;border:none;border-radius:var(--radius-small);color:#fff;cursor:pointer;transition:background-color .2s}.gallery-item-delete:hover{background:#dc2626cc}.gallery-item-delete svg{width:100%;height:100%}.lightbox-overlay{position:fixed;inset:0;background:#2d3436f2;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.lightbox-content img{max-width:100%;max-height:calc(90vh - 80px);object-fit:contain;border-radius:var(--radius-medium);box-shadow:var(--shadow-medium)}.lightbox-close{position:absolute;top:-2.5rem;right:0;width:2rem;height:2rem;padding:0;background:transparent;border:none;color:#fff;cursor:pointer;opacity:.7;transition:opacity .2s}.lightbox-close:hover{opacity:1}.lightbox-close svg{width:100%;height:100%}.lightbox-info{margin-top:1rem;text-align:center;color:#fff}.lightbox-info h3{margin:0 0 .25rem;font-size:1rem;font-weight:600}.lightbox-info p{margin:.25rem 0 0;font-size:.875rem;color:#ffffffb3}.lightbox-original-size{color:#ffffff80}.images-section{background:var(--color-card);border-radius:var(--radius-large);padding:1.5rem;box-shadow:var(--shadow-soft);margin-top:1.5rem;border:2px solid var(--color-border)}.images-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.images-section-header h3{margin:0;font-size:1.125rem;color:var(--color-text);display:flex;align-items:center;gap:.5rem}.images-section-header h3:before{content:"🖼️"}.images-count{font-size:.875rem;color:var(--color-text-muted);font-weight:600;background:var(--color-bg-warm);padding:.25rem .75rem;border-radius:999px}.trending-section{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--color-border)}.trending-loading{display:flex;justify-content:center;padding:3rem}.trending-error{padding:1.5rem;text-align:center;color:#c91a09;background:#fff5f5;border:1px solid #ffcccc;border-radius:4px;font-size:.875rem}.trending-empty{padding:2rem;text-align:center;color:var(--color-text-muted);background:#f8f6f3;border:1px dashed #ccc;border-radius:4px}.trending-empty p{margin:0}.trending-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:900px){.trending-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.trending-grid{grid-template-columns:1fr}}.trending-card{display:flex;gap:.875rem;padding:.75rem;background:var(--color-card);border:1px solid var(--color-border);border-radius:4px;text-decoration:none;transition:all .15s ease;position:relative}.trending-card:hover{border-color:#0055bf;box-shadow:0 2px 8px #0055bf1a;transform:translateY(-1px)}.trending-rank{position:absolute;top:-.5rem;left:-.5rem;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0055bf,#237841);border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #00000026;z-index:1}.trending-rank-number{font-size:.75rem;font-weight:700;color:#fff}.trending-card:nth-child(1) .trending-rank{background:linear-gradient(135deg,gold,orange)}.trending-card:nth-child(2) .trending-rank{background:linear-gradient(135deg,silver,#a8a8a8)}.trending-card:nth-child(3) .trending-rank{background:linear-gradient(135deg,#cd7f32,sienna)}.trending-image{width:80px;height:60px;flex-shrink:0;border-radius:3px;overflow:hidden;background:#f0f0f0;border:1px solid var(--color-border)}.trending-image img{width:100%;height:100%;object-fit:cover}.trending-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);background:linear-gradient(135deg,#f8f6f3,#f0ede8)}.trending-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.trending-title{margin:0 0 .375rem;font-size:.875rem;font-weight:600;color:var(--color-text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trending-card:hover .trending-title{color:#0055bf}.trending-meta{display:flex;flex-wrap:wrap;gap:.625rem}.trending-author,.trending-stats{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;color:var(--color-text-muted)}.trending-author svg,.trending-stats svg{flex-shrink:0}.trending-card:nth-child(1):after{content:"";position:absolute;top:.4rem;right:.4rem;width:1rem;height:1rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2C12 2 9 6.5 9 10C9 11.5 9.5 12.5 10 13.5C9 13 7.5 12.5 7.5 10C7.5 10 5 12.5 5 16C5 19.5 8 22 12 22C16 22 19 19.5 19 16C19 11 12 2 12 2Z' fill='%23FF6B35'/%3E%3Cpath d='M12 22C14 22 15.5 20.5 15.5 18.5C15.5 16 12 12 12 12C12 12 8.5 16 8.5 18.5C8.5 20.5 10 22 12 22Z' fill='%23FFD93D'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15));animation:flicker 2s ease-in-out infinite}@keyframes flicker{0%,to{opacity:1;transform:scale(1)}25%{opacity:.9;transform:scale(1.05)}50%{opacity:1;transform:scale(1)}75%{opacity:.95;transform:scale(1.02)}}@media(max-width:560px){.trending-card{padding:.625rem}.trending-image{width:70px;height:52px}.trending-title{font-size:.8125rem}.trending-rank{width:1.5rem;height:1.5rem}.trending-rank-number{font-size:.6875rem}}.homepage{min-height:100vh}.hero{position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:2.5rem 1.5rem;overflow:hidden}.hero-bg{position:absolute;inset:0;pointer-events:none}.hero-brick{position:absolute;border-radius:4px;opacity:.1}.hero-brick:before,.hero-brick:after{content:"";position:absolute;top:-8px;width:14px;height:8px;background:inherit;border-radius:3px 3px 0 0}.hero-brick:before{left:12px}.hero-brick:after{right:12px}.hero-brick-1{width:70px;height:40px;background:#e53935;top:10%;left:5%;transform:rotate(-15deg)}.hero-brick-2{width:60px;height:35px;background:#f2cd37;top:60%;left:8%;transform:rotate(10deg)}.hero-brick-3{width:55px;height:32px;background:#0055bf;top:25%;right:15%;transform:rotate(8deg)}.hero-brick-4{width:65px;height:38px;background:#4caf50;bottom:20%;right:5%;transform:rotate(-12deg)}.hero-brick-5{width:50px;height:30px;background:#f2cd37;bottom:10%;left:25%;transform:rotate(5deg)}.hero-content{position:relative;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:2.5rem;align-items:center}.hero-text{max-width:600px}.hero-title{margin:0 0 1rem;line-height:1.15}.hero-title-top{display:block;font-size:.875rem;font-weight:600;color:#f2cd37;text-transform:uppercase;letter-spacing:.15em;margin-bottom:.375rem}.hero-title-main{display:block;font-size:2.5rem;font-weight:800;color:#fff;line-height:1.15}.hero-subtitle{margin:0 0 1.25rem;font-size:1rem;line-height:1.6;color:#ffffffbf}.hero-actions{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.btn-hero-primary{display:inline-flex;align-items:center;gap:.375rem;background:#f2cd37;color:#1a1a1a!important;font-size:.875rem;font-weight:700;padding:.625rem 1.25rem;text-decoration:none!important;border-radius:4px;transition:all .15s;box-shadow:0 2px 8px #f2cd374d}.btn-hero-primary:hover{background:#ffe066;transform:translateY(-1px);box-shadow:0 4px 12px #f2cd3766}.btn-hero-secondary{display:inline-flex;align-items:center;gap:.375rem;background:transparent;color:#fff!important;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;text-decoration:none!important;border:1px solid rgba(255,255,255,.3);border-radius:4px;transition:all .15s}.btn-hero-secondary:hover{border-color:#fff;background:#ffffff1a}.hero-stats{display:flex;gap:1.25rem;flex-wrap:wrap}.hero-stat{display:flex;align-items:center;gap:.5rem;color:#fff9;font-size:.875rem;font-weight:500}.hero-stat svg{color:#f2cd37}.hero-visual{display:flex;justify-content:center;align-items:center}.hero-brick-stack{display:flex;flex-direction:column;gap:4px;transform:perspective(500px) rotateY(-15deg) rotateX(5deg)}.stack-row{display:flex;gap:4px}.big-brick{width:80px;height:48px;border-radius:4px;position:relative;box-shadow:inset 0 -4px #00000040,inset 0 4px #ffffff26,0 8px 24px #0000004d}.big-brick:before,.big-brick:after{content:"";position:absolute;top:-10px;width:18px;height:10px;background:inherit;border-radius:3px 3px 0 0;box-shadow:inset 0 2px #fff3,0 -2px 4px #0000001a}.big-brick:before{left:14px}.big-brick:after{right:14px}.brick-red{background:#e53935}.brick-yellow{background:#f2cd37}.brick-blue{background:#0055bf}.brick-green{background:#4caf50}.homepage-content{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.featured-projects{margin-bottom:2.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.section-title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:700;color:var(--color-text)}.section-title svg{color:#f2cd37}.section-link{display:flex;align-items:center;gap:.25rem;color:var(--color-primary)!important;font-size:.9375rem;font-weight:600;text-decoration:none!important;transition:gap .2s}.section-link:hover{gap:.5rem}.featured-grid{display:grid;grid-template-columns:1fr 300px;gap:1rem;height:340px}.featured-main{position:relative;display:block;border-radius:6px;overflow:hidden;text-decoration:none!important}.featured-main:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.5) 30%,rgba(0,0,0,.1) 60%,transparent 100%);pointer-events:none}.featured-image{width:100%;height:100%}.featured-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.featured-main:hover .featured-image img{transform:scale(1.03)}.featured-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:#555}.featured-overlay{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}.featured-top{display:flex;justify-content:space-between;align-items:flex-start}.featured-badge{background:#f2cd37;color:#1a1a1a;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.375rem .75rem;border-radius:4px}.featured-dots{display:flex;gap:.5rem}.featured-dot{width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;padding:0;cursor:pointer;transition:all .2s}.featured-dot:hover{border-color:#fff}.featured-dot.active{background:#fff;border-color:#fff}.featured-info{color:#fff}.featured-title{margin:0 0 .375rem;font-size:1.25rem;font-weight:700;line-height:1.25;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}.featured-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:#fffc}.featured-author,.featured-stats{display:flex;align-items:center;gap:.375rem}.featured-side{display:flex;flex-direction:column;gap:.5rem;height:100%}.featured-card{display:flex;gap:.75rem;padding:.5rem;background:var(--color-card);border:1px solid var(--color-border);border-radius:4px;text-decoration:none!important;transition:border-color .15s,transform .15s;flex:1;min-height:0}.featured-card:hover{border-color:var(--color-primary);transform:translate(4px)}.featured-card-image{width:60px;flex-shrink:0;border-radius:4px;overflow:hidden;aspect-ratio:1}.featured-card-image img{width:100%;height:100%;object-fit:cover}.featured-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-border);color:var(--color-text-muted)}.featured-card-info{display:flex;flex-direction:column;justify-content:center;min-width:0}.featured-card-title{margin:0 0 .25rem;font-size:.9375rem;font-weight:600;color:var(--color-text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-card-author{font-size:.8125rem;color:var(--color-text-muted)}.projects-loading{display:flex;justify-content:center;padding:4rem 0}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.no-projects{text-align:center;padding:3rem;color:var(--color-text-muted);background:var(--color-card);border:2px dashed var(--color-border);border-radius:8px}.no-projects p{margin:0 0 1rem}.features{margin-bottom:2.5rem}.features-title{text-align:center;margin:0 0 1.25rem;font-size:1.25rem;font-weight:700;color:var(--color-text)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.feature-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:6px;padding:1.25rem 1rem;text-align:center;transition:transform .15s,box-shadow .15s}.feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.feature-icon{width:40px;height:40px;margin:0 auto .75rem;display:flex;align-items:center;justify-content:center;border-radius:6px}.feature-icon-red{background:#e539351a;color:#e53935}.feature-icon-blue{background:#0055bf1a;color:#0055bf}.feature-icon-green{background:#4caf501a;color:#4caf50}.feature-icon-yellow{background:#f2cd3726;color:#d4a800}.feature-card h3{margin:0 0 .375rem;font-size:.9375rem;font-weight:700;color:var(--color-text)}.feature-card p{margin:0;font-size:.8125rem;color:var(--color-text-muted);line-height:1.45}.join-section{margin-bottom:1.5rem}.join-content{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:6px;padding:1.5rem 2rem}.join-text h2{margin:0 0 .25rem;font-size:1.125rem;font-weight:700;color:#fff}.join-text p{margin:0;font-size:.875rem;color:#ffffffb3}.btn-join{display:inline-flex;align-items:center;gap:.375rem;background:#f2cd37;color:#1a1a1a!important;font-size:.875rem;font-weight:700;padding:.625rem 1.25rem;text-decoration:none!important;border-radius:4px;white-space:nowrap;transition:all .15s}.btn-join:hover{background:#ffe066;transform:translate(2px)}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-text{max-width:100%}.hero-actions,.hero-stats{justify-content:center}.featured-grid{grid-template-columns:1fr 260px}.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero{padding:2rem 1rem}.hero-title-top{font-size:.75rem}.hero-title-main{font-size:1.75rem}.hero-visual{display:none}.hero-stats{flex-direction:column;gap:.75rem;align-items:center}.section-header{flex-direction:column;gap:.5rem;align-items:flex-start}.featured-grid{grid-template-columns:1fr;height:auto}.featured-main{height:240px}.featured-side{flex-direction:row;flex-wrap:wrap;height:auto}.featured-card{flex:1 1 calc(50% - .25rem);min-width:180px}.features-grid{grid-template-columns:1fr}.join-content{flex-direction:column;text-align:center;padding:1.25rem 1rem}}@media(max-width:480px){.hero{padding:1.5rem 1rem}.hero-title-main{font-size:1.5rem}.hero-actions{flex-direction:column;width:100%}.btn-hero-primary,.btn-hero-secondary{width:100%;justify-content:center}.homepage-content{padding:1.5rem 1rem}.featured-main{height:200px}.featured-side{flex-direction:column}.featured-card{flex:none;min-width:auto}.featured-title{font-size:1rem}}.subscription-modal-overlay{position:fixed;inset:0;background:#2d3436b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.subscription-modal{background:var(--color-card);border-radius:4px;max-width:560px;width:100%;border:3px solid var(--color-text);box-shadow:6px 6px 0 var(--color-text)}.subscription-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:3px solid var(--color-text);background:var(--color-bg-warm)}.subscription-modal-header h3{margin:0;font-size:1.125rem;font-weight:700}.subscription-modal-close{background:none;border:2px solid transparent;padding:.25rem;cursor:pointer;transition:all .15s;border-radius:2px;color:var(--color-text)}.subscription-modal-close:hover{background:var(--color-card);border-color:var(--color-text)}.subscription-modal-body{padding:1.25rem}.subscription-modal-body p{margin:0 0 1.25rem;color:var(--color-text-muted);font-size:.875rem}.pricing-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pricing-card{position:relative;padding:1.25rem;border:2px solid var(--color-border);border-radius:4px;cursor:pointer;transition:all .15s;background:var(--color-card)}.pricing-card:hover{border-color:var(--color-text);box-shadow:3px 3px 0 var(--color-text)}.pricing-card.selected{border-color:#f59e0b;background:#fffbeb;box-shadow:3px 3px 0 var(--color-text)}.pricing-card-badge{position:absolute;top:-.5rem;right:.75rem;padding:.15rem .5rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;border:1.5px solid #f59e0b;border-radius:2px}.pricing-card-price{font-size:1.5rem;font-weight:800;color:var(--color-text);margin:0}.pricing-card-price span{font-size:.875rem;font-weight:500;color:var(--color-text-muted)}.pricing-card-label{margin:.25rem 0 0;font-size:.8rem;color:var(--color-text-muted);font-weight:500}.subscription-modal-footer{padding:1rem 1.25rem;border-top:3px solid var(--color-text);display:flex;justify-content:flex-end;gap:.75rem}.subscription-btn-cancel{padding:.625rem 1.25rem;border:2px solid var(--color-text);background:var(--color-card);color:var(--color-text);font-weight:600;font-size:.875rem;cursor:pointer;border-radius:2px;transition:all .15s}.subscription-btn-cancel:hover{box-shadow:2px 2px 0 var(--color-text)}.subscription-btn-subscribe{padding:.625rem 1.25rem;border:2px solid var(--color-text);background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;font-weight:700;font-size:.875rem;cursor:pointer;border-radius:2px;transition:all .15s}.subscription-btn-subscribe:hover:not(:disabled){box-shadow:3px 3px 0 var(--color-text)}.subscription-btn-subscribe:disabled{opacity:.6;cursor:not-allowed}.pro-features{margin:1.25rem 0 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.375rem}.pro-features li{font-size:.75rem;color:var(--color-text-muted);display:flex;align-items:center;gap:.375rem}.pro-features li:before{content:"";display:inline-block;width:14px;height:14px;background:#fbbf24;border-radius:50%;flex-shrink:0}.subscription-status{margin-top:.5rem;padding:.75rem 1rem;background:var(--color-bg-warm);border:1.5px solid var(--color-border);border-radius:4px;font-size:.8rem}.subscription-status-row{display:flex;justify-content:space-between;align-items:center}.subscription-status-row+.subscription-status-row{margin-top:.375rem}.subscription-status-label{color:var(--color-text-muted)}.subscription-status-value{font-weight:600;color:var(--color-text)}.subscription-status-value.canceling{color:#b45309}.subscription-actions{margin-top:.75rem;display:flex;gap:.5rem}.btn-manage-billing{padding:.5rem 1rem;border:2px solid var(--color-text);background:var(--color-card);color:var(--color-text);font-weight:600;font-size:.8rem;cursor:pointer;border-radius:2px;transition:all .15s}.btn-manage-billing:hover{box-shadow:2px 2px 0 var(--color-text)}.btn-upgrade{padding:.5rem 1rem;border:2px solid var(--color-text);background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;font-weight:700;font-size:.8rem;cursor:pointer;border-radius:2px;transition:all .15s}.btn-upgrade:hover{box-shadow:2px 2px 0 var(--color-text)}.subscription-success{text-align:center;padding:3rem 1.5rem}.subscription-success h2{margin:0 0 .5rem;font-size:1.5rem}.subscription-success p{margin:0 0 1.5rem;color:var(--color-text-muted)}@media(max-width:480px){.pricing-cards,.pro-features{grid-template-columns:1fr}}.online-indicator{display:inline-flex;align-items:center;justify-content:center;position:absolute;bottom:0;right:0;background:var(--color-card);border-radius:50%;padding:2px}.online-dot{display:block;background-color:#22c55e;border-radius:50%;animation:pulse-online 2s ease-in-out infinite}.online-indicator-small .online-dot{width:6px;height:6px}.online-indicator-medium .online-dot{width:10px;height:10px}.online-indicator-large .online-dot{width:14px;height:14px}@keyframes pulse-online{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 4px #22c55e00}}.friends-list{background:var(--color-card);border:3px solid var(--color-text);border-radius:4px;box-shadow:4px 4px 0 var(--color-text);overflow:hidden}.friends-list-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;background:var(--color-bg-warm);border:none;cursor:pointer;transition:background .15s}.friends-list-header:hover{background:var(--color-secondary)}.friends-list-title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:800;text-transform:uppercase;color:var(--color-text)}.friends-list-title svg{color:var(--color-primary)}.friends-count{background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:800;padding:.15rem .5rem;border-radius:2px;border:2px solid var(--color-text)}.friends-list-chevron{transition:transform .2s;color:var(--color-text-muted)}.friends-list-chevron.expanded{transform:rotate(180deg)}.friends-list-content{border-top:2px solid var(--color-border);padding:1rem 1.25rem}.friends-list-loading{display:flex;justify-content:center;padding:1rem}.loading-spinner-small{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.friends-list-empty{text-align:center;color:var(--color-text-muted);font-size:.875rem;padding:.5rem}.friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.friend-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;background:var(--color-bg-warm);border:2px solid var(--color-border);border-radius:4px;text-decoration:none;color:var(--color-text);transition:all .15s}.friend-item:hover{border-color:var(--color-primary);background:#fff;transform:translateY(-2px);box-shadow:2px 2px 0 var(--color-text)}.friend-avatar{position:relative;width:2rem;height:2rem;border-radius:4px;background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:#fff;border:2px solid var(--color-text);flex-shrink:0;overflow:hidden}.friend-avatar img{width:100%;height:100%;object-fit:cover}.friend-avatar .online-indicator{position:absolute;bottom:-2px;right:-2px}.friend-name{font-size:.8125rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:480px){.friends-grid{grid-template-columns:1fr 1fr}.friend-item{padding:.5rem}.friend-name{font-size:.75rem}}.showcase-manager{background:var(--color-card);border:3px solid var(--color-text);border-radius:4px;box-shadow:4px 4px 0 var(--color-text);overflow:hidden}.showcase-manager-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;background:var(--color-bg-warm);border:none;cursor:pointer;transition:background .15s}.showcase-manager-header:hover{background:var(--color-secondary)}.showcase-manager-title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.875rem;font-weight:800;text-transform:uppercase;color:var(--color-text)}.showcase-manager-title svg{color:var(--color-brick-yellow)}.showcase-count{background:var(--color-primary);color:#fff;font-size:.7rem;font-weight:800;padding:.15rem .5rem;border-radius:2px;border:2px solid var(--color-text)}.showcase-manager-chevron{transition:transform .2s;color:var(--color-text-muted)}.showcase-manager-chevron.expanded{transform:rotate(180deg)}.showcase-manager-content{border-top:2px solid var(--color-border);padding:1rem 1.25rem}.showcase-loading{display:flex;justify-content:center;padding:1rem}.showcase-section{margin-bottom:1.25rem}.showcase-section:last-child{margin-bottom:0}.showcase-section-title{margin:0 0 .75rem;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.03em}.showcase-list{display:flex;flex-direction:column;gap:.5rem}.showcase-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--color-bg-warm);border:2px solid var(--color-border);border-radius:4px;transition:all .15s}.showcase-item.showcased{background:#f2cd371a;border-color:var(--color-brick-yellow)}.showcase-item:hover{border-color:var(--color-text)}.showcase-item-image{width:48px;height:48px;border-radius:4px;overflow:hidden;flex-shrink:0;background:var(--color-bg-warm);border:2px solid var(--color-border)}.showcase-item-image img{width:100%;height:100%;object-fit:cover}.showcase-item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.showcase-item-info{flex:1;min-width:0}.showcase-item-title{display:block;font-size:.875rem;font-weight:700;color:var(--color-text);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.showcase-item-title:hover{color:var(--color-primary);text-decoration:underline}.showcase-item-add,.showcase-item-remove{width:32px;height:32px;padding:0;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.showcase-item-add{background:var(--color-brick-green, #4CAF50);border:2px solid var(--color-text);color:#fff}.showcase-item-add:hover:not(:disabled){transform:scale(1.1);box-shadow:2px 2px 0 var(--color-text)}.showcase-item-add:disabled{opacity:.5;cursor:not-allowed}.showcase-item-remove{background:#ff6b6b;border:2px solid var(--color-text);color:#fff}.showcase-item-remove:hover:not(:disabled){transform:scale(1.1);box-shadow:2px 2px 0 var(--color-text)}.showcase-item-remove:disabled{opacity:.5;cursor:not-allowed}.showcase-empty,.showcase-hint{text-align:center;padding:1rem;background:var(--color-bg-warm);border:2px dashed var(--color-border);border-radius:4px}.showcase-empty p,.showcase-hint p{margin:0 0 .75rem;color:var(--color-text-muted);font-size:.875rem}.showcase-hint p{margin:0}.showcase-empty .btn-primary{margin-top:.5rem}.showcase-item-order{display:flex;flex-direction:column;align-items:center;gap:.125rem;flex-shrink:0}.showcase-item-number{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:var(--color-brick-yellow);border:2px solid var(--color-text);border-radius:50%;font-size:.75rem;font-weight:800;color:var(--color-text)}.showcase-reorder-buttons{display:flex;flex-direction:column;gap:.125rem}.showcase-reorder-btn{width:1.25rem;height:1rem;padding:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-warm);border:1px solid var(--color-border);border-radius:2px;cursor:pointer;color:var(--color-text-muted);transition:all .15s}.showcase-reorder-btn:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:#fff}.showcase-reorder-btn:disabled{opacity:.3;cursor:not-allowed}.collection-manager{background:var(--color-card, #fff);border:3px solid var(--color-border, #ccc);border-radius:4px;overflow:hidden}.collection-manager-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;background:#f8f6f3;border:none;border-bottom:2px solid var(--color-border, #ccc);cursor:pointer;transition:background .15s}.collection-manager-header:hover{background:#f0ede8}.collection-manager-title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:700;color:var(--color-text, #333)}.collection-count{font-size:.75rem;color:var(--color-text-muted, #888);font-weight:600;background:#f0f0f0;padding:.25rem .625rem;border-radius:2px;border:1px solid #ddd}.collection-manager-chevron{transition:transform .2s;color:var(--color-text-muted, #888)}.collection-manager-chevron.expanded{transform:rotate(180deg)}.collection-manager-content{padding:1rem 1.25rem}.collection-loading{display:flex;justify-content:center;padding:2rem}.collection-item{border:1px solid var(--color-border, #ddd);border-radius:3px;margin-bottom:.5rem;overflow:hidden}.collection-item-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;background:#fafafa;cursor:pointer}.collection-item-header:hover{background:#f5f5f5}.collection-item-info{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.collection-item-name{font-weight:600;font-size:.875rem;color:var(--color-text, #333);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-item-count{font-size:.75rem;color:var(--color-text-muted, #888);flex-shrink:0}.collection-item-actions{display:flex;gap:.25rem;flex-shrink:0}.collection-item-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid transparent;border-radius:3px;color:var(--color-text-muted, #888);cursor:pointer;transition:all .15s}.collection-item-btn:hover{background:#e8e8e8;border-color:#ccc;color:var(--color-text, #333)}.collection-item-btn-danger:hover{background:#ffe8e8;border-color:#c91a09;color:#c91a09}.collection-project-picker{padding:.5rem .75rem;background:#f8f8f8;border-top:1px solid var(--color-border, #ddd);max-height:200px;overflow-y:auto}.collection-picker-item{display:flex;align-items:center;gap:.5rem;padding:.375rem;border-radius:3px;cursor:pointer;transition:background .1s}.collection-picker-item:hover{background:#e8e8e8}.collection-picker-image{width:32px;height:32px;border-radius:2px;overflow:hidden;flex-shrink:0;border:1px solid #ddd}.collection-picker-image img{width:100%;height:100%;object-fit:cover}.collection-picker-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#eee;color:#aaa}.collection-picker-title{font-size:.8125rem;color:var(--color-text, #333);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-projects-list{padding:.5rem .75rem;border-top:1px solid var(--color-border, #ddd)}.collection-project-item{display:flex;align-items:center;gap:.5rem;padding:.375rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.collection-project-item:last-child{border-bottom:none}.collection-project-image{width:32px;height:32px;border-radius:2px;overflow:hidden;flex-shrink:0;border:1px solid #ddd}.collection-project-image img{width:100%;height:100%;object-fit:cover}.collection-project-title{flex:1;font-size:.8125rem;color:var(--color-text, #333);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-project-title:hover{text-decoration:underline}.collection-edit-form,.collection-create-form{padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.collection-create-form{background:#f8f8f8;border:1px solid var(--color-border, #ddd);border-radius:3px;margin-bottom:.5rem}.collection-edit-form input,.collection-create-form input{padding:.5rem .75rem;border:1px solid #ccc;border-radius:3px;font-size:.875rem}.collection-edit-form input:focus,.collection-create-form input:focus{outline:none;border-color:#0055bf}.collection-edit-actions{display:flex;gap:.5rem}.collection-add-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%;padding:.625rem;background:transparent;border:1px dashed #ccc;border-radius:3px;color:var(--color-text-muted, #888);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s}.collection-add-btn:hover{background:#f8f8f8;border-color:#999;color:var(--color-text, #333)}.collection-empty{text-align:center;padding:1.5rem 1rem;color:var(--color-text-muted, #888);font-size:.875rem}.collection-empty p{margin:0}.user-collections-section{margin-top:1.5rem}.user-collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.user-collection-card{background:var(--color-card, #fff);border:1px solid var(--color-border, #ddd);border-radius:4px;padding:1rem;transition:box-shadow .15s;text-decoration:none;color:inherit;display:block}.user-collection-card:hover{box-shadow:0 2px 8px #0000001a}.user-collection-card-name{font-size:1rem;font-weight:700;color:var(--color-text, #333);margin:0 0 .25rem}.user-collection-card-desc{font-size:.8125rem;color:var(--color-text-muted, #888);margin:0 0 .5rem;line-height:1.4}.user-collection-card-count{font-size:.75rem;color:var(--color-text-muted, #888);font-weight:600}.profile-container{min-height:100vh;background:transparent}.profile-content{padding:2rem;max-width:500px;margin:0 auto}.profile-card{background:var(--color-card);border-radius:4px;padding:1.5rem;border:3px solid var(--color-text);box-shadow:4px 4px 0 var(--color-text)}.profile-error{background:#fff5f5;border:2px solid var(--color-text);color:#c53030;padding:.75rem 1rem;border-radius:2px;font-size:.875rem;font-weight:600;margin-bottom:1.25rem}.profile-success{background:#f0fff4;border:2px solid var(--color-text);color:#276749;padding:.75rem 1rem;border-radius:2px;font-size:.875rem;font-weight:600;margin-bottom:1.25rem}.profile-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px dashed var(--color-border)}.profile-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.profile-label{display:block;font-size:.75rem;font-weight:800;color:var(--color-text);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.5rem}.profile-hint{display:block;font-size:.75rem;color:var(--color-text-muted);margin-top:.5rem}.profile-hint-row{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.profile-hint-row .profile-hint{margin-top:0}.char-count{font-size:.75rem;color:var(--color-text-muted);font-weight:700;background:var(--color-bg-warm);padding:.125rem .375rem;border-radius:2px;border:1px solid var(--color-border)}.profile-textarea{width:100%;padding:.75rem;font-size:.9375rem;font-family:inherit;border:2px solid var(--color-text);border-radius:2px;outline:none;transition:all .15s;box-sizing:border-box;background:var(--color-card);resize:vertical;min-height:100px;line-height:1.5}.profile-textarea:focus{border-color:var(--color-primary);box-shadow:3px 3px 0 var(--color-text)}.profile-textarea::placeholder{color:var(--color-text-light)}.btn-small{padding:.375rem .75rem!important;font-size:.75rem!important}.profile-avatar{width:80px;height:80px;border-radius:4px;overflow:hidden;background:var(--color-bg-warm);cursor:pointer;position:relative;border:3px solid var(--color-text);box-shadow:3px 3px 0 var(--color-text);transition:all .15s}.profile-avatar:hover{border-color:var(--color-primary);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--color-text)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-brick-red),var(--color-brick-yellow));color:#fff;font-size:2rem;font-weight:800}.profile-avatar-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;color:#fff}.profile-avatar:hover .profile-avatar-overlay{opacity:1}.profile-input{width:100%;padding:.75rem;font-size:.9375rem;font-family:inherit;border:2px solid var(--color-text);border-radius:2px;outline:none;transition:all .15s;box-sizing:border-box;background:var(--color-card)}.profile-input:focus{border-color:var(--color-primary);box-shadow:3px 3px 0 var(--color-text)}.profile-static{font-size:.9375rem;color:var(--color-text-muted);padding:.75rem;background:var(--color-bg-warm);border:2px solid var(--color-border);border-radius:2px}.profile-provider{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;color:var(--color-text);padding:.5rem .75rem;background:var(--color-bg-warm);border-radius:2px;border:2px solid var(--color-text)}.profile-provider svg{flex-shrink:0}.profile-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:2px dashed var(--color-border)}.profile-container .btn-primary{padding:.625rem 1.25rem;background:var(--color-primary);color:#fff!important;border:2px solid var(--color-text);border-radius:2px;font-size:.875rem;font-weight:800;text-transform:uppercase;cursor:pointer;transition:all .15s;box-shadow:3px 3px 0 var(--color-text);text-decoration:none!important}.profile-container .btn-primary:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--color-text);color:#fff!important}.profile-container .btn-primary:active:not(:disabled){transform:translate(1px,1px);box-shadow:2px 2px 0 var(--color-text)}.profile-container .btn-primary:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#2d3436b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--color-card);border-radius:4px;max-width:500px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;border:3px solid var(--color-text);box-shadow:6px 6px 0 var(--color-text)}.avatar-modal{max-width:420px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:3px solid var(--color-text);background:var(--color-bg-warm)}.modal-header h3{margin:0;font-size:1rem;font-weight:800;text-transform:uppercase;color:var(--color-text)}.modal-close{background:none;border:2px solid transparent;padding:.25rem;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;border-radius:2px;transition:all .15s}.modal-close:hover{background:var(--color-card);border-color:var(--color-text);color:var(--color-text)}.modal-body{padding:1.25rem;overflow-y:auto}.btn-remove-avatar{width:100%;padding:.625rem;margin-top:1rem;background:none;border:2px dashed var(--color-border);border-radius:2px;color:var(--color-text-muted);font-size:.8125rem;font-weight:700;cursor:pointer;transition:all .15s}.btn-remove-avatar:hover{background:#fff5f5;border-color:#c53030;border-style:solid;color:#c53030}.avatar-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0}.avatar-divider:before,.avatar-divider:after{content:"";flex:1;height:2px;background:var(--color-border)}.avatar-divider span{color:var(--color-text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;white-space:nowrap}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.avatar-grid-item{aspect-ratio:1;border-radius:4px;overflow:hidden;cursor:pointer;border:2px solid var(--color-border);transition:all .15s}.avatar-grid-item:hover{transform:scale(1.05);border-color:var(--color-text);box-shadow:2px 2px 0 var(--color-text)}.avatar-grid-item.selected{border-color:var(--color-primary);border-width:3px;box-shadow:3px 3px 0 var(--color-text)}.avatar-grid-item img{width:100%;height:100%;object-fit:cover}.avatar-loading{display:flex;justify-content:center;padding:2rem}.profile-showcase-section{margin-top:2rem}.profile-friends-section{margin-top:1.5rem}@media(max-width:480px){.profile-content{padding:1rem}.profile-card{padding:1rem;box-shadow:3px 3px 0 var(--color-text)}.profile-avatar{width:70px;height:70px}}.project-card{background:var(--color-card);border-radius:4px;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--color-border);height:100%;box-shadow:0 1px 3px #00000014;transition:box-shadow .15s,border-color .15s}.project-card:hover{box-shadow:0 4px 12px #0000001a;border-color:var(--color-primary)}.project-card-image{aspect-ratio:4/3;background:var(--color-bg-warm);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;border-bottom:1px solid var(--color-border)}.project-card-status{position:absolute;top:.5rem;right:.5rem;padding:.2rem .4rem;font-size:.625rem;font-weight:700;text-transform:uppercase;border:1px solid rgba(0,0,0,.15);border-radius:2px}.project-card-status--in-progress{background:var(--color-brick-yellow);color:var(--color-text)}.project-card-status--completed{background:var(--color-brick-green, #4CAF50);color:#fff}.project-card-status--abandoned{background:#9e9e9e;color:#fff}.project-card-image img{width:100%;height:100%;object-fit:cover}.project-card-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--color-brick-red);z-index:1}.project-card-placeholder svg{width:3rem;height:3rem;opacity:.6}.project-card-content{padding:.75rem;flex:1;display:flex;flex-direction:column}.project-card-title{margin:0 0 .375rem;font-size:.9375rem;font-weight:600;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card-title:hover{color:var(--color-primary)}.project-card-description{margin:0 0 .5rem;color:var(--color-text-muted);font-size:.8125rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem;margin-top:auto}.project-card-tag{padding:.125rem .375rem;background:var(--color-bg-warm);border-radius:2px;font-size:.6875rem;font-weight:600;color:var(--color-text-muted);text-decoration:none;text-transform:uppercase;border:1px solid var(--color-border)}.project-card-tag:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.project-card-meta{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;border-top:1px solid var(--color-border);font-size:.75rem;color:var(--color-text-muted);margin-top:auto}.project-card-owner{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-text-muted);transition:color .15s}.project-card-owner:hover{color:var(--color-text)}.project-card-owner:hover span{text-decoration:underline}.project-card-avatar{width:1.25rem;height:1.25rem;border-radius:2px;background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;color:#fff;overflow:hidden}.project-card-avatar img{width:100%;height:100%;object-fit:cover}.project-card-stats{display:flex;gap:.75rem}.project-card-stat{display:flex;align-items:center;gap:.25rem;font-weight:600}.project-card-stat svg{width:1rem;height:1rem}.project-card-stat--favorited{color:var(--color-brick-red, #e53935)}.projects-container{min-height:100vh;background:transparent}.projects-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:var(--color-card);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.projects-header-left{display:flex;align-items:center;gap:1rem}.projects-header h1{margin:0;font-size:1.125rem;color:var(--color-text);display:flex;align-items:center;gap:.375rem}.projects-header h1:before{content:"🧱";font-size:1rem}.projects-nav{display:flex;gap:.375rem}.projects-nav-link{padding:.5rem 1rem;border-radius:var(--radius-medium);font-size:.875rem;font-weight:600;color:var(--color-text-muted);text-decoration:none;transition:all .2s;border:2px solid transparent}.projects-nav-link:hover{background:var(--color-bg-warm);color:var(--color-text)}.projects-nav-link.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.projects-header-actions{display:flex;gap:.75rem}.projects-content{padding:1.5rem;max-width:1400px;margin:0 auto}.projects-page-header{margin-bottom:1rem}.projects-page-header h1{margin:0;font-size:1.25rem;color:var(--color-text)}.back-link-small{display:inline-flex;align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:.8125rem;font-weight:600;color:var(--color-text-muted);text-decoration:none}.back-link-small:hover{color:var(--color-primary)}.back-link-small svg{width:14px;height:14px}.projects-toolbar{display:flex;flex-direction:column;gap:.875rem;margin-bottom:1.25rem}.projects-toolbar-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.projects-search{position:relative;display:flex;align-items:center;flex:1;max-width:400px;background:var(--color-card);border:1px solid var(--color-border);border-radius:6px;overflow:hidden;transition:border-color .15s,box-shadow .15s}.projects-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #0055bf14}.projects-search-icon{display:flex;align-items:center;padding-left:.75rem;color:var(--color-text-light);pointer-events:none}.projects-search-icon svg{width:15px;height:15px}.projects-search input{flex:1;padding:.5rem .625rem;border:none;background:transparent;font-size:.8125rem;font-family:inherit;color:var(--color-text);min-width:0}.projects-search input:focus{outline:none}.projects-search input::placeholder{color:var(--color-text-light)}.projects-search button{padding:.375rem .75rem;margin:.25rem;background:var(--color-primary);color:#fff;border:none;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s;display:flex;align-items:center;gap:.25rem;white-space:nowrap}.projects-search button:hover{background:var(--color-primary-hover)}.projects-search button svg{width:12px;height:12px}.projects-filters{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.popular-tags{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.popular-tags-label{font-size:.6875rem;color:var(--color-text-light);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.popular-tags-list{display:flex;gap:.25rem;flex-wrap:wrap}.popular-tag{padding:.25rem .5rem;background:transparent;border:none;border-radius:4px;font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;transition:all .15s;cursor:pointer}.popular-tag:hover{background:var(--color-bg-warm);color:var(--color-text)}.popular-tag.active{background:var(--color-primary);color:#fff}.status-filter{display:flex;align-items:center;gap:.5rem}.status-filter-label{font-size:.6875rem;font-weight:600;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.04em}.status-filter-options{display:flex;gap:.125rem;background:var(--color-bg-warm);padding:.125rem;border-radius:5px}.status-filter-btn{padding:.3rem .625rem;font-size:.75rem;font-weight:500;border:none;border-radius:4px;cursor:pointer;transition:all .15s;background:transparent;color:var(--color-text-muted)}.status-filter-btn:hover{color:var(--color-text)}.status-filter-btn.active{background:var(--color-card);color:var(--color-text);font-weight:600;box-shadow:0 1px 2px #0000000f}.status-filter-btn--in-progress.active{background:var(--color-brick-yellow);color:var(--color-text)}.status-filter-btn--completed.active{background:var(--color-brick-green, #4CAF50);color:#fff}.status-filter-btn--abandoned.active{background:#9e9e9e;color:#fff}.projects-toolbar-filters{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.projects-toolbar-filters .status-filter{padding-top:0;border-top:none}.sort-control{display:flex;align-items:center;gap:.375rem;margin-left:auto}.sort-control label{font-size:.6875rem;font-weight:600;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.04em}.sort-control select{padding:.3rem 1.5rem .3rem .5rem;border:1px solid var(--color-border);border-radius:4px;font-size:.75rem;font-weight:500;font-family:inherit;background:var(--color-card);color:var(--color-text);cursor:pointer;transition:all .15s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7275' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .4rem center}.sort-control select:hover{border-color:var(--color-text-muted)}.sort-control select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #0055bf14}.search-results-info{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem;padding:.5rem .75rem;background:#0055bf0a;border-radius:4px;border:1px solid rgba(0,85,191,.1)}.search-results-text{font-size:.8125rem;color:var(--color-text-muted)}.search-results-text strong{color:var(--color-primary);font-weight:600}.search-results-clear{padding:.25rem .5rem;font-size:.6875rem;font-weight:600;background:transparent;border:none;border-radius:3px;color:var(--color-primary);cursor:pointer;transition:all .15s}.search-results-clear:hover{background:#0055bf14;color:var(--color-primary-hover)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.projects-grid>*{display:flex}.projects-grid>*>.project-card{flex:1}.projects-empty{text-align:center;padding:4rem 2rem;color:var(--color-text-muted)}.projects-empty h3{margin:0 0 .5rem;color:var(--color-text)}.projects-empty p{margin:0}.projects-loading{display:flex;justify-content:center;padding:4rem}.projects-pagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;padding:.75rem 1rem;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-medium)}.pagination-info{font-size:.875rem;font-weight:600;color:var(--color-text)}.pagination-total{color:var(--color-text-muted);font-weight:500;margin-left:.5rem}.pagination-controls{display:flex;gap:.375rem}.pagination-size{display:flex;align-items:center;gap:.5rem}.pagination-size label{font-size:.875rem;font-weight:600;color:var(--color-text-muted)}.pagination-size select{padding:.375rem .75rem;border:2px solid var(--color-border);border-radius:var(--radius-small);font-size:.875rem;font-weight:600;font-family:inherit;background:var(--color-card);color:var(--color-text);cursor:pointer;transition:all .2s}.pagination-size select:hover{border-color:var(--color-primary)}.pagination-size select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0055bf1a}.pagination-btn{padding:.375rem .75rem;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-small);font-size:.8125rem;font-weight:600;color:var(--color-text);cursor:pointer;transition:all .15s}.pagination-btn:hover:not(:disabled){background:var(--color-bg-warm);border-color:var(--color-primary);color:var(--color-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary{padding:.5rem 1rem;background:var(--color-primary);color:#fff!important;border:none;border-radius:var(--radius-small);font-size:.8125rem;font-weight:600;cursor:pointer;text-decoration:none!important;display:inline-flex;align-items:center;gap:.375rem;transition:all .15s;box-shadow:0 1px 3px #0055bf33}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0055bf40;background:var(--color-primary-hover);color:#fff!important}.btn-secondary{padding:.5rem 1rem;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-small);color:var(--color-text)!important;font-size:.8125rem;font-weight:600;cursor:pointer;text-decoration:none!important;display:inline-flex;align-items:center;gap:.375rem;transition:all .15s}.btn-secondary:hover{background:var(--color-bg-warm);border-color:var(--color-text-muted);color:var(--color-text)!important}.btn-danger{padding:.5rem 1rem;background:#ff6b6b;color:#fff;border:none;border-radius:var(--radius-small);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-danger:hover{background:#ee5a5a}.my-projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.my-projects-header h2{margin:0;font-size:1.25rem;color:var(--color-text)}.project-card-actions{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:2px dashed var(--color-border);background:var(--color-bg-warm)}.project-card-actions .btn-secondary,.project-card-actions .btn-danger{flex:1;justify-content:center;padding:.5rem .75rem;font-size:.8125rem}.upload-spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.logout-btn{padding:.5rem 1rem;background:transparent;border:2px solid var(--color-border);border-radius:var(--radius-medium);color:var(--color-text-muted);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.logout-btn:hover{background:var(--color-bg-warm);border-color:var(--color-text-muted);color:var(--color-text)}.tag-input-container{position:relative}.tag-input-wrapper{display:flex;flex-wrap:wrap;gap:.375rem;padding:.5rem;border:2px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-card);min-height:42px;align-items:center;cursor:text}.tag-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px #e3000b1a}.tag-input-wrapper.at-limit{background:var(--color-bg-warm)}.tag-limit-hint{display:block;margin-top:.375rem;font-size:.75rem;color:var(--color-text-muted);font-style:italic}.tag-input{flex:1;min-width:120px;border:none;outline:none;padding:.25rem .5rem;font-size:.875rem;background:transparent;font-family:inherit}.tag-input::placeholder{color:var(--color-text-light)}.tag-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--color-secondary);color:var(--color-text);border-radius:999px;font-size:.8125rem;font-weight:600}.tag-chip-remove{display:flex;align-items:center;justify-content:center;padding:0;width:1rem;height:1rem;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:50%;transition:background .2s,color .2s}.tag-chip-remove:hover{background:var(--color-text-muted);color:#fff}.tag-chip-remove svg{width:.75rem;height:.75rem}.tag-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-medium);box-shadow:var(--shadow-medium);max-height:200px;overflow-y:auto;z-index:50}.tag-suggestion{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.625rem .75rem;border:none;background:transparent;text-align:left;cursor:pointer;transition:background .2s;font-family:inherit}.tag-suggestion:hover{background:var(--color-bg-warm)}.tag-suggestion-name{font-size:.875rem;color:var(--color-text);font-weight:500}.tag-suggestion-count{font-size:.75rem;color:var(--color-text-muted)}.tag-suggestion-create{color:var(--color-primary);font-weight:600;border-top:2px dashed var(--color-border)}.tag-suggestion-loading{padding:.625rem .75rem;color:var(--color-text-muted);font-size:.875rem}.tags-display{display:flex;flex-wrap:wrap;gap:.375rem}.tag-link{padding:.25rem .75rem;background:var(--color-bg-warm);color:var(--color-text-muted);border-radius:999px;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .2s;border:1px solid var(--color-border)}.tag-link:hover{background:var(--color-secondary);color:var(--color-text);border-color:var(--color-secondary);transform:scale(1.05)}.popular-tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.popular-tag{padding:.375rem .75rem;background:var(--color-card);border:2px solid var(--color-border);border-radius:999px;font-size:.8125rem;font-weight:600;color:var(--color-text-muted);text-decoration:none;transition:all .2s}.popular-tag:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:scale(1.05)}.color-picker-container{position:relative}.color-picker-selected{display:flex;flex-wrap:wrap;gap:.5rem;padding:.625rem;border:2px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-card);min-height:48px;align-items:center}.color-picker-placeholder{color:var(--color-text-light);font-size:.875rem}.color-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem .25rem .625rem;border-radius:999px;font-size:.75rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);border:2px solid rgba(0,0,0,.15);box-shadow:inset 0 1px #fff3}.color-chip-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-chip-name.dark-text,.color-chip-remove.dark-text{color:#333;text-shadow:none}.color-chip-remove{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;padding:0;border:none;background:#0003;color:#fff;font-size:.875rem;line-height:1;border-radius:50%;cursor:pointer;transition:background .2s}.color-chip-remove:hover{background:#0006}.color-chip-remove.dark-text{background:#0000001a}.color-chip-remove.dark-text:hover{background:#0003}.color-picker-toggle{padding:.375rem .75rem;background:var(--color-bg-warm);border:2px dashed var(--color-border);border-radius:999px;font-size:.8125rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:all .2s;font-family:inherit}.color-picker-toggle:hover:not(:disabled){background:var(--color-secondary);border-style:solid;color:var(--color-text)}.color-picker-toggle:disabled{opacity:.6;cursor:not-allowed}.color-picker-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-medium);box-shadow:var(--shadow-medium);z-index:50;max-height:400px;overflow:hidden;display:flex;flex-direction:column}.color-picker-search{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-bottom:1px solid var(--color-border);background:var(--color-card)}.color-picker-search svg{color:var(--color-text-muted);flex-shrink:0}.color-picker-search-input{flex:1;border:none;background:transparent;font-size:.875rem;font-family:inherit;color:var(--color-text);outline:none}.color-picker-search-input::placeholder{color:var(--color-text-muted)}.color-picker-matches{color:var(--color-text-light);font-weight:500}.color-picker-header{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;border-bottom:2px solid var(--color-border);background:var(--color-bg-warm)}.color-picker-count{font-size:.8125rem;font-weight:600;color:var(--color-text-muted)}.color-picker-filters{display:flex;flex-wrap:wrap;gap:.25rem}.filter-btn{padding:.25rem .625rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-small);font-size:.75rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:all .2s;font-family:inherit}.filter-btn:hover{background:var(--color-card);color:var(--color-text)}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.color-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:.375rem;padding:1rem;overflow-y:auto;max-height:250px}.color-swatch{width:36px;height:36px;border-radius:6px;border:2px solid rgba(0,0,0,.1);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0000001a}.color-swatch:hover:not(:disabled){transform:scale(1.15);z-index:1;box-shadow:0 4px 12px #0003}.color-swatch.selected{border-color:var(--color-text);border-width:3px;box-shadow:0 0 0 2px #fff,0 4px 8px #0003}.color-swatch.disabled{opacity:.4;cursor:not-allowed}.color-check{font-size:1rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.color-check.dark{color:#333;text-shadow:none}.color-dots{display:flex;gap:.25rem;flex-wrap:wrap}.color-dot{width:16px;height:16px;border-radius:50%;border:2px solid rgba(0,0,0,.1);box-shadow:inset 0 1px #ffffff4d}.color-dot.large{width:24px;height:24px}.color-palette{display:flex;flex-wrap:wrap;gap:.5rem}.color-palette-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem .375rem .5rem;background:var(--color-card);border:2px solid var(--color-border);border-radius:999px;text-decoration:none;transition:all .2s}.color-palette-item:hover{border-color:var(--color-primary);transform:translateY(-1px)}.color-palette-swatch{width:20px;height:20px;border-radius:50%;border:2px solid rgba(0,0,0,.1);box-shadow:inset 0 1px #ffffff4d}.color-palette-name{font-size:.8125rem;font-weight:600;color:var(--color-text)}.color-browse-header{margin-bottom:1.5rem}.color-browse-header .back-link{display:inline-flex;align-items:center;gap:.375rem;color:var(--color-text-muted);text-decoration:none;font-size:.875rem;font-weight:600;margin-bottom:1rem;transition:color .2s}.color-browse-header .back-link:hover{color:var(--color-primary)}.color-browse-title{display:flex;align-items:center;gap:.75rem}.color-browse-title h1{margin:0;font-size:1.5rem;color:var(--color-text)}.color-browse-swatch{width:32px;height:32px;border-radius:6px;border:3px solid rgba(0,0,0,.1);box-shadow:inset 0 2px #ffffff4d,0 2px 4px #0000001a}.color-browse-palette{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-medium);margin-bottom:1.5rem;flex-wrap:wrap}.color-browse-label{font-size:.8125rem;font-weight:600;color:var(--color-text-muted);white-space:nowrap}.color-browse-grid{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center}.color-browse-dot{width:24px;height:24px;border-radius:50%;border:2px solid rgba(0,0,0,.1);transition:all .15s;box-shadow:inset 0 1px #ffffff4d}.color-browse-dot:hover{transform:scale(1.2);z-index:1}.color-browse-dot.active{border-color:var(--color-text);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--color-text);transform:scale(1.1)}.color-browse-more{font-size:.75rem;font-weight:600;color:var(--color-primary);text-decoration:none;padding:.25rem .5rem;background:var(--color-bg-warm);border-radius:var(--radius-small);transition:all .2s}.color-browse-more:hover{background:var(--color-primary);color:#fff}.color-browse-page-header{margin-bottom:2rem}.color-browse-page-header .back-link{display:inline-flex;align-items:center;gap:.375rem;color:var(--color-text-muted);text-decoration:none;font-size:.875rem;font-weight:600;margin-bottom:1rem;transition:color .2s}.color-browse-page-header .back-link:hover{color:var(--color-primary)}.color-browse-page-header h1{margin:0 0 .5rem;font-size:2rem;color:var(--color-text)}.color-browse-subtitle{margin:0;color:var(--color-text-muted);font-size:1rem}.color-search-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-medium);margin-bottom:1rem}.color-search-bar svg{color:var(--color-text-muted);flex-shrink:0}.color-search-input{flex:1;border:none;background:transparent;font-size:.9375rem;font-family:inherit;color:var(--color-text);outline:none}.color-search-input::placeholder{color:var(--color-text-muted)}.color-browse-results{font-size:.875rem;color:var(--color-text-muted);margin-bottom:1rem}.color-filter-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.color-filter-tab{padding:.5rem 1rem;background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-medium);font-size:.875rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:all .2s;font-family:inherit}.color-filter-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.color-filter-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.color-browse-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.color-card{display:flex;flex-direction:column;background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-medium);overflow:hidden;text-decoration:none;transition:all .2s}.color-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.color-card-swatch{aspect-ratio:4/3;display:flex;align-items:flex-end;justify-content:flex-end;padding:.5rem;position:relative}.color-card-swatch:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.2) 0%,transparent 50%,rgba(0,0,0,.1) 100%)}.color-card-hex{font-size:.6875rem;font-weight:700;font-family:monospace;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);background:#0000004d;padding:.125rem .375rem;border-radius:3px;position:relative;z-index:1}.color-card-hex.dark{color:#333;text-shadow:none;background:#ffffff80}.color-card-info{padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.color-card-name{font-size:.875rem;font-weight:700;color:var(--color-text)}.color-card-meta{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.color-card-category{font-size:.75rem;color:var(--color-text-muted);text-transform:capitalize}.color-card-count{font-size:.6875rem;font-weight:700;color:var(--color-primary);background:var(--color-bg-warm);padding:.125rem .375rem;border-radius:3px}@media(max-width:640px){.color-browse-cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.color-browse-palette{flex-direction:column;align-items:flex-start}}.part-lookup-page-header{margin-bottom:2rem}.part-lookup-page-header h1{font-size:2rem;font-weight:800;margin:.5rem 0;color:var(--color-text)}.part-lookup-subtitle{color:var(--color-text-muted);font-size:1rem;margin:0}.part-lookup-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--color-border);padding-bottom:0}.part-lookup-tab{padding:.75rem 1.5rem;border:none;background:transparent;font-size:.9375rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s}.part-lookup-tab:hover{color:var(--color-text)}.part-lookup-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.part-lookup-search-row{display:flex;gap:.75rem;margin-bottom:1rem}.part-lookup-search-box{flex:1;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-medium)}.part-lookup-search-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px #e3000b1a}.part-lookup-search-box svg{color:var(--color-text-muted);flex-shrink:0}.part-lookup-search-input{flex:1;border:none;background:transparent;font-size:1rem;color:var(--color-text);outline:none}.part-lookup-search-input::placeholder{color:var(--color-text-light)}.category-dropdown{position:relative}.category-dropdown-trigger{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-medium);font-size:.875rem;font-weight:500;color:var(--color-text);cursor:pointer;white-space:nowrap;transition:all .2s}.category-dropdown-trigger:hover{border-color:var(--color-primary)}.category-dropdown-menu{position:absolute;top:calc(100% + .25rem);right:0;width:280px;background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-medium);box-shadow:var(--shadow-large);z-index:50;overflow:hidden}.category-dropdown-search{padding:.75rem;border-bottom:1px solid var(--color-border)}.category-dropdown-search input{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-small);font-size:.875rem;background:var(--color-bg);color:var(--color-text)}.category-dropdown-search input:focus{outline:none;border-color:var(--color-primary)}.category-dropdown-list{max-height:300px;overflow-y:auto}.category-dropdown-item{display:block;width:100%;padding:.625rem .75rem;border:none;background:transparent;text-align:left;font-size:.875rem;color:var(--color-text);cursor:pointer;transition:background .15s}.category-dropdown-item:hover{background:var(--color-bg-warm)}.category-dropdown-item.active{background:var(--color-primary);color:#fff}.active-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.active-filter-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .5rem .375rem .75rem;background:var(--color-secondary);border-radius:999px;font-size:.8125rem;font-weight:500;color:var(--color-text)}.remove-filter{display:flex;align-items:center;justify-content:center;padding:.125rem;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:50%;transition:all .15s}.remove-filter:hover{background:var(--color-text-muted);color:#fff}.part-lookup-results-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.875rem;color:var(--color-text-muted)}.part-lookup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.part-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-small);padding:.5rem;cursor:pointer;transition:all .15s;text-decoration:none;color:inherit}.part-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000001a}.part-card-image{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:3px;margin-bottom:.375rem}.part-card-image-placeholder{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--color-bg-warm);border-radius:3px;margin-bottom:.375rem;color:var(--color-text-muted);font-size:.625rem}.part-card-name{font-size:.75rem;font-weight:500;color:var(--color-text);margin:0 0 .125rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.part-card-num{font-size:.625rem;font-family:monospace;color:var(--color-text-muted)}.part-detail-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.part-detail-modal{background:var(--color-card);border-radius:var(--radius-large);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-large)}.part-detail-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid var(--color-border)}.part-detail-close{padding:.5rem;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-small)}.part-detail-close:hover{background:var(--color-bg-warm);color:var(--color-text)}.part-detail-content{padding:1.5rem}.part-detail-image{width:100%;max-width:300px;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:var(--radius-medium);margin:0 auto 1.5rem;display:block}.part-detail-info{margin-bottom:1.5rem}.part-detail-title{font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.part-detail-meta{display:flex;flex-wrap:wrap;gap:.75rem;color:var(--color-text-muted);font-size:.875rem}.part-detail-meta span{display:flex;align-items:center;gap:.25rem}.part-colors-section h3{font-size:1rem;font-weight:600;margin:0 0 .75rem}.part-colors-grid{display:flex;flex-wrap:wrap;gap:.5rem}.part-color-chip{width:32px;height:32px;border-radius:var(--radius-small);border:2px solid var(--color-border);cursor:pointer;transition:all .2s}.part-color-chip:hover{transform:scale(1.1);border-color:var(--color-text)}.part-color-chip.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.part-lookup-loading,.part-lookup-empty{text-align:center;padding:4rem 2rem;color:var(--color-text-muted)}.part-lookup-empty svg{margin-bottom:1rem;opacity:.5}.part-lookup-empty p{margin:.25rem 0}.part-lookup-hint{font-size:.875rem;opacity:.7}.part-lookup-loading svg{animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.part-lookup-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.pagination-btn{padding:.5rem 1rem;border:2px solid var(--color-border);background:var(--color-card);border-radius:var(--radius-medium);font-size:.875rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.pagination-info{font-size:.875rem;color:var(--color-text-muted)}@media(max-width:640px){.part-lookup-search-row{flex-direction:column}.category-dropdown-menu{width:100%;left:0;right:0}.part-lookup-grid{grid-template-columns:repeat(3,1fr);gap:.375rem}.part-card{padding:.375rem}.part-card-name{font-size:.6875rem}.part-lookup-tabs{overflow-x:auto}}.thank-you-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .5rem;border-radius:var(--radius-small);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text-secondary)}.thank-you-btn:hover:not(:disabled){border-color:var(--color-accent-red);color:var(--color-accent-red);transform:scale(1.05)}.thank-you-btn:disabled{opacity:.6;cursor:not-allowed}.thank-you-btn.thanked{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:var(--color-accent-red);color:var(--color-accent-red)}.thank-you-btn.thanked:hover:not(:disabled){background:linear-gradient(135deg,#fecaca,#fca5a5)}.thank-you-btn svg{width:14px;height:14px;flex-shrink:0;transition:transform .2s ease}.thank-you-btn.thanked svg{animation:heartPop .3s ease}.thank-you-count{font-weight:600}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.report-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.report-modal{background:var(--color-card);border-radius:var(--radius-large);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;border:2px solid var(--color-border);box-shadow:var(--shadow-soft)}.report-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:2px solid var(--color-border)}.report-modal-header h3{margin:0;font-size:1.25rem;color:var(--color-text)}.report-modal-close{background:none;border:none;padding:.25rem;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-small);transition:all .2s}.report-modal-close:hover{background:var(--color-bg-warm);color:var(--color-text)}.report-modal-body{padding:1.5rem}.report-intro{margin:0 0 1.25rem;color:var(--color-text-muted);font-size:.875rem;line-height:1.5}.report-reasons{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.report-reason-option{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:var(--color-bg-warm);border:2px solid var(--color-border);border-radius:var(--radius-medium);cursor:pointer;transition:all .2s}.report-reason-option:hover{border-color:var(--color-text-muted)}.report-reason-option.selected{border-color:var(--color-primary);background:#e3000b0d}.report-reason-option input[type=radio]{margin-top:.125rem;accent-color:var(--color-primary)}.report-reason-content{display:flex;flex-direction:column;gap:.125rem}.report-reason-label{font-weight:600;color:var(--color-text);font-size:.9375rem}.report-reason-desc{font-size:.8125rem;color:var(--color-text-muted)}.report-description{display:flex;flex-direction:column;gap:.5rem}.report-description label{font-size:.875rem;font-weight:600;color:var(--color-text)}.report-description textarea{padding:.75rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius-medium);font-size:.875rem;background:var(--color-card);color:var(--color-text);min-height:100px;resize:vertical;font-family:inherit}.report-description textarea:focus{outline:none;border-color:var(--color-primary)}.report-description textarea::placeholder{color:var(--color-text-muted)}.report-char-count{font-size:.75rem;color:var(--color-text-muted);text-align:right}.report-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:2px solid var(--color-border);background:var(--color-bg-warm)}.report-btn-cancel{padding:.625rem 1.25rem;background:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-medium);color:var(--color-text);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.report-btn-cancel:hover{background:var(--color-bg-warm);border-color:var(--color-text-muted)}.report-btn-submit{padding:.625rem 1.25rem;background:var(--color-primary);border:none;border-radius:var(--radius-medium);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.report-btn-submit:hover:not(:disabled){opacity:.9}.report-btn-submit:disabled{opacity:.5;cursor:not-allowed}.report-button{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:transparent;border:none;color:var(--color-text-muted);font-size:.8125rem;cursor:pointer;border-radius:var(--radius-small);transition:all .2s}.report-button:hover{background:var(--color-bg-warm);color:var(--color-primary)}.report-button svg{width:14px;height:14px}.comment-section{background:var(--color-card);border:1px solid var(--color-border);border-radius:3px;padding:1.25rem;margin-top:1.25rem}.comment-section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border);font-size:.9375rem;font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:.02em}.comment-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;background:#f0f0f0;border:1px solid #ddd;border-radius:2px;font-size:.6875rem;font-weight:700;color:var(--color-text-muted);text-transform:none;letter-spacing:0}.comment-form{display:flex;gap:.625rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--color-border)}.comment-form-avatar{flex-shrink:0;width:2rem;height:2rem;border-radius:2px;background:linear-gradient(135deg,#0055bf,#237841);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;overflow:hidden;border:1px solid rgba(0,0,0,.1)}.comment-form-avatar img{width:100%;height:100%;object-fit:cover}.comment-form-input{flex:1;display:flex;flex-direction:column;gap:.5rem}.comment-form-input textarea{width:100%;padding:.5rem .625rem;border:1px solid #ccc;border-radius:2px;font-family:inherit;font-size:.875rem;line-height:1.5;resize:none;transition:border-color .15s;background:#fff}.comment-form-input textarea:focus{outline:none;border-color:#0055bf}.comment-form-input button{align-self:flex-end;padding:.375rem .875rem;font-size:.8125rem;background:linear-gradient(to bottom,#0055bf,#049);border:1px solid #003366;border-radius:2px;color:#fff;font-weight:600;cursor:pointer;transition:all .15s}.comment-form-input button:hover{background:linear-gradient(to bottom,#06d,#0055bf)}.comment-form-input button:disabled{background:#ccc;border-color:#aaa;cursor:not-allowed}.comment-error{padding:.5rem .625rem;background:#fff0f0;border:1px solid #e8b8b8;border-left:3px solid #C91A09;border-radius:2px;color:#a01507;font-size:.8125rem;line-height:1.4}.comments-disabled,.comments-login-prompt,.comments-empty{text-align:center;padding:1.25rem 1rem;color:var(--color-text-muted);font-size:.8125rem;background:#f8f6f3;border:1px dashed #ccc;border-radius:2px}.comments-login-prompt a{color:#0055bf;text-decoration:underline;font-weight:600}.comments-login-prompt a:hover{color:#049}.comment-list{display:flex;flex-direction:column;gap:0}.comment{display:flex;gap:.625rem;padding:.875rem 0;border-bottom:1px solid var(--color-border)}.comment:last-child{border-bottom:none;padding-bottom:0}.comment:first-child{padding-top:0}.comment.owner-note{background:#fffef5;margin:0 -.75rem;padding:.875rem .75rem;border:1px solid #e8d888;border-radius:2px;border-bottom:1px solid #e8d888}.comment.owner-note:last-child{padding-bottom:.875rem}.comment-avatar{flex-shrink:0;width:1.75rem;height:1.75rem;border-radius:2px;background:linear-gradient(135deg,#4a90d9,#5ba870);display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;color:#fff;overflow:visible;border:1px solid rgba(0,0,0,.1);position:relative}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-content{flex:1;min-width:0}.comment-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem;flex-wrap:wrap}.comment-author{font-weight:600;color:var(--color-text);font-size:.8125rem;display:flex;align-items:center;gap:.375rem}.owner-badge{display:inline-block;padding:.125rem .375rem;background:#0055bf;color:#fff;border-radius:2px;font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.comment-date{font-size:.6875rem;color:var(--color-text-muted)}.comment-text{margin:0;color:var(--color-text);font-size:.8125rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.comment-footer{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.comment-actions{display:flex;gap:.75rem;margin-top:.375rem}.comment-action{padding:0;border:none;background:transparent;color:var(--color-text-muted);font-size:.6875rem;cursor:pointer;transition:color .15s;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.comment-action:hover{color:#0055bf}.comment-action.danger:hover{color:#dc2626}.comment-edit{margin-top:.5rem}.comment-edit textarea{width:100%;padding:.375rem .5rem;border:1px solid #ccc;border-radius:2px;font-family:inherit;font-size:.8125rem;line-height:1.5;resize:none;background:#fff}.comment-edit textarea:focus{outline:none;border-color:#0055bf}.comment-edit-actions{display:flex;justify-content:flex-end;gap:.375rem;margin-top:.375rem}.comment-edit-actions button{padding:.25rem .625rem;font-size:.75rem;border-radius:2px}.comment-edit-actions button:first-child{background:linear-gradient(to bottom,#fafafa,#f0f0f0);border:1px solid #ccc;color:#666}.comment-edit-actions button:first-child:hover{background:linear-gradient(to bottom,#fff,#f5f5f5);border-color:#999}.comment-edit-actions button:last-child{background:linear-gradient(to bottom,#0055bf,#049);border:1px solid #003366;color:#fff}.comment-edit-actions button:last-child:hover{background:linear-gradient(to bottom,#06d,#0055bf)}.comments-loading{text-align:center;padding:1.5rem 1rem;color:var(--color-text-muted);font-size:.8125rem}.comment-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.pagination-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:600;background:linear-gradient(to bottom,#fafafa,#f0f0f0);border:1px solid #ccc;border-radius:2px;color:#555;cursor:pointer;transition:all .15s}.pagination-btn:hover:not(:disabled){background:linear-gradient(to bottom,#fff,#f5f5f5);border-color:#999;color:#333}.pagination-info{font-size:.75rem;color:var(--color-text-muted)}.analytics-panel{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.analytics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.analytics-title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:700;color:var(--color-text)}.analytics-title svg{width:1.25rem;height:1.25rem;color:#0055bf}.analytics-badge{display:inline-flex;align-items:center;padding:.2rem .5rem;background:linear-gradient(to bottom,#e8f4ff,#d4e9ff);border:1px solid #a8d4ff;border-radius:3px;font-size:.6875rem;font-weight:700;color:#0055bf;text-transform:uppercase;letter-spacing:.03em}.analytics-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--color-text-muted);font-size:.875rem;background:#f8f6f3;border:1px dashed #ccc;border-radius:3px}.analytics-error{padding:1rem;text-align:center;color:#c91a09;font-size:.875rem;background:#fff5f5;border:1px solid #ffcccc;border-left:3px solid #C91A09;border-radius:3px}.analytics-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem}@media(max-width:640px){.analytics-stats{grid-template-columns:repeat(2,1fr)}}.analytics-stat{background:#f8f6f3;border:1px solid var(--color-border);border-radius:3px;padding:.875rem;text-align:center;transition:all .15s}.analytics-stat:hover{background:#f5f2ed;border-color:#ccc}.analytics-stat-value{font-size:1.5rem;font-weight:700;color:#0055bf;line-height:1.2;margin-bottom:.25rem}.analytics-stat-label{font-size:.6875rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.analytics-stat-trend{display:inline-flex;align-items:center;gap:.125rem;font-size:.6875rem;font-weight:600;margin-top:.25rem}.analytics-stat-trend.up{color:#237841}.analytics-stat-trend.down{color:#c91a09}.analytics-stat-trend svg{width:.75rem;height:.75rem}.analytics-chart{background:#fff;border:1px solid var(--color-border);border-radius:3px;padding:1rem}.analytics-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.analytics-chart-title{margin:0;font-size:.8125rem;font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:.03em}.analytics-chart-container{display:flex;align-items:flex-end;justify-content:space-between;height:120px;gap:.375rem;padding:.5rem 0}.analytics-chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;position:relative}.analytics-chart-bar{width:100%;max-width:36px;background:linear-gradient(to top,#0055bf,#237841);border-radius:2px 2px 0 0;min-height:3px;margin-top:auto;transition:all .2s ease;position:relative;border:1px solid rgba(0,0,0,.1);border-bottom:none}.analytics-chart-bar:hover{filter:brightness(1.1);transform:scaleX(1.05)}.analytics-chart-bar:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#ffffff4d;border-radius:2px 2px 0 0}.analytics-chart-value{position:absolute;top:-1.375rem;left:50%;transform:translate(-50%);font-size:.6875rem;font-weight:600;color:var(--color-text);white-space:nowrap;opacity:0;transition:opacity .15s}.analytics-chart-bar-wrapper:hover .analytics-chart-value{opacity:1}.analytics-chart-label{margin-top:.5rem;font-size:.625rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase}.analytics-chart-container:before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--color-border)}.analytics-pro-gate{grid-column:2 / -1;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,#fffef9,#fff8e1);border:1px solid #e8e4d9;border-left:3px solid #d4a017;border-radius:3px}.analytics-pro-gate .upgrade-banner{background:transparent;border:none;padding:0;margin:0}.analytics-chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:120px;color:var(--color-text-muted);font-size:.8125rem;text-align:center}.analytics-chart-empty svg{width:2rem;height:2rem;margin-bottom:.5rem;opacity:.4}.project-card-views{display:inline-flex;align-items:center;gap:.25rem;color:var(--color-text-muted);font-size:.75rem;font-weight:600}.project-card-views svg{width:.875rem;height:.875rem}@media(max-width:480px){.analytics-stats{grid-template-columns:repeat(2,1fr);gap:.5rem}.analytics-stat{padding:.625rem}.analytics-stat-value{font-size:1.25rem}.analytics-chart-container{height:100px;gap:.25rem}.analytics-chart-label{font-size:.5625rem}.analytics-pro-gate{grid-column:1 / -1}}.project-detail-container{min-height:100vh;background:transparent}.project-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.project-detail-error h2{margin:0 0 .5rem;color:var(--color-text);font-size:1.5rem}.project-detail-error p{margin:0 0 1.5rem;color:var(--color-text-muted)}.project-hero{position:relative;height:360px;background:linear-gradient(180deg,#0055bf,#036);border-bottom:4px solid #002244;overflow:hidden}.project-hero-image{width:100%;height:100%;object-fit:cover}.project-hero-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#fff6}.project-hero-placeholder svg{width:5rem;height:5rem}.project-hero-overlay{position:absolute;top:0;left:0;right:0;padding:1rem 1.5rem;background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,transparent 100%)}.project-back-link{display:inline-flex;align-items:center;gap:.375rem;color:#fff;text-decoration:none;font-size:.8125rem;font-weight:600;padding:.375rem .75rem;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:3px;transition:background .15s}.project-back-link:hover{background:#00000080;color:#fff}.project-detail-content{max-width:860px;margin:-80px auto 0;padding:1.5rem;position:relative}.project-detail-main{background:var(--color-card);border:1px solid var(--color-border);border-radius:4px;padding:1.5rem;box-shadow:0 1px 3px #00000014}.project-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.project-title{margin:0;font-size:1.75rem;font-weight:700;color:var(--color-text);flex:1;line-height:1.3}.project-actions{display:flex;gap:.5rem;flex-shrink:0}.favorite-btn{display:flex;align-items:center;gap:.375rem;padding:.4rem .75rem;background:linear-gradient(to bottom,#fafafa,#f0f0f0);border:1px solid #ccc;border-radius:3px;color:#666;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s}.favorite-btn:hover{background:linear-gradient(to bottom,#fff,#f5f5f5);border-color:#999;color:#c91a09}.favorite-btn.favorited{background:linear-gradient(to bottom,#ffe8e8,#ffd8d8);border-color:#c91a09;color:#c91a09}.favorite-btn svg{width:1rem;height:1rem}.project-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.75rem;background:#f8f6f3;border:1px solid var(--color-border);border-radius:3px}.project-author{display:flex;align-items:center;gap:.625rem;text-decoration:none;transition:opacity .15s}.project-author:hover{opacity:.8}.project-author:hover .project-author-name{text-decoration:underline}.project-author-avatar{width:2.5rem;height:2.5rem;border-radius:3px;background:linear-gradient(135deg,#0055bf,#237841);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:#fff;overflow:hidden;border:1px solid rgba(0,0,0,.1)}.project-author-avatar img{width:100%;height:100%;object-fit:cover}.project-author-info{display:flex;flex-direction:column;gap:.125rem}.project-author-name{font-weight:600;color:var(--color-text);font-size:.9375rem}.project-date{font-size:.75rem;color:var(--color-text-muted)}.project-description{margin:0 0 1.25rem;color:var(--color-text);line-height:1.7;font-size:.9375rem;white-space:pre-wrap;padding:1rem;background:#fffef9;border:1px solid #e8e4d9;border-left:3px solid #d4a017;border-radius:2px}.project-colors{margin-bottom:1.5rem}.project-colors-title{font-size:.875rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .625rem}.piece-count-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;background:linear-gradient(to bottom,#fff8e1,#fff3c4);border:1px solid #d4a017;border-radius:3px;font-size:.75rem;font-weight:700;color:#8b6914;white-space:nowrap;flex-shrink:0}.project-parts-list{margin-bottom:1.5rem}.project-parts-list-title{font-size:.875rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .625rem}.project-parts-list-content{background:#f8f6f3;border:1px solid var(--color-border);border-radius:3px;padding:.75rem 1rem;max-height:300px;overflow-y:auto}.project-parts-list-item{padding:.25rem 0;font-size:.8125rem;color:var(--color-text);border-bottom:1px solid rgba(0,0,0,.05)}.project-parts-list-item:last-child{border-bottom:none}.project-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:1.5rem}.project-tags .tag-link{display:inline-block;padding:.25rem .625rem;background:#f5f5f5;border:1px solid #ddd;border-radius:2px;font-size:.75rem;font-weight:600;color:#555;text-decoration:none;transition:all .15s}.project-tags .tag-link:hover{background:#e8e8e8;border-color:#bbb;color:#333}.project-gallery{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.gallery-image-card{position:relative;aspect-ratio:16/10;border-radius:2px;overflow:hidden;cursor:pointer;background:#f0f0f0;border:1px solid #ccc;transition:all .15s}.gallery-image-card:hover{border-color:#999;box-shadow:0 2px 8px #00000026}.gallery-image-card img{width:100%;height:100%;object-fit:cover}.gallery-image-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.gallery-image-card:hover .gallery-image-overlay{opacity:1}.gallery-image-overlay svg{color:#fff}.gallery-image-caption{position:absolute;bottom:0;left:0;right:0;padding:.375rem .5rem;background:#000000b3;color:#fff;font-size:.6875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-showcases{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.showcases-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-title{margin:0;font-size:1.125rem;color:var(--color-text);font-weight:700}.showcase-tabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:2px solid var(--color-border);margin-bottom:0}.showcase-tab{padding:.625rem 1rem;background:#f8f6f3;border:1px solid var(--color-border);border-bottom:none;border-radius:3px 3px 0 0;margin-bottom:-2px;margin-right:.25rem;font-size:.8125rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:all .15s}.showcase-tab:hover{background:#f0ede8;color:var(--color-text)}.showcase-tab.active{background:var(--color-card);border-color:var(--color-border);border-bottom:2px solid var(--color-card);color:#0055bf}.showcase-tab-content{padding:1.25rem;background:var(--color-card);border:1px solid var(--color-border);border-top:none;border-radius:0 0 3px 3px}.showcase-panel-description{margin:0 0 1.25rem;color:var(--color-text-muted);line-height:1.6;font-size:.875rem;padding:.75rem;background:#fff;border:1px solid var(--color-border);border-left:3px solid #4a90d9;border-radius:2px}.showcase-image-section{margin-bottom:1.25rem}.showcase-image-section-title{margin:0 0 .625rem;font-size:.8125rem;font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:.03em;padding-bottom:.375rem;border-bottom:2px solid #0055BF;display:inline-block}.showcase-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.625rem}.showcase-image-card{position:relative;aspect-ratio:4/3;border-radius:2px;overflow:hidden;cursor:pointer;background:#f0f0f0;border:1px solid #ccc;transition:all .15s}.showcase-image-card:hover{border-color:#999;box-shadow:0 2px 8px #00000026}.showcase-image-card img{width:100%;height:100%;object-fit:cover}.showcase-image-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.showcase-image-card:hover .showcase-image-overlay{opacity:1}.showcase-image-overlay svg{color:#fff}.showcase-no-images{text-align:center;padding:2rem 1rem;color:var(--color-text-muted);background:#fff;border:1px dashed #ccc;border-radius:2px;font-size:.875rem}.project-no-showcases{text-align:center;padding:2.5rem 1rem;color:var(--color-text-muted);margin-top:1.5rem;background:#f8f6f3;border:1px dashed #ccc;border-radius:3px;font-size:.9375rem}.project-no-showcases p{margin:0}.lightbox-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;cursor:zoom-out}.lightbox-content{position:relative;max-width:90vw;max-height:90vh}.lightbox-content img{max-width:100%;max-height:90vh;object-fit:contain;border:4px solid white;box-shadow:0 4px 20px #00000080}.lightbox-close{position:absolute;top:-2.5rem;right:0;width:2rem;height:2rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:2px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.lightbox-close:hover{background:#fff3}.lightbox-close svg{width:1.25rem;height:1.25rem}@media(max-width:768px){.project-hero{height:240px}.project-detail-content{padding:1rem;margin-top:-50px}.project-detail-main{padding:1rem}.project-header{flex-direction:column;gap:.75rem}.project-title{font-size:1.375rem}.project-actions{width:100%}.project-actions>*{flex:1;justify-content:center}.project-meta{padding:.625rem}.showcases-header{flex-direction:column;align-items:flex-start;gap:.5rem}.showcase-tabs{gap:.125rem}.showcase-tab{padding:.5rem .75rem;font-size:.75rem}.showcase-tab-content{padding:1rem}.showcase-image-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.lightbox-overlay{padding:1rem}.lightbox-close{top:-2rem}}@media(max-width:480px){.project-hero{height:180px}.project-detail-content{padding:.75rem;margin-top:-40px}.project-title{font-size:1.25rem}.project-author-avatar{width:2rem;height:2rem;font-size:.75rem}.showcase-image-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:1fr}}.showcase-editor{background:var(--color-card);border:1px solid var(--color-border);border-radius:3px;padding:1.25rem;box-shadow:0 1px 3px #0000000f}.showcase-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.showcase-editor-header h3{margin:0;font-size:1rem;font-weight:700;color:var(--color-text)}.showcase-count{font-size:.75rem;color:var(--color-text-muted);font-weight:600;background:#f0f0f0;padding:.25rem .625rem;border-radius:2px;border:1px solid #ddd}.showcase-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.showcase-item{border:1px solid var(--color-border);border-radius:3px;overflow:hidden;transition:border-color .15s}.showcase-item:hover{border-color:#bbb}.showcase-item.expanded{border-color:#0055bf}.showcase-item-header{display:flex;justify-content:space-between;align-items:center;padding:.625rem .875rem;background:#f8f6f3;cursor:pointer;transition:background .15s}.showcase-item-header:hover{background:#f0ede8}.showcase-item.expanded .showcase-item-header{background:#f0f5ff}.showcase-item-info{display:flex;align-items:center;gap:.625rem}.showcase-number{display:flex;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;background:#0055bf;color:#fff;border-radius:2px;font-size:.6875rem;font-weight:700}.showcase-title{font-weight:600;color:var(--color-text);font-size:.875rem}.showcase-image-count{font-size:.75rem;color:var(--color-text-muted)}.showcase-item-actions{display:flex;align-items:center;gap:.375rem}.showcase-action-btn{display:flex;align-items:center;justify-content:center;width:1.625rem;height:1.625rem;padding:0;border:1px solid transparent;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:2px;transition:all .15s}.showcase-action-btn:hover{background:#e8e8e8;border-color:#ccc;color:var(--color-text)}.showcase-action-btn.danger:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.showcase-chevron{color:var(--color-text-muted);transition:transform .15s}.showcase-item.expanded .showcase-chevron{transform:rotate(180deg)}.showcase-item-content{padding:1rem;border-top:1px solid var(--color-border);background:#fff}.showcase-description{margin:0 0 1rem;color:var(--color-text-muted);font-size:.8125rem;line-height:1.5}.showcase-images-section{margin-bottom:1rem}.showcase-images-section:last-child{margin-bottom:0}.showcase-images-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.showcase-images-header h4{margin:0;font-size:.8125rem;font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:.02em}.btn-sm{padding:.25rem .5rem;font-size:.6875rem}.showcase-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.375rem}.showcase-image-item{position:relative;aspect-ratio:1;border-radius:2px;overflow:hidden;background:#f0f0f0;border:1px solid #ddd;transition:border-color .15s}.showcase-image-item:hover{border-color:#999}.showcase-image-item img{width:100%;height:100%;object-fit:cover}.showcase-image-remove{position:absolute;top:.25rem;right:.25rem;width:1.25rem;height:1.25rem;padding:0;border:none;background:#0009;color:#fff;border-radius:2px;cursor:pointer;opacity:0;transition:opacity .15s,background .15s;display:flex;align-items:center;justify-content:center}.showcase-image-item:hover .showcase-image-remove{opacity:1}.showcase-image-remove:hover{background:#dc2626}.showcase-image-remove:disabled{cursor:not-allowed;opacity:.5}.showcase-image-item.removing{opacity:.5;pointer-events:none}.showcase-image-item.removing .showcase-image-remove{opacity:1}.showcase-image-remove svg{width:.875rem;height:.875rem}.showcase-images-empty{grid-column:1 / -1;text-align:center;padding:1rem;color:var(--color-text-muted);font-size:.8125rem;background:#fafafa;border:1px dashed #ccc;border-radius:2px}.showcase-create{display:flex;gap:.5rem;padding:.75rem;background:#f8f6f3;border:1px solid var(--color-border);border-radius:3px}.showcase-create input{flex:1;padding:.5rem .75rem;border:1px solid #ccc;border-radius:2px;font-size:.8125rem;font-family:inherit;background:#fff;transition:border-color .15s}.showcase-create input:focus{outline:none;border-color:#0055bf}.showcase-create input::placeholder{color:#999}.showcase-view{margin-bottom:1.5rem;padding:1rem;background:#fafaf8;border:1px solid var(--color-border);border-radius:3px}.showcase-view-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.showcase-view-number{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#0055bf;color:#fff;border-radius:2px;font-size:.9375rem;font-weight:700}.showcase-view-title{margin:0;font-size:1.125rem;font-weight:700;color:var(--color-text)}.showcase-view-description{margin:0 0 1rem;color:var(--color-text-muted);line-height:1.6;font-size:.875rem;padding:.75rem;background:#fff;border:1px solid var(--color-border);border-left:3px solid #4a90d9;border-radius:2px}.showcase-view-images{margin-bottom:.75rem}.showcase-view-images h4{margin:0 0 .5rem;font-size:.8125rem;font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:.02em}.showcase-view-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.625rem}.showcase-view-image{aspect-ratio:4/3;border-radius:2px;overflow:hidden;cursor:pointer;background:#f0f0f0;border:1px solid #ccc;transition:all .15s}.showcase-view-image:hover{border-color:#999;box-shadow:0 2px 8px #0000001f}.showcase-view-image img{width:100%;height:100%;object-fit:cover}.showcase-edit-modal{max-width:560px}.showcase-edit-modal .showcase-images-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.showcase-edit-modal .showcase-images-section:first-of-type{margin-top:.75rem}.showcase-edit-modal .showcase-images-grid{grid-template-columns:repeat(auto-fill,minmax(65px,1fr))}.showcase-edit-modal .form-actions{margin-top:1.25rem;padding-top:.875rem;border-top:1px solid var(--color-border)}.showcase-thank-you{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#fef9c3,#fef08a);border:2px dashed #ca8a04;border-radius:4px;margin:1.5rem 0}.showcase-thank-you-label{font-size:.875rem;font-weight:600;color:#854d0e}.project-form-container{min-height:100vh;background:transparent}.project-form-header{padding:.75rem 1.5rem;background:var(--color-card);border-bottom:1px solid var(--color-border)}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-muted);text-decoration:none;font-size:.875rem;font-weight:600;margin-bottom:.5rem;transition:color .2s}.back-link:hover{color:var(--color-text)}.project-form-header h1{margin:0;font-size:1.125rem;color:var(--color-text);display:flex;align-items:center;gap:.375rem}.project-form-header h1:before{content:"✏️";font-size:1rem}.project-form-content{padding:1.5rem;max-width:720px;margin:0 auto}.project-form{background:var(--color-card);border-radius:var(--radius-medium);padding:1.25rem;box-shadow:var(--shadow-soft);border:1px solid var(--color-border)}.form-error{background:#fff5f5;color:#c53030;padding:.5rem .75rem;border-radius:var(--radius-small);margin-bottom:1rem;font-size:.8125rem;font-weight:500;border:1px solid #feb2b2}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.8125rem;font-weight:600;color:var(--color-text);margin-bottom:.375rem}.form-group input[type=text],.form-group textarea,.form-group select{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-small);font-size:.875rem;transition:border-color .15s,box-shadow .15s;font-family:inherit;background:var(--color-card)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #0055bf1a}.form-group textarea{resize:vertical;min-height:100px}.form-hint{display:block;margin-top:.375rem;font-size:.75rem;color:var(--color-text-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.form-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.75rem;border-top:1px dashed var(--color-border);margin-top:1rem}.toggle-group{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}.toggle-label{display:flex;flex-direction:column}.toggle-label span:first-child{font-weight:600;color:var(--color-text)}.toggle-label span:last-child{font-size:.8125rem;color:var(--color-text-muted)}.toggle-switch{position:relative;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-border);border-radius:24px;transition:background-color .2s}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:transform .2s;box-shadow:var(--shadow-soft)}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.hero-image-section{background:var(--color-bg-warm);border-radius:var(--radius-small);padding:.75rem;border:1px dashed var(--color-border)}.hero-image-preview{position:relative;aspect-ratio:16/9;border-radius:var(--radius-medium);overflow:hidden;background:var(--color-border);margin-bottom:.75rem}.hero-image-preview img{width:100%;height:100%;object-fit:cover}.hero-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted)}.hero-image-placeholder svg{width:3rem;height:3rem;margin-bottom:.5rem}.hero-image-actions{display:flex;gap:.5rem}.hero-image-actions button{flex:1}.image-select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;max-height:300px;overflow-y:auto;padding:.5rem}.image-select-item{aspect-ratio:1;border-radius:var(--radius-small);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .15s}.image-select-item:hover{border-color:var(--color-secondary);transform:scale(1.02)}.image-select-item.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px #0055bf26}.image-select-item img{width:100%;height:100%;object-fit:cover}.image-select-item.disabled{opacity:.5;cursor:not-allowed}.image-select-item.disabled:hover{transform:none;border-color:transparent}.image-select-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff}.image-select-item{position:relative}.gallery-manager{background:var(--color-bg-warm);border-radius:var(--radius-small);padding:.75rem;border:1px dashed var(--color-border)}.gallery-manager-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.gallery-manager-item{position:relative;aspect-ratio:1;border-radius:3px;overflow:hidden;border:1px solid #ccc}.gallery-manager-item img{width:100%;height:100%;object-fit:cover}.gallery-remove-btn{position:absolute;top:.25rem;right:.25rem;width:1.5rem;height:1.5rem;background:#000000b3;border:none;border-radius:2px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.gallery-manager-item:hover .gallery-remove-btn{opacity:1}.gallery-remove-btn:hover{background:#c91a09}.project-status-toggle{position:relative}.project-status-toggle .form-label{display:block;margin-bottom:.75rem;font-weight:700;color:var(--color-text)}.status-options{display:flex;gap:.75rem;flex-wrap:wrap}.status-option{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--color-card);border:3px solid var(--color-border);border-radius:4px;font-size:.875rem;font-weight:700;color:var(--color-text-muted);cursor:pointer;transition:all .2s;position:relative}.status-option:hover:not(:disabled){border-color:var(--color-text);color:var(--color-text)}.status-option:disabled{opacity:.6;cursor:not-allowed}.status-option svg{flex-shrink:0}.status-option--in-progress.active{background:var(--color-brick-yellow);border-color:var(--color-text);color:var(--color-text);box-shadow:4px 4px 0 var(--color-text)}.status-option--completed{position:relative;overflow:visible}.status-option--completed:hover:not(.active):not(:disabled){background:#00852b1a;border-color:#00852b;color:#00852b}.status-option--completed.active{background:#00852b;border-color:var(--color-text);color:#fff;box-shadow:4px 4px 0 var(--color-text)}.status-celebrate-hint{position:absolute;top:-8px;right:-8px;font-size:1rem;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.status-option--abandoned.active{background:#9e9e9e;border-color:var(--color-text);color:#fff;box-shadow:4px 4px 0 var(--color-text)}.celebration-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000b3;animation:fadeIn .3s ease-out;pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.celebration-content{text-align:center;animation:scaleIn .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.celebration-emoji{font-size:5rem;animation:wiggle .5s ease-in-out .3s}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}.celebration-title{margin:.5rem 0 .25rem;font-size:2.5rem;font-weight:800;color:#fff;text-transform:uppercase;text-shadow:4px 4px 0 var(--color-text);animation:slideUp .4s ease-out .2s both}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.celebration-subtitle{margin:0;font-size:1.25rem;color:#ffffffe6;animation:slideUp .4s ease-out .35s both}.confetti-container{position:fixed;inset:0;overflow:hidden;pointer-events:none}.confetti-piece{position:absolute;top:-20px;width:12px;height:12px;border-radius:2px;animation:confettiFall 3s ease-out forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.confetti-piece:nth-child(odd){width:8px;height:16px}.confetti-piece:nth-child(3n){width:6px;height:6px;border-radius:50%}.confetti-piece:nth-child(5n){animation-duration:2.5s}.confetti-piece:nth-child(7n){animation-duration:3.5s}.getting-started-container{background:transparent;min-height:100vh}.getting-started-content{max-width:800px;margin:0 auto;padding:2rem 1.5rem 4rem}.getting-started-header{text-align:center;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:2px solid var(--color-border)}.getting-started-header h1{margin:0 0 1rem;font-size:2.25rem;color:var(--color-text)}.getting-started-intro{font-size:1.125rem;color:var(--color-text-muted);line-height:1.6;max-width:600px;margin:0 auto}.terms-updated{margin:1rem auto 0;font-size:.875rem;color:var(--color-text-muted);opacity:.7}.getting-started-nav{background:#f8f9fa;border:1px solid var(--color-border);border-left:4px solid #0055BF;border-radius:3px;padding:1.25rem 1.5rem;margin-bottom:2.5rem}.getting-started-nav h3{margin:0 0 .75rem;font-size:.875rem;font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:.03em}.getting-started-nav ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}.getting-started-nav a{color:#0055bf;text-decoration:none;font-size:.875rem;font-weight:600}.getting-started-nav a:hover{text-decoration:underline}.getting-started-section{display:flex;gap:1.5rem;margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid var(--color-border)}.getting-started-section:last-of-type{border-bottom:none}.section-icon{flex-shrink:0;width:48px;height:48px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff}.getting-started-section:nth-child(odd) .section-icon{background:linear-gradient(135deg,#0055bf,#049)}.getting-started-section:nth-child(4n+2) .section-icon{background:linear-gradient(135deg,#c91a09,#a01507)}.getting-started-section:nth-child(4n+3) .section-icon{background:linear-gradient(135deg,#237841,#1b5c32)}.getting-started-section:nth-child(4n) .section-icon{background:linear-gradient(135deg,#f2cd37,#d4b32f);color:#1a1a1a}.section-content{flex:1;min-width:0}.section-content h2{margin:0 0 1rem;font-size:1.5rem;color:var(--color-text)}.section-content h3{margin:1.5rem 0 .75rem;font-size:1rem;color:var(--color-text)}.section-content h3:first-of-type{margin-top:1rem}.section-content p{margin:0 0 1rem;color:var(--color-text);line-height:1.7;font-size:.9375rem}.section-content ol,.section-content ul{margin:0 0 1rem;padding-left:1.25rem;color:var(--color-text);line-height:1.7;font-size:.9375rem}.section-content li{margin-bottom:.5rem}.section-content li:last-child{margin-bottom:0}.section-content a{color:#0055bf;text-decoration:none;font-weight:600}.section-content a:hover{text-decoration:underline}.section-cta{display:flex;gap:.75rem;margin-top:1.5rem}.tip-box{background:#fffef5;border:1px solid #e8d888;border-left:4px solid #d4a017;border-radius:3px;padding:1rem 1.25rem;margin:1.25rem 0;font-size:.875rem;line-height:1.6}.tip-box strong{color:#8b7000}.tip-box ul{margin:.75rem 0 0;padding-left:1.25rem}.tip-box li{margin-bottom:.375rem}.getting-started-cta{background:linear-gradient(135deg,#0055bf,#036);border-radius:4px;padding:2.5rem;text-align:center;margin-top:2rem}.getting-started-cta h2{margin:0 0 .75rem;color:#fff;font-size:1.5rem}.getting-started-cta p{margin:0 0 1.5rem;color:#ffffffe6;font-size:1rem}.cta-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.getting-started-content .btn-primary,.getting-started-cta .btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(to bottom,#0055bf,#049);border:1px solid #003366;border-radius:3px;color:#fff!important;text-decoration:none;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s}.getting-started-content .btn-primary:hover,.getting-started-cta .btn-primary:hover{background:linear-gradient(to bottom,#06d,#0055bf);color:#fff!important;text-decoration:none}.getting-started-content .btn-secondary,.getting-started-cta .btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(to bottom,#fafafa,#e8e8e8);border:1px solid #ccc;border-radius:3px;color:#333!important;text-decoration:none;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s}.getting-started-content .btn-secondary:hover,.getting-started-cta .btn-secondary:hover{background:linear-gradient(to bottom,#fff,#f0f0f0);border-color:#999;color:#111!important;text-decoration:none}.btn-large{padding:.875rem 1.75rem;font-size:1rem}.getting-started-cta .btn-primary{background:#f2cd37;border-color:#ffffff4d;color:#1a1a1a!important}.getting-started-cta .btn-primary:hover{background:#ffd84d;color:#1a1a1a!important}.getting-started-cta .btn-secondary{background:#ffffff26;border-color:#ffffff4d;color:#fff!important}.getting-started-cta .btn-secondary:hover{background:#ffffff40;color:#fff!important}@media(max-width:768px){.getting-started-content{padding:1.5rem 1rem 3rem}.getting-started-header h1{font-size:1.75rem}.getting-started-intro{font-size:1rem}.getting-started-nav ul{flex-direction:column;gap:.5rem}.getting-started-section{flex-direction:column;gap:1rem}.section-icon{width:40px;height:40px}.section-icon svg{width:20px;height:20px}.section-content h2{font-size:1.25rem}.section-cta{flex-direction:column}.getting-started-cta{padding:2rem 1.5rem}.cta-buttons{flex-direction:column;align-items:center}.btn-large{width:100%;justify-content:center}}@media(max-width:480px){.getting-started-header h1{font-size:1.5rem}}.friend-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-medium);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid var(--color-primary);background:transparent;color:var(--color-primary)}.friend-btn:hover:not(:disabled){background:var(--color-primary);color:#fff;transform:translateY(-1px)}.friend-btn:disabled{opacity:.6;cursor:not-allowed}.friend-btn.is-friend{background:var(--color-accent-green);border-color:var(--color-accent-green);color:#fff}.friend-btn.is-friend:hover:not(:disabled){background:#1e6434;border-color:#1e6434}.friend-btn svg{width:16px;height:16px;flex-shrink:0}.badge-display{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.badge-display-small .badge{padding:.25rem}.badge-display-small .badge svg{width:16px;height:16px}.badge-display-medium .badge{padding:.35rem .6rem}.badge-display-medium .badge svg{width:18px;height:18px}.badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:var(--radius-medium);font-size:.75rem;font-weight:600;cursor:help;transition:transform .2s ease,box-shadow .2s ease;border:2px solid}.badge:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.badge-builder{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:var(--color-primary);color:var(--color-primary)}.badge-builder svg{stroke:var(--color-primary)}.badge-social{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:var(--color-accent-green);color:var(--color-accent-green)}.badge-social svg{stroke:var(--color-accent-green)}.badge-activity{background:linear-gradient(135deg,#fef9c3,#fef08a);border-color:#ca8a04;color:#a16207}.badge-activity svg{stroke:#ca8a04}.badge-name{white-space:nowrap}.badge-more{font-size:.75rem;color:var(--color-text-secondary);font-weight:500;padding:.25rem .5rem;background:var(--color-background-alt);border-radius:var(--radius-small)}.user-status{margin-bottom:.75rem}.user-status-display{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:#ffffffe6;border:1px solid rgba(255,255,255,.5);border-radius:20px;font-size:.875rem;box-shadow:0 1px 3px #0000001a}.status-icon{font-size:.875rem;line-height:1}.status-text{color:#333;font-style:italic;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-time{font-size:.6875rem;color:#00000080;margin-left:.25rem}.status-edit-btn{padding:.125rem;background:none;border:none;color:#0006;cursor:pointer;border-radius:3px;opacity:0;transition:all .15s;display:flex;align-items:center;justify-content:center}.user-status-display:hover .status-edit-btn{opacity:1}.status-edit-btn:hover{background:#0000001a;color:#000000b3}.status-set-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:#fff9;border:1px dashed rgba(255,255,255,.8);border-radius:20px;font-size:.875rem;color:#ffffffe6;cursor:pointer;transition:all .15s}.status-set-btn:hover{background:#ffffffe6;border-style:solid;color:#666}.user-status-edit{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background:#fff;border-radius:20px;box-shadow:0 2px 8px #00000026}.user-status-edit input{flex:1;min-width:150px;max-width:300px;padding:.25rem .5rem;border:none;font-family:inherit;font-size:.875rem;font-style:italic;background:transparent}.user-status-edit input:focus{outline:none}.user-status-edit input::placeholder{color:#999;font-style:italic}.status-edit-actions{display:flex;align-items:center;gap:.375rem}.status-clear-btn{padding:.25rem;background:none;border:none;color:#999;cursor:pointer;border-radius:3px;display:flex;align-items:center}.status-clear-btn:hover{background:#fee2e2;color:#dc2626}.status-cancel-btn{padding:.25rem .5rem;background:none;border:1px solid #ddd;border-radius:3px;font-size:.75rem;color:#666;cursor:pointer}.status-cancel-btn:hover{background:#f5f5f5}.status-save-btn{padding:.25rem .625rem;background:#0055bf;border:none;border-radius:3px;font-size:.75rem;font-weight:600;color:#fff;cursor:pointer}.status-save-btn:hover:not(:disabled){background:#049}.status-save-btn:disabled{opacity:.6;cursor:not-allowed}.status-error{font-size:.75rem;color:#dc2626;margin-top:.25rem;padding-left:1.5rem}@media(max-width:480px){.status-text{max-width:150px}.user-status-edit input{min-width:100px;max-width:150px}}.guestbook{background:linear-gradient(135deg,#fefefe,#f8f6f3);border:2px solid #d4a574;border-radius:4px;padding:1.25rem;box-shadow:0 2px 4px #00000014,inset 0 1px #fffc}.guestbook-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px dashed #d4a574}.guestbook-title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:700;color:#8b4513}.guestbook-title svg{color:#d4a574}.guestbook-count{font-size:.75rem;font-weight:600;background:#d4a574;color:#fff;padding:.125rem .5rem;border-radius:10px;margin-left:.25rem}.guestbook-form{display:flex;gap:.75rem;padding:1rem;background:#fff;border:1px solid #e8e0d5;border-radius:4px;margin-bottom:1rem}.guestbook-form-avatar{flex-shrink:0;width:40px;height:40px;border-radius:4px;background:linear-gradient(135deg,#d4a574,#8b4513);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:#fff;overflow:hidden}.guestbook-form-avatar img{width:100%;height:100%;object-fit:cover}.guestbook-form-input{flex:1;display:flex;flex-direction:column;gap:.5rem}.guestbook-form-input textarea{width:100%;padding:.625rem;border:1px solid #ddd;border-radius:3px;font-family:inherit;font-size:.875rem;resize:vertical;min-height:60px}.guestbook-form-input textarea:focus{outline:none;border-color:#d4a574;box-shadow:0 0 0 2px #d4a57433}.guestbook-form-footer{display:flex;align-items:center;gap:.75rem}.char-count{font-size:.75rem;color:#999}.guestbook-error{font-size:.75rem;color:#dc2626}.guestbook-form-footer .btn-primary{margin-left:auto;padding:.375rem .875rem;font-size:.8125rem}.guestbook-login-prompt{padding:1rem;background:#faf8f5;border:1px dashed #d4a574;border-radius:4px;text-align:center;color:#666;font-size:.875rem;margin-bottom:1rem}.guestbook-login-prompt a{color:#8b4513;font-weight:600}.guestbook-entries{display:flex;flex-direction:column;gap:.75rem}.guestbook-entry{display:flex;gap:.75rem;padding:.875rem;background:#fff;border:1px solid #e8e0d5;border-left:3px solid #d4a574;border-radius:0 4px 4px 0;position:relative}.guestbook-entry:hover{border-left-color:#8b4513}.guestbook-entry-avatar{position:relative;flex-shrink:0;width:36px;height:36px;border-radius:4px;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#666;overflow:visible}.guestbook-entry-avatar img{width:100%;height:100%;object-fit:cover;border-radius:4px}.guestbook-entry-content{flex:1;min-width:0}.guestbook-entry-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.375rem}.guestbook-entry-author{font-weight:600;color:#8b4513;text-decoration:none;font-size:.875rem}.guestbook-entry-author:hover{text-decoration:underline}.guestbook-entry-date{font-size:.75rem;color:#999}.guestbook-entry-message{margin:0;font-size:.875rem;color:#444;line-height:1.5;word-wrap:break-word}.guestbook-delete-btn{position:absolute;top:.5rem;right:.5rem;padding:.25rem;background:none;border:none;color:#ccc;cursor:pointer;border-radius:3px;opacity:0;transition:all .15s}.guestbook-entry:hover .guestbook-delete-btn{opacity:1}.guestbook-delete-btn:hover{background:#fee2e2;color:#dc2626}.guestbook-empty{text-align:center;padding:2rem 1rem;color:#999}.guestbook-empty svg{color:#d4a574;margin-bottom:.75rem}.guestbook-empty p{margin:0;font-size:.875rem}.guestbook-loading{text-align:center;padding:2rem;color:#999;font-size:.875rem}.guestbook-pagination{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;padding-top:.75rem;border-top:1px dashed #e8e0d5}.guestbook-pagination .pagination-btn{padding:.375rem .75rem;font-size:.75rem;background:#fff;border:1px solid #d4a574;color:#8b4513;border-radius:3px;cursor:pointer;transition:all .15s}.guestbook-pagination .pagination-btn:hover:not(:disabled){background:#d4a574;color:#fff}.guestbook-pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.guestbook-pagination .pagination-info{font-size:.75rem;color:#888}@media(max-width:480px){.guestbook{padding:1rem}.guestbook-form{flex-direction:column}.guestbook-form-avatar{width:32px;height:32px}.guestbook-entry{padding:.75rem}.guestbook-entry-avatar{width:32px;height:32px}}.user-profile-container{min-height:100vh;background:transparent}.user-profile-loading,.user-profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.user-profile-error h2{margin:0 0 .5rem;font-size:1.5rem;color:var(--color-text)}.user-profile-error p{margin:0 0 1.5rem;color:var(--color-text-muted)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:#0055bf;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.user-profile-header{background:linear-gradient(135deg,#0055bf,#036);border-bottom:4px solid #002244;padding:3rem 1.5rem}.user-profile-header-content{max-width:900px;margin:0 auto;display:flex;align-items:flex-start;gap:2rem}.user-profile-avatar{flex-shrink:0;width:120px;height:120px;border-radius:8px;background:linear-gradient(135deg,#f2cd37,#237841);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#fff;overflow:visible;border:4px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0003;position:relative}.user-profile-avatar img{width:100%;height:100%;object-fit:cover}.user-profile-info{flex:1;min-width:0}.user-profile-name-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}.user-profile-header .user-profile-name{margin:0;font-size:2rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.user-profile-badges{margin-bottom:1rem}.user-profile-badges .badge-display{justify-content:flex-start}.user-profile-badges .badge{background:#fffffff2}.user-profile-header .user-profile-bio{margin:.75rem 0 1.25rem;font-size:.9375rem;color:#fffffff2;line-height:1.6;max-width:600px;background:#ffffff1a;padding:.875rem 1rem;border-radius:8px;border-left:3px solid var(--color-secondary);font-style:italic}.user-profile-stats{display:flex;gap:2rem;flex-wrap:wrap}.stat{display:flex;flex-direction:column;gap:.25rem}.user-profile-header .stat-value{font-size:1.25rem;font-weight:700;color:#fff}.user-profile-header .stat-label{font-size:.75rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.03em}.user-profile-showcase{padding:2rem 1.5rem;background:var(--color-bg-warm);border-bottom:3px solid var(--color-border)}.user-profile-showcase-content{max-width:1200px;margin:0 auto}.user-profile-showcase .section-title{margin:0 0 1.5rem;font-size:1.25rem;font-weight:800;color:var(--color-text);display:flex;align-items:center;gap:.5rem;text-transform:uppercase}.user-profile-showcase .section-title svg{color:var(--color-brick-yellow)}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:900px){.showcase-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.showcase-grid{grid-template-columns:1fr}.user-profile-showcase{padding:1.5rem 1rem}}.user-profile-projects{padding:2rem 1.5rem 4rem}.user-profile-projects-content{max-width:1200px;margin:0 auto}.user-profile-projects .section-title{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:.5rem}.project-count{font-weight:500;color:var(--color-text-muted);font-size:1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.no-projects{text-align:center;padding:3rem 2rem;background:#fff;border:2px dashed var(--color-border);border-radius:4px;color:var(--color-text-muted)}.no-projects p{margin:0}.projects-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;flex-wrap:wrap}.pagination-btn{padding:.5rem 1rem;background:linear-gradient(to bottom,#fafafa,#f0f0f0);border:1px solid #ccc;border-radius:3px;color:#555;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s}.pagination-btn:hover:not(:disabled){background:linear-gradient(to bottom,#fff,#f5f5f5);border-color:#999}.pagination-btn.active{background:linear-gradient(to bottom,#0055bf,#049);border-color:#036;color:#fff}.user-profile-friends{padding:0 1.5rem 2rem;background:#f5f3f0}.user-profile-friends-content{max-width:700px;margin:0 auto}.user-profile-guestbook{padding:0 1.5rem 4rem;background:#f5f3f0}.user-profile-guestbook-content{max-width:700px;margin:0 auto}@media(max-width:768px){.user-profile-header{padding:2rem 1rem}.user-profile-header-content{flex-direction:column;align-items:center;text-align:center}.user-profile-avatar{width:100px;height:100px;font-size:2rem}.user-profile-name-row{justify-content:center}.user-profile-header .user-profile-name{font-size:1.5rem}.user-profile-badges .badge-display{justify-content:center}.user-profile-bio{font-size:.9375rem}.user-profile-stats{justify-content:center;gap:1.5rem}.user-profile-projects{padding:1.5rem 1rem 3rem}.projects-grid{grid-template-columns:1fr}.user-profile-friends{padding:0 1rem 1.5rem}.user-profile-guestbook{padding:0 1rem 3rem}}@media(max-width:480px){.user-profile-avatar{width:80px;height:80px;font-size:1.5rem}.user-profile-header .user-profile-name{font-size:1.25rem}.user-profile-header .user-profile-stats{gap:1rem}.user-profile-header .stat-value{font-size:1rem}}.activity-feed{background:var(--color-card);border:3px solid var(--color-border);box-shadow:6px 6px #0000001a}.activity-feed-title{font-size:.8125rem;font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;margin:0;padding:1rem 1.25rem;background:var(--color-bg-warm);border-bottom:3px solid var(--color-border)}.activity-feed-loading{text-align:center;padding:3rem 2rem;color:var(--color-text-muted);font-weight:600}.activity-feed-loading:before{content:"";display:block;width:32px;height:32px;margin:0 auto 1rem;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:activity-spin .8s linear infinite}@keyframes activity-spin{to{transform:rotate(360deg)}}.activity-feed-empty{text-align:center;padding:2.5rem 1.5rem;background:repeating-linear-gradient(45deg,transparent,transparent 10px,var(--color-bg-warm) 10px,var(--color-bg-warm) 20px)}.activity-feed-empty p{margin:.5rem 0;color:var(--color-text-muted);font-weight:600}.activity-feed-empty p:first-child{font-size:1rem;color:var(--color-text)}.activity-feed-hint{font-size:.875rem}.activity-feed-list{display:flex;flex-direction:column}.activity-item{display:flex;gap:1rem;padding:1rem 1.25rem;border-bottom:2px dashed var(--color-border);transition:background-color .15s}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:var(--color-bg-warm)}.activity-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 -2px #0003,inset 0 2px #ffffff26,2px 2px #0000001a}.activity-icon svg{width:18px;height:18px}.activity-icon-project_created{background:var(--color-brick-blue, #006cb7);color:#fff}.activity-icon-comment_posted{background:var(--color-brick-green, #00852b);color:#fff}.activity-icon-favorite_added{background:var(--color-brick-red, var(--color-primary));color:#fff}.activity-content{flex:1;min-width:0}.activity-actor{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem}.activity-avatar{width:28px;height:28px;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;overflow:hidden;position:relative;flex-shrink:0;border:2px solid var(--color-border);text-decoration:none}.activity-avatar img{width:100%;height:100%;object-fit:cover}.activity-name{font-weight:700;color:var(--color-text);font-size:.9375rem;text-decoration:none}.activity-name:hover{color:var(--color-primary)}.activity-text{font-size:.875rem;color:var(--color-text-muted);margin:0;line-height:1.5}.activity-target{color:var(--color-primary);font-weight:600;text-decoration:none}.activity-target:hover{text-decoration:underline}.activity-time{font-size:.75rem;color:var(--color-text-light);margin-top:.375rem;display:inline-block;background:var(--color-bg-warm);padding:.125rem .5rem;border:1px solid var(--color-border);font-weight:600}.activity-page{min-height:100vh;background:transparent}.activity-page-content{max-width:700px;margin:0 auto;padding:2rem 1.5rem}.activity-page-header{background:var(--color-card);border:3px solid var(--color-border);box-shadow:6px 6px #0000001a;margin-bottom:1.5rem;position:relative;overflow:hidden}.activity-page-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-brick-red),var(--color-brick-yellow),var(--color-brick-blue),var(--color-brick-green))}.activity-header-inner{padding:1.5rem 1.75rem;display:flex;align-items:center;gap:1rem}.activity-header-icon{width:48px;height:48px;background:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 -3px #0003,inset 0 3px #ffffff26,3px 3px #0000001a}.activity-header-icon svg{width:24px;height:24px;color:#fff}.activity-header-text h1{margin:0 0 .25rem;font-size:1.5rem;font-weight:800;color:var(--color-text);text-transform:uppercase;letter-spacing:.02em}.activity-page-subtitle{margin:0;color:var(--color-text-muted);font-size:.9375rem}@media(max-width:768px){.activity-page-content{padding:1.5rem 1rem}.activity-header-inner{padding:1.25rem}.activity-header-icon{width:40px;height:40px}.activity-header-icon svg{width:20px;height:20px}.activity-header-text h1{font-size:1.25rem}}.admin-container{min-height:100vh;background:transparent}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--color-card);border-bottom:3px solid var(--color-border);position:sticky;top:0;z-index:100}.admin-header h1{margin:0;font-size:1.5rem;color:var(--color-text);display:flex;align-items:center;gap:.5rem}.admin-header h1:before{content:"";font-size:1.25rem}.admin-nav{display:flex;gap:.5rem}.admin-nav-link{padding:.5rem 1rem;color:var(--color-text-muted);text-decoration:none;font-size:.875rem;font-weight:600;border-radius:var(--radius-medium);transition:all .2s}.admin-nav-link:hover,.admin-nav-link.active{background:var(--color-bg-warm);color:var(--color-text)}.admin-nav-link.active{background:var(--color-primary);color:#fff}.admin-content{padding:2rem;max-width:1400px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--color-card);border-radius:var(--radius-large);padding:1.25rem;border:2px solid var(--color-border);position:relative;overflow:hidden}.stat-card.primary:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-primary)}.stat-card.warning:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-brick-yellow)}.stat-card.success:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-brick-green)}.stat-card.info:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-brick-blue)}.stat-value{font-size:2rem;font-weight:800;color:var(--color-text);line-height:1;margin-bottom:.25rem}.stat-label{font-size:.875rem;color:var(--color-text-muted);font-weight:600}.stat-change{font-size:.75rem;margin-top:.5rem;display:flex;align-items:center;gap:.25rem}.stat-change.positive{color:var(--color-brick-green)}.stat-change.negative{color:var(--color-primary)}.admin-section{background:var(--color-card);border-radius:var(--radius-large);padding:1.5rem;border:2px solid var(--color-border);margin-bottom:1.5rem}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border)}.admin-section-header h2{margin:0;font-size:1.25rem;color:var(--color-text)}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}.admin-table th{background:var(--color-bg-warm);font-weight:700;color:var(--color-text);font-size:.875rem}.admin-table td{font-size:.875rem;color:var(--color-text-muted)}.admin-table tr:hover td{background:var(--color-bg-warm)}.user-row{display:flex;align-items:center;gap:.75rem}.user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--color-bg-warm)}.user-info-cell{display:flex;flex-direction:column}.user-name{font-weight:600;color:var(--color-text)}.user-email{font-size:.75rem;color:var(--color-text-muted)}.role-badge{padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase}.role-badge.admin{background:#fee2e2;color:#dc2626}.role-badge.moderator{background:#fef3c7;color:#d97706}.role-badge.user{background:#e0e7ff;color:#4f46e5}.status-badge{padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700}.status-badge.suspended{background:#fee2e2;color:#dc2626}.status-badge.active{background:#dcfce7;color:#16a34a}.status-badge.pending{background:#fef3c7;color:#d97706}.status-badge.dismissed{background:#e5e7eb;color:#6b7280}.status-badge.actioned{background:#dcfce7;color:#16a34a}.action-buttons{display:flex;gap:.5rem}.btn-action{padding:.375rem .75rem;border:none;border-radius:var(--radius-medium);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-action.suspend{background:#fee2e2;color:#dc2626}.btn-action.suspend:hover{background:#fecaca}.btn-action.unsuspend{background:#dcfce7;color:#16a34a}.btn-action.unsuspend:hover{background:#bbf7d0}.btn-action.view{background:var(--color-bg-warm);color:var(--color-text)}.btn-action.view:hover{background:var(--color-border)}.btn-action.dismiss{background:#e5e7eb;color:#6b7280}.btn-action.dismiss:hover{background:#d1d5db}.btn-action.action{background:var(--color-primary);color:#fff}.btn-action.action:hover{opacity:.9}.admin-filters{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.admin-search{flex:1;min-width:200px;padding:.625rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius-medium);font-size:.875rem;background:var(--color-card);color:var(--color-text)}.admin-search:focus{outline:none;border-color:var(--color-primary)}.admin-select{padding:.625rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius-medium);font-size:.875rem;background:var(--color-card);color:var(--color-text);cursor:pointer}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.pagination-btn{padding:.5rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-card);color:var(--color-text);font-size:.875rem;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--color-bg-warm);border-color:var(--color-text-muted)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:.875rem;color:var(--color-text-muted);padding:0 1rem}.report-card{background:var(--color-bg-warm);border-radius:var(--radius-medium);padding:1rem;border:2px solid var(--color-border);margin-bottom:1rem}.report-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.report-meta{display:flex;flex-direction:column;gap:.25rem}.report-type{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted)}.report-reason{font-weight:600;color:var(--color-text)}.report-time{font-size:.75rem;color:var(--color-text-muted)}.report-body{margin-bottom:.75rem}.report-description{font-size:.875rem;color:var(--color-text-muted);font-style:italic}.report-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--color-border)}.report-reporter{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-muted)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:var(--color-card);border-radius:var(--radius-large);padding:1.5rem;max-width:500px;width:90%;border:2px solid var(--color-border)}.modal h3{margin:0 0 1rem;font-size:1.25rem;color:var(--color-text)}.modal-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--color-text)}.form-group input,.form-group textarea,.form-group select{padding:.625rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius-medium);font-size:.875rem;background:var(--color-card);color:var(--color-text)}.form-group textarea{min-height:100px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.moderation-modal{max-width:550px}.report-summary{display:flex;gap:.75rem;padding:.75rem;background:var(--color-bg-warm);border-radius:var(--radius-medium);margin-bottom:1rem}.action-options{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--color-bg-warm);border-radius:var(--radius-medium);margin-bottom:.5rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.9rem;color:var(--color-text)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.suspend-options{margin-left:2rem;margin-top:.5rem;display:flex;align-items:center;gap:.75rem}.suspend-options label{font-size:.85rem;color:var(--color-text-muted)}.suspend-options select{padding:.5rem .75rem;border:2px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-card);color:var(--color-text);font-size:.85rem;cursor:pointer}.btn-secondary{padding:.5rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-card);color:var(--color-text);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--color-bg-warm)}.btn-action:disabled{opacity:.5;cursor:not-allowed}.admin-loading{display:flex;justify-content:center;align-items:center;padding:3rem;color:var(--color-text-muted)}.admin-empty{text-align:center;padding:3rem;color:var(--color-text-muted)}.admin-empty-icon{font-size:3rem;margin-bottom:1rem}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}@media(max-width:768px){.admin-header{flex-direction:column;gap:1rem;padding:1rem}.admin-nav{flex-wrap:wrap;justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-filters{flex-direction:column}.admin-grid{grid-template-columns:1fr}.admin-table{display:block;overflow-x:auto}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}