/*!
 * Licensed under the Creative Commons Attribution BY 4.0 International License. 
 * You may not use this file except in compliance with the License. 
 * You may obtain a copy of the License at
 * 
 *     http://creativecommons.org/licenses/by/4.0/
 * 
 * Unless required by applicable law or agreed to in writing, software 
 * distributed under the License is distributed on an "AS IS" BASIS, 
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 
 * See the License for the specific language governing permissions and 
 * limitations under the License.
 */body{font-family:Arial,sans-serif;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;background-color:#f8f6f4;color:#333}header{text-align:center;padding:20px;background-color:#f8f6f4;color:#b14b43;width:100%}header h1{font-size:300%}header p{font-size:200%}header input{margin-top:10px;padding:10px;width:80%;max-width:800px;border:1px solid #ccc;border-radius:5px;font-size:24px}#submit>a{color:#00e;margin:10px;font-size:24px;text-decoration:none}#submit>a:hover{background-color:#ddd}#tags{max-width:1000px;display:flex;flex-direction:column;align-items:center;margin:20px}.tag-row{display:flex;flex-wrap:nowrap;justify-content:center;margin-bottom:10px;overflow-x:auto}#tags br{flex-basis:100%;height:0}.tag{margin:5px;padding:6px 10px;background-color:#eee;font-size:16px;color:#b14b43;border:1px dashed #888;border-radius:5px;cursor:pointer;white-space:nowrap}.tag:hover{background-color:#ddd}.tag.selected{background-color:#aaa;color:#fff}.tag-category{font-size:18px;font-weight:700;color:#333;margin-right:10px;align-self:center}#card-count{color:#00e;padding:10px;border-radius:5px;margin-top:5px;margin-bottom:20px;font-size:24px;text-align:center}#content{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;width:80%;max-width:1200px;margin-bottom:20px}.card{margin:3px;padding:3px;background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;overflow:hidden;transition:transform .2s;display:flex;flex-direction:column;height:700px}.card:hover{transform:scale(1.05)}.card img{width:23%;height:auto;float:left;margin:5px}.card-content p img{width:100%;height:auto;float:none;margin:0}.card-content{padding:15px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.card-content h1{margin:10px 0;font-size:24px;color:#b14b43}.card-content h3{margin:0 10px 10px 0;font-size:26px;color:#b14b43;text-align:right}.card-content h3:hover{color:red}.card-content p{font-size:20px;color:#777;line-height:180%}.card-content a{display:block;margin-top:10px;color:#f90;text-decoration:none}.datacell{text-align:right;font-size:28px;color:#0000ff64}span.word{color:#bbb}.maincontent{height:500px;overflow:hidden;margin-bottom:20px}.footer-content{background-color:#f1f1f1;padding:20px;text-align:center}.friend-links{margin-top:20px}.friend-links h4{margin-bottom:10px}.friend-links ul{list-style-type:none;padding:0}.friend-links li{display:inline;margin:0 10px}.friend-links a{text-decoration:none;color:#000}.friend-links a:hover{text-decoration:underline}footer p{text-align:center;font-size:14px}li.original a{color:#f8f6f4}#add-card-container{display:flex;justify-content:center;gap:15px;margin:20px auto}.add-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.reset-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d}.reset-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080}.modal-content{background-color:#fefefe;margin:5% auto;padding:20px;border:none;border-radius:10px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;position:relative}.close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer;position:absolute;right:20px;top:15px}.close:hover,.close:focus{color:#000;text-decoration:none}.modal-content h2{color:#b14b43;margin-bottom:20px;text-align:center}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:5px;font-size:14px;box-sizing:border-box}.form-group textarea{height:80px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#b14b43;box-shadow:0 0 5px #b14b434d}.file-preview{margin-top:10px;text-align:center}.file-preview img{max-width:150px;max-height:150px;border-radius:5px;border:1px solid #ddd}.form-buttons{display:flex;justify-content:space-between;margin-top:20px;gap:10px}.submit-btn,.cancel-btn{flex:1;padding:12px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s}.submit-btn{background-color:#b14b43;color:#fff}.submit-btn:hover{background-color:#9a3e37}.cancel-btn{background-color:#ccc;color:#333}.cancel-btn:hover{background-color:#bbb}@media (max-width: 768px){.modal-content{width:95%;margin:10% auto;padding:15px}.form-buttons{flex-direction:column}.submit-btn,.cancel-btn{margin-bottom:10px}}