body{background:#18181b;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.app{box-sizing:border-box;width:100%;max-width:1200px;min-height:100vh;margin:0 auto;padding:40px}h1{text-align:center;color:#fff;margin-bottom:12px;font-size:56px}.subtitle{text-align:center;color:#a1a1aa;margin-bottom:60px;font-size:18px;line-height:1.6}.repository-input{flex-direction:column;gap:20px;display:flex}.repository-input input{color:#fff;box-sizing:border-box;background:#27272a;border:1px solid #3f3f46;border-radius:8px;width:100%;padding:18px;font-size:18px}.repository-input input::placeholder{color:#71717a}.repository-input button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-self:center;width:220px;padding:15px;font-size:18px;transition:all .2s}.repository-input button:hover{background:#1d4ed8}.repository-input button:disabled{cursor:not-allowed;opacity:.7;background:#555}.success{color:#22c55e;text-align:center;margin-top:30px;font-size:18px}.error{color:#ef4444;text-align:center;margin-top:30px;font-size:18px}.repository-summary{background:#1f1f1f;border:1px solid #333;border-radius:10px;margin-top:30px;padding:20px}.repository-summary h2{color:#fff;margin-bottom:15px}.repository-summary p{color:#d0d0d0;white-space:pre-wrap;line-height:1.7}.repository-actions{justify-content:center;gap:20px;margin-top:30px;display:flex}.repository-actions button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:14px 28px;font-size:16px;font-weight:600;transition:all .25s}.repository-actions button:hover{background:#1d4ed8;transform:translateY(-2px)}.repository-actions button:active{transform:translateY(0)}.repository-actions button:disabled{cursor:not-allowed;opacity:.7;background:#555}.learning-loading{text-align:center;color:#d4d4d4;margin-top:25px}.spinner{border:4px solid #3f3f46;border-top-color:#2563eb;border-radius:50%;width:40px;height:40px;margin:0 auto 20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.learning-page{background:#18181b;flex-direction:column;display:flex;position:fixed;inset:0}.learning-header{text-align:center;background:#18181b;flex-shrink:0;padding:14px 40px}.learning-header h2{color:#fff;margin-bottom:15px;font-size:32px}.learning-header p{color:#b5b5b5;font-size:18px;line-height:1.7}.chat-window{background:#181818;flex-direction:column;flex:1;gap:25px;min-height:0;padding:35px 300px 0;display:flex;overflow-y:auto}.assistant-message{background:#262626;border:1px solid #3b3b3b;border-radius:12px;align-self:flex-start;width:900px;max-width:80%;padding:12px 16px}.user-message{color:#fff;word-wrap:break-word;overflow-wrap:break-word;background:#5d6df5;border-radius:12px;align-self:flex-end;width:fit-content;min-width:120px;max-width:50%;padding:14px 18px}.message-body{color:#ddd;word-wrap:break-word;overflow-wrap:break-word;font-size:17px;line-height:1.5}.message-body p{margin:0 0 8px}.thinking-message{opacity:.8;font-style:italic}.message-body h1,.message-body h2,.message-body h3,.message-body h4{color:#fff;margin-top:28px;margin-bottom:16px}.message-body p{margin-bottom:16px}.message-body ul,.message-body ol{margin-bottom:16px;padding-left:24px}.message-body li{margin-bottom:10px}.message-body code{background:#2f2f2f;border-radius:4px;padding:2px 6px;font-family:Consolas,Monaco,monospace}.message-body pre{background:#111;border-radius:10px;margin:20px 0;padding:18px;overflow-x:auto}.message-body pre code{background:0 0;padding:0}.message-body blockquote{color:#bbb;border-left:4px solid #2563eb;margin:20px 0;padding-left:16px}.message-body strong{color:#fff}.message-body a{color:#60a5fa;text-decoration:none}.message-body a:hover{text-decoration:underline}.message-body p:first-child{margin-top:0}.message-body p:last-child{margin-bottom:0}.chat-input{background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:10px 0 15px;display:flex}.chat-input-container{align-items:center;gap:15px;width:100%;max-width:900px;display:flex}.chat-input input{color:#fff;background:#2a2a2a;border:1px solid #404040;border-radius:14px;outline:none;flex:1;padding:16px 22px;font-size:17px;transition:all .2s}.chat-input input:focus{border-color:#5d86ff}.chat-input input::placeholder{color:#888}.chat-input button{color:#fff;cursor:pointer;background:#5d86ff;border:none;border-radius:14px;width:110px;height:54px;font-size:16px;font-weight:600;transition:all .2s}.chat-input button:not(:disabled):hover{background:#5d6df5}.chat-window::-webkit-scrollbar{width:8px}.chat-window::-webkit-scrollbar-track{background:#1b1b1b}.chat-window::-webkit-scrollbar-thumb{background:#444;border-radius:20px}.chat-window::-webkit-scrollbar-thumb:hover{background:#666}.interview-page{color:#fff;padding:40px}.chat-input-container-interview{width:100%;max-width:950px;margin-top:1px}.chat-input-container-interview textarea{resize:vertical;color:#fff;background:#252525;border:1px solid #444;border-radius:8px;width:100%;height:120px;padding:14px;font-family:inherit;font-size:16px;line-height:1.6}.answer-box{background:#262626;border:1px solid #3b3b3b;border-radius:10px;padding:16px}.answer-box textarea{resize:none;color:#fff;background:0 0;border:none;outline:none;width:100%}.answer-actions{justify-content:flex-end;margin-top:12px;display:flex}.about-section{text-align:center;max-width:850px;margin:0 auto 70px;animation:.3s ease-in-out fadeIn}.about-section h2{color:#fff;margin-bottom:18px;font-size:2rem}.about-section p{color:#b8b8b8;text-align:center;margin-bottom:18px;font-size:17px;line-height:1.9}.about-section strong{color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.home-links{justify-content:center;gap:35px;margin-top:35px;margin-bottom:25px;display:flex}.home-link{color:#9ca3af;cursor:pointer;font-size:16px;transition:color .2s}.home-link:hover{color:#fff}*{box-sizing:border-box;margin:0;padding:0}body{margin:0}#root{width:100%}