:root{--bg-primary:#130924;--bg-panel:#1c0f35;--bg-card:#251642;--bg-input:#100522;--text-main:#e9dfff;--text-accent:#bb8fdf;--text-white:#fff;--accent-purple:#6a4c93;--accent-purple-hover:#7b2cbf;--border-purple:#3b2668;--color-green:#27ae60;--color-orange:#e67e22;--color-red:#e24a4a}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg-primary);color:var(--text-main);font-size:16px;line-height:1.5;overflow-x:hidden}.app-container{background-color:var(--bg-primary);flex-direction:column;max-width:500px;height:100dvh;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 0 20px #00000080}.app-header{background-color:var(--bg-panel);border-bottom:1px solid var(--border-purple);z-index:10;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:sticky;top:0}.logo-img{border-radius:6px;width:32px;height:32px}.app-title{color:var(--text-accent);letter-spacing:.5px;font-size:1.25rem;font-weight:800}.tab-content{flex:1;padding:16px;overflow-y:auto}.bottom-nav{background-color:var(--bg-panel);border-top:1px solid var(--border-purple);z-index:10;flex-shrink:0;width:100%;height:64px;display:flex}.nav-tab{color:var(--text-accent);cursor:pointer;opacity:.65;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.nav-tab.active{color:var(--text-white);opacity:1;background-color:#ffffff08}.nav-icon{font-size:1.25rem}h2{color:var(--text-accent);margin-bottom:12px;font-size:1.15rem;font-weight:700}.card{background-color:var(--bg-card);border:1px solid var(--border-purple);border-radius:12px;margin-bottom:16px;padding:16px}.card:last-child{margin-bottom:0}.form-group{margin-bottom:16px}.form-label{color:var(--text-accent);margin-bottom:6px;font-size:.875rem;font-weight:700;display:block}.text-input{border:1px solid var(--border-purple);background-color:var(--bg-input);width:100%;color:var(--text-white);border-radius:8px;padding:12px;font-size:.95rem;transition:border-color .2s}.text-input:focus{border-color:var(--accent-purple);outline:none}.textarea-input{border:1px solid var(--border-purple);background-color:var(--bg-input);width:100%;height:250px;color:var(--text-white);resize:none;border-radius:8px;padding:12px;font-family:Courier,monospace;font-size:.85rem;line-height:1.4;transition:border-color .2s}.textarea-input:focus{border-color:var(--accent-purple);outline:none}.btn-action{background-color:var(--accent-purple);width:100%;color:var(--text-white);cursor:pointer;border:none;border-radius:8px;padding:14px;font-size:1rem;font-weight:700;transition:background-color .2s;box-shadow:0 4px 6px #0003}.btn-action:hover{background-color:var(--accent-purple-hover)}.btn-action:disabled{opacity:.6;cursor:not-allowed}.empty-state{text-align:center;color:var(--text-accent);opacity:.8;padding:40px 20px}.empty-icon{margin-bottom:12px;font-size:3rem}.loader-container{flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.loader-spinner{border:4px solid var(--border-purple);border-top:4px solid var(--text-accent);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.score-badge{text-align:center;border-radius:8px;margin-bottom:8px;padding:6px 16px;font-size:2rem;font-weight:700;display:inline-block}.cohesion-excellent{color:var(--color-green);border:1px solid var(--color-green);background-color:#27ae6026}.cohesion-moderate{color:var(--color-orange);border:1px solid var(--color-orange);background-color:#e67e2226}.cohesion-low{color:var(--color-red);border:1px solid var(--color-red);background-color:#e24a4a26}.clash-card-item{border-left:3px solid var(--color-red);background-color:#e24a4a14;border-radius:0 6px 6px 0;margin-bottom:8px;padding:8px 12px;font-size:.9rem}.clash-card-name{color:var(--text-white);font-weight:700}.list-header{text-transform:uppercase;letter-spacing:1px;color:var(--text-accent);border-bottom:1px dashed var(--border-purple);margin:12px 0 6px;padding-bottom:4px;font-size:.85rem;font-weight:700}.theme-row{justify-content:space-between;padding:6px 4px;font-size:.95rem;display:flex}.theme-count{color:var(--text-white);background-color:var(--bg-input);border-radius:10px;padding:2px 8px;font-size:.8rem;font-weight:700}.metric-row{margin-bottom:16px}.metric-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.metric-title{font-weight:700}.metric-value{font-weight:800}.progress-container{background-color:var(--bg-input);border:1px solid var(--border-purple);border-radius:12px;height:24px;position:relative;overflow:hidden}.progress-fill{height:100%;transition:width .4s}.progress-text{color:var(--text-white);text-shadow:0 1px 2px #0009;font-size:.8rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scrolling-list{border:1px solid var(--border-purple);background-color:var(--bg-input);border-radius:8px;max-height:150px;padding:8px;overflow-y:auto}.list-item{color:var(--text-main);padding:4px 6px;font-size:.85rem}.list-item:nth-child(2n){background-color:#ffffff05}.carousel-container{scroll-snap-type:x mandatory;gap:16px;padding-bottom:12px;display:flex;overflow-x:auto}.carousel-container::-webkit-scrollbar{height:6px}.carousel-container::-webkit-scrollbar-track{background:var(--bg-input);border-radius:4px}.carousel-container::-webkit-scrollbar-thumb{background:var(--border-purple);border-radius:4px}.carousel-container::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}