header[data-v-a7839cf6]{background-color:#333;color:#fff;padding:20px;text-align:center;font-size:large;height:2rem}nav[data-v-a7839cf6]{display:flex;justify-content:start}nav a[data-v-a7839cf6]{color:#fff;text-decoration:none;margin:0 10px}.footer[data-v-3a26bbff]{background-color:#333;color:#fff;padding-bottom:.8rem;text-align:center;position:relative;bottom:0;width:100%}.footer-content[data-v-3a26bbff]{display:flex;flex-direction:column;align-items:center;justify-content:center}.footer-links[data-v-3a26bbff]{list-style-type:none;padding:0;margin:0;display:flex;gap:1rem}.footer-links li[data-v-3a26bbff]{display:inline}.footer-links a[data-v-3a26bbff]{color:#fff;text-decoration:none}.footer-links a[data-v-3a26bbff]:hover{text-decoration:underline}:root{--primary-color:#f5f5f5;--secondary-color:#333;--background-color:#fff;--text-color:#444;--card-bg-color:#f9f9f9;--border-color:#e0e0e0;--button-color:#e0e0e0}body{background-color:var(--primary-color);color:var(--text-color);font-family:Roboto,sans-serif;margin:0;padding:0}a{color:var(--accent-color);text-decoration:none}a:hover{text-decoration:underline}a:hover,button{color:var(--secondary-color)}button{background-color:var(--button-color);border:none;padding:10px 20px;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s ease,transform .3s ease}button:hover{background-color:var(--secondary-color);color:var(--button-color);transform:scale(1.1)}#app,body,html{height:100%}.layout{min-height:100vh;display:flex;flex-direction:column}.content{flex:1}.project-card[data-v-2ad582d7]{background-color:var(--card-bg-color);border:1px solid var(--border-color);border-radius:8px;display:flex;align-items:center;margin:0 5px;margin-bottom:1rem;padding:1rem;color:var(--text-color);box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.project-image[data-v-2ad582d7]{width:60px;height:60px;-o-object-fit:cover;object-fit:cover;margin-right:1rem}.project-card h3[data-v-2ad582d7]{font-size:1.25rem;color:var(--secondary-color);margin:0 0 10px}.project-details[data-v-2ad582d7]{flex:1}.project-details p[data-v-2ad582d7]{font-size:1rem;line-height:1.5;margin:.5rem 0 0;color:var(--text-color)}.project-list[data-v-643c4a22]{list-style-type:none;padding:10px;margin:10px;display:grid;grid-template-columns:repeat(2,1fr);gap:5px 20px;background-color:var(--card-bg-color);border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.project-list li[data-v-643c4a22]{background-color:var(--card-bg-color);border:1px solid var(--border-color);border-radius:8px;padding:15px;transition:transform .3s ease,box-shadow .3s ease}.project-list li[data-v-643c4a22]:hover{transform:scale(1.05);box-shadow:0 6px 12px rgba(0,0,0,.3)}@media (max-width:768px){.project-list[data-v-643c4a22]{grid-template-columns:1fr}}.story-selection[data-v-7672d0de]{max-width:400px;margin:20px auto;padding:20px;border:1px solid #ddd;border-radius:8px;text-align:center}ul[data-v-7672d0de]{list-style-type:none;padding:0}li[data-v-7672d0de]{margin-bottom:10px}button[data-v-7672d0de]{padding:8px 16px;font-size:16px;cursor:pointer}.password-guess-game[data-v-7fa792ae]{max-width:400px;margin:20px auto;padding:20px;border:1px solid #ddd;border-radius:8px;text-align:center}.progress-bar[data-v-7fa792ae]{width:100%;height:15px;background-color:#f3f3f3;border-radius:10px;overflow:hidden;margin-bottom:20px}.progress-bar-fill[data-v-7fa792ae]{height:100%;background-color:#4caf50;transition:width .5s ease}input[data-v-7fa792ae]{margin-bottom:10px;padding:8px;font-size:16px;width:100%}button[data-v-7fa792ae]{padding:8px 16px;font-size:16px;cursor:pointer;margin-top:10px}p[data-v-7fa792ae]{margin-top:10px;font-size:18px;white-space:pre-line}.prompt[data-v-7fa792ae]{text-align:left}