:root{font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}section.project-card,section.project-description{color:#1e293b}section.project-card h2,section.project-card h3,section.project-card ul,section.project-card ol,section.project-card p,section.project-card blockquote,section.project-card li{color:#1e293b}a.visit-website{display:block;text-align:center;margin-top:22px;color:#2563eb;font-weight:500;text-decoration:none;font-size:1.05rem;transition:color .18s}a.visit-website:hover{color:#1d4ed8}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(120deg,#f4f6fa,#e0e7ff);min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem}#app-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(120deg,#f4f6fa,#e0e7ff)}.header{text-align:center;margin-bottom:36px}.header h1{font-size:2.6rem;font-weight:800;color:#1e293b;margin-bottom:8px;letter-spacing:-1.5px}.header p{color:#64748b;font-size:1.15rem;margin:0;font-weight:500}h1{text-align:center;font-size:2.2rem;font-weight:700;color:#1e293b;margin-bottom:12px;letter-spacing:-1px}h2{text-align:center;margin-bottom:1.5rem;color:#1e293b;font-weight:600;letter-spacing:.01em}.main-container{width:100%;max-width:700px;margin-bottom:40px}form#reviewForm{background:#fff;padding:2.8rem 2.2rem;border-radius:16px;box-shadow:0 6px 32px #1e293b1a;min-width:340px;max-width:700px;width:100%;transition:box-shadow .2s;border:1px solid #e5e7eb;display:flex;flex-direction:column;align-items:center}form#reviewForm:focus-within{box-shadow:0 12px 48px #1e293b29}form#reviewForm,section.project-card{width:100%;box-sizing:border-box;margin:0 auto}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}.card{padding:2em}.read-the-docs{color:#888}button[type=submit]{width:100%;padding:1rem;font-size:1.08rem;border-radius:8px;border:none;background:linear-gradient(90deg,#6366f1,#2563eb)!important;color:#fff!important;font-weight:700;cursor:pointer;transition:background .18s,box-shadow .18s;box-shadow:0 2px 8px #1e293b0f;letter-spacing:.01em}button[type=submit]:hover,button[type=submit]:focus{background:linear-gradient(90deg,#4f46e5,#1d4ed8)!important;box-shadow:0 4px 16px #1e293b1a;transform:translateY(-2px) scale(1.03)}button:focus-visible{outline:4px auto -webkit-focus-ring-color}textarea#codeInput{width:100%;max-width:100%;display:block;font-family:JetBrains Mono,Fira Mono,"monospace";font-size:1rem;margin-bottom:1.25rem;padding:1rem;border-radius:8px;border:1.5px solid #cbd5e1;background:#f8fafc;transition:border .2s,box-shadow .2s;resize:vertical;min-height:180px;color:#1e293b;caret-color:#1e293b}textarea#codeInput:focus{outline:2px solid #6366f1;box-shadow:0 0 0 2px #a5b4fc;transition:box-shadow .2s}#result{margin-top:2rem}#result h3,#result h4{margin-bottom:.5rem;color:#334155;font-weight:500}#result pre{background:#f1f5f9;padding:1rem;border-radius:6px;font-size:.98rem;color:#0f172a;overflow-x:auto;margin-bottom:1rem}#result ul{padding-left:1.2rem;margin:0}#result li{margin-bottom:.7rem;list-style:disc inside}section.project-description{background:#fff;border-radius:18px;box-shadow:0 6px 32px #1e293b1a;padding:40px 44px 32px;margin-bottom:32px;border:1px solid #e5e7eb;transition:box-shadow .2s}section.project-description:hover{box-shadow:0 12px 48px #1e293b24}section.project-description h2{font-size:1.3rem;font-weight:600;color:#fb923c;margin-bottom:10px;letter-spacing:-.5px;text-align:left}section.project-description h3{font-size:1.1rem;font-weight:500;color:#1e293b;margin-bottom:6px}section.project-description ul,section.project-description ol{margin-bottom:16px;padding-left:18px;color:#475569;font-size:1rem}section.project-description blockquote{background:#f9fafb;border-left:4px solid #fb923c;padding:12px 18px;margin-bottom:16px;color:#475569}section.project-description p{color:#334155;font-size:1.05rem;margin-bottom:18px}section.project-description p:last-child{font-style:italic;color:#64748b;margin-bottom:0}.spinner{border:4px solid #e0e7ff;border-top:4px solid #6366f1;border-radius:50%;width:32px;height:32px;animation:spin 1s linear infinite;margin:1rem auto}body,#app-bg{background:linear-gradient(120deg,#f4f6fa,#e0e7ff);min-height:100vh}.navbar{background:#fff;border-bottom:1px solid #e0e7ff;box-shadow:0 2px 8px #6366f10a;position:sticky;top:0;z-index:10;width:50%;margin:0 auto;border-radius:0 0 12px 12px}.navbar-content{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem}.navbar-title{font-weight:700;font-size:1.2rem;color:#6366f1;letter-spacing:.5px}.navbar-links a{margin-left:1.2rem;color:#6366f1;font-size:1.3rem;transition:color .2s;text-decoration:none}.navbar-links a:hover{color:#ff9800}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 800px){.main-container{max-width:98vw;padding:1rem}form#reviewForm,section.project-card{padding:1rem}}@media (max-width: 600px){.main-container{max-width:100vw;padding:0 .5rem}.navbar{width:100%;padding:.5rem}textarea#codeInput{width:100%;min-width:0;box-sizing:border-box}section.project-description,form#reviewForm{padding:1.2rem .5rem;min-width:0}.header h1{font-size:1.6rem}}