:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;font-weight:400;color:#1a1a1a;background-color:#faf9f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{font-weight:500;color:#1a1a1a;text-decoration:none;transition:color .2s ease}a:hover{color:#666}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin:0}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin:0;line-height:1.6}button{border-radius:8px;border:1px solid transparent;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}button:focus,button:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}input{border-radius:8px;border:1px solid #ddd;padding:.75rem 1rem;font-size:1rem;font-family:inherit;transition:border-color .2s ease}input:focus{outline:none;border-color:#1a1a1a}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:#fff;border-bottom:1px solid #e5e5e5;padding:1rem 0;position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo-section{display:flex;align-items:center;gap:1rem}.logo{height:2.5rem;width:auto}.logo-section h1{font-size:1.5rem;font-weight:600;color:#1a1a1a}.nav{display:flex;gap:2rem;align-items:center}.nav a{font-weight:500;color:#1a1a1a;text-decoration:none;transition:color .2s ease}.nav a:hover{color:#666}.main{flex:1;max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}.hero-section{text-align:center;padding:4rem 0}.hero-section h2{font-size:3rem;font-weight:700;margin-bottom:1rem;color:#1a1a1a}.hero-section p{font-size:1.25rem;color:#666;max-width:600px;margin:0 auto}.monitor-section{padding:2rem 0;max-width:800px;margin:0 auto}.input-group{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.repo-input{flex:1;min-width:300px;padding:.875rem 1rem;font-size:1rem;border:1px solid #ddd;border-radius:8px;transition:border-color .2s ease}.repo-input:focus{outline:none;border-color:#1a1a1a}.repo-input::placeholder{color:#999}.btn{padding:.875rem 1.5rem;font-size:1rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-primary{background-color:#1a1a1a;color:#fff}.btn-primary:hover{background-color:#333}.btn-secondary{background-color:#fff;color:#1a1a1a;border:1px solid #ddd}.btn-secondary:hover{background-color:#f5f5f5}.monitoring-status{margin:2rem 0}.status-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000000d}.status-card h3{margin-bottom:.5rem;color:#1a1a1a}.status-card p{color:#666;margin-bottom:1rem;word-break:break-all}.status-indicator{display:flex;align-items:center;gap:.5rem}.status-dot{width:8px;height:8px;background-color:#22c55e;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.features-section{padding:4rem 0;text-align:center}.features-section h3{font-size:2rem;margin-bottom:3rem;color:#1a1a1a}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.feature-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:2rem;text-align:left;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.feature-card h4{margin-bottom:1rem;color:#1a1a1a}.feature-card p{color:#666}.footer{background:#f8f8f8;border-top:1px solid #e5e5e5;padding:2rem 0;text-align:center;margin-top:auto}.footer p{color:#666;margin:0}.footer a{color:#1a1a1a;font-weight:500}.footer a:hover{color:#666}@media (max-width: 768px){.header-content{padding:0 1rem;flex-direction:column;gap:1rem}.main{padding:0 1rem}.hero-section h2{font-size:2rem}.hero-section p{font-size:1.125rem}.input-group{flex-direction:column}.repo-input{min-width:unset}.features-grid{grid-template-columns:1fr}.nav{gap:1rem}}.github-auth-section{padding:2rem 0;max-width:800px;margin:0 auto}.auth-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:2rem;text-align:center}.auth-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#1a1a1a}.card{padding:2em;margin-bottom:2em;border:1px solid #eaeaea;border-radius:8px;background-color:#f9f9f9}.counter-card{margin-top:2em}.read-the-docs{color:#888}.form-group{margin-bottom:1em;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.form-group label{margin-bottom:.5em;font-weight:700}.form-group input{width:100%;padding:.5em;border:1px solid #ccc;border-radius:4px}.github-token-manager{margin:1.5rem 0}.token-input{display:flex;gap:.75rem;justify-content:center;margin-bottom:1rem;flex-wrap:wrap}.token-input input{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;min-width:250px;font-size:1rem;transition:border-color .2s ease}.token-input input:focus{outline:none;border-color:#1a1a1a}.token-status{display:flex;gap:.75rem;justify-content:center;align-items:center;flex-wrap:wrap}.token-status span{font-weight:500;color:#1a1a1a}.token-status-message{margin-top:1rem;font-weight:500;padding:.75rem 1rem;border-radius:8px;background:#f3f4f6;color:#1a1a1a}button:not(.btn){background-color:#646cff;color:#fff;border:none;border-radius:4px;padding:.6em 1.2em;font-size:1em;font-weight:500;cursor:pointer;transition:background-color .25s}button:not(.btn):hover{background-color:#535bf2}.pull-request-monitor{text-align:left;padding:1em}.monitor-section{margin-bottom:2em}.monitor-section h3{border-bottom:1px solid #eaeaea;padding-bottom:.5em;margin-bottom:1em}.pr-list{list-style-type:none;padding:0}.pr-item{padding:.8em;margin-bottom:.5em;border:1px solid #eaeaea;border-radius:4px;background-color:#f9f9f9}.pr-item a{color:#646cff;text-decoration:none}.pr-item a:hover{text-decoration:underline}.error,.error-message{color:#ff4d4f;padding:1em;border:1px solid #ff4d4f;border-radius:4px;background-color:#fff1f0;margin-bottom:1em}.pull-request-data{margin-top:2rem;padding-top:1rem;border-top:1px solid #e5e5e5}.monitor-container{border:1px solid #eaeaea;border-radius:8px;padding:1em;background-color:#fff}
