:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;background-color:#f4f5fb;color:#1f2933}body{margin:0;min-height:100vh}*{box-sizing:border-box}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{padding:.85rem 2rem;background:linear-gradient(135deg,#1f2f5f,#2d4faa 55%,#5d7ff2);color:#f8faff}.app-header-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:3.2rem}.app-title{margin:0;font-size:1.6rem;letter-spacing:.02em}.app-main{flex:1;padding:1.4rem 2rem 2.6rem;display:grid;gap:1rem;background-color:#f4f5fb}.panel{background:#fff;border-radius:16px;box-shadow:0 12px 28px #20355e14;padding:1.4rem 1.6rem}.panel-section{display:flex;flex-direction:column;gap:1rem}.section-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.section-header h2{margin:0 0 .35rem}.section-header p{margin:0;max-width:60ch;color:#526380}.primary-button,.secondary-button,.ghost-button{border:none;border-radius:999px;font-weight:600;transition:all .12s ease;font-size:.95rem;padding:.6rem 1.3rem;cursor:pointer}.primary-button{background:linear-gradient(135deg,#223bfa,#5f74ff);color:#fff}.primary-button:disabled{background:#223bfa59;cursor:not-allowed}.secondary-button{background:#e6ebff;color:#213062}.secondary-button:disabled{background:#eef1fb;color:#8d97b8;cursor:not-allowed}.ghost-button{background:transparent;color:#22376f;padding:.2rem .6rem}.ghost-button:hover{background:#223bfa1f}.ghost-button:disabled{color:#22376f59;background:transparent;cursor:not-allowed}.brief-form{display:flex;flex-direction:column;gap:.8rem}.brief-form textarea{width:100%;border-radius:12px;border:1px solid #d4d9ee;padding:.9rem 1rem;font-size:.95rem;resize:vertical;min-height:100px;max-height:320px}.brief-form textarea:focus{outline:2px solid #6a86ff;outline-offset:2px}.form-actions{display:flex;justify-content:flex-end}.concept-cloud{display:flex;flex-wrap:wrap;gap:.85rem;align-items:flex-start;padding:.5rem 0}.concept-token{position:relative;display:inline-flex;transition:transform .14s ease}.concept-token:hover{transform:scale(1.04) translateY(-1px)}.concept-token-body{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem 1rem;border-radius:999px;border:1px solid transparent;font-weight:600;letter-spacing:.01em;box-shadow:0 4px 12px #3241912e;color:#1f2937;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .12s ease,box-shadow .12s ease}.concept-token-body:hover,.concept-token-body:focus-visible{transform:translateY(-1px);box-shadow:0 6px 16px #2b347838}.concept-token-body:focus-visible{outline:2px solid rgba(78,102,255,.35);outline-offset:3px}.concept-token-label{font-size:.95rem;letter-spacing:.01em}.concept-token-icon{font-size:.85rem;opacity:.85}.concept-token-count{font-size:.8rem;padding-left:.15rem;opacity:.8}.concept-token-remove{position:absolute;top:50%;right:-.35rem;transform:translateY(-50%);display:none;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:999px;border:1px solid rgba(47,60,125,.25);background:#fff;color:#2b3b7d;cursor:pointer;box-shadow:0 4px 14px #2d39822e}.concept-token:hover .concept-token-remove,.concept-token:focus-within .concept-token-remove{display:inline-flex}.concept-token-remove:hover{background:#e5e7ffe6}.add-concept{display:flex;gap:1rem}.add-concept input{flex:1;border-radius:999px;padding:.75rem 1.1rem;border:1px solid #d9ddef;font-size:.95rem}.synonym-empty{display:flex;justify-content:center;align-items:center;min-height:140px}.synonym-matrix{display:flex;flex-direction:column;gap:.5rem}.synonym-row{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;border-bottom:1px solid rgba(91,107,138,.1)}.synonym-row:last-child{border-bottom:none}.synonym-concept{display:inline-flex;flex-direction:column;gap:.35rem;min-width:160px;max-width:160px}.synonym-concept strong{font-size:.9rem}.synonym-concept span{font-size:.75rem;color:#6b7a99}.synonym-concept-actions{display:inline-flex;gap:.25rem;margin-top:.15rem}.synonym-list{display:flex;flex-wrap:wrap;gap:.35rem;row-gap:.35rem;flex:1}.synonym-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border-radius:999px;background:#f8f9fd;border:1px solid rgba(179,187,209,.5);font-size:.8rem;white-space:nowrap}.synonym-chip .votes{font-size:.72rem;background:#6e7cb426;border-radius:999px;padding:.08rem .35rem}.chip-actions{display:inline-flex;gap:.15rem}.mashup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.mashup-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem 1.25rem;border-radius:16px;background:#fff;border:2px solid #e0e5f0;transition:all .18s ease;cursor:pointer;min-height:120px}.mashup-card:hover{border-color:#a8b3d1;box-shadow:0 4px 16px #3c508c2e;transform:translateY(-2px)}.mashup-card.shortlisted{background:linear-gradient(135deg,#fffbf0,#fff9e6);border-color:#ffc107;box-shadow:0 4px 16px #ffc1074d}.mashup-card.domain-available{border-color:#4caf50;background:linear-gradient(135deg,#f1f8f4,#e8f5e9)}.mashup-card.domain-taken{opacity:.4}.mashup-card h3{margin:0;font-size:1.35rem;line-height:1.3;font-weight:700;text-align:center;white-space:nowrap}.mashup-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:1.5rem;width:100%}.domain-indicator{font-size:1.1rem;font-weight:700;line-height:1}.domain-indicator.checking{color:#9e9e9e;animation:pulse 1.5s ease-in-out infinite;font-size:1.3rem}.domain-indicator.available{color:#4caf50;font-size:1.3rem}.domain-indicator.taken{color:#f44336;font-size:1.3rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.shortlist-button{position:absolute;top:.75rem;left:.75rem;border:none;background:transparent;font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1;transition:all .12s ease;color:#d0d5e5}.shortlist-button:hover{transform:scale(1.25);color:#ffc107}.shortlist-button.active{color:#ffc107}.shortlist-button.active:hover{transform:scale(1.25);color:#ff9800}.remove-button{position:absolute;top:.5rem;right:.5rem;border:none;background:transparent;font-size:2rem;cursor:pointer;padding:0;line-height:1;transition:all .12s ease;color:#d0d5e5;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.remove-button:hover{color:#ef4444;transform:scale(1.1)}.mashup-header-sticky{position:sticky;top:0;z-index:10;background:#fff;padding:1rem 1.5rem;margin:-1.4rem -1.6rem 1rem;border-bottom:2px solid #e8ebf5;display:flex;justify-content:space-between;align-items:center;gap:1rem}.mashup-header-sticky h2{margin:0 0 .25rem}.mashup-counts{font-size:.85rem;color:#6b7a99}.mashup-header-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.mashup-manual-input{padding:.5rem .75rem;border:1.5px solid #d4dae8;border-radius:6px;font-size:.9rem;min-width:200px;transition:border-color .12s ease}.mashup-manual-input:focus{outline:none;border-color:#4a6bdc}.toast{position:fixed;bottom:2rem;right:2rem;padding:1rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:500;box-shadow:0 4px 12px #00000026;z-index:1000;animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.toast-success{background:#10b981;color:#fff}.toast-error{background:#ef4444;color:#fff}.toast-info{background:#3b82f6;color:#fff}.tld-picker{display:flex;gap:.35rem}.tld-chip{padding:.35rem .7rem;border-radius:999px;border:1.5px solid #d4dae8;background:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .12s ease}.tld-chip:hover{border-color:#a8b3d1;background:#f8f9fd}.tld-chip.active{border-color:#5f74ff;background:linear-gradient(135deg,#e6ebff,#dce3ff);color:#223bfa}.style-picker-section{display:flex;flex-direction:column;gap:.4rem}.style-picker-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.style-picker-label{font-size:.8rem;font-weight:600;color:#526380;text-transform:uppercase;letter-spacing:.03em}.style-clear-button{border:none;background:transparent;color:#6a86ff;font-size:.75rem;font-weight:600;cursor:pointer;padding:.2rem .4rem;transition:color .1s ease}.style-clear-button:hover{color:#223bfa}.style-picker{display:flex;flex-wrap:wrap;gap:.35rem}.available-domains{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.domain-pill{padding:.35rem .75rem;border-radius:999px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1.5px solid #4caf50;color:#2e7d32;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .12s ease;cursor:pointer}.domain-pill:hover{background:linear-gradient(135deg,#c8e6c9,#a5d6a7);transform:translateY(-1px);box-shadow:0 2px 8px #4caf504d}.secondary-button.active{background:linear-gradient(135deg,#dce3ff,#c5d0ff);color:#223bfa;border:1px solid #5f74ff}.shortlist{display:flex;flex-direction:column;gap:1rem}.shortlist-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.4rem;border-radius:16px;background:#fff;border:1px solid #dfe2f4}.shortlist-item h3{margin:0 0 .25rem}.shortlist-item p{margin:0}.shortlist-actions{display:flex;gap:.5rem}.domain-status{font-size:.85rem;font-weight:600}.domain-unknown{color:#687396}.domain-available{color:#0f9d58}.domain-taken{color:#d93025}.domain-checking{color:#f57c00}.domain-error{color:#c51162}.empty-state{margin:1rem 0 0;color:#6f7a99;font-style:italic}@media (max-width: 900px){.app-header,.app-main{padding:1.75rem}.section-header,.shortlist-item{flex-direction:column;align-items:flex-start}.shortlist-actions{width:100%;justify-content:flex-end}}@media (max-width: 600px){.panel{padding:1.5rem}.add-concept{flex-direction:column}.add-concept button{width:100%}}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:999px;border:1px solid rgba(55,74,160,.35);background:#e6ebff;color:#1f2f6d;font-size:1.1rem;font-weight:600;cursor:pointer}.icon-button:disabled{background:#e5e9ffb3;color:#1f2f6d66;cursor:not-allowed}.panel-brief{background:#fff}.top-nav{display:flex;align-items:center;gap:1rem}.top-nav-select{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.top-nav-select label{text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:.7rem;opacity:.85}.top-nav-select select{border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#ffffff1f;color:#f8faff;padding:.35rem .9rem;font-weight:600}.top-nav-select select:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.top-nav-name input{border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#ffffff1f;color:#f8faff;padding:.35rem .9rem;font-weight:600;width:200px}.top-nav-name input:focus{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.scoring-table-container{overflow-x:auto;margin-top:1rem}.scoring-table{width:100%;border-collapse:collapse;font-size:.85rem;background:#fff}.scoring-table thead{background:linear-gradient(135deg,#f0f2ff,#e8ebff);position:sticky;top:0;z-index:10}.scoring-table th{padding:.75rem .5rem;text-align:left;font-weight:600;color:#1f2933;border-bottom:2px solid #d4d9e8;white-space:nowrap}.scoring-table th.name-column{min-width:180px;padding-left:1rem}.scoring-table th.score-column{text-align:center;min-width:60px}.scoring-table th.actions-column{text-align:right;min-width:80px;padding-right:1rem}.scoring-table tbody tr{border-bottom:1px solid #e8ecf3;transition:background-color .15s ease}.scoring-table tbody tr:hover{background-color:#f8f9fd}.scoring-table tbody tr.shortlisted{background-color:#fffbeb}.scoring-table tbody tr.shortlisted:hover{background-color:#fef3c7}.scoring-table td{padding:.75rem .5rem;vertical-align:middle}.scoring-table .name-cell{display:flex;align-items:center;gap:.5rem;padding-left:1rem}.scoring-table .expand-button{background:none;border:none;cursor:pointer;font-size:.7rem;color:#526380;padding:.2rem;transition:color .12s ease}.scoring-table .expand-button:hover{color:#1f2933}.scoring-table .name-text{font-weight:600;color:#1f2933}.scoring-table .total-score{text-align:center;font-size:1rem;font-weight:700}.scoring-table .score-cell{text-align:center}.scoring-table .score-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;color:#fff;font-weight:600;font-size:.8rem;min-width:35px}.scoring-table .no-score{color:#9ca9bc;font-size:.9rem}.scoring-table .actions-cell{text-align:right;padding-right:1rem}.scoring-table .shortlist-button{background:none;border:none;cursor:pointer;font-size:1.2rem;color:#cbd2dc;padding:.2rem .4rem;transition:all .12s ease;margin-right:.4rem}.scoring-table .shortlist-button:hover{color:#f59e0b;transform:scale(1.15)}.scoring-table .shortlist-button.active{color:#f59e0b}.scoring-table .remove-button{background:none;border:none;cursor:pointer;font-size:1.4rem;color:#cbd2dc;padding:.2rem .4rem;transition:all .12s ease;line-height:1}.scoring-table .remove-button:hover{color:#ef4444;transform:scale(1.15)}.scoring-table .expanded-row{background:#f8f9fd}.scoring-table .expanded-row td{padding:1.5rem;border-top:1px solid #e8ecf3}.evaluation-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.evaluation-section h4{margin:0 0 .75rem;font-size:.9rem;color:#526380;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.evaluation-section ul{margin:0;padding-left:1.25rem;list-style:disc}.evaluation-section li{margin-bottom:.5rem;color:#1f2933;line-height:1.5}.evaluation-section p{margin:0;color:#1f2933;line-height:1.6}.scoring-table-empty{padding:2rem;text-align:center;color:#7d8a9e}.scoring-status{padding:1rem;text-align:center;background:linear-gradient(135deg,#f0f2ff,#e8ebff);border-radius:8px;margin-bottom:1rem}.scoring-status p{margin:0;color:#526380;font-weight:600}
