@charset "UTF-8";*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Dongle;src:url(/assets/Dongle-Bold-ClKK_hkD.ttf)}@font-face{font-family:DoppioOne;src:url(/assets/DoppioOne-Regular-BuIR7Ck-.ttf)}.header-container{position:relative;width:100%;height:340px;background:linear-gradient(to bottom,#b48fe1,#f7c27f 35%,#f3ea69 60%,#3ac6f2);overflow:hidden}.header-container .wave{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:0}.header-container .header-content{position:relative;z-index:1;height:100%;width:100%;padding:1.5rem 1.2rem;display:flex;flex-direction:column;justify-content:space-between;color:#fff}.header-container .header-content .navbar{display:flex;justify-content:space-between;align-items:center}.header-container .header-content .navbar .logo{display:flex;align-items:center;font-weight:700;font-size:2rem;font-family:Dongle}.header-container .header-content .navbar .logo .logo-img{height:30px;margin-right:.5rem}.header-container .header-content .navbar .nav-actions{display:flex;gap:1rem}.header-container .header-content .navbar .nav-actions .nav-icon{display:flex;align-items:center;gap:.4rem;cursor:pointer;transition:opacity .2s ease;font-family:Dongle;font-size:1.4rem;text-decoration:none;color:#fff}.header-container .header-content .navbar .nav-icon:hover{opacity:.85;color:#111}.header-container .header-content .wave-text{text-align:left;margin-bottom:4em;font-family:DoppioOne;font-size:1em;margin-left:1.5em}.header-container .header-content .wave-text h1{font-weight:600;margin:0;color:#111}.gallery-wrapper{padding:1rem;max-width:1440px;margin:0 auto}.search-bar{display:flex;justify-content:center;align-items:center;margin:2rem auto;width:100%;max-width:600px;flex-wrap:nowrap;padding:.5rem}.search-bar input{flex:1;padding:.7rem 1rem;border:2px solid #ccc;border-radius:999px 0 0 999px;font-size:1rem;outline:none;transition:border-color .2s ease}.search-bar input:focus{border-color:#3ac6f2}.search-bar button{padding:.75rem 1rem;background-color:#3ac6f2;color:#fff;border:none;border-radius:0 999px 999px 0;cursor:pointer;transition:background-color .2s ease}.search-bar button:hover{background-color:#027899}.tags-container{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;margin-bottom:1rem}.tag-button{border:none;border-radius:20px;padding:0 .8rem;font-size:1.7rem;cursor:pointer;transition:background .2s;font-family:Dongle}.tag-button:hover{background:#3b83f679;border:none;border-radius:20px}.tag-button.active{background-color:#3b82f6;color:#fff;border:none;border-radius:20px}.gallery-grid{column-count:4;column-gap:16px;padding:1rem 0}@media (max-width: 1200px){.gallery-grid{column-count:3}}@media (max-width: 768px){.gallery-grid{column-count:2}}@media (max-width: 480px){.gallery-grid{column-count:1}}.photo-card{background-color:#fff;margin-bottom:16px;break-inside:avoid;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 4px 10px #0000001a;transition:transform .2s ease}.photo-card:hover{transform:translateY(-4px)}.photo-card img{width:100%;height:auto;display:block;border-radius:16px;object-fit:cover}.top-icons{position:absolute;top:8px;right:8px;display:flex;gap:4px;z-index:10}.bottom-icons{position:absolute;bottom:8px;left:8px;right:8px;display:flex;justify-content:space-between;align-items:center;z-index:10}.icon-button{background:#000000b3;color:#fff;border:none;border-radius:50%;padding:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.icon__download{transition:color .3s ease;cursor:pointer}.icon__download:hover{color:#00d5ff}.icon__heart{transition:fill .3s ease,color .3s ease;cursor:pointer;color:#fff;fill:none}.icon__heart:hover,.icon__heart.active{fill:red;color:red}.icon-button.download{background:#000}.icon-button .icon__heart{cursor:pointer}.likes{background:#0009;color:#fff;font-size:.8rem;border-radius:20px;padding:2px 8px;display:flex;align-items:center;gap:4px}.top-icons,.bottom-icons{opacity:0;transition:opacity .2s ease}@media (min-width: 768px){.photo-card:hover .top-icons,.photo-card:hover .bottom-icons{opacity:1}}@media (max-width: 767px){.top-icons,.bottom-icons{opacity:1}}.pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:2rem 0;gap:.5rem}.pagination button{padding:.5rem .75rem;border:none;background-color:#eee;color:#333;font-size:1rem;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.pagination button:hover{background-color:#ddd}.pagination button.active{background-color:#3ac6f2;color:#fff;font-weight:700}.pagination button:disabled{opacity:.5;cursor:not-allowed}.favorites-container{padding:2rem;max-width:1440px;margin:0 auto}.favorites-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.favorites-title h2{font-size:1.8rem;font-weight:700;color:#1a1a1a;margin:0}.title-underline{width:120px;height:4px;margin-top:4px;background:linear-gradient(to right,#3b82f6,#a855f7,#06b6d4);border-radius:5px}.filter-select-wrapper{position:relative;display:inline-flex;align-items:center;background-image:linear-gradient(90deg,#8a2be2,orange,#00bfff);border-radius:6px;padding:2px}.filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:6px 30px 6px 12px;border-radius:6px;background:#fff;font-weight:600;cursor:pointer;font-family:sans-serif}.filter-icon{position:absolute;right:10px;pointer-events:none;font-size:1.1rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.photo-card{overflow:hidden;border-radius:10px;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:box-shadow .3s ease}.photo-card:hover{box-shadow:0 4px 12px #00000026}.photo-card img{width:100%;height:200px;object-fit:cover;display:block}@media (max-width: 768px){.favorites-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.favorites-title{display:flex;flex-direction:column}.filter-select-wrapper{display:flex;align-items:center;justify-content:center;background-image:linear-gradient(90deg,#8a2be2,orange,#00bfff);border-radius:8px;padding:6px;height:38px;width:38px;position:relative;z-index:1}.filter-icon{color:#000;font-size:1.4rem;position:static;pointer-events:auto;cursor:pointer}.filter-select{display:none;position:absolute;top:50px;right:0;background:#fff;z-index:10;border-radius:6px;padding:6px 12px;font-weight:600;border:1px solid #ddd}.filter-select.visible{display:block}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:999}.modal-wrapper{background:#fff;border-radius:12px;overflow:hidden;max-width:90vw;max-height:90vh;display:flex;position:relative}.modal-horizontal{flex-direction:row;gap:1rem;align-items:stretch}.modal-vertical{flex-direction:column}.close-button{position:absolute;top:.5rem;right:.5rem;background:none;border:none;cursor:pointer;z-index:2}.close-button:hover{color:red}.modal-photo-container{position:relative;flex:1}.modal-image{width:100%;max-height:60vh;object-fit:cover;display:block}.photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(to top,rgba(0,0,0,.6),transparent 50%);color:#fff;padding:1rem;pointer-events:none}.photo-description,.photo-description-edit{background:#00000080;border:none;color:#fff;padding:.5rem;border-radius:8px;font-size:1rem;text-align:center;pointer-events:all;width:100%;resize:none}.photo-description{display:flex;justify-content:center;align-items:center;gap:.25rem;cursor:pointer}.edit-container{display:flex;flex-direction:column;gap:.5rem;pointer-events:all}.save-button{align-self:flex-end;background:#fff3;color:#fff;border:1px solid white;padding:.25rem .75rem;border-radius:6px;cursor:pointer;font-size:.9rem}.save-button:hover{background:#ffffff59}.edit-icon{margin-left:.5rem}.photo-info-bar{margin-top:.5rem;display:flex;justify-content:space-between;align-items:center;pointer-events:all}.likes{font-size:1.2rem}.photo-actions button,.photo-actions a{background:none;border:none;color:#fff;margin-left:.5rem;cursor:pointer}.trash:hover{color:red}.download:hover{color:#3ac6f2}.modal-info{padding:1rem;font-size:.9rem}@media (max-width: 768px){.modal-wrapper{flex-direction:column!important;width:95vw;height:auto;max-height:95vh}.modal-image{width:100%;height:auto;max-height:40vh;object-fit:cover}.photo-overlay{padding:.75rem}.photo-description,.photo-description-edit{font-size:.9rem;padding:.4rem}.edit-container{gap:.4rem}.save-button{font-size:.85rem;padding:.3rem .6rem}.photo-info-bar{flex-direction:column;align-items:flex-start;gap:.4rem}.photo-actions{display:flex;gap:.5rem;margin-top:.5rem}.modal-info{font-size:.85rem;padding:.75rem}.close-button{top:.5rem;right:.5rem}}