:root{--color-bg: white;--color-text: #181818;--color-primary: #A7CDBD;--color-primary-hover: #89BDA7;--color-primary-active: #76a491;--color-border: #1b1f2326;--color-card-bg: #fff;--color-card-border: #ccc}body.light{--color-bg: white;--color-text: #181818;--color-primary: #A7CDBD;--color-primary-hover: #89BDA7;--color-primary-active: #76a491;--color-border: #1b1f2326;--color-card-bg: #fff;--color-card-border: #ccc;background:var(--color-bg);color:var(--color-text)}body.dark{--color-bg: #181818;--color-text: #f5f5f5;--color-primary: #26786D;--color-primary-hover: #227066;--color-primary-active: #17544D;--color-border: #3a3a3a;--color-card-bg: #23272b;--color-card-border: #444;background:var(--color-bg);color:var(--color-text)}body{font-family:Inter,sans-serif;background:var(--color-bg);color:var(--color-text)}button{padding:10px 15px;margin:4px 2px;background-color:var(--color-primary);border:1px solid var(--color-border);color:var(--color-text);border-radius:4px;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background-color .2s,box-shadow .2s}button:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 8px #0000004d}button:active{background-color:var(--color-primary-active);box-shadow:0 2px 4px #0003}.banner-section{background-color:var(--color-primary);color:var(--color-text);padding-top:1rem;padding-bottom:1rem;margin-bottom:1rem;border:10rem;border-radius:4px}.banner-title{flex:1;text-align:center;margin:0;color:var(--color-text)}.banner-container{display:flex;align-items:center;justify-content:space-between}.theme-toggle-button{margin:10px}.sort-form{display:flex;justify-content:center;color:var(--color-text)}.search-form{display:flex;justify-content:center;padding:20px;gap:10px}.search-input{padding:10px;border:1px solid var(--color-border);border-radius:4px;outline:none;box-shadow:inset 0 1px 2px #0000001a;transition:border-color .2s;font-size:1em;background:var(--color-bg);color:var(--color-text)}.search-input:focus{border-color:var(--color-primary)}.overlay{width:100%;height:100%;top:0;left:0;position:fixed;background:#313131cc;justify-content:center;align-items:center;z-index:99}.new-board-form{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:50vh;overflow-y:auto;background:var(--color-card-bg);color:var(--color-text);box-shadow:0 2px 10px #0003;padding:24px;border-radius:8px}.new-board-form label{display:block;margin-bottom:5px}.new-board-form select,.new-board-form input{padding:8px;margin-bottom:10px;width:95%}.create-btn{display:block;margin:0 auto}.board-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:20px 0}.board-card{border:1px solid var(--color-card-border);border-radius:10px;background-color:var(--color-card-bg);border:none;padding:15px;text-align:center;transition:transform .3s ease-in-out}.board-card:hover{background-color:var(--color-primary-hover)}.board-card:hover .icon-container{display:flex}.board-card img{max-width:100%;border-radius:10px}footer{background-color:var(--color-primary);color:var(--color-text);padding:20px;border-radius:4px}footer p{margin:0}.comment-modal-overlay{position:fixed;top:0;left:0;background-color:#313131cc;width:100%;height:100%;display:flex;justify-self:center;align-items:center;z-index:99}.comment-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:75vh;max-height:90vh;overflow-y:auto;background-color:var(--color-card-bg);color:var(--color-text);box-shadow:0 2px 10px #0003;padding:24px;border-radius:8px;border:1px solid var(--color-card-border)}.comment-modal-close{position:absolute;top:10px;right:10px;padding:5px 7px;cursor:pointer;background:var(--color-primary);color:var(--color-text);border:1px solid var(--color-card-border)}.card-details{display:flex;gap:10px}.card-gif{width:120px;height:120px;margin-right:20px}.card-info{flex:1}.card-info h3{margin:0 0 10px;font-size:1.5em;color:var(--color-text)}.card-content{margin-bottom:10px}.comment-form{display:flex;flex-direction:column}.comment-form textarea,.comment-form input{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);padding:10px;border-radius:4px;margin-bottom:10px}.comment-content{display:flex;align-items:flex-end;justify-content:space-between}.comment-content p{margin-bottom:8px;flex:1;text-align:left!important}.comment-author{text-align:right!important;display:inline-block;vertical-align:bottom;min-width:80px;color:var(--color-text)}.card{display:flex;flex-direction:column;margin:10px;padding:10px;border:1px solid var(--color-card-border);background:var(--color-card-bg)}.card img{display:block;margin-left:auto;margin-right:auto;max-width:50%;height:auto;border-radius:8px}.card h2,.card p{text-align:center;margin-bottom:10px}body.active-modal{overflow-y:hidden}.btn-modal{padding:10px 20px;display:block;margin:auto}.overlay{width:100%;height:100%;top:0;left:0;position:fixed;background:#313131cc;justify-content:center;align-items:center}.new-card-form{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:75vh;max-height:90vh;overflow-y:auto;background:var(--color-card-bg);color:var(--color-text);box-shadow:0 2px 10px #0003;padding:24px;border-radius:8px}.new-card-form label{display:block;margin-bottom:5px}.new-card-form select,.new-card-form input{padding:8px;margin-bottom:10px;width:95%}.close-btn{position:absolute;top:10px;right:10px;padding:5px 7px}.gif-options{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:0;gap:10px;margin:10px}.gif-option{border-radius:8px;height:150px;width:150px}.board-title{text-align:center}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:20px}.back-link{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;color:var(--color-primary);font-size:1.2em;font-weight:500}.back-arrow:hover{color:var(--color-primary-hover)}