:root{--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: #dbeafe;--color-success: #10b981;--color-success-light: #d1fae5;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-danger: #ef4444;--color-danger-light: #fee2e2;--color-info: #6366f1;--color-info-light: #e0e7ff;--color-positive: #10b981;--color-positive-bg: #d1fae5;--color-negative: #ef4444;--color-negative-bg: #fee2e2;--color-neutral: #6b7280;--color-neutral-bg: #f3f4f6;--color-mixed: #f59e0b;--color-mixed-bg: #fef3c7;--color-critical: #dc2626;--color-critical-bg: #fef2f2;--color-high: #f97316;--color-high-bg: #fff7ed;--color-medium: #eab308;--color-medium-bg: #fefce8;--color-low: #22c55e;--color-low-bg: #f0fdf4;--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--sidebar-width: 260px;--header-height: 64px;--content-max-width: 1200px;--z-dropdown: 100;--z-modal: 200;--z-toast: 300}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-gray-900);background-color:var(--color-gray-50);min-height:100vh}#root{display:flex;min-height:100vh}.app{display:flex;min-height:100vh;width:100%}.sidebar{width:var(--sidebar-width);background:var(--color-white);border-right:1px solid var(--color-gray-200);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:50}.sidebar-header{padding:var(--spacing-5) var(--spacing-4);border-bottom:1px solid var(--color-gray-200)}.logo{display:flex;align-items:center;gap:var(--spacing-3)}.logo-icon{font-size:var(--font-size-2xl)}.logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.sidebar-nav{flex:1;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-1)}.nav-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);color:var(--color-gray-600);text-decoration:none;transition:all var(--transition-fast);cursor:pointer}.nav-item:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.nav-item.active{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-medium)}.nav-icon{font-size:var(--font-size-lg)}.sidebar-footer{padding:var(--spacing-4);border-top:1px solid var(--color-gray-200);display:flex;flex-direction:column;gap:var(--spacing-2)}.main-content{flex:1;margin-left:var(--sidebar-width);padding:var(--spacing-6);max-width:calc(100vw - var(--sidebar-width));transition:margin-right .35s ease-out}.main-content.playground-open{margin-right:480px}.page{animation:fadeIn var(--transition-normal)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.page-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.header-actions{display:flex;gap:var(--spacing-3);align-items:center}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6);margin-bottom:var(--spacing-6)}@media (max-width: 1200px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.main-content{margin-left:0;max-width:100vw}.metrics-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}}.toast-container{position:fixed;bottom:var(--spacing-6);right:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-2);z-index:var(--z-toast)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:var(--z-modal)}.modal{background:var(--color-white);border-radius:var(--radius-xl);width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-gray-200)}.modal-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.modal-close{background:none;border:none;font-size:var(--font-size-2xl);color:var(--color-gray-400);cursor:pointer;line-height:1}.modal-close:hover{color:var(--color-gray-600)}.modal-body{padding:var(--spacing-6);overflow-y:auto;max-height:calc(80vh - 80px)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-4);margin-top:var(--spacing-6);padding:var(--spacing-4)}.tabs{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-6);border-bottom:1px solid var(--color-gray-200);padding-bottom:var(--spacing-2)}.tab{padding:var(--spacing-2) var(--spacing-4);background:none;border:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-500);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.tab:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}.tab.active{background-color:var(--color-primary-light);color:var(--color-primary)}.tab-content{display:none}.tab-content.active{display:block}.search-container{margin-bottom:var(--spacing-6)}.search-box{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.search-input{flex:1;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:border-color var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-primary)}.search-results{min-height:200px}.feedback-list{display:flex;flex-direction:column;gap:var(--spacing-4);padding:0 var(--spacing-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-gray-100);color:var(--color-gray-700)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-200)}.btn-sm{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs)}.btn-icon{width:36px;height:36px;padding:0;background:var(--color-gray-100);border:none;border-radius:var(--radius-md);cursor:pointer}.btn-icon:hover{background:var(--color-gray-200)}.select{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--color-white);cursor:pointer}.select:focus{outline:none;border-color:var(--color-primary)}.card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-gray-100)}.card-header h2{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.card-body{padding:var(--spacing-5)}.metric-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-5);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);display:flex;align-items:center;gap:var(--spacing-4)}.metric-icon{font-size:var(--font-size-2xl);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border-radius:var(--radius-lg)}.metric-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.metric-label{font-size:var(--font-size-sm);color:var(--color-gray-500)}.ai-summary-card{margin-bottom:var(--spacing-6);background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:var(--color-primary-light)}.ai-summary-card .card-body{padding:var(--spacing-6) var(--spacing-6)}.ai-summary-text{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-gray-700);white-space:normal;overflow:visible;word-break:break-word;min-height:auto;height:auto;max-height:none}.ai-summary-text p{margin:var(--spacing-2) 0;font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.ai-summary-text ul,.ai-summary-text ol{margin:var(--spacing-3) 0;padding-left:var(--spacing-6)}.ai-summary-text li{margin:var(--spacing-2) 0;font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.ai-summary-text h1,.ai-summary-text h2,.ai-summary-text h3,.ai-summary-text h4,.ai-summary-text h5,.ai-summary-text h6{margin:var(--spacing-3) 0 var(--spacing-2) 0;font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.ai-summary-text strong{font-weight:var(--font-weight-semibold)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full)}.badge-info{background-color:var(--color-info-light);color:var(--color-info)}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.badge-danger{background-color:var(--color-danger-light);color:var(--color-danger)}.sentiment-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full)}.sentiment-badge.positive{background-color:var(--color-positive-bg);color:var(--color-positive)}.sentiment-badge.negative{background-color:var(--color-negative-bg);color:var(--color-negative)}.sentiment-badge.neutral{background-color:var(--color-neutral-bg);color:var(--color-neutral)}.sentiment-badge.mixed{background-color:var(--color-mixed-bg);color:var(--color-mixed)}.urgency-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full)}.urgency-badge.critical{background-color:var(--color-critical-bg);color:var(--color-critical)}.urgency-badge.high{background-color:var(--color-high-bg);color:var(--color-high)}.urgency-badge.medium{background-color:var(--color-medium-bg);color:var(--color-medium)}.urgency-badge.low{background-color:var(--color-low-bg);color:var(--color-low)}.theme-tag{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);background-color:var(--color-gray-100);color:var(--color-gray-700)}.source-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);background-color:var(--color-gray-100)}.feedback-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-4);border:1px solid var(--color-gray-200);transition:all var(--transition-fast);cursor:pointer}.feedback-card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-md)}.feedback-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3)}.feedback-card-meta{display:flex;align-items:center;gap:var(--spacing-2)}.feedback-card-badges{display:flex;gap:var(--spacing-2)}.feedback-card-content{font-size:var(--font-size-sm);color:var(--color-gray-700);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.feedback-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--color-gray-500)}.feedback-card-author{display:flex;align-items:center;gap:var(--spacing-2)}.feedback-card-themes{display:flex;gap:var(--spacing-1);flex-wrap:wrap}.sentiment-bars{display:flex;flex-direction:column;gap:var(--spacing-3)}.sentiment-bar-row{display:flex;align-items:center;gap:var(--spacing-3)}.sentiment-bar-label{width:80px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.sentiment-bar-track{flex:1;height:24px;background:var(--color-gray-100);border-radius:var(--radius-full);overflow:hidden}.sentiment-bar-fill{height:100%;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:flex-end;padding-right:var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-white);transition:width var(--transition-slow)}.sentiment-bar-fill.positive{background-color:var(--color-positive)}.sentiment-bar-fill.negative{background-color:var(--color-negative)}.sentiment-bar-fill.neutral{background-color:var(--color-neutral)}.sentiment-bar-fill.mixed{background-color:var(--color-mixed)}.theme-bar{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-gray-100)}.theme-bar:last-child{border-bottom:none}.theme-bar-name{width:150px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--spacing-2)}.theme-bar-track{flex:1;height:20px;background:var(--color-gray-100);border-radius:var(--radius-md);overflow:hidden}.theme-bar-fill{height:100%;border-radius:var(--radius-md)}.theme-bar-count{width:50px;text-align:right;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.priority-item{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-gray-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-3)}.priority-rank{width:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.priority-content{flex:1}.priority-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1)}.priority-meta{font-size:var(--font-size-xs);color:var(--color-gray-500)}.priority-score{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);min-width:60px;text-align:right}.source-item{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-gray-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-3)}.source-icon{font-size:var(--font-size-2xl);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border-radius:var(--radius-lg)}.source-content{flex:1}.source-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.source-meta{font-size:var(--font-size-xs);color:var(--color-gray-500)}.source-count{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.toast{background:var(--color-gray-900);color:var(--color-white);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:slideIn var(--transition-normal);min-width:250px}.toast.success{background:var(--color-success)}.toast.error{background:var(--color-danger)}.toast.warning{background:var(--color-warning)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-8);color:var(--color-gray-500)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12);color:var(--color-gray-400);text-align:center}.empty-icon{font-size:48px;margin-bottom:var(--spacing-4)}.link{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.link:hover{text-decoration:underline}.text-muted{color:var(--color-gray-500);font-size:var(--font-size-sm)}.search-score{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--color-info-light);color:var(--color-info);border-radius:var(--radius-md)}.my-features-filters{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-6);flex-wrap:wrap}.my-features-filters .search-input{flex:1;min-width:250px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--color-white)}.my-features-filters .search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.feature-specs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-5)}.feature-spec-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--spacing-5);cursor:pointer;transition:all var(--transition-fast);position:relative}.feature-spec-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.unified-spec-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--spacing-4);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:var(--spacing-3);justify-content:space-between}.unified-spec-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.unified-spec-header{display:flex;align-items:center;gap:var(--spacing-3)}.unified-spec-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--radius-lg);font-size:var(--font-size-xl);flex-shrink:0}.unified-spec-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0;flex:1;line-height:1.4}.unified-spec-preview{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.5;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.unified-spec-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-3);border-top:1px solid var(--color-gray-100)}.unified-spec-date{font-size:var(--font-size-xs);color:var(--color-gray-500)}.unified-spec-actions{display:flex;gap:var(--spacing-2);align-items:center}.spec-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3)}.spec-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0;flex:1}.spec-card-themes{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.spec-card-preview{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}.spec-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-3);border-top:1px solid var(--color-gray-200)}.spec-card-meta{display:flex;gap:var(--spacing-4);font-size:var(--font-size-xs);color:var(--color-gray-500)}.insight-group{margin-bottom:var(--spacing-3);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-gray-50)}.insight-group-header{display:flex;align-items:center;position:relative;gap:var(--spacing-3);padding:var(--spacing-4)}.insight-group-content{max-height:0;overflow:hidden;transition:max-height .5s ease-out;background:var(--color-white)}.insight-group-content.expanded{max-height:none;overflow-y:auto;border-top:1px solid var(--color-gray-200)}.collapse-toggle{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:var(--color-gray-600);transition:all .2s ease;width:24px;height:24px}.collapse-toggle:hover{color:var(--color-primary)}.toggle-icon{font-size:.875rem;line-height:1}.feedback-row{display:flex;align-items:stretch;gap:var(--spacing-3);padding:var(--spacing-3);border-bottom:1px solid var(--color-gray-100);transition:background-color .2s ease}.feedback-row:last-child{border-bottom:none}.feedback-row:hover{background-color:var(--color-gray-50)}.feedback-checkbox{width:36px;height:36px;min-width:36px;border:2px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-400);transition:all .2s ease;align-self:flex-start;margin-top:2px}.feedback-checkbox:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.feedback-checkbox.checked{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.feedback-row-content{flex:1;cursor:pointer;min-width:0}.feedback-row-summary{font-size:var(--font-size-sm);line-height:1.5;color:var(--color-gray-900);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.feedback-row-meta{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.feedback-row-author{font-size:var(--font-size-xs);color:var(--color-gray-600);font-weight:var(--font-weight-medium)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.note-editor-modal{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:90%;max-width:700px;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.note-editor-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-gray-200)}.note-editor-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.note-editor-body{flex:1;padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-4);overflow:hidden}.note-title-input{width:100%;padding:var(--spacing-3);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);outline:none;transition:border-color .2s}.note-title-input:focus{border-color:var(--color-primary)}.note-toolbar{display:flex;gap:var(--spacing-1);padding:var(--spacing-2);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);transition:all .2s}.toolbar-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.toolbar-divider{width:1px;background:var(--color-gray-300);margin:0 var(--spacing-2)}.note-editor-content{flex:1;min-height:250px;max-height:350px;padding:var(--spacing-4);border:1px solid var(--color-gray-300);border-radius:0 0 var(--radius-md) var(--radius-md);overflow-y:auto;font-size:var(--font-size-base);line-height:1.6;outline:none}.note-editor-content:focus{border-color:var(--color-primary)}.note-editor-content:empty:before{content:attr(data-placeholder);color:var(--color-gray-400);pointer-events:none}.note-editor-content h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:var(--spacing-2) 0}.note-editor-content ul,.note-editor-content ol{margin:var(--spacing-2) 0;padding-left:var(--spacing-5)}.note-editor-footer{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);border-top:1px solid var(--color-gray-200)}.note-spec-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--spacing-4);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:var(--spacing-3)}.note-spec-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.note-spec-header{display:flex;align-items:center;gap:var(--spacing-3)}.note-spec-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--radius-lg);font-size:var(--font-size-xl)}.note-spec-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0;flex:1}.note-spec-themes{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.note-spec-preview{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.5;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.note-spec-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-3);border-top:1px solid var(--color-gray-100)}.note-spec-date{font-size:var(--font-size-xs);color:var(--color-gray-500)}.note-spec-actions{display:flex;gap:var(--spacing-2);align-items:center}.btn-icon-sm{width:28px;height:28px;font-size:var(--font-size-sm)}.my-ideas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-4)}.playground-sidebar{position:fixed;top:0;right:-480px;width:480px;height:100vh;background:var(--color-white);border-left:1px solid var(--color-gray-200);box-shadow:-4px 0 12px #00000014;z-index:100;display:flex;flex-direction:column;transition:right .35s ease-out}.playground-sidebar.active{right:0}.playground-header{padding:var(--spacing-5);border-bottom:1px solid var(--color-gray-200);background:var(--color-white);flex-shrink:0}.playground-title-section{display:flex;align-items:center;justify-content:space-between}.playground-title-wrapper{display:flex;align-items:center;gap:var(--spacing-3)}.playground-title-section h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.playground-badges{display:flex;gap:var(--spacing-2)}.theme-count-badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full)}.playground-header-actions{display:flex;gap:var(--spacing-2);align-items:center}.select-sm{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs)}.playground-workspace{flex:1;overflow-y:auto;padding:var(--spacing-5);background:var(--color-gray-50)}.feedback-workspace{display:flex;flex-direction:column;gap:var(--spacing-4)}.workspace-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-gray-200)}.feedback-counter{font-size:var(--font-size-sm);color:var(--color-gray-600)}.feedback-counter strong{color:var(--color-primary);font-size:var(--font-size-base)}.feedback-list-workspace{display:flex;flex-direction:column;gap:var(--spacing-3)}.playground-feedback-item{display:flex;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-3);transition:all var(--transition-fast)}.playground-feedback-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.feedback-item-content{flex:1;width:100%}.feedback-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2)}.feedback-header-actions{display:flex;align-items:center;gap:var(--spacing-2)}.sentiment-icon{font-size:var(--font-size-lg);line-height:1}.feedback-remove-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-lg);opacity:.6;flex-shrink:0;line-height:1}.feedback-remove-btn:hover{opacity:1;transform:scale(1.1)}.feedback-author{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.feedback-content-preview{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-2)}.feedback-item-meta{display:flex;gap:var(--spacing-2);align-items:center;flex-wrap:wrap}.feedback-date{font-size:var(--font-size-xs);color:var(--color-gray-500)}.theme-chip{display:inline-flex;padding:2px var(--spacing-2);font-size:var(--font-size-xs);background:var(--color-gray-100);color:var(--color-gray-600);border-radius:var(--radius-sm)}.workspace-actions{padding-top:var(--spacing-3);border-top:1px solid var(--color-gray-200)}.chat-interface{display:flex;flex-direction:column;gap:var(--spacing-4);height:100%}.chat-context-summary{display:flex;gap:var(--spacing-2);align-items:center;padding:var(--spacing-3);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);flex-wrap:wrap}.context-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);background:var(--color-gray-100);color:var(--color-gray-700);border-radius:var(--radius-md)}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--color-gray-50);border-radius:var(--radius-lg)}.chat-message{display:flex;flex-direction:column;gap:var(--spacing-2);max-width:85%;padding:var(--spacing-3);border-radius:var(--radius-lg);animation:messageSlideIn .3s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{align-self:flex-end;background:var(--color-primary);color:var(--color-white);border-radius:12px 12px 0;max-width:80%}.ai-message{align-self:flex-start;background:var(--color-white);color:var(--color-gray-900);border:1px solid var(--color-gray-200);border-radius:12px 12px 12px 0}.mode-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);align-self:flex-start}.mode-badge.mode-validator{background:var(--color-info-light);color:var(--color-info)}.mode-badge.mode-sounding_board{background:#ede9fe;color:#7c3aed}.message-content{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);width:100%}.message-content h1,.message-content h2,.message-content h3,.message-content h4,.message-content h5,.message-content h6{font-weight:var(--font-weight-bold);margin:var(--spacing-3) 0 var(--spacing-2) 0;line-height:var(--line-height-tight)}.message-content h1{font-size:var(--font-size-lg)}.message-content h2{font-size:var(--font-size-base)}.message-content h3,.message-content h4,.message-content h5,.message-content h6{font-size:var(--font-size-sm)}.message-content p{margin:var(--spacing-2) 0;word-break:break-word;overflow-wrap:break-word}.message-content ul,.message-content ol{margin:var(--spacing-2) 0;padding-left:var(--spacing-5)}.message-content li{margin:var(--spacing-1) 0;word-break:break-word;overflow-wrap:break-word}.message-content strong,.message-content b{font-weight:var(--font-weight-bold)}.message-content em,.message-content i{font-style:italic}.message-content code{background:#0000000d;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.message-content blockquote{border-left:3px solid var(--color-gray-300);padding-left:var(--spacing-3);margin-left:0;margin:var(--spacing-2) 0;color:var(--color-gray-600);font-style:italic}.message-timestamp{font-size:var(--font-size-xs);color:var(--color-gray-500);opacity:.8}.user-message .message-timestamp{color:var(--color-white)}.typing-indicator{display:flex;gap:var(--spacing-1);padding:var(--spacing-2)}.typing-indicator span{width:8px;height:8px;background:var(--color-gray-400);border-radius:50%;animation:typingDot 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.playground-fixed-input{border-top:1px solid var(--color-gray-200);background:var(--color-white);padding:var(--spacing-4);flex-shrink:0}.input-container{display:flex;flex-direction:column;gap:var(--spacing-2)}.playground-textarea{width:100%;min-height:60px;max-height:120px;padding:var(--spacing-3);font-size:var(--font-size-sm);font-family:var(--font-family);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);resize:vertical;transition:all var(--transition-fast)}.playground-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.input-footer{display:flex;justify-content:space-between;align-items:center}.input-footer-actions{display:flex;gap:var(--spacing-2);align-items:center}.char-counter{font-size:var(--font-size-xs);color:var(--color-gray-500)}@media (max-width: 768px){.playground-sidebar{width:100%;right:-100%}.main-content.playground-open{margin-right:0}.feature-specs-grid{grid-template-columns:1fr}.my-features-filters{flex-direction:column}.my-features-filters .search-input{width:100%}}