.header{background-color:#fff;background-color:var(--bg-color);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);left:0;padding:.5rem 0;padding:var(--spacing-sm) 0;position:fixed;right:0;top:0;z-index:1000}@media(max-width:480px){.header{top:env(safe-area-inset-top)}}@media(min-width:481px)and (max-width:768px){.header{top:env(safe-area-inset-top)}}@media(min-width:769px){.header{top:0}}@supports not (padding:env(safe-area-inset-top)){@media(max-width:768px){.header{top:0}}}.header .header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--spacing-md)}.header .header-left{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md)}.header .header-left .app-title{align-items:center;color:#1e293b;color:var(--text-color);cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;gap:var(--spacing-sm);margin:0;transition:color .2s ease}@media(max-width:767px){.header .header-left .app-title{font-size:1.25rem}}.header .header-left .app-title:hover{opacity:.8}.header .header-left .app-title .app-logo{border-radius:.375rem;border-radius:var(--radius-sm);height:32px;object-fit:contain;transition:all .2s ease;width:32px}@media(max-width:767px){.header .header-left .app-title .app-logo{height:28px;width:28px}}.header .header-left .app-title .app-logo:hover{transform:scale(1.05)}.header .header-right,.header .header-right .user-info{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.header .header-right .user-info .user-name{color:#64748b;color:var(--text-secondary);font-size:.875rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:479px){.header .header-right .user-info .user-name{display:none}}.header .header-right .login-button,.header .header-right .logout-button{align-items:center;background:none;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:.25rem;gap:var(--spacing-xs);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}@media(max-width:479px){.header .header-right .login-button,.header .header-right .logout-button{padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}}.header .header-right .login-button:hover,.header .header-right .logout-button:hover{background-color:#f8fafc;background-color:var(--bg-secondary)}.header .header-right .login-button svg,.header .header-right .logout-button svg{height:1.125rem;width:1.125rem}.header .header-right .login-button{background-color:#6366f1;background-color:var(--primary-color);border-color:#6366f1;border-color:var(--primary-color);color:#fff}.header .header-right .login-button:hover{background-color:#5855eb;background-color:var(--primary-hover);border-color:#5855eb;border-color:var(--primary-hover)}.header .header-right .logout-button{background-color:#ef4444;background-color:var(--error-color);border-color:#ef4444;border-color:var(--error-color);color:#fff}.header .header-right .logout-button:hover{background-color:#dc2626;border-color:#dc2626}.idea-form-container{background-color:#fff;background-color:var(--bg-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);margin:0 auto;max-width:800px;overflow:hidden}@media(max-width:767px){.idea-form-container{border-radius:0;box-shadow:none;margin:0}}@media(max-width:479px){.idea-form-container{border-radius:0;box-shadow:none;margin:0}}.idea-form-container .form-header{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary-color),#8b5cf6);color:#fff;display:flex;justify-content:space-between;padding:2rem;padding:var(--spacing-xl)}@media(max-width:479px){.idea-form-container .form-header{padding:1.5rem 1rem;padding:var(--spacing-lg) var(--spacing-md)}}.idea-form-container .form-header h2{font-size:1.5rem;font-weight:600;margin:0}@media(max-width:767px){.idea-form-container .form-header h2{font-size:1.25rem}}@media(max-width:479px){.idea-form-container .form-header h2{font-size:1.25rem}}.idea-form-container .form-header .cancel-button{background:none;border:none;border-radius:.375rem;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:1.5rem;padding:.25rem;padding:var(--spacing-xs);transition:background-color .2s ease}.idea-form-container .form-header .cancel-button:hover{background-color:#ffffff1a}.idea-form-container .idea-form{padding:2rem;padding:var(--spacing-xl)}@media(max-width:767px){.idea-form-container .idea-form{padding:1.5rem 1rem;padding:var(--spacing-lg) var(--spacing-md)}}@media(max-width:479px){.idea-form-container .idea-form{padding:1.5rem 1rem;padding:var(--spacing-lg) var(--spacing-md)}}.idea-form-container .idea-form .form-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.idea-form-container .idea-form .form-group label{align-items:center;color:#1e293b;color:var(--text-color);display:flex;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.idea-form-container .idea-form .form-group label:after{color:#ef4444;color:var(--error-color);content:" *";margin-left:2px}.idea-form-container .idea-form .form-group label:not([for*=title]):after{display:none}.idea-form-container .idea-form .form-group input,.idea-form-container .idea-form .form-group select,.idea-form-container .idea-form .form-group textarea{background-color:#fff;background-color:var(--bg-color);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#1e293b;color:var(--text-color);font-family:inherit;font-size:1rem;padding:1rem;padding:var(--spacing-md);transition:all .2s ease;width:100%}.idea-form-container .idea-form .form-group input:focus,.idea-form-container .idea-form .form-group select:focus,.idea-form-container .idea-form .form-group textarea:focus{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none;transform:translateY(-1px)}.idea-form-container .idea-form .form-group input.error,.idea-form-container .idea-form .form-group select.error,.idea-form-container .idea-form .form-group textarea.error{animation:shake .3s ease-in-out;border-color:#ef4444;border-color:var(--error-color)}.idea-form-container .idea-form .form-group input::placeholder,.idea-form-container .idea-form .form-group select::placeholder,.idea-form-container .idea-form .form-group textarea::placeholder{color:#94a3b8;color:var(--text-muted)}.idea-form-container .idea-form .form-group textarea{line-height:1.5;min-height:100px;resize:vertical}.idea-form-container .idea-form .form-group select{cursor:pointer}.idea-form-container .idea-form .form-group .error-message{align-items:center;color:#ef4444;color:var(--error-color);display:flex;font-size:.875rem;gap:.25rem;gap:var(--spacing-xs);margin-top:.5rem;margin-top:var(--spacing-sm)}.idea-form-container .idea-form .form-group .error-message:before{color:#ef4444;color:var(--error-color);content:"⚠";font-weight:700}.idea-form-container .idea-form .feature-input{display:flex;gap:.5rem;gap:var(--spacing-sm);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.idea-form-container .idea-form .feature-input input{flex:1 1}.idea-form-container .idea-form .feature-input .remove-feature{background-color:#ef4444;background-color:var(--error-color);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;min-width:40px;padding:.5rem;padding:var(--spacing-sm);transition:all .2s ease}.idea-form-container .idea-form .feature-input .remove-feature:hover{background-color:#dc2626;transform:scale(1.05)}.idea-form-container .idea-form .add-feature{background-color:#f8fafc;background-color:var(--bg-secondary);border:1px dashed #6366f1;border:1px dashed var(--primary-color);border-radius:.5rem;border-radius:var(--radius-md);color:#6366f1;color:var(--primary-color);cursor:pointer;font-weight:500;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease;width:100%}.idea-form-container .idea-form .add-feature:hover{background-color:#6366f1;background-color:var(--primary-color);border-style:solid;color:#fff}.idea-form-container .idea-form .form-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:flex;gap:1rem;gap:var(--spacing-md);justify-content:flex-end;margin-top:3rem;margin-top:var(--spacing-2xl);padding-top:2rem;padding-top:var(--spacing-xl)}@media(max-width:767px){.idea-form-container .idea-form .form-actions{flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}}@media(max-width:479px){.idea-form-container .idea-form .form-actions{flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}}.idea-form-container .idea-form .form-actions .submit-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary-color),#8b5cf6);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl);position:relative;transition:all .2s ease}.idea-form-container .idea-form .form-actions .submit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.idea-form-container .idea-form .form-actions .submit-button:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.idea-form-container .idea-form .form-actions .submit-button:hover:before{left:100%}.idea-form-container .idea-form .form-actions .submit-button:active{transform:translateY(0)}@media(max-width:767px){.idea-form-container .idea-form .form-actions .submit-button{order:-1}}@media(max-width:479px){.idea-form-container .idea-form .form-actions .submit-button{order:-1}}.idea-form-container .idea-form .form-actions .cancel-button-secondary{background:none;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl);transition:all .2s ease}.idea-form-container .idea-form .form-actions .cancel-button-secondary:hover{background-color:#f8fafc;background-color:var(--bg-secondary);border-color:#ef4444;border-color:var(--error-color);color:#ef4444;color:var(--error-color)}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.idea-card{align-items:center;background-color:#fff;background-color:var(--bg-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);cursor:pointer;display:flex;gap:1.5rem;gap:var(--spacing-lg);overflow:hidden;padding:1.5rem;padding:var(--spacing-lg);position:relative;transition:all .3s ease}.idea-card:before{background:linear-gradient(90deg,#6366f1,#5855eb);background:linear-gradient(90deg,var(--primary-color),var(--primary-hover));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.idea-card:hover{background-color:#f8fafc;background-color:var(--bg-secondary);border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.idea-card:hover:before{transform:scaleX(1)}.idea-card .card-icon{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;transition:all .3s ease;width:56px}.idea-card .card-icon.category-Learning,.idea-card .card-icon.category-学習{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.idea-card .card-icon.category-Habit,.idea-card .card-icon.category-習慣{background:linear-gradient(135deg,#10b981,#059669)}.idea-card .card-icon.category-Tool,.idea-card .card-icon.category-ツール{background:linear-gradient(135deg,#f59e0b,#d97706)}.idea-card .card-icon.category-Entertainment,.idea-card .card-icon.category-娯楽{background:linear-gradient(135deg,#ef4444,#dc2626)}.idea-card .card-icon.category-Business,.idea-card .card-icon.category-ビジネス{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.idea-card .card-icon.category-Lifestyle,.idea-card .card-icon.category-ライフスタイル{background:linear-gradient(135deg,#ec4899,#db2777)}.idea-card .card-icon.category-Other,.idea-card .card-icon.category-その他{background:linear-gradient(135deg,#6b7280,#4b5563)}.idea-card .card-icon:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:scale(1.05)}.idea-card .card-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.idea-card .card-content .card-title{color:#1e293b;color:var(--text-color);font-size:1.125rem;font-weight:700;letter-spacing:-.025em;line-height:1.3;margin:0}.idea-card .card-content .card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;color:var(--text-secondary);display:-webkit-box;font-size:.875rem;line-height:1.4;margin:.25rem 0;margin:var(--spacing-xs) 0;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;word-break:break-word}.idea-card .card-content .card-badges{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--spacing-xs);justify-content:flex-start;margin:0;padding:0}.idea-card .card-content .card-badges .category-badge,.idea-card .card-content .card-badges .status-badge{border-radius:.5rem;border-radius:var(--radius-md);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin:0;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.idea-card .card-content .card-badges .category-badge.category-,.idea-card .card-content .card-badges .category-badge.category-null,.idea-card .card-content .card-badges .category-badge.category-undefined{display:none}.idea-card .card-content .card-badges .category-badge.category-Learning,.idea-card .card-content .card-badges .category-badge.category-学習{background-color:#dbeafe;border:1px solid #3b82f6;color:#1e40af}.idea-card .card-content .card-badges .category-badge.category-Habit,.idea-card .card-content .card-badges .category-badge.category-習慣{background-color:#d1fae5;border:1px solid #10b981;color:#065f46}.idea-card .card-content .card-badges .category-badge.category-Tool,.idea-card .card-content .card-badges .category-badge.category-ツール{background-color:#fef3c7;border:1px solid #f59e0b;color:#92400e}.idea-card .card-content .card-badges .category-badge.category-Entertainment,.idea-card .card-content .card-badges .category-badge.category-娯楽{background-color:#fee2e2;border:1px solid #ef4444;color:#991b1b}.idea-card .card-content .card-badges .category-badge.category-Business,.idea-card .card-content .card-badges .category-badge.category-ビジネス{background-color:#ede9fe;border:1px solid #8b5cf6;color:#5b21b6}.idea-card .card-content .card-badges .category-badge.category-Lifestyle,.idea-card .card-content .card-badges .category-badge.category-ライフスタイル{background-color:#fce7f3;border:1px solid #ec4899;color:#be185d}.idea-card .card-content .card-badges .category-badge.category-Other,.idea-card .card-content .card-badges .category-badge.category-その他{background-color:#f3f4f6;border:1px solid #6b7280;color:#374151}.idea-card .card-content .card-badges .status-badge.status-Planning,.idea-card .card-content .card-badges .status-badge.status-企画中{background-color:#fef3c7;border:1px solid #f59e0b;color:#92400e}.idea-card .card-content .card-badges .status-badge.status-Developing,.idea-card .card-content .card-badges .status-badge.status-開発中{background-color:#dbeafe;border:1px solid #3b82f6;color:#1e40af}.idea-card .card-content .card-badges .status-badge.status-Completed,.idea-card .card-content .card-badges .status-badge.status-完了{background-color:#dcfce7;border:1px solid #22c55e;color:#166534}.idea-card .card-content .card-badges .status-badge.status-On\ Hold,.idea-card .card-content .card-badges .status-badge.status-保留{background-color:#f3f4f6;border:1px solid #9ca3af;color:#6b7280}.idea-card .card-content .card-author{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm);justify-content:space-between;margin-top:.25rem;margin-top:var(--spacing-xs)}.idea-card .card-content .card-author .author-label{color:#94a3b8;color:var(--text-muted);font-size:.75rem;font-style:italic;line-height:1.3}.idea-card .card-content .card-author .compact-actions{align-items:center;display:flex;gap:.25rem;gap:var(--spacing-xs)}.idea-card .card-content .card-author .compact-actions .action-item{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;gap:4px;padding:4px 8px;transition:all .2s ease}.idea-card .card-content .card-author .compact-actions .action-item:hover{background-color:var(--hover-bg);transform:scale(1.05)}.idea-card .card-content .card-author .compact-actions .action-item:active{transform:scale(.95)}.idea-card .card-content .card-author .compact-actions .action-item.liked{animation:likePulse .3s ease-in-out;color:#e53e3e}.idea-card .card-content .card-author .compact-actions .action-item.disabled{cursor:not-allowed;opacity:.6}.idea-card .card-content .card-author .compact-actions .action-item .action-icon{font-size:16px;transition:all .2s ease}.idea-card .card-content .card-author .compact-actions .action-item .action-icon.filled{color:#e53e3e;transform:scale(1.1)}.idea-card .card-content .card-author .compact-actions .action-item .action-count{font-size:12px;font-weight:500}.idea-card .card-description{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.idea-card .card-description p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#64748b;color:var(--text-secondary);display:-webkit-box;line-height:1.6;margin:0;overflow:hidden}.idea-card .card-features{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.idea-card .card-features h4{color:#1e293b;color:var(--text-color);font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 .25rem;margin:0 0 var(--spacing-xs) 0;text-transform:uppercase}.idea-card .card-features ul{color:#64748b;color:var(--text-secondary);margin:0;padding-left:1rem;padding-left:var(--spacing-md)}.idea-card .card-features ul li{line-height:1.5;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.idea-card .card-features ul li:last-child{margin-bottom:0}.idea-card .card-users{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.idea-card .card-users h4{color:#1e293b;color:var(--text-color);font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 .25rem;margin:0 0 var(--spacing-xs) 0;text-transform:uppercase}.idea-card .card-users p{color:#64748b;color:var(--text-secondary);line-height:1.5;margin:0}.idea-card .card-links{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.idea-card .card-links h4{color:#1e293b;color:var(--text-color);font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 .25rem;margin:0 0 var(--spacing-xs) 0;text-transform:uppercase}.idea-card .card-links .reference-link{align-items:center;border-radius:.375rem;border-radius:var(--radius-sm);color:#6366f1;color:var(--primary-color);display:inline-flex;font-size:.875rem;font-weight:500;gap:.25rem;gap:var(--spacing-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:all .2s ease}.idea-card .card-links .reference-link:hover{background-color:#6366f11a;transform:translateX(2px)}.idea-card .card-links .reference-link:active{transform:translateX(0)}.idea-card .card-footer{align-items:flex-end;border-top:1px solid #f1f5f9;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;margin-top:1.5rem;margin-top:var(--spacing-lg);padding-top:1rem;padding-top:var(--spacing-md)}.idea-card .card-footer .card-dates{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.idea-card .card-footer .card-dates small{color:#94a3b8;color:var(--text-muted);font-size:.75rem;line-height:1.3}.idea-card .card-footer .card-actions{display:flex;gap:.25rem;gap:var(--spacing-xs)}.idea-card .card-footer .card-actions .delete-button,.idea-card .card-footer .card-actions .edit-button{align-items:center;background:none;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;padding:.5rem;padding:var(--spacing-sm);transition:all .2s ease;width:36px}.idea-card .card-footer .card-actions .delete-button:hover,.idea-card .card-footer .card-actions .edit-button:hover{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:scale(1.1)}.idea-card .card-footer .card-actions .delete-button:active,.idea-card .card-footer .card-actions .edit-button:active{transform:scale(.95)}.idea-card .card-footer .card-actions .edit-button:hover{background-color:#6366f11a;border-color:#6366f1;border-color:var(--primary-color)}.idea-card .card-footer .card-actions .delete-button:hover{background-color:#ef44441a;border-color:#ef4444;border-color:var(--error-color)}@media(max-width:767px){.idea-card{padding:1rem;padding:var(--spacing-md)}.idea-card .card-header{align-items:flex-start;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.idea-card .card-header .card-badges{flex-direction:row;flex-wrap:wrap}.idea-card .card-footer{align-items:flex-start;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.idea-card .card-footer .card-actions{align-self:flex-end}}@media(max-width:479px){.idea-card{padding:1rem;padding:var(--spacing-md)}.idea-card .card-header{align-items:flex-start;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.idea-card .card-header .card-badges{flex-direction:row;flex-wrap:wrap}.idea-card .card-footer{align-items:flex-start;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.idea-card .card-footer .card-actions{align-self:flex-end}}@keyframes likePulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.idea-list .idea-list-header{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.idea-list .idea-list-header h2{color:#1e293b;color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0}.idea-list .idea-list-header .view-mode-toggle{display:flex;gap:.25rem;gap:var(--spacing-xs)}.idea-list .idea-list-header .view-mode-toggle .view-mode-button{background:none;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.idea-list .idea-list-header .view-mode-toggle .view-mode-button:hover{background-color:#f8fafc;background-color:var(--bg-secondary);border-color:#6366f1;border-color:var(--primary-color)}.idea-list .idea-list-header .view-mode-toggle .view-mode-button.active{background-color:#6366f1;background-color:var(--primary-color);border-color:#6366f1;border-color:var(--primary-color);color:#fff}.idea-list .search-section{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}@media(max-width:768px){.idea-list .search-section{margin-bottom:1rem;margin-bottom:var(--spacing-md)}}.idea-list .search-container{max-width:600px;position:relative}@media(max-width:768px){.idea-list .search-container{max-width:none;width:100%}}.idea-list .search-container .search-icon{color:#64748b;color:var(--text-secondary);font-size:1.25rem;left:1rem;left:var(--spacing-md);position:absolute;top:50%;transform:translateY(-50%)}.idea-list .search-container .search-input{background-color:#fff;background-color:var(--bg-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#1e293b;color:var(--text-color);font-size:1rem;padding:.5rem 1rem .5rem 3.25rem;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) calc(var(--spacing-md)*2 + 1.25rem);transition:border-color .2s ease;width:100%}.idea-list .search-container .search-input:focus{border-color:#6366f1;border-color:var(--primary-color);outline:none}.idea-list .search-container .search-input::placeholder{color:#94a3b8;color:var(--text-muted)}@media(max-width:768px){.idea-list .search-container .search-input{font-size:1rem;padding:1rem 1rem 1rem 3.25rem;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) calc(var(--spacing-md)*2 + 1.25rem)}}.idea-list .filters-container{background-color:#f8fafc;background-color:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);overflow:hidden;transition:all .3s ease}@media(max-width:768px){.idea-list .filters-container{border-radius:.5rem;border-radius:var(--radius-md);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.idea-list .filters-container.collapsed{background-color:#0000;border:none;box-shadow:none;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.idea-list .filters-container.collapsed .filter-toggle{background-color:#f8fafc;background-color:var(--bg-secondary);background-color:#fff;background-color:var(--bg-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000001a}.idea-list .filters-container.collapsed .filter-content{display:none}.idea-list .filters-container .filter-toggle{display:block;height:auto;opacity:1;visibility:visible;width:100%}}.idea-list .filter-toggle{display:none}@media(max-width:768px){.idea-list .filter-toggle{background-color:#fff;background-color:var(--bg-color);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:block;margin-bottom:0;width:100%;z-index:10}}.idea-list .filter-toggle-button{align-items:center;background-color:#fff;background-color:var(--bg-color);border:none;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#1e293b;color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding:1rem;padding:var(--spacing-md);transition:all .2s ease;width:100%}@media(max-width:768px){.idea-list .filter-toggle-button{border-bottom:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;font-size:1rem;font-weight:700;letter-spacing:.3px;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.idea-list .filter-toggle-button.expanded{background-color:var(--primary-dark)}}.idea-list .filter-toggle-button:hover{background-color:#f1f5f9;background-color:var(--bg-tertiary)}@media(max-width:768px){.idea-list .filter-toggle-button:hover{background-color:var(--primary-dark);box-shadow:0 4px 8px #0003;transform:translateY(-1px)}}.idea-list .filter-toggle-button:active{background-color:var(--bg-quaternary)}@media(max-width:768px){.idea-list .filter-toggle-button:active{background-color:var(--primary-darker);transform:translateY(0)}}.idea-list .filter-toggle-button .toggle-icon{color:#6366f1;color:var(--primary-color);font-size:1rem;font-weight:700;transition:transform .3s ease}@media(max-width:768px){.idea-list .filter-toggle-button .toggle-icon{color:#fff;font-size:1.1rem}.idea-list .filter-content.collapsed{max-height:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(-20px);transition:all .3s ease}.idea-list .filter-content.collapsed .filters{height:0;margin:0;opacity:0;padding:0;transform:translateY(-10px);transition:all .3s ease;visibility:hidden}.idea-list .filter-content.expanded{max-height:1000px;opacity:1;pointer-events:auto;transform:translateY(0);transition:all .3s ease}.idea-list .filter-content.expanded .filters{height:auto;margin:0;opacity:1;padding:1rem;padding:var(--spacing-md);transform:translateY(0);transition:all .3s ease;visibility:visible}}.idea-list .filters{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md);padding:1rem;padding:var(--spacing-md)}@media(max-width:768px){.idea-list .filters{flex-direction:column;gap:1rem;gap:var(--spacing-md);padding:1rem;padding:var(--spacing-md)}}.idea-list .filter-group{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs);min-width:200px}@media(max-width:768px){.idea-list .filter-group{gap:.5rem;gap:var(--spacing-sm);min-width:auto;width:100%}}.idea-list .filter-group label{color:#1e293b;color:var(--text-color);font-size:.875rem;font-weight:600;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}@media(max-width:768px){.idea-list .filter-group label{font-size:.9rem;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}}.idea-list .filter-group select{-webkit-appearance:none;appearance:none;background-color:#fff;background-color:var(--bg-color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#1e293b;color:var(--text-color);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);padding-right:2.5rem;padding-right:calc(var(--spacing-md) + 1.5rem);transition:border-color .2s ease}.idea-list .filter-group select:focus{border-color:#6366f1;border-color:var(--primary-color);outline:none}@media(max-width:768px){.idea-list .filter-group select{border-radius:.375rem;border-radius:var(--radius-sm);font-size:1rem;padding:1rem;padding:var(--spacing-md);padding-right:2.5rem;padding-right:calc(var(--spacing-md) + 1.5rem)}}.idea-list .active-filters{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.idea-list .active-filters .filter-label{color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:600}.idea-list .active-filters .filter-tag{align-items:center;background-color:#6366f1;background-color:var(--primary-color);border-radius:.5rem;border-radius:var(--radius-md);color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;gap:var(--spacing-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.idea-list .active-filters .filter-tag .filter-remove{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:16px;justify-content:center;padding:0;transition:background-color .2s ease;width:16px}.idea-list .active-filters .filter-tag .filter-remove:hover{background-color:#fff3}.idea-list .filter-section{display:flex;gap:1rem;gap:var(--spacing-md);margin-top:1rem;margin-top:var(--spacing-md)}@media(max-width:479px){.idea-list .filter-section{flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}}.idea-list .filter-section .filter-select{background-color:#fff;background-color:var(--bg-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#1e293b;color:var(--text-color);cursor:pointer;font-size:.875rem;min-width:150px;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.idea-list .filter-section .filter-select:focus{box-shadow:0 0 0 3px #6366f11a;outline:none}.idea-list .filter-section .filter-select:focus,.idea-list .filter-section .filter-select:hover{border-color:#6366f1;border-color:var(--primary-color)}@media(max-width:479px){.idea-list .filter-section .filter-select{min-width:auto;width:100%}}.ideas-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:1rem;padding:var(--spacing-md)}@media(max-width:479px){.ideas-grid{gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr;margin-top:.5rem;margin-top:var(--spacing-sm);padding:0}}@media(min-width:480px)and (max-width:767px){.ideas-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.ideas-table-container{background-color:#fff;background-color:var(--bg-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);overflow:hidden}@media(max-width:479px){.ideas-table-container{overflow-x:auto}}.ideas-table-container .ideas-table{border-collapse:collapse;font-size:.875rem;width:100%}.ideas-table-container .ideas-table th{background-color:#f8fafc;background-color:var(--bg-secondary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#1e293b;color:var(--text-color);font-weight:600;padding:1rem;padding:var(--spacing-md);text-align:left;white-space:nowrap}.ideas-table-container .ideas-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);padding:1rem;padding:var(--spacing-md);vertical-align:top}.ideas-table-container .ideas-table td.title-cell{color:#1e293b;color:var(--text-color);font-weight:500;max-width:200px;word-break:break-word}.ideas-table-container .ideas-table td.actions-cell{white-space:nowrap;width:80px}.ideas-table-container .ideas-table tr{transition:background-color .2s ease}.ideas-table-container .ideas-table tr:hover{background-color:#f8fafc;background-color:var(--bg-secondary)}.ideas-table-container .ideas-table tr:last-child td{border-bottom:none}.ideas-table-container .ideas-table .action-button{background:none;border:none;border-radius:.375rem;border-radius:var(--radius-sm);cursor:pointer;margin-right:.25rem;margin-right:var(--spacing-xs);padding:.25rem;padding:var(--spacing-xs);transition:all .2s ease}.ideas-table-container .ideas-table .action-button:hover{background-color:#f1f5f9;background-color:var(--bg-tertiary);transform:scale(1.1)}.ideas-table-container .ideas-table .action-button.edit:hover{background-color:#6366f11a}.ideas-table-container .ideas-table .action-button.delete:hover{background-color:#ef44441a}.empty-state{background-color:#fff;background-color:var(--bg-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);margin:3rem auto;margin:var(--spacing-2xl) auto;max-width:600px}.empty-state .empty-icon{opacity:.7}.empty-state h3{font-size:1.25rem}.empty-state p{color:#64748b;color:var(--text-secondary);line-height:1.6}.empty-state .primary-button{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary-color),#8b5cf6);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl);transition:all .2s ease}.empty-state .primary-button:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.auth-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.auth-modal{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 25px #0003;max-width:400px;padding:2rem;width:90%}.auth-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.auth-header h2{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0}.auth-header .close-button{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;padding:.25rem;transition:all .2s ease}.auth-header .close-button:hover{background-color:var(--hover-color);color:var(--text-color)}.auth-form .form-group{margin-bottom:1rem}.auth-form .form-group label{align-items:center;color:var(--text-color);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:.5rem}.auth-form .form-group label svg{height:1.2rem;width:1.2rem}.auth-form .form-group input{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:1rem;padding:.75rem;transition:border-color .2s ease;width:100%}.auth-form .form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.auth-form .form-group input::placeholder{color:var(--text-secondary)}.auth-form .password-input{position:relative}.auth-form .password-input .password-toggle{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:all .2s ease}.auth-form .password-input .password-toggle:hover{background-color:var(--hover-color);color:var(--text-color)}.auth-form .password-input .password-toggle svg{height:1.2rem;width:1.2rem}.error-message{background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.dark-mode .error-message{background-color:#450a0a;border-color:#7f1d1d;color:#fca5a5}.auth-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease;width:100%}.auth-button.primary{background-color:var(--primary-color);color:#fff}.auth-button.primary:hover:not(:disabled){background-color:var(--primary-hover)}.auth-button.primary:disabled{cursor:not-allowed;opacity:.6}.auth-button.google{background-color:#fff;border:1px solid var(--border-color);color:#374151}.auth-button.google:hover:not(:disabled){background-color:#f9fafb}.auth-button.google:disabled{cursor:not-allowed;opacity:.6}.auth-button.google .google-icon{height:1.2rem;width:1.2rem}.auth-divider{margin:1.5rem 0;position:relative;text-align:center}.auth-divider:before{background-color:var(--border-color);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background-color:var(--bg-color);color:var(--text-secondary);font-size:.9rem;padding:0 1rem}.auth-footer{margin-top:1.5rem;text-align:center}.auth-footer p{color:var(--text-secondary);font-size:.9rem;margin:0}.auth-footer .link-button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-weight:500;margin-left:.5rem;text-decoration:underline}.auth-footer .link-button:hover{color:var(--primary-hover)}@media(max-width:480px){.auth-modal{margin:1rem;max-height:90vh;overflow-y:auto;padding:1.5rem;width:calc(100% - 2rem)}.auth-header h2{font-size:1.25rem}.auth-form .form-group input{padding:.875rem}.auth-button,.auth-form .form-group input{font-size:16px;min-height:44px}}@supports(-webkit-touch-callout:none){.auth-form .form-group input{border-radius:8px}.auth-button,.auth-form .form-group input{-webkit-appearance:none;font-size:16px}}.team-list{margin:0 auto;max-width:800px;padding:1rem}.team-list .loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:3rem 1rem;text-align:center}.team-list .loading .loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin-bottom:1rem;width:40px}.team-list .loading p{color:var(--text-secondary);font-size:1rem;margin:0}.team-list .no-team{padding:3rem 1rem;text-align:center}.team-list .no-team .no-team-content{margin:0 auto;max-width:500px}.team-list .no-team .no-team-content .no-team-icon{color:var(--text-muted);height:4rem;margin-bottom:1rem;width:4rem}.team-list .no-team .no-team-content h3{color:var(--text-color);font-size:1.5rem;margin:0 0 1rem}.team-list .no-team .no-team-content p{color:var(--text-muted);line-height:1.6;margin:0 0 2rem}.team-list .no-team .no-team-content .team-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.team-list .no-team .no-team-content .team-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}@media(max-width:768px){.team-list .no-team .no-team-content .team-actions button{justify-content:center;width:180px}}.team-list .no-team .no-team-content .team-actions button.primary-button{background-color:var(--primary-color);color:#fff}.team-list .no-team .no-team-content .team-actions button.primary-button:hover{background-color:var(--primary-hover)}.team-list .no-team .no-team-content .team-actions button.secondary-button{background-color:var(--secondary-bg);border:1px solid var(--border-color);color:var(--text-color)}.team-list .no-team .no-team-content .team-actions button.secondary-button:hover{background-color:var(--secondary-hover)}.team-list .no-team .no-team-content .team-actions button svg{height:1.25rem;width:1.25rem}.team-list .team-header{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem}.team-list .team-header .team-header-top{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.team-list .team-header .team-header-top h2{color:var(--text-color);flex:1 1;font-size:2rem;margin:0}@media(max-width:768px){.team-list .team-header .team-header-top h2{font-size:1.5rem}}.team-list .team-header .team-header-top .team-actions{flex-shrink:0}.team-list .team-header .team-header-top .team-actions button{align-items:center;background-color:#f59e0b;border:1px solid #f59e0b;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.team-list .team-header .team-header-top .team-actions button:hover{background-color:#d97706;border-color:#d97706}.team-list .team-header .team-header-top .team-actions button svg{height:1rem;width:1rem}@media(max-width:768px){.team-list .team-header .team-header-top .team-actions button{font-size:.75rem;gap:.25rem;padding:.375rem .75rem}}.team-list .team-header .team-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}@media(max-width:768px){.team-list .team-header .team-meta{align-items:stretch;flex-direction:column;gap:1rem}}.team-list .team-header .team-meta .team-id{align-items:center;background-color:var(--secondary-bg);border-radius:6px;color:var(--text-muted);display:flex;font-family:monospace;font-size:.875rem;gap:.25rem;max-width:-webkit-fit-content;max-width:fit-content;min-width:0;overflow:hidden;padding:.5rem .75rem;position:relative}@media(max-width:768px){.team-list .team-header .team-meta .team-id{font-size:.75rem;gap:.125rem;max-width:100%;padding:.375rem .5rem;width:100%}.team-list .team-header .team-meta .team-id span:first-child{max-width:calc(100% - 2rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.team-list .team-header .team-meta .team-id .copy-button{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;flex-shrink:0;padding:.25rem;transition:all .2s}.team-list .team-header .team-meta .team-id .copy-button:hover{background-color:var(--hover-color);color:var(--primary-color)}.team-list .team-header .team-meta .team-id .copy-success-message{animation:fadeInOut 2s ease-in-out forwards;background-color:#10b981;background-color:var(--success-color,#10b981);border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;color:#fff;font-size:.75rem;font-weight:500;left:50%;margin-top:.5rem;opacity:0;padding:.5rem .75rem;position:absolute;top:100%;transform:translateX(-50%);white-space:nowrap;z-index:1000}@media(max-width:768px){.team-list .team-header .team-meta .team-id .copy-success-message{font-size:.7rem;left:0;padding:.375rem .5rem;text-align:center;transform:none;width:100%}}.team-list .team-header .team-meta .member-count{color:var(--text-muted);font-size:.875rem}.team-list .team-content .team-stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:var(--spacing-xl)}.team-list .team-content .stat-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);text-align:center}.team-list .team-content .stat-item h3{color:var(--primary-color);font-size:2rem;font-weight:700;margin:0 0 var(--spacing-xs) 0}.team-list .team-content .stat-item p{color:var(--text-secondary);font-size:.875rem;margin:0}.team-list .team-content .team-members-section{margin-bottom:var(--spacing-xl)}.team-list .team-content .team-members-section h3{color:var(--text-color);margin-bottom:var(--spacing-md)}.team-list .team-content .team-members-section .team-members-list{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm)}.team-list .team-content .team-members-section .team-member-item{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--spacing-md)}.team-list .team-content .team-members-section .team-member-item .member-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.team-list .team-content .team-members-section .team-member-item .member-info .member-name{color:var(--text-color);font-weight:600}.team-list .team-content .team-members-section .team-member-item .member-info .member-email{color:var(--text-secondary);font-size:.875rem}.team-list .team-content .team-members-section .team-member-item .member-joined{color:var(--text-muted);font-size:.75rem}.team-list .team-content .team-member-ideas-section{margin-bottom:var(--spacing-xl)}.team-list .team-content .team-member-ideas-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.team-list .team-content .team-member-ideas-section .section-header h3{color:var(--text-color);margin:0}.team-list .team-content .team-member-ideas-section .section-header .toggle-button{background:none;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.team-list .team-content .team-member-ideas-section .section-header .toggle-button:hover{background-color:var(--bg-secondary);border-color:var(--primary-color)}.team-list .team-content .team-member-ideas-section .team-member-ideas-list{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md)}.team-list .team-content .team-member-ideas-section .team-member-idea-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md)}.team-list .team-content .team-member-ideas-section .team-member-idea-item .idea-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.team-list .team-content .team-member-ideas-section .team-member-idea-item .idea-header h4{color:var(--text-color);margin:0}.team-list .team-content .team-member-ideas-section .team-member-idea-item .idea-header .idea-author{color:var(--text-secondary);font-size:.875rem}.team-list .team-content .team-member-ideas-section .team-member-idea-item .idea-description{color:var(--text-color);line-height:1.5;margin:0 0 var(--spacing-md) 0}.team-list .team-content .team-member-ideas-section .team-member-idea-item .idea-meta{align-items:center;display:flex;justify-content:space-between}.team-list .team-content .team-member-ideas-section .team-member-idea-item .idea-meta .idea-date{color:var(--text-muted);font-size:.875rem}.team-list .team-content .team-member-ideas-section .team-member-idea-item .idea-meta .idea-actions{display:flex;gap:var(--spacing-sm)}.team-list .team-content .team-member-ideas-section .team-member-idea-item .idea-meta .idea-actions .comment-button,.team-list .team-content .team-member-ideas-section .team-member-idea-item .idea-meta .idea-actions .like-button{align-items:center;background:none;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.team-list .team-content .team-member-ideas-section .team-member-idea-item .idea-meta .idea-actions .comment-button:hover,.team-list .team-content .team-member-ideas-section .team-member-idea-item .idea-meta .idea-actions .like-button:hover{background-color:var(--bg-tertiary);border-color:var(--primary-color)}.team-list .team-content .team-member-ideas-section .team-member-idea-item .idea-meta .idea-actions .comment-button.liked,.team-list .team-content .team-member-ideas-section .team-member-idea-item .idea-meta .idea-actions .like-button.liked{border-color:var(--error-color);color:var(--error-color)}.team-list .team-content .team-member-ideas-section .team-member-idea-item .idea-meta .idea-actions .comment-count,.team-list .team-content .team-member-ideas-section .team-member-idea-item .idea-meta .idea-actions .like-count{font-weight:600}.team-list .team-content .team-ideas-section{margin-bottom:2rem}.team-list .team-content .team-ideas-section h3{color:var(--text-color);font-size:1.25rem;margin:0 0 1rem}.team-list .team-content .team-ideas-section .team-ideas-list{display:flex;flex-direction:column;gap:1rem}.team-list .team-content .team-ideas-section .team-ideas-list .team-idea-item{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.team-list .team-content .team-ideas-section .team-ideas-list .team-idea-item h4{color:var(--text-color);font-size:1.125rem;margin:0 0 .5rem}.team-list .team-content .team-ideas-section .team-ideas-list .team-idea-item p{color:var(--text-muted);line-height:1.5;margin:0 0 1rem}.team-list .team-content .team-ideas-section .team-ideas-list .team-idea-item .idea-meta{color:var(--text-muted);display:flex;font-size:.75rem;gap:1rem}.team-list .team-content .team-ideas-section .team-ideas-list .team-idea-item .idea-meta .idea-author{align-items:center;display:flex;gap:.25rem}.team-list .team-content .team-ideas-section .no-ideas{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);padding:2rem;text-align:center}.team-list .team-content .team-help{background-color:var(--info-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.team-list .team-content .team-help h4{color:var(--text-color);font-size:1.125rem;margin:0 0 1rem}.team-list .team-content .team-help ul{color:var(--text-muted);line-height:1.6;margin:0;padding-left:1.5rem}.team-list .team-content .team-help ul li{margin-bottom:.5rem}.team-list .team-content .team-help ul li:last-child{margin-bottom:0}@keyframes fadeInOut{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}20%{opacity:1;transform:translateX(-50%) translateY(0)}80%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-10px)}}.dark-mode .team-list .no-team .no-team-content .no-team-icon{color:var(--text-muted-dark)}.dark-mode .team-list .team-content .team-help{background-color:var(--info-bg-dark)}.like-button{align-items:center;background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;min-width:60px;padding:.5rem .75rem;position:relative;transition:all .2s}.like-button:hover:not(:disabled){background-color:var(--hover-color);border-color:var(--primary-color);color:var(--primary-color)}.like-button:disabled{cursor:not-allowed;opacity:.6}.like-button.disabled{cursor:not-allowed;opacity:.6}.like-button.disabled,.like-button.disabled:hover{background-color:var(--bg-muted);border-color:var(--border-light);color:var(--text-muted)}.like-button.liked{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.like-button.liked:hover:not(:disabled){background-color:var(--primary-hover)}.like-button.liked .heart-icon.filled{animation:heartBeat .3s ease-in-out}.like-button .heart-icon{height:1.125rem;transition:all .2s;width:1.125rem}.like-button .heart-icon.filled,.like-button .heart-icon.outline{color:currentColor}.like-button .like-count{font-weight:500;min-width:1.5rem;text-align:center}.like-button .like-loading{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.like-button .like-loading .loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:1rem;width:1rem}.like-button.updating{opacity:.7;pointer-events:none}@media(max-width:480px){.like-button{font-size:1rem;min-width:80px;padding:.75rem 1rem}.like-button .heart-icon{height:1.25rem;width:1.25rem}.like-button .like-count{font-size:.875rem}}@keyframes heartBeat{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.dark-mode .like-button:hover:not(:disabled){background-color:var(--hover-color-dark)}.comment-section{word-wrap:break-word;overflow-x:hidden;word-break:break-word}.comment-section .comment-header .comment-toggle{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem;transition:all .2s}.comment-section .comment-header .comment-toggle:hover{background-color:var(--hover-color);color:var(--text-color)}.comment-section .comment-header .comment-toggle svg{height:1.125rem;width:1.125rem}.comment-section .comment-header .comment-toggle .comment-count{font-weight:500}@media(max-width:480px){.comment-section .comment-header .comment-toggle{font-size:1rem;padding:.75rem}.comment-section .comment-header .comment-toggle svg{height:1.25rem;width:1.25rem}}.comment-section .comment-content{margin-top:1rem}.comment-section .comment-content .comment-form{margin-bottom:1.5rem}.comment-section .comment-content .comment-form .comment-input-wrapper{display:flex;flex-wrap:wrap;gap:.5rem;min-width:0}.comment-section .comment-content .comment-form .comment-input-wrapper .comment-input{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);flex:1 1;font-size:.875rem;min-width:0;padding:.75rem;transition:border-color .2s}.comment-section .comment-content .comment-form .comment-input-wrapper .comment-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.comment-section .comment-content .comment-form .comment-input-wrapper .comment-input:disabled{cursor:not-allowed;opacity:.6}.comment-section .comment-content .comment-form .comment-input-wrapper .comment-input::placeholder{color:var(--text-muted)}.comment-section .comment-content .comment-form .comment-input-wrapper .comment-submit{align-items:center;background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;min-width:44px;padding:.75rem;transition:all .2s}.comment-section .comment-content .comment-form .comment-input-wrapper .comment-submit:hover:not(:disabled){background-color:var(--primary-hover)}.comment-section .comment-content .comment-form .comment-input-wrapper .comment-submit:disabled{cursor:not-allowed;opacity:.6}.comment-section .comment-content .comment-form .comment-input-wrapper .comment-submit svg{height:1.125rem;width:1.125rem}.comment-section .comment-content .comments-list{overflow-x:hidden}.comment-section .comment-content .comments-list .comment-item{word-wrap:break-word;background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem;overflow-wrap:break-word;padding:1rem;word-break:break-word}.comment-section .comment-content .comments-list .comment-item:last-child{margin-bottom:0}.comment-section .comment-content .comments-list .comment-item .comment-header{align-items:center;border:none;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.75rem;min-width:0;padding:0}.comment-section .comment-content .comments-list .comment-item .comment-header .comment-author{color:var(--text-color);flex:1 1;font-size:.875rem;font-weight:500;min-width:0}.comment-section .comment-content .comments-list .comment-item .comment-header .comment-date{color:var(--text-muted);flex-shrink:0;font-size:.75rem}.comment-section .comment-content .comments-list .comment-item .comment-header .comment-delete{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;flex-shrink:0;padding:.25rem;transition:all .2s}.comment-section .comment-content .comments-list .comment-item .comment-header .comment-delete:hover{background-color:var(--danger-bg);color:var(--danger-color)}.comment-section .comment-content .comments-list .comment-item .comment-header .comment-delete svg{height:1rem;width:1rem}.comment-section .comment-content .comments-list .comment-item .comment-text{word-wrap:break-word;color:var(--text-color);font-size:.875rem;line-height:1.5;overflow-wrap:break-word;word-break:break-word}.comment-section .comment-content .comments-list .no-comments{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);padding:2rem;text-align:center}.comment-section .comment-content .comments-list .no-comments p{font-size:.875rem;margin:0}.dark-mode .comment-section .comment-content .comment-form .comment-input-wrapper .comment-input{background-color:var(--input-bg-dark)}.dark-mode .comment-section .comment-content .comments-list .comment-item,.dark-mode .comment-section .comment-content .comments-list .no-comments{background-color:var(--secondary-bg-dark)}.team-idea-list{margin:0 auto;max-width:1200px;padding:1rem}.team-idea-list .loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:3rem 1rem;text-align:center}.team-idea-list .loading .loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin-bottom:1rem;width:40px}.team-idea-list .loading p{color:var(--text-secondary);font-size:1rem;margin:0}.team-idea-list .team-idea-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.team-idea-list .team-idea-header h3{align-items:center;color:var(--text-color);display:flex;font-size:1.75rem;gap:.5rem;margin:0}.team-idea-list .team-idea-header h3 .idea-count{color:var(--text-muted);font-size:1rem;font-weight:400}.team-idea-list .team-idea-header button{align-items:center;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.team-idea-list .team-idea-header button:hover{background-color:var(--primary-hover)}.team-idea-list .team-idea-header button svg{height:1.25rem;width:1.25rem}.team-idea-list .team-idea-form-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.team-idea-list .team-idea-form-modal{background:var(--bg-color);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.team-idea-list .team-idea-form-modal .form-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.team-idea-list .team-idea-form-modal .form-header h4{color:var(--text-color);font-size:1.25rem;font-weight:600;margin:0}.team-idea-list .team-idea-form-modal .form-header .close-button{background:none;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;font-size:1.5rem;padding:.5rem;transition:all .2s}.team-idea-list .team-idea-form-modal .form-header .close-button:hover{background-color:var(--hover-color);color:var(--text-color)}.team-idea-list .no-team-ideas{padding:3rem 1rem;text-align:center}.team-idea-list .no-team-ideas .no-ideas-icon{color:var(--text-muted);height:4rem;margin-bottom:1rem;width:4rem}.team-idea-list .no-team-ideas h4{color:var(--text-color);font-size:1.5rem;margin:0 0 1rem}.team-idea-list .no-team-ideas p{color:var(--text-muted);line-height:1.6;margin:0 0 2rem}.team-idea-list .no-team-ideas button{align-items:center;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;margin:0 auto;padding:.75rem 1.5rem;transition:all .2s}.team-idea-list .no-team-ideas button:hover{background-color:var(--primary-hover)}.team-idea-list .no-team-ideas button svg{height:1.25rem;width:1.25rem}.team-idea-list .team-ideas-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.team-idea-list .team-ideas-grid .team-idea-card{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:1.5rem;transition:all .2s}.team-idea-list .team-ideas-grid .team-idea-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.team-idea-list .team-ideas-grid .team-idea-card.personal-idea{background-color:var(--secondary-bg);border-left:4px solid var(--accent-color)}.team-idea-list .team-ideas-grid .team-idea-card.team-idea{border-left:4px solid var(--primary-color)}.team-idea-list .team-ideas-grid .team-idea-card .idea-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.team-idea-list .team-ideas-grid .team-idea-card .idea-header .idea-meta{display:flex;flex-wrap:wrap;gap:.5rem}.team-idea-list .team-ideas-grid .team-idea-card .idea-header .idea-meta .category-badge,.team-idea-list .team-ideas-grid .team-idea-card .idea-header .idea-meta .idea-type-badge,.team-idea-list .team-ideas-grid .team-idea-card .idea-header .idea-meta .status-badge{border-radius:20px;font-size:.75rem;font-weight:500;letter-spacing:.05em;margin:0;padding:.25rem .75rem;text-transform:uppercase}.team-idea-list .team-ideas-grid .team-idea-card .idea-header .idea-meta .category-badge{background-color:var(--primary-color);color:#fff}.team-idea-list .team-ideas-grid .team-idea-card .idea-header .idea-meta .status-badge{background-color:var(--secondary-bg);border:1px solid var(--border-color);color:var(--text-color)}.team-idea-list .team-ideas-grid .team-idea-card .idea-header .idea-meta .idea-type-badge.personal{background-color:var(--accent-color);color:#fff}.team-idea-list .team-ideas-grid .team-idea-card .idea-header .idea-author{align-items:center;background-color:var(--secondary-bg);border-radius:20px;color:var(--text-muted);display:flex;font-size:.875rem;gap:.5rem;padding:.25rem .75rem}.team-idea-list .team-ideas-grid .team-idea-card .idea-header .idea-author svg{height:1rem;width:1rem}.team-idea-list .team-ideas-grid .team-idea-card .idea-content{margin-bottom:1.5rem}.team-idea-list .team-ideas-grid .team-idea-card .idea-content .idea-title{color:var(--text-color);font-size:1.25rem;line-height:1.4;margin:0 0 .75rem}.team-idea-list .team-ideas-grid .team-idea-card .idea-content .idea-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:.875rem;line-height:1.6;margin:0;overflow:hidden}.team-idea-list .team-ideas-grid .team-idea-card .idea-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.team-idea-list .team-ideas-grid .team-idea-card .idea-actions .edit-button{align-items:center;background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.team-idea-list .team-ideas-grid .team-idea-card .idea-actions .edit-button:hover{background-color:var(--hover-color);border-color:var(--primary-color);color:var(--text-color)}.team-idea-list .team-ideas-grid .team-idea-card .idea-actions .edit-button svg{height:1.125rem;width:1.125rem}.team-idea-list .team-ideas-grid .team-idea-card .idea-footer .idea-date{color:var(--text-muted);font-size:.75rem}.dark-mode .team-idea-list .team-idea-form-modal{background:var(--bg-color-dark)}.dark-mode .team-idea-list .team-ideas-grid .team-idea-card{background-color:var(--bg-color-dark);border-color:var(--border-color-dark)}@media(max-width:768px){.team-idea-list .team-ideas-grid{gap:1rem;grid-template-columns:1fr}.team-idea-list .team-idea-header{align-items:stretch;flex-direction:column;gap:1rem}.team-idea-list .team-idea-header button{align-self:stretch;justify-content:center}}.team-form-page{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:600px;padding:2rem}.team-form-page .page-title{margin-bottom:2rem;text-align:center}.team-form-page .page-title h1{color:var(--text-color);font-size:1.75rem;font-weight:600;margin:0 0 .5rem}.team-form-page .page-title p{color:var(--text-secondary);font-size:.95rem;margin:0}.team-form-page .team-form .form-group{margin-bottom:1.5rem}.team-form-page .team-form .form-group label{color:var(--text-color);display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.team-form-page .team-form .form-group label:after{color:var(--error-color);content:" *";margin-left:2px}.team-form-page .team-form .form-group input{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:1rem;padding:.75rem;transition:border-color .2s ease;width:100%}.team-form-page .team-form .form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.team-form-page .team-form .form-group input::placeholder{color:var(--text-muted)}.team-form-page .team-form .form-group input.error{border-color:var(--error-color)}.team-form-page .team-form .form-group .password-input{position:relative}.team-form-page .team-form .form-group .password-input .password-toggle{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:all .2s}.team-form-page .team-form .form-group .password-input .password-toggle:hover{background-color:var(--bg-secondary);color:var(--text-color)}.team-form-page .team-form .form-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding-top:1.5rem}.team-form-page .team-form .form-actions .primary-button,.team-form-page .team-form .form-actions .secondary-button{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;justify-content:center;min-width:120px;padding:.75rem 2rem;text-align:center;transition:all .2s ease;white-space:nowrap}.team-form-page .team-form .form-actions .primary-button{background-color:var(--primary-color);border:none;color:#fff}.team-form-page .team-form .form-actions .primary-button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.team-form-page .team-form .form-actions .primary-button:active{transform:translateY(0)}.team-form-page .team-form .form-actions .primary-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.team-form-page .team-form .form-actions .secondary-button{background-color:#0000;border:1px solid var(--border-color);color:var(--text-color)}.team-form-page .team-form .form-actions .secondary-button:hover{background-color:var(--bg-secondary);border-color:var(--primary-color)}.team-form-page .error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.9rem;margin-bottom:1rem;padding:.75rem;text-align:center}.team-form-page .team-form-info{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-top:2rem;padding:1.5rem}.team-form-page .team-form-info h3{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.team-form-page .team-form-info p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0}@media(max-width:768px){.team-form-page{margin:1rem;padding:1.5rem}.team-form-page .page-title h1{font-size:1.5rem}.team-form-page .team-form .form-actions{flex-direction:column;gap:.75rem}.team-form-page .team-form .form-actions button{width:100%}}@media(max-width:480px){.team-form-page{margin:.5rem;padding:1rem}.team-form-page .page-title h1{font-size:1.25rem}.team-form-page .team-form .form-group{margin-bottom:1.25rem}.team-form-page .team-form .form-actions{margin-top:1.5rem;padding-top:1.25rem}}*,:after,:before{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-color);color:#1e293b;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;min-height:100dvh;padding:0;transition:background-color .3s ease,color .3s ease}@supports(padding:max(0px)){body{padding:max(env(safe-area-inset-top),0px) max(env(safe-area-inset-right),0px) max(env(safe-area-inset-bottom),0px) max(env(safe-area-inset-left),0px)}}#root,.app-container{min-height:100vh;min-height:100dvh;position:relative}.app-container{padding-bottom:var(--safe-area-inset-bottom);padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right)}@media(min-width:768px){.app-container{padding:0}}.main-content{margin-top:0;padding-top:0}@media(max-width:480px){.main-content{margin-top:calc(env(safe-area-inset-top) + 100px)}}@media(min-width:481px)and (max-width:768px){.main-content{margin-top:calc(env(safe-area-inset-top) + 100px)}}@media(min-width:769px){.main-content{margin-left:auto;margin-right:auto;margin-top:84px;max-width:1200px}}.status-bar-area{background-color:#fff;background-color:var(--bg-color);height:env(safe-area-inset-top);left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1000}@media(min-width:769px){.status-bar-area{display:none}}.home-view{padding:1rem}@media(max-width:480px){.home-view{padding:.25rem .5rem}.home-view h2{font-size:1.75rem;margin-bottom:.25rem}.home-view p{font-size:1rem;margin-bottom:.75rem}}@media(min-width:481px)and (max-width:768px){.home-view{padding:.75rem}.home-view h2{font-size:2rem;margin-bottom:.5rem}.home-view p{font-size:1.1rem;margin-bottom:1.25rem}}@media(min-width:769px){.home-view{padding:2rem}.home-view h2{font-size:2.25rem;margin-bottom:1rem}.home-view p{font-size:1.2rem;margin-bottom:2.5rem}}.stats{grid-gap:1rem;display:grid;gap:1rem;margin:0 auto;max-width:800px;padding:0 1rem}@media(max-width:480px){.stats{gap:.75rem;grid-template-columns:1fr;padding:0 .5rem}}@media(min-width:481px)and (max-width:768px){.stats{gap:1.25rem;grid-template-columns:repeat(2,1fr);padding:0 1rem}}@media(min-width:769px){.stats{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:0 1.5rem}}:root{--primary-color:#6366f1;--primary-hover:#5855eb;--secondary-color:#64748b;--accent-color:#f59e0b;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--danger-color:#ef4444;--danger-hover:#dc2626;--info-color:#3b82f6;--bg-color:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--secondary-bg:#f8fafc;--text-color:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border-color:#e2e8f0;--border-light:#f1f5f9;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--scrollbar-thumb:#cbd5e1;--scrollbar-thumb-hover:#94a3b8;--header-height:60px}body.dark-mode{--bg-color:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--secondary-bg:#1e293b;--text-color:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-color:#334155;--border-light:#475569;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -4px #0000004d;--scrollbar-thumb:#475569;--scrollbar-thumb-hover:#64748b}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.loading-screen{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100vh;justify-content:center}.loading-screen .loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-top:3px solid #6366f1;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}.loading-screen p{color:#64748b;color:var(--text-secondary);font-size:1rem}.loading-screen.pull-to-refresh-loading{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff;background-color:var(--bg-color);bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000}.loading-screen.pull-to-refresh-loading .loading-spinner{border-width:4px;height:50px;width:50px}.loading-screen.pull-to-refresh-loading p{color:var(--text-primary);font-size:1.2rem;font-weight:500}.pull-to-refresh-overlay{background-color:#fff;background-color:var(--bg-color);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:10000}.pull-to-refresh-overlay .main-content{align-items:center;display:flex;flex:1 1;justify-content:center}.pull-to-refresh-overlay .main-content .loading-screen{height:auto;min-height:auto}.pull-to-refresh-overlay .bottom-nav{flex-shrink:0}.app{background-color:#fff;background-color:var(--bg-color);display:flex;flex-direction:column;min-height:100vh}@supports(-webkit-touch-callout:none){body{padding-top:0}body.dark-mode{background-color:#1e293b}input,select,textarea{border-radius:.75rem;border-radius:var(--radius-lg)}button,input,select,textarea{-webkit-appearance:none;font-size:16px!important}}.main-content{flex:1 1;height:calc(100vh - 140px - env(safe-area-inset-top));max-width:1200px;overflow-y:auto;padding:1.5rem;padding:var(--spacing-lg);padding-bottom:calc(100px + env(safe-area-inset-bottom));width:100%}@media(max-width:767px){.main-content{height:calc(100vh - 160px - env(safe-area-inset-top));padding:1rem;padding:var(--spacing-md);padding-bottom:calc(100px + env(safe-area-inset-bottom))}}@media(max-width:479px){.main-content{height:calc(100vh - 160px - env(safe-area-inset-top));padding:1rem;padding:var(--spacing-md);padding-bottom:calc(100px + env(safe-area-inset-bottom))}}.bottom-nav{align-items:center;background-color:#fff;background-color:var(--bg-color);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);bottom:0;display:flex;justify-content:space-around;left:0;padding:1rem 0;padding:var(--spacing-md) 0;padding-bottom:calc(1rem + env(safe-area-inset-bottom));padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom));position:fixed;right:0;z-index:1000}@media(max-width:479px){.bottom-nav{padding:.5rem 0;padding:var(--spacing-sm) 0;padding-bottom:calc(.5rem + env(safe-area-inset-bottom));padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom))}}.bottom-nav .nav-item{align-items:center;background:none;border:none;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:.75rem;font-weight:500;gap:.25rem;gap:var(--spacing-xs);padding:.5rem;padding:var(--spacing-sm);transition:all .2s ease}.bottom-nav .nav-item:hover{color:#1e293b;color:var(--text-color)}.bottom-nav .nav-item.active{color:#6366f1;color:var(--primary-color)}.bottom-nav .nav-item svg{font-size:1.25rem}.settings-view{margin:0 auto;max-width:600px;padding:1rem;padding:var(--spacing-md)}.settings-view h2{color:#1e293b;color:var(--text-color);font-weight:700;margin-bottom:2rem;margin-bottom:var(--spacing-xl);text-align:center}.settings-view .settings-content{background-color:#fff;background-color:var(--bg-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--spacing-lg)}.settings-view .settings-content .setting-item{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 0;padding:var(--spacing-md) 0}.settings-view .settings-content .setting-item:last-child{border-bottom:none}@media(max-width:479px){.settings-view .settings-content .setting-item{align-items:flex-start;flex-direction:column;gap:1rem;gap:var(--spacing-md)}}.settings-view .settings-content .setting-item label{color:#1e293b;color:var(--text-color);font-size:1rem;font-weight:600}.settings-view .settings-content .setting-item .user-name-input{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md)}@media(max-width:479px){.settings-view .settings-content .setting-item .user-name-input{flex-direction:column;gap:.5rem;gap:var(--spacing-sm);width:100%}}.settings-view .settings-content .setting-item .user-name-input input{background-color:#fff;background-color:var(--bg-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#1e293b;color:var(--text-color);font-size:1rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .2s ease}.settings-view .settings-content .setting-item .user-name-input input:focus{border-color:#6366f1;border-color:var(--primary-color);outline:none}@media(max-width:479px){.settings-view .settings-content .setting-item .user-name-input input{width:100%}}.settings-view .settings-content .setting-item .user-name-input .save-button{background-color:#6366f1;background-color:var(--primary-color);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease;white-space:nowrap}.settings-view .settings-content .setting-item .user-name-input .save-button:hover{background-color:#5855eb;background-color:var(--primary-hover)}@media(max-width:479px){.settings-view .settings-content .setting-item .user-name-input .save-button{justify-content:center;width:100%}}.settings-view .settings-content .setting-item .toggle-button{align-items:center;background:none;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.25rem;gap:var(--spacing-xs);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}@media(max-width:479px){.settings-view .settings-content .setting-item .toggle-button{justify-content:center;padding:1rem;padding:var(--spacing-md);width:100%}}.settings-view .settings-content .setting-item .toggle-button:hover{background-color:#f8fafc;background-color:var(--bg-secondary)}.settings-view .settings-content .setting-item .toggle-button.active{background-color:#6366f1;background-color:var(--primary-color);border-color:#6366f1;border-color:var(--primary-color);color:#fff}.settings-view .settings-content .setting-item .language-buttons,.settings-view .settings-content .setting-item .theme-buttons{display:flex;gap:.5rem;gap:var(--spacing-sm)}@media(max-width:479px){.settings-view .settings-content .setting-item .language-buttons,.settings-view .settings-content .setting-item .theme-buttons{flex-direction:column;gap:.25rem;gap:var(--spacing-xs);width:100%}}.settings-view .settings-content .setting-item .language-button,.settings-view .settings-content .setting-item .theme-button{align-items:center;background:none;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:.25rem;gap:var(--spacing-xs);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}@media(max-width:479px){.settings-view .settings-content .setting-item .language-button,.settings-view .settings-content .setting-item .theme-button{justify-content:center;padding:1rem;padding:var(--spacing-md);text-align:center;width:100%}}.settings-view .settings-content .setting-item .language-button:hover,.settings-view .settings-content .setting-item .theme-button:hover{background-color:#f8fafc;background-color:var(--bg-secondary)}.settings-view .settings-content .setting-item .language-button.active,.settings-view .settings-content .setting-item .theme-button.active{background-color:#6366f1;background-color:var(--primary-color);border-color:#6366f1;border-color:var(--primary-color);color:#fff}.settings-view .settings-content .setting-item .export-buttons,.settings-view .settings-content .setting-item .import-buttons{display:flex;gap:.5rem;gap:var(--spacing-sm)}@media(max-width:479px){.settings-view .settings-content .setting-item .export-buttons,.settings-view .settings-content .setting-item .import-buttons{flex-direction:column;gap:.25rem;gap:var(--spacing-xs);width:100%}}.settings-view .settings-content .setting-item .secondary-button{align-items:center;background:none;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:.25rem;gap:var(--spacing-xs);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}@media(max-width:479px){.settings-view .settings-content .setting-item .secondary-button{justify-content:center;padding:1rem;padding:var(--spacing-md);width:100%}}.settings-view .settings-content .setting-item .secondary-button:hover{background-color:#f8fafc;background-color:var(--bg-secondary)}@media(max-width:768px){.settings-view{margin:1rem;padding:1rem;padding:var(--spacing-md)}.settings-view h2{font-size:1.5rem}.settings-view .settings-content .setting-item{padding:1rem 0;padding:var(--spacing-md) 0}.settings-view .settings-content .setting-item .user-name-input{flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.settings-view .settings-content .setting-item .user-name-input .save-button,.settings-view .settings-content .setting-item .user-name-input input{width:100%}.settings-view .settings-content .setting-item .language-buttons,.settings-view .settings-content .setting-item .theme-buttons{flex-direction:column}.settings-view .settings-content .setting-item .language-buttons .language-button,.settings-view .settings-content .setting-item .language-buttons .theme-button,.settings-view .settings-content .setting-item .theme-buttons .language-button,.settings-view .settings-content .setting-item .theme-buttons .theme-button{width:100%}.settings-view .settings-content .setting-item .export-buttons{flex-direction:column}.settings-view .settings-content .setting-item .export-buttons .secondary-button{justify-content:center;width:100%}}@media(max-width:480px){.settings-view{margin:.5rem;padding:.5rem;padding:var(--spacing-sm)}.settings-view h2{font-size:1.25rem}.settings-view .settings-content .setting-item{margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:.5rem 0;padding:var(--spacing-sm) 0}}.login-prompt{align-items:center;display:flex;justify-content:center;min-height:60vh;text-align:center}.login-prompt .login-content{background-color:#fff;background-color:var(--bg-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);max-width:400px;padding:3rem;padding:var(--spacing-2xl)}.login-prompt .login-content h2{color:#1e293b;color:var(--text-color);font-size:1.5rem;font-weight:700;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.login-prompt .login-content p{color:#64748b;color:var(--text-secondary);margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.home-view{margin:0 auto;max-width:600px;padding:0;text-align:center}.home-view h2{color:#1e293b;color:var(--text-color);font-size:2rem;font-weight:700;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.home-view p{color:#64748b;color:var(--text-secondary);font-size:1.125rem}.home-view .stats,.home-view p{margin-bottom:3rem;margin-bottom:var(--spacing-2xl)}.home-view .stats{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}@media(max-width:479px){.home-view .stats{gap:.5rem;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}}@media(min-width:480px)and (max-width:767px){.home-view .stats{grid-template-columns:repeat(3,1fr)}}.home-view .stats .stat-item{background-color:#fff;background-color:var(--bg-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--spacing-lg)}.home-view .stats .stat-item h3{color:#6366f1;color:var(--primary-color);font-size:2rem;font-weight:700;margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.home-view .stats .stat-item p{color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:500;margin:0}.home-view .stats .stat-item.clickable{cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.home-view .stats .stat-item.clickable:hover{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.home-view .stats .stat-item.clickable:hover:before{background:linear-gradient(135deg,#6366f1,#0000);background:linear-gradient(135deg,var(--primary-color) 0,#0000 100%);bottom:0;content:"";left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0}.home-view .stats .stat-item.clickable:active{transform:translateY(0)}.home-view .stats .stat-item.clickable h3{transition:color .2s ease}.home-view .stats .stat-item.clickable:hover h3{color:#6366f1;color:var(--primary-color)}.profile-view{margin:0 auto;max-width:600px;padding:2rem;padding:var(--spacing-xl)}.profile-view h2{color:#1e293b;color:var(--text-color);font-size:1.5rem;font-weight:600;margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.profile-view .profile-settings{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg)}.profile-view .profile-settings .setting-item{align-items:center;background-color:#fff;background-color:var(--bg-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:1.5rem;padding:var(--spacing-lg)}.profile-view .profile-settings .setting-item label{color:#1e293b;color:var(--text-color);font-weight:500}.profile-view .profile-settings .setting-item .toggle-button{align-items:center;background:none;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .2s ease;width:48px}.profile-view .profile-settings .setting-item .toggle-button:hover{background-color:#f8fafc;background-color:var(--bg-secondary)}.profile-view .profile-settings .setting-item .toggle-button.active{background-color:#6366f1;background-color:var(--primary-color);border-color:#6366f1;border-color:var(--primary-color);color:#fff}.idea-detail{height:calc(100vh - 200px);margin:0 auto;max-width:800px;overflow-y:auto;padding:.25rem;padding:var(--spacing-xs);scrollbar-color:#cbd5e1 #0000;scrollbar-color:var(--scrollbar-thumb,var(--border-color)) #0000;scrollbar-width:thin}.idea-detail::-webkit-scrollbar{width:8px}.idea-detail::-webkit-scrollbar-track{background:#0000}.idea-detail::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--scrollbar-thumb,var(--border-color));border-radius:4px}.idea-detail::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--scrollbar-thumb-hover,var(--text-muted))}.idea-detail .detail-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding-bottom:1.5rem;padding-bottom:var(--spacing-lg)}.idea-detail .detail-header .back-button{align-items:center;background:none;border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:.5rem;padding:var(--spacing-sm);transition:all .2s ease;width:40px}@media(max-width:479px){.idea-detail .detail-header .back-button{border-color:#e2e8f0;border-color:var(--border-color);border-width:2px;font-size:1.75rem;height:40px;width:40px}}.idea-detail .detail-header .back-button:hover{background-color:#f8fafc;background-color:var(--bg-secondary);border-color:#6366f1;border-color:var(--primary-color);color:#1e293b;color:var(--text-color);transform:scale(1.05)}.idea-detail .detail-header .back-button:active{transform:scale(.95)}.idea-detail .detail-header .detail-actions{display:flex;gap:.5rem;gap:var(--spacing-sm)}.idea-detail .detail-header .detail-actions .delete-button,.idea-detail .detail-header .detail-actions .edit-button{align-items:center;background:none;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.125rem;height:40px;justify-content:center;padding:.5rem;padding:var(--spacing-sm);transition:all .2s ease;width:40px}.idea-detail .detail-header .detail-actions .edit-button{border-color:#6366f14d;color:#6366f1cc}.idea-detail .detail-header .detail-actions .edit-button:hover{background-color:#6366f11a;border-color:#6366f1;border-color:var(--primary-color);color:#6366f1;color:var(--primary-color);transform:scale(1.05)}.idea-detail .detail-header .detail-actions .edit-button:active{transform:scale(.95)}.idea-detail .detail-header .detail-actions .delete-button{border-color:#ef44444d;color:#ef4444cc}.idea-detail .detail-header .detail-actions .delete-button:hover{background-color:#ef44441a;border-color:#ef4444;border-color:var(--error-color);color:#ef4444;color:var(--error-color);transform:scale(1.05)}.idea-detail .detail-header .detail-actions .delete-button:active{transform:scale(.95)}.idea-detail .detail-content .detail-title{align-items:flex-start;display:flex;gap:1.5rem;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.idea-detail .detail-content .detail-title .title-section{flex:1 1}.idea-detail .detail-content .detail-title .title-section h1{color:#1e293b;color:var(--text-color);font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.idea-detail .detail-content .detail-title .title-section .title-badges{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm)}.idea-detail .detail-content .detail-title .title-section .title-badges .category-badge,.idea-detail .detail-content .detail-title .title-section .title-badges .status-badge{border-radius:.5rem;border-radius:var(--radius-md);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;max-width:120px;overflow:hidden;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.idea-detail .detail-content .detail-title .title-section .title-badges .category-badge.category-,.idea-detail .detail-content .detail-title .title-section .title-badges .category-badge.category-null,.idea-detail .detail-content .detail-title .title-section .title-badges .category-badge.category-undefined{display:none}.idea-detail .detail-content .detail-title .title-section .title-badges .category-badge.category-Learning,.idea-detail .detail-content .detail-title .title-section .title-badges .category-badge.category-学習{background-color:#dbeafe;border:1px solid #3b82f6;color:#1e40af}.idea-detail .detail-content .detail-title .title-section .title-badges .category-badge.category-Habit,.idea-detail .detail-content .detail-title .title-section .title-badges .category-badge.category-習慣{background-color:#d1fae5;border:1px solid #10b981;color:#065f46}.idea-detail .detail-content .detail-title .title-section .title-badges .category-badge.category-Tool,.idea-detail .detail-content .detail-title .title-section .title-badges .category-badge.category-ツール{background-color:#fef3c7;border:1px solid #f59e0b;color:#92400e}.idea-detail .detail-content .detail-title .title-section .title-badges .category-badge.category-Entertainment,.idea-detail .detail-content .detail-title .title-section .title-badges .category-badge.category-娯楽{background-color:#fee2e2;border:1px solid #ef4444;color:#991b1b}.idea-detail .detail-content .detail-title .title-section .title-badges .category-badge.category-Business,.idea-detail .detail-content .detail-title .title-section .title-badges .category-badge.category-ビジネス{background-color:#ede9fe;border:1px solid #8b5cf6;color:#5b21b6}.idea-detail .detail-content .detail-title .title-section .title-badges .category-badge.category-Lifestyle,.idea-detail .detail-content .detail-title .title-section .title-badges .category-badge.category-ライフスタイル{background-color:#fce7f3;border:1px solid #ec4899;color:#be185d}.idea-detail .detail-content .detail-title .title-section .title-badges .category-badge.category-Other,.idea-detail .detail-content .detail-title .title-section .title-badges .category-badge.category-その他{background-color:#f3f4f6;border:1px solid #6b7280;color:#374151}.idea-detail .detail-content .detail-title .title-section .title-badges .status-badge.status-Planning,.idea-detail .detail-content .detail-title .title-section .title-badges .status-badge.status-企画中{background-color:#fef3c7;border:1px solid #f59e0b;color:#92400e}.idea-detail .detail-content .detail-title .title-section .title-badges .status-badge.status-Developing,.idea-detail .detail-content .detail-title .title-section .title-badges .status-badge.status-開発中{background-color:#dbeafe;border:1px solid #3b82f6;color:#1e40af}.idea-detail .detail-content .detail-title .title-section .title-badges .status-badge.status-Completed,.idea-detail .detail-content .detail-title .title-section .title-badges .status-badge.status-完了{background-color:#dcfce7;border:1px solid #22c55e;color:#166534}.idea-detail .detail-content .detail-title .title-section .title-badges .status-badge.status-On\ Hold,.idea-detail .detail-content .detail-title .title-section .title-badges .status-badge.status-保留{background-color:#f3f4f6;border:1px solid #9ca3af;color:#6b7280}.idea-detail .detail-content .detail-title .detail-actions{align-items:flex-start;display:flex;flex-shrink:0;gap:1rem;gap:var(--spacing-md)}@media(max-width:479px){.idea-detail .detail-content .detail-title{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.idea-detail .detail-content .detail-title .title-section h1{font-size:1.5rem;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.idea-detail .detail-content .detail-title .title-section .title-badges{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.idea-detail .detail-content .detail-title .title-section .title-badges .category-badge,.idea-detail .detail-content .detail-title .title-section .title-badges .status-badge{font-size:.7rem;max-width:100px;padding:.25rem;padding:var(--spacing-xs) var(--spacing-xs)}.idea-detail .detail-content .detail-title .detail-actions{gap:.5rem;gap:var(--spacing-sm);justify-content:flex-start}}.idea-detail .detail-content .detail-section{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.idea-detail .detail-content .detail-section h3{color:#1e293b;color:var(--text-color);font-size:1.25rem;font-weight:600;margin:0 0 1rem;margin:0 0 var(--spacing-md) 0}.idea-detail .detail-content .detail-section p{color:#64748b;color:var(--text-secondary);line-height:1.6;margin:0;overflow-wrap:break-word;word-break:break-word}.idea-detail .detail-content .detail-section ul{color:#64748b;color:var(--text-secondary);margin:0;padding-left:1.5rem;padding-left:var(--spacing-lg)}.idea-detail .detail-content .detail-section ul li{line-height:1.5;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);overflow-wrap:break-word;word-break:break-word}.idea-detail .detail-content .detail-section .reference-link{align-items:center;color:#6366f1;color:var(--primary-color);display:inline-flex;font-weight:500;gap:.25rem;gap:var(--spacing-xs);overflow-wrap:break-word;text-decoration:none;word-break:break-all}.idea-detail .detail-content .detail-section .reference-link:hover{text-decoration:underline}.idea-detail .detail-content .detail-meta{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);color:#94a3b8;color:var(--text-muted);font-size:.875rem;margin-top:3rem;margin-top:var(--spacing-2xl);padding-top:1.5rem;padding-top:var(--spacing-lg)}.idea-detail .detail-content .detail-meta p{margin:.25rem 0;margin:var(--spacing-xs) 0}.fab{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary-color),#8b5cf6);border:none;border-radius:50%;bottom:calc(80px + env(safe-area-inset-bottom));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:56px;justify-content:center;position:fixed;right:40px;transition:all .3s ease;width:56px;z-index:1000}@media(min-width:481px){.fab{bottom:calc(120px + env(safe-area-inset-bottom));right:80px}}.fab:hover{box-shadow:0 8px 25px #6366f14d;transform:scale(1.1)}.fab:active{transform:scale(.95)}@media(max-width:767px){.fab{bottom:calc(100px + env(safe-area-inset-bottom));right:32px}}@media(max-width:480px){.home-create-button{display:none!important}}.primary-button{align-items:center;background-color:#6366f1;background-color:var(--primary-color);border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.25rem;gap:var(--spacing-xs);padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.primary-button:hover{background-color:#5855eb;background-color:var(--primary-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.primary-button:active{transform:translateY(0)}.primary-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.secondary-button{background-color:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#1e293b;color:var(--text-color);cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.secondary-button:hover{background-color:#f8fafc;background-color:var(--bg-secondary);border-color:#6366f1;border-color:var(--primary-color)}.form-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.form-group label{color:#1e293b;color:var(--text-color);display:block;font-weight:500;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.form-group input,.form-group select,.form-group textarea{background-color:#fff;background-color:var(--bg-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#1e293b;color:var(--text-color);font-size:1rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444;border-color:var(--error-color)}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:#94a3b8;color:var(--text-muted)}.form-group .error-message{color:#ef4444;color:var(--error-color);display:block;font-size:.875rem;margin-top:.25rem;margin-top:var(--spacing-xs)}.category-badge,.category-tag,.status-badge,.status-tag{border-radius:.375rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;letter-spacing:.5px;margin:0;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.category-badge.category-学習,.category-tag.category-学習,.status-badge.category-学習,.status-tag.category-学習{background-color:#dbeafe;color:#1e40af}.category-badge.category-習慣,.category-tag.category-習慣,.status-badge.category-習慣,.status-tag.category-習慣{background-color:#dcfce7;color:#166534}.category-badge.category-ツール,.category-tag.category-ツール,.status-badge.category-ツール,.status-tag.category-ツール{background-color:#fef3c7;color:#92400e}.category-badge.category-娯楽,.category-tag.category-娯楽,.status-badge.category-娯楽,.status-tag.category-娯楽{background-color:#fce7f3;color:#be185d}.category-badge.category-ビジネス,.category-tag.category-ビジネス,.status-badge.category-ビジネス,.status-tag.category-ビジネス{background-color:#e0e7ff;color:#3730a3}.category-badge.category-ライフスタイル,.category-tag.category-ライフスタイル,.status-badge.category-ライフスタイル,.status-tag.category-ライフスタイル{background-color:#fed7d7;color:#c53030}.category-badge.category-その他,.category-badge.status-アイデア,.category-tag.category-その他,.category-tag.status-アイデア,.status-badge.category-その他,.status-badge.status-アイデア,.status-tag.category-その他,.status-tag.status-アイデア{background-color:#f3f4f6;color:#374151}.category-badge.status-開発中,.category-tag.status-開発中,.status-badge.status-開発中,.status-tag.status-開発中{background-color:#fef3c7;color:#92400e}.category-badge.status-公開済み,.category-tag.status-公開済み,.status-badge.status-公開済み,.status-tag.status-公開済み{background-color:#dcfce7;color:#166534}body.dark-mode .category-badge.category-学習,body.dark-mode .category-tag.category-学習,body.dark-mode .status-badge.category-学習,body.dark-mode .status-tag.category-学習{background-color:#1e3a8a;color:#93c5fd}body.dark-mode .category-badge.category-習慣,body.dark-mode .category-tag.category-習慣,body.dark-mode .status-badge.category-習慣,body.dark-mode .status-tag.category-習慣{background-color:#14532d;color:#86efac}body.dark-mode .category-badge.category-ツール,body.dark-mode .category-tag.category-ツール,body.dark-mode .status-badge.category-ツール,body.dark-mode .status-tag.category-ツール{background-color:#78350f;color:#fcd34d}body.dark-mode .category-badge.category-娯楽,body.dark-mode .category-tag.category-娯楽,body.dark-mode .status-badge.category-娯楽,body.dark-mode .status-tag.category-娯楽{background-color:#831843;color:#f9a8d4}body.dark-mode .category-badge.category-ビジネス,body.dark-mode .category-tag.category-ビジネス,body.dark-mode .status-badge.category-ビジネス,body.dark-mode .status-tag.category-ビジネス{background-color:#312e81;color:#a5b4fc}body.dark-mode .category-badge.category-ライフスタイル,body.dark-mode .category-tag.category-ライフスタイル,body.dark-mode .status-badge.category-ライフスタイル,body.dark-mode .status-tag.category-ライフスタイル{background-color:#991b1b;color:#fca5a5}body.dark-mode .category-badge.category-その他,body.dark-mode .category-badge.status-アイデア,body.dark-mode .category-tag.category-その他,body.dark-mode .category-tag.status-アイデア,body.dark-mode .status-badge.category-その他,body.dark-mode .status-badge.status-アイデア,body.dark-mode .status-tag.category-その他,body.dark-mode .status-tag.status-アイデア{background-color:#374151;color:#d1d5db}body.dark-mode .category-badge.status-開発中,body.dark-mode .category-tag.status-開発中,body.dark-mode .status-badge.status-開発中,body.dark-mode .status-tag.status-開発中{background-color:#78350f;color:#fcd34d}body.dark-mode .category-badge.status-公開済み,body.dark-mode .category-tag.status-公開済み,body.dark-mode .status-badge.status-公開済み,body.dark-mode .status-tag.status-公開済み{background-color:#14532d;color:#86efac}.loading{align-items:center;display:flex;justify-content:center}.empty-state,.loading{color:#64748b;color:var(--text-secondary);padding:3rem;padding:var(--spacing-2xl)}.empty-state{text-align:center}.empty-state .empty-icon{font-size:4rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.empty-state h3{color:#1e293b;color:var(--text-color);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.empty-state p{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.team-form-page .page-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;gap:var(--spacing-md);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding-bottom:1rem;padding-bottom:var(--spacing-md)}.team-form-page .page-header .back-button{align-items:center;background-color:#f8fafc;background-color:var(--bg-secondary);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#1e293b;color:var(--text-color);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.team-form-page .page-header .back-button:hover{background-color:#f1f5f9;background-color:var(--bg-tertiary)}.team-form-page .page-header .back-button svg{height:1.25rem;width:1.25rem}.team-form-page .page-header h2{color:#1e293b;color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0}@media(max-width:768px){.team-form-page .page-header h2{font-size:1.25rem}.team-form-page .page-header .back-button{height:36px;width:36px}.team-form-page .page-header .back-button svg{height:1.125rem;width:1.125rem}}@media(max-width:480px){.team-form-page .page-header{margin-bottom:1rem;margin-bottom:var(--spacing-md);padding-bottom:.5rem;padding-bottom:var(--spacing-sm)}.team-form-page .page-header h2{font-size:1.25rem}.team-form-page .page-header .back-button{font-size:1.25rem;height:36px;width:36px}}.settings-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.settings-overlay .settings-modal{background-color:#fff;background-color:var(--bg-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.settings-overlay .settings-modal .settings-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.settings-overlay .settings-modal .settings-header h2{color:#1e293b;color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0}.settings-overlay .settings-modal .settings-header .close-button{background:none;border:none;border-radius:4px;color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;padding:.25rem;transition:all .2s ease}.settings-overlay .settings-modal .settings-header .close-button:hover{background-color:#f8fafc;background-color:var(--bg-secondary);color:#1e293b;color:var(--text-color)}.settings-overlay .settings-modal .settings-content{padding:1.5rem}.settings-overlay .settings-modal .settings-content .setting-group{margin-bottom:2rem}.settings-overlay .settings-modal .settings-content .setting-group:last-child{margin-bottom:0}.settings-overlay .settings-modal .settings-content .setting-group label{color:#1e293b;color:var(--text-color);display:block;font-size:1rem;font-weight:500;margin-bottom:.75rem}.settings-overlay .settings-modal .settings-content .setting-group input{background-color:#fff;background-color:var(--bg-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;color:#1e293b;color:var(--text-color);font-size:1rem;margin-bottom:1rem;padding:.75rem;transition:border-color .2s ease;width:100%}.settings-overlay .settings-modal .settings-content .setting-group input:focus{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.settings-overlay .settings-modal .settings-content .setting-group input::placeholder{color:#94a3b8;color:var(--text-muted)}.settings-overlay .settings-modal .settings-content .setting-group .save-button{background-color:#6366f1;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.settings-overlay .settings-modal .settings-content .setting-group .save-button:hover{background-color:#5855eb;background-color:var(--primary-hover);transform:translateY(-1px)}.settings-overlay .settings-modal .settings-content .setting-group .save-button:active{transform:translateY(0)}.settings-overlay .settings-modal .settings-content .setting-group .language-toggle,.settings-overlay .settings-modal .settings-content .setting-group .theme-toggle{display:flex;gap:.5rem}.settings-overlay .settings-modal .settings-content .setting-group .language-toggle .language-button,.settings-overlay .settings-modal .settings-content .setting-group .language-toggle .theme-button,.settings-overlay .settings-modal .settings-content .setting-group .theme-toggle .language-button,.settings-overlay .settings-modal .settings-content .setting-group .theme-toggle .theme-button{align-items:center;background-color:#fff;background-color:var(--bg-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;color:#1e293b;color:var(--text-color);cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease}.settings-overlay .settings-modal .settings-content .setting-group .language-toggle .language-button:hover,.settings-overlay .settings-modal .settings-content .setting-group .language-toggle .theme-button:hover,.settings-overlay .settings-modal .settings-content .setting-group .theme-toggle .language-button:hover,.settings-overlay .settings-modal .settings-content .setting-group .theme-toggle .theme-button:hover{background-color:#f8fafc;background-color:var(--bg-secondary);border-color:#6366f1;border-color:var(--primary-color)}.settings-overlay .settings-modal .settings-content .setting-group .language-toggle .language-button.active,.settings-overlay .settings-modal .settings-content .setting-group .language-toggle .theme-button.active,.settings-overlay .settings-modal .settings-content .setting-group .theme-toggle .language-button.active,.settings-overlay .settings-modal .settings-content .setting-group .theme-toggle .theme-button.active{background-color:#6366f1;background-color:var(--primary-color);border-color:#6366f1;border-color:var(--primary-color);color:#fff}.settings-overlay .settings-modal .settings-content .setting-group .language-toggle .language-button svg,.settings-overlay .settings-modal .settings-content .setting-group .language-toggle .theme-button svg,.settings-overlay .settings-modal .settings-content .setting-group .theme-toggle .language-button svg,.settings-overlay .settings-modal .settings-content .setting-group .theme-toggle .theme-button svg{height:1.25rem;width:1.25rem}@media(max-width:768px){.settings-overlay{padding:.5rem}.settings-overlay .settings-modal .settings-header{padding:1.25rem}.settings-overlay .settings-modal .settings-header h2{font-size:1.25rem}.settings-overlay .settings-modal .settings-content{padding:1.25rem}.settings-overlay .settings-modal .settings-content .setting-group .language-toggle,.settings-overlay .settings-modal .settings-content .setting-group .theme-toggle{flex-direction:column}.settings-overlay .settings-modal .settings-content .setting-group .language-toggle .language-button,.settings-overlay .settings-modal .settings-content .setting-group .language-toggle .theme-button,.settings-overlay .settings-modal .settings-content .setting-group .theme-toggle .language-button,.settings-overlay .settings-modal .settings-content .setting-group .theme-toggle .theme-button{width:100%}}.pull-to-refresh-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b82f61a;border-bottom:1px solid #3b82f633;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.pull-to-refresh-indicator .pull-indicator{align-items:center;color:#3b82f6;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:16px}.pull-to-refresh-indicator .pull-indicator .loading-spinner{animation:spin 1s linear infinite;border:2px solid #3b82f6;border-radius:50%;border-top-color:#0000;height:20px;margin-right:8px;width:20px}.pull-to-refresh-indicator .pull-indicator span{align-items:center;display:flex;gap:8px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home-view h2{margin:0 0 1rem}
/*# sourceMappingURL=main.764d41f0.css.map*/