: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}*,*:before,*:after{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}#root{max-width:800px;margin:0 auto;padding:1rem}h1{font-size:2em;line-height:1.2;margin-bottom:1rem}button{border-radius:8px;border:1px solid transparent;padding:.5em 1em;font-size:.875em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:inherit;cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input{border-radius:6px;border:1px solid #444;padding:.5em .75em;font-size:.875em;font-family:inherit;background-color:#1a1a1a;color:inherit}input:focus{outline:none;border-color:#646cff}dialog{border:1px solid #444;border-radius:12px;padding:1.5rem;background-color:#2a2a2a;color:inherit;max-width:480px;width:90vw}dialog::backdrop{background-color:#00000080}details{margin:.5rem 0}summary{cursor:pointer;font-weight:500;font-size:.875em;color:#fff9}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}input{background-color:#fff;border-color:#ccc}dialog{background-color:#fff;border-color:#ddd}summary{color:#00000080}}.comment{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem 0}.comment-text{margin:0;font-size:.875em}.comment-author{color:#ffffff80}.comment-actions{display:flex;gap:.25rem;flex-shrink:0}.comment-actions button{font-size:.75em;padding:.25em .5em}.btn-delete-comment{color:#ef4444;background:transparent;border:none}.btn-delete-comment:hover{text-decoration:underline}@media(prefers-color-scheme:light){.comment-author{color:#00000073}}.cards-list{display:flex;flex-direction:column;gap:1rem}.recruit-card{border:1px solid #333;border-radius:12px;padding:1.25rem}.recruit-card-header h3{margin:0 0 .25rem;font-size:1.125em}.recruit-card-description{margin:.25rem 0;font-size:.875em;color:#ffffffb3}.recruit-card-meta{display:flex;gap:1rem;font-size:.8125em;color:#ffffff80;margin:.5rem 0}.recruit-card-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.recruit-card-comments{margin-top:1rem;padding-top:.75rem;border-top:1px solid #333}.participation{display:flex;align-items:center;gap:.5rem}.participation-status{font-size:.8125em;color:#4caf50;margin:0}.btn-participate{background-color:#2563eb;color:#fff;border:none}.btn-participate:hover{background-color:#1d4ed8}.btn-cancel{background-color:transparent;border:1px solid #666}.btn-delete-card{background-color:transparent;color:#ef4444;border:1px solid #ef4444}.btn-delete-card:hover{background-color:#ef4444;color:#fff}.dialog-form{display:flex;flex-direction:column;gap:.75rem}.dialog-form h2{margin:0 0 .5rem;font-size:1.125em}.dialog-form input{width:100%}.dialog-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.btn-submit{background-color:#2563eb;color:#fff;border:none}.btn-submit:hover{background-color:#1d4ed8}.btn-close{background-color:transparent;border:1px solid #666}.btn-create{background-color:#2563eb;color:#fff;border:none;margin-top:1rem}.btn-create:hover{background-color:#1d4ed8}@media(prefers-color-scheme:light){.recruit-card{border-color:#ddd}.recruit-card-description{color:#0009}.recruit-card-meta{color:#00000073}.recruit-card-comments{border-top-color:#eee}}.home{padding:1rem 0}.home-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:space-around;align-items:center;height:56px;background-color:#bcc8fc;border-top:1px solid #7678ff}.bottom-nav a,.bottom-nav .nav-link{color:#213547;font-weight:500;text-decoration:none;cursor:pointer}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;gap:1.5rem}.login-page h1{font-size:1.5em;margin:0}.login-link{display:inline-block;padding:.75em 1.5em;border-radius:8px;background-color:#4285f4;color:#fff;font-weight:600;text-decoration:none;transition:background-color .2s}.login-link:hover{background-color:#3367d6;color:#fff}