:root{font-family:system-ui,Avenir,Helvetica,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}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,sans-serif}#root{max-width:1280px;margin:0 auto;padding:3.5rem 2.5rem 2.5rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}body{background:linear-gradient(135deg,#2563eb,#60a5fa);font-family:Inter,system-ui,sans-serif}.max-w-4xl{box-shadow:0 8px 32px #2563eb2e;border-radius:1.5rem;background:#f8fbff;padding:2.5rem 2rem 2rem}h1{letter-spacing:-1px;color:#1e3a8a;margin-bottom:2.2rem;text-align:center}.input-row{display:flex;gap:1.2rem;align-items:flex-start;justify-content:flex-start;margin-bottom:2.2rem;flex-wrap:wrap;padding-left:0!important}.input-row.only-upload{justify-content:center;align-items:center;margin-bottom:2.2rem}.input-controls{display:flex;flex-direction:column;gap:1.1rem;align-items:flex-start;padding-left:0}.input-search{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;width:100%}input[type=file]{background:#2563eb;color:#fff;border:none;border-radius:.75rem;padding:.75rem 1rem;font-size:1rem;transition:box-shadow .2s,background .2s;box-shadow:0 2px 8px #2563eb14;cursor:pointer}input[type=file]:hover{background:#1e40af}input[type=text],select{background:#e0e7ff;border:1px solid #2563eb;border-radius:.75rem;padding:.75rem 1rem;font-size:1rem;transition:box-shadow .2s,border-color .2s;box-shadow:0 2px 8px #2563eb14;color:#1e3a8a}input[type=text]:focus,select:focus{outline:none;border-color:#1e40af;box-shadow:0 4px 16px #2563eb2e}.post-list{display:flex;flex-direction:column;gap:1.2rem;margin-top:1.2rem}.post-card{background:#fff;border-radius:1rem;box-shadow:0 2px 16px #2563eb1a;padding:1.2rem 1.5rem;border:1px solid #e0e7ff;cursor:pointer;transition:box-shadow .3s,transform .2s,background .2s;will-change:transform,box-shadow;display:flex;align-items:center;justify-content:space-between;animation:fadeInUp .6s cubic-bezier(.23,1,.32,1)}.post-card:hover{box-shadow:0 8px 32px #2563eb2e;background:#f5faff;transform:translateY(-2px) scale(1.01)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.post-image{width:100%;max-height:320px;object-fit:cover;border-radius:.75rem;margin-bottom:1.2rem;box-shadow:0 2px 16px #2563eb1a;animation:fadeInUp .7s cubic-bezier(.23,1,.32,1)}.post-title{font-size:2rem;font-weight:700;color:#2563eb;margin-bottom:.3rem;letter-spacing:-1px}.post-date{font-size:.95rem;color:#1e40af;margin-bottom:.7rem}.post-content{font-size:1.08rem;color:#334155;margin-bottom:1.1rem;line-height:1.7}.post-link{color:#2563eb;font-weight:500;text-decoration:none;transition:color .2s;margin-top:.5rem}.post-link:hover{color:#1e40af;text-decoration:underline}button,.btn{background:linear-gradient(90deg,#2563eb,#60a5fa);color:#fff;border:none;border-radius:.75rem;padding:.7rem 1.3rem;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #2563eb1a;transition:background .2s,box-shadow .2s,transform .2s;will-change:background,box-shadow,transform}button:hover,.btn:hover{background:linear-gradient(90deg,#1e40af,#2563eb);box-shadow:0 4px 16px #2563eb29;transform:scale(1.03)}ul.suggestion-list{border-radius:.75rem;box-shadow:0 4px 24px #2563eb1a;animation:fadeInUp .4s cubic-bezier(.23,1,.32,1);background:#f8fbff}li.suggestion-item{transition:background .2s,color .2s}li.suggestion-item:hover{background:#2563eb22;color:#2563eb}