*{box-sizing:border-box;margin:0;padding:0}#root{flex-direction:column;min-height:100vh;display:flex}body{background-color:var(--rg-bg);color:#fafafa;font-family:Roboto,sans-serif}:root{--rg-bg:#0f0f17;--rg-cards:#16162a;--rg-border:#2a2750;--rg-icons:#7c6fcf;--rg-icons-light:#c4b5fd;--rg-title:#e0d7ff;--rg-muted:#5a5580;--rg-avatar-bg:#2e2b50}a{color:#fafafa;text-decoration:none}.active{color:#c4b5fd;font-weight:700}ul{list-style:none}form{flex-direction:column;display:flex}label{text-align:left;flex-direction:column;display:flex}label span{color:#aaa;margin-bottom:.5em;font-size:.7em;font-weight:700}input{color:#54547b;border:1px solid var(--rg-border);background-color:#bbbbde;border-radius:2px;outline:none;margin-bottom:.6em;padding:8px}input::placeholder{color:var(--rg-muted)}.btn,button,input[type=submit]{background-color:var(--rg-bg);color:#a795e4;border:1px solid var(--rg-icons);cursor:pointer;border-radius:20px;padding:10px 8px;font-size:1em;font-weight:700}input[type=submit]{margin-top:1em}input:disabled{cursor:not-allowed;color:#bbbbde;background-color:#5a5580}button:hover,input[type=submit]:hover{background-color:#5a5580}.cancel-btn{background-color:#4c467d}.cancel-btn:hover{background-color:#2a2750}.hide{display:none}.container{flex:1}#nav{background-color:var(--rg-cards);border-bottom:1px solid var(--rg-border);justify-content:space-between;align-items:center;width:100%;height:60px;padding:.3em 1em;display:flex;position:fixed}.nav-link svg{color:var(--rg-icons)}.active-link svg{color:var(--rg-icons-light)}.logo-container{position:relative}#logo{color:var(--rg-icons-light);font-weight:700}.logo-dot{background-color:var(--rg-icons-light);border-radius:50%;width:5px;height:5px;display:inline;position:absolute;bottom:6px;right:-7px}.nav-text{color:var(--rg-title)}#search-form{width:30%;max-width:250px;position:relative}#search-form svg{color:var(--rg-muted);position:absolute;top:9px;left:9px}#search-form input{border-color:var(--rg-muted);background-color:var(--rg-bg);width:100%;color:var(--rg-title);border-radius:20px;margin:0;padding-left:2.5em}#search-form input::placeholder{color:var(--rg-muted)}#nav-links{align-items:center;display:flex}#nav-links li{margin-right:1em}#nav-links span{cursor:pointer}#nav-links svg{font-size:1.5em}.logout{color:var(--rg-muted)}#footer{background-color:var(--rg-cards);border-top:1px solid var(--rg-border);justify-content:center;align-items:center;height:100px;display:flex}#home{width:90%;max-width:700px;margin:60px auto 0;padding-top:2em}#home #btn{border:1px solid var(--rg-icons);background-color:var(--rg-cards);color:#e0d7ff;border-radius:20px;padding:4px 8px}#home #btn:hover{background-color:#232342}.details{justify-content:space-between;align-items:center;display:flex}#post-details{background-color:var(--rg-cards);border-bottom-right-radius:10px;border-bottom-left-radius:10px;padding:10px}#post-details h3{padding-bottom:4px}.posts{border:1px solid var(--rg-border);border-radius:10px;margin-bottom:1em}.no-photos{text-align:center}.no-photos a{color:#0094f6}.no-more{text-align:center;padding:10px 0}.like{align-items:center;display:flex}.heart-color{color:red}.like svg{cursor:pointer;font-size:1.2em}.like p{color:var(--rg-icons);margin-left:6px}.photo-item img{object-fit:cover;width:100%;height:300px;display:block}#profile-image{background-color:var(--rg-cards);border-top-left-radius:10px;border-top-right-radius:10px;align-items:center;margin-bottom:0;padding:10px;display:flex}#profile-image img{border-radius:50%;width:60px;height:60px;margin-right:1em}.photo-author a{font-weight:700}#p-size{margin-top:4px;font-size:small;font-weight:200}#login,#register{border:1px solid var(--rg-border);background-color:var(--rg-cards);border-radius:10px;width:90%;max-width:700px;margin:80px auto 0;padding:1.5em 2em}#login h2,#register h2{text-align:center;margin-top:0;font-size:2.1em}.subtitle{color:#999;margin-bottom:1.5em;font-weight:700}#login form,#register form{border-bottom:1px solid var(--rg-border);margin-bottom:1.5em;padding-bottom:1.5em}#login p,#register p{text-align:center;margin-bottom:6px}#login p a,#register p a{color:var(--rg-icons);font-weight:700}.message{border:1px solid #000;border-radius:5px;justify-content:center;align-items:center;margin:0;padding:5px 10px;display:flex;position:relative}.message.error{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.message.success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}#edit-profile{text-align:center;background-color:#16162a;border:1px solid #2a2750;border-radius:10px;width:90%;max-width:700px;margin:5em auto;padding:1.5em 2em}#edit-profile span{color:#5a5580}.profile-image{object-fit:cover;border-radius:50%;justify-self:center;width:130px;height:130px;margin-top:1em;margin-bottom:1em}#profile{width:90%;max-width:700px;margin:80px auto}.descriptions{gap:12px;display:inline-flex}.number-bold{font-weight:700}.secundary-color{color:var(--rg-muted)}.main-color{color:#e0d7ff}.align{text-align:center;width:100%}.profile-header{border:1px solid var(--rg-border);background-color:#16162a;border-radius:10px;align-items:center;margin-bottom:10px;padding:1em;display:flex}.profile-header img{border-radius:50%;width:100px;height:100px;margin-right:2em}.new-photo{background-color:var(--rg-cards);border:1px solid var(--rg-border);border-radius:10px;margin-bottom:10px;padding:1em}.photos-container{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.photo{position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:80px;display:block}.actions{transition:opacity .3s initial;opacity:0;cursor:pointer;background-color:#16162acc;justify-content:space-evenly;align-items:center;display:flex;position:absolute;inset:0}.photo:hover img{filter:brightness(60%)}.photo:hover .actions{opacity:1}.edit-photo{margin-bottom:1em}.edit-photo img{width:100%;margin-bottom:1em}.edit{padding:10px 0}.user-photos p{margin-bottom:8px}.view-hover:hover{color:#5f95ff}.edit-hover:hover{color:#ffa200}.delete-hover:hover{color:red}.not-auth{padding:0 4px;font-size:small}@media (width>=768px){.photo img{height:200px}}#photo{width:90%;max-width:700px;margin:5em auto 0}.post{border:1px solid var(--rg-border);border-radius:10px}.message-container{margin:1em 0}.comments{text-align:left;flex-direction:column;margin-bottom:1em;display:flex}.comments form{border-bottom:1px solid var(--rg-muted);margin-top:6px;margin-bottom:2em;padding-bottom:1em}.author{font-weight:700;display:flex}#photo .author img{border-radius:50%;width:40px;height:40px;margin-right:1em}#post-like{background-color:var(--rg-cards)}.comment-form{align-items:center;gap:5px;display:flex}.button{border:1px solid var(--rg-muted);background-color:var(--rg-bg);flex:1;padding:5px}.comment{border-color:var(--rg-muted);background-color:var(--rg-bg);border-radius:20px;flex:8;margin:0}.comment::placeholder{color:var(--rg-muted)}.comment-list{border:1px solid var(--rg-border);background-color:var(--rg-cards);border-radius:8px;margin-bottom:4px;padding:8px}.text{word-wrap:break-word;max-width:100%;margin-top:8px}#hr{border:.5px solid var(--rg-muted);margin-top:4px;margin-bottom:7px}.see{text-align:center}.see-more{background-color:var(--rg-cards);color:#e0d7ff;border:1px solid #7c6fcf;border-radius:20px;padding:4px 8px;font-weight:400}.see-more:hover{background-color:#232342}#search{width:90%;max-width:700px;margin:0 auto;padding-top:5em}#search h2{text-align:center;margin-bottom:1em}#search .photos{margin-bottom:12px}#search #btn{color:#e0d7ff;background-color:#16162a;border:1px solid #7c6fcf;border-radius:20px;padding:4px 8px}