*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(to bottom right,#0f172a,#134e4a,#064e3b);color:#fff;min-height:100vh}.app-container{min-height:100vh;padding:2rem}.header{text-align:center;margin-bottom:3rem}.title{font-size:3rem;font-weight:700;background:linear-gradient(to right,#2dd4bf,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.subtitle{font-size:1.25rem;color:#d1d5db}.main-layout{max-width:90rem;margin:0 auto;display:flex;gap:1.5rem}.sidebar{width:4rem;flex-shrink:0;position:sticky;top:2rem;height:fit-content}.sidebar-btn{width:100%;aspect-ratio:1;border:none;border-radius:.75rem;font-size:1.25rem;font-weight:700;background:#1e293b;color:#fff;cursor:pointer;transition:all .3s;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center}.sidebar-btn:hover{background:#334155}.sidebar-btn.active{background:linear-gradient(to bottom right,#14b8a6,#10b981);box-shadow:0 0 20px #14b8a680}.content-area{flex:1;background:#1e293b80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.5rem;padding:2rem;border:2px solid #334155}.personas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.persona-card{background:#1e293b80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.5rem;border:2px solid #334155;cursor:pointer;transition:all .3s}.persona-card:hover{border-color:#475569;transform:scale(1.02)}.persona-card.active{border-color:#2dd4bf;box-shadow:0 0 30px #2dd4bf4d;transform:scale(1.05)}.persona-header{text-align:center}.persona-avatar{width:5rem;height:5rem;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem}.persona-avatar.speko{background:linear-gradient(to bottom right,#3b82f6,#0ea5e9)}.persona-avatar.ljuba{background:linear-gradient(to bottom right,#10b981,#14b8a6)}.persona-avatar.gizmo{background:linear-gradient(to bottom right,#14b8a6,#06b6d4)}.persona-avatar.marko{background:linear-gradient(to bottom right,#9ca3af,#d1d5db)}.persona-card h2{font-size:1.5rem;margin-bottom:.5rem}.persona-title{font-size:.875rem;color:#9ca3af}.persona-details{margin-top:1.5rem;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.detail-section{margin-bottom:1.5rem}.detail-section h3{font-size:.875rem;color:#2dd4bf;margin-bottom:.5rem}.detail-section ul{list-style:none;font-size:.875rem;color:#d1d5db}.detail-section li{margin-bottom:.25rem;display:flex;align-items:start}.persona-motto{background:#0f172a80;border-left:4px solid #2dd4bf;border-radius:.5rem;padding:1rem;font-style:italic;color:#d1d5db;font-size:.875rem}.click-hint{text-align:center;color:#6b7280;font-size:.875rem;margin-top:1rem}.kolegij h2{font-size:2rem;margin-bottom:1.5rem;text-align:center}.tasks-section{margin-bottom:2rem;background:#0f172a80;border-radius:.75rem;padding:1.5rem}.tasks-section h3{font-size:1.25rem;color:#2dd4bf;margin-bottom:1rem}.tasks-list{display:flex;flex-direction:column;gap:.75rem}.task-card{background:#1e293b80;border-left:4px solid #475569;border-radius:.5rem;padding:1rem;cursor:pointer;transition:all .3s}.task-card:hover,.task-card.active{background:#1e293bb3;border-left-color:#10b981}.task-card h4{color:#10b981;font-size:1.125rem;margin-bottom:.25rem}.task-status{font-size:.875rem;color:#9ca3af}.task-details{margin-top:1.5rem}.task-details h3{text-align:center;color:#2dd4bf;margin-bottom:1.5rem}.response-card{border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;border-left:4px solid}.response-card.speko{background:linear-gradient(to right,#3b82f61a,#0ea5e91a);border-left-color:#0ea5e9}.response-card.ljuba{background:linear-gradient(to right,#10b9811a,#14b8a61a);border-left-color:#10b981}.response-card.gizmo{background:linear-gradient(to right,#14b8a61a,#06b6d41a);border-left-color:#06b6d4}.response-card.marko{background:linear-gradient(to right,#9ca3af1a,#d1d5db1a);border-left-color:#9ca3af}.response-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.response-header .avatar{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(to bottom right,#3b82f6,#0ea5e9);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.response-card.ljuba .avatar{background:linear-gradient(to bottom right,#10b981,#14b8a6)}.response-card.gizmo .avatar{background:linear-gradient(to bottom right,#14b8a6,#06b6d4)}.response-card.marko .avatar{background:linear-gradient(to bottom right,#9ca3af,#d1d5db)}.response-header h4{font-size:1.25rem}.response-header p{font-size:.875rem;color:#9ca3af}.response-card>p{color:#e5e7eb;line-height:1.6}.dnevnik-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.dnevnik h2{font-size:2rem}.save-btn{background:linear-gradient(to right,#14b8a6,#10b981);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s}.save-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #14b8a680}.sessions-info{background:#14b8a61a;border:1px solid #14b8a6;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;color:#d1d5db}.sessions-list{display:flex;flex-direction:column;gap:1.5rem}.session-card{background:#0f172a80;border-left:4px solid #10b981;border-radius:.75rem;padding:1.5rem}.session-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.session-header h3{color:#10b981;font-size:1.125rem}.session-date{font-size:.875rem;color:#9ca3af}.session-status{background:#10b98133;color:#10b981;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem}.session-summary h4{color:#2dd4bf;font-size:.875rem;margin-bottom:.5rem}.session-summary ul{list-style:none;font-size:.875rem;color:#d1d5db}.session-summary li{margin-bottom:.25rem}.session-context{margin-top:1rem;cursor:pointer}.session-context summary{color:#2dd4bf;font-size:.875rem;font-weight:600}.session-context summary:hover{color:#5eead4}.context-chunks{margin-top:.75rem;padding-left:1rem;display:flex;flex-direction:column;gap:.75rem}.context-chunk{background:#1e293b80;border-radius:.5rem;padding:.75rem}.context-chunk h5{color:#10b981;font-size:.875rem;margin-bottom:.25rem}.context-chunk p{color:#d1d5db;font-size:.75rem}.placeholder-card{background:#0f172a4d;border:2px dashed #475569;border-radius:.75rem;padding:1.5rem;text-align:center}.placeholder-card p{color:#9ca3af;margin-bottom:.5rem}.placeholder-note{font-size:.875rem;color:#6b7280}.technical-info{margin-top:2rem;background:#0f172a80;border:1px solid #334155;border-radius:.75rem;padding:1.5rem}.technical-info h4{color:#2dd4bf;font-size:.875rem;margin-bottom:.75rem}.technical-info pre{font-size:.75rem;color:#d1d5db;overflow-x:auto;background:#0f172acc;padding:1rem;border-radius:.5rem}.loading{text-align:center;padding:3rem;color:#9ca3af;font-size:1.125rem}.footer{text-align:center;margin-top:3rem;color:#6b7280;font-size:.875rem}@media(max-width:768px){.main-layout{flex-direction:column}.sidebar{position:static;width:100%;display:flex;flex-direction:row;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.sidebar-btn{width:4rem}.personas-grid{grid-template-columns:1fr}}.metrics-panel{display:flex;gap:3rem;justify-content:flex-start;background:#1e293b80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:.75rem;margin-bottom:2rem;border:2px solid #334155}.metric-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-top:10px;margin-bottom:10px}.vertical-slider{writing-mode:bt-lr;-webkit-appearance:slider-vertical;appearance:slider-vertical;height:75px;cursor:pointer}.metric-label{font-size:.65rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.search-container{background:#1e293b80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.5rem;margin-top:2rem;border:2px solid #334155}.search-input-section{margin-bottom:1.5rem}.search-input-wrapper{position:relative;display:flex;align-items:center;background:#0f172acc;border:2px solid #334155;border-radius:.5rem;transition:border-color .2s}.search-input-wrapper:focus-within{border-color:#14b8a6}.persona-icon{display:flex;align-items:center;justify-content:center;padding:.75rem;cursor:pointer;transition:transform .2s;flex-shrink:0;width:50px;height:50px;border-radius:50%}.persona-icon:hover{transform:scale(1.1)}.persona-avatar{font-size:1.5rem}.persona-menu{position:absolute;top:60px;left:0;background:#1e293bfa;border:2px solid #334155;border-radius:.5rem;padding:.5rem;min-width:200px;z-index:100;box-shadow:0 10px 30px #00000080}.persona-menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;cursor:pointer;border-radius:.5rem;transition:background .2s}.persona-menu-item:hover{background:#14b8a633}.persona-menu-item.active{background:#14b8a64d}.persona-name{font-weight:600;color:#e5e7eb}.search-input{flex:1;background:transparent;border:none;padding:.75rem 1rem;color:#fff;font-size:1rem;outline:none}.search-input::placeholder{color:#6b7280}.mic-icon{display:flex;align-items:center;justify-content:center;padding:.75rem;cursor:pointer;font-size:1.25rem;transition:transform .2s}.mic-icon:hover{transform:scale(1.1)}.mic-icon.recording{animation:pulse 1s infinite;color:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.search-results{margin-top:1.5rem}.synthesis{background:#14b8a61a;border-left:4px solid #14b8a6;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.synthesis p{color:#e5e7eb;line-height:1.6;margin:0}.results-list{display:flex;flex-direction:column;gap:1rem}.result-item{background:#0f172a80;border-radius:.5rem;padding:1rem;transition:background .2s}.result-item:hover{background:#0f172ab3}.result-url{font-size:.75rem;color:#6b7280;margin-bottom:.25rem}.result-title{font-size:1.125rem;font-weight:600;color:#14b8a6;text-decoration:none;display:block;margin-bottom:.5rem;transition:color .2s}.result-title:hover{color:#5eead4}.result-snippet{font-size:.875rem;color:#d1d5db;line-height:1.5}