#popup-content,.code-preview,pre{position:relative}body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#16a085;color:#000}.main-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#1c1c1c}.card,button.filter-btn{background-color:#fdfaf8}.left-section,.logo{display:flex;align-items:center}.logo img{width:35px;height:35px;margin-right:10px;margin-bottom:4px}.one-text{color:#fff;font-weight:700;margin-right:50px}.content{padding:40px 20px;max-width:900px;margin:0 auto}.content h1{text-align:center;margin-bottom:40px;font-size:2.5em;color:#fff}.card{border-radius:8px;border:3px solid #333;padding:10px;margin-bottom:30px;box-shadow:6px 6px 0 #0e5e4f}.copy-btn,.share-btn,.toggle-btn{margin-top:8px;padding:5px 10px;background-color:#fff;cursor:pointer}.card h2{font-size:24px;font-weight:700;margin-bottom:8px}pre{background-color:#1e1e1e;color:#d4d4d4;padding:15px;border-radius:8px;border:3px solid #333;margin-top:10px;font-family:"Courier New",monospace;overflow-x:auto;font-size:10px}.card p{font-size:16px;margin-bottom:4px}#filter-buttons{margin-bottom:20px}button.filter-btn{padding:6px 12px;margin:5px;border:3px solid #333;border-radius:8px;color:#222;cursor:pointer;font-size:16px;font-weight:600;box-shadow:6px 6px 0 #0e5e4f;transition:.2s}#search-input,.copy-btn,.share-btn{border:3px solid #333;transition:.2s;font-size:16px;box-shadow:6px 6px 0 #0e5e4f;font-weight:600}button.filter-btn.active{background:#ff5a68}#search-input{padding:10px;width:100%;max-width:80%;margin-bottom:15px;border-radius:8px}.copy-btn,.share-btn{margin-left:8px;border-radius:5px;color:#1c1c1c}.add-form-button:hover,.back-button:hover,.copy-btn:hover,.next-button:hover,.share-btn:hover,.toggle-btn:hover{background-color:#218838}.copy-btn:active,.share-btn:active,.toggle-btn:active{transform:scale(.95)}.code-preview{max-height:150px;overflow:hidden;transition:max-height .3s;overflow-x:auto}.code-preview.expanded{max-height:none;overflow:auto}.code-preview:not(.expanded)::after{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(to bottom,transparent,rgba(30,30,30,.8));pointer-events:none}.toggle-btn{border:3px solid #333;border-radius:5px;color:#1c1c1c;font-size:16px;font-weight:600;box-shadow:6px 6px 0 #0e5e4f;transition:.2s}#preview-frame{width:100%;height:200px;border:1px solid #ccc}.hidden{display:none}#add-form-container{border:2px dashed #aaa;padding:16px;margin-bottom:20px;background:#f9f9f9;border-radius:12px}#add-form-container input,#add-form-container textarea{display:block;width:100%;margin:8px 0;padding:8px;border-radius:8px;border:1px solid #ccc;font-family:inherit}#submit-btn{padding:10px 16px;background:#4caf50;color:#fff;border:none;border-radius:8px;cursor:pointer}#submit-btn:hover,.primary-btn:hover{background:#45a049}#popup-container{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;transition:opacity .3s;pointer-events:none}#popup-container.popup-show{opacity:1;pointer-events:auto}#popup-content{background:#f9f9f9;padding:20px;border-radius:12px;width:80%;max-width:500px;transform:translateY(-20px);transition:transform .3s}.popup-show #popup-content{transform:translateY(0)}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.popup-header h3{margin:0;color:#1c1c1c}.close-btn{background:0 0;border:none;font-size:24px;cursor:pointer;color:#777;padding:0 8px}.primary-btn,.secondary-btn{padding:8px 16px;cursor:pointer}.close-btn:hover{color:#333}#popup-content input,#popup-content textarea{display:block;width:calc(100% - 16px);margin:8px 0;padding:8px;border-radius:8px;border:1px solid #ccc;font-family:inherit}.popup-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.primary-btn{background:#4caf50;color:#fff;border:none;border-radius:8px}.secondary-btn{background:#f44336;color:#fff;border:none;border-radius:8px}.secondary-btn:hover{background:#d32f2f}.filter-btn.popular{background:linear-gradient(to right,#ff5f6d,#ffc371);color:#fff;font-weight:700}.footer-bottom{text-align:center;padding:10px 0;font-size:16px;font-weight:600;margin-top:5px}.lenwy-text{text-align:center;font-size:2.5em;color:#fff;font-weight:700;animation:2s ease-in-out infinite alternate glow}.add-form-button,.back-button,.next-button{display:inline-block;padding:8px 16px;background-color:#fdfaf8;color:#222;text-decoration:none;box-shadow:6px 6px 0 #0e5e4f;transition:.2s;cursor:pointer;font-size:16px}@keyframes glow{from{text-shadow:0 0 10px #00ffe1,0 0 20px #00ffe1,0 0 30px #00ffe1}to{text-shadow:0 0 20px #0ff,0 0 30px #0ff,0 0 40px #0ff}}.back-button,.next-button{margin:30px 0;border-radius:12px;border:3px solid #333;font-weight:600}.add-form-button{margin:30px 0 30px 4px;border-radius:12px;border:3px solid #333;font-weight:600}.fade-in{opacity:0;transform:translateY(20px);animation:1s forwards fadeIn}.fade-in:first-child{animation-delay:.2s}.fade-in:nth-child(2){animation-delay:.4s}.fade-in:nth-child(3){animation-delay:.6s}.fade-in:nth-child(4){animation-delay:.8s}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.contributors-section{padding:5px;border-radius:16px 16px 0 0}.contributors-section h2{font-size:18px;color:#fff}.contributors-list{display:flex;flex-wrap:wrap;gap:10px}.contributor-card{display:flex;flex-direction:column;align-items:center;color:#fff;will-change:transform}.contributor-card:hover{transform:translateY(-5px)}.contributor-card img{width:50px;height:50px;object-fit:cover;border-radius:50%;border:3px solid #333;margin-bottom:10px;transition:transform .3s;aspect-ratio:1/1}.contributor-card img:hover{transform:scale(1.1)}.contributor-card p{margin:0;font-size:14px;font-weight:600;color:#222}@media (max-width:768px){.one-text,body{font-size:14px}.main-header{padding:8px 15px}.logo img{width:30px;height:30px}.one-text{margin-right:20px}.content{padding:20px 15px}#search-input,.card{padding:8px;box-shadow:4px 4px 0 #0e5e4f}.content h1{font-size:1.8em;margin-bottom:25px}.card{margin-bottom:20px}.card h2,.contributors-section h2{font-size:16px}.card p{font-size:12px;margin-bottom:4px}pre{padding:10px;font-size:9px}#search-input{max-width:80%;font-size:14px}.add-form-button,.back-button,.copy-btn,.next-button,.share-btn,.toggle-btn,button.filter-btn{padding:8px;font-size:14px;box-shadow:4px 4px 0 #0e5e4f}.lenwy-text{font-size:1.8em}.contributor-card img{width:40px;height:40px}.contributor-card p{font-size:14px;font-weight:600}}@media (max-width:480px){.content h1,.lenwy-text{font-size:1.5em}body{font-size:13px}.content h1{margin-bottom:20px}.card h2{font-size:18px}pre{font-size:8px}button.filter-btn{margin:3px;padding:3px 6px;font-size:13px}.copy-btn,.share-btn,.toggle-btn{padding:3px;font-size:10px;box-shadow:4px 4px 0 #0e5e4f}.add-form-button,.back-button,.next-button{padding:6px;font-size:10px;box-shadow:4px 4px 0 #0e5e4f}.contributor-card img{width:35px;height:35px}}