@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ysabeau+SC:wght@1..1000&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:"Nunito",sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-elements)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffae5d}:root{--bg-dark:#121212;--bg-elements:#1e1e1e;--bg-elements-light:#2a2a2a;--primary:#ff9e44;--primary-glow:rgba(255,158,68,.15);--text-primary:#f5f5f5;--text-secondary:#aaa;--transition:all .3s ease}body{background-color:var(--bg-dark);color:var(--text-primary);line-height:1.5;overflow-x:hidden}@keyframes fadeIn {
    from { opacity: 0; transform: translateY(15px); }
    to { opacity: 1; transform: translateY(0); }
}@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.15); }
    100% { transform: scale(1); }
}.animate{opacity:0;animation:fadeIn .7s ease forwards}.delay-1{animation-delay:.15s}.delay-2{animation-delay:.3s}.delay-3{animation-delay:.45s}.delay-4{animation-delay:.6s}.delay-5{animation-delay:.75s}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;background-color:var(--bg-elements);box-shadow:0 4px 20px rgba(0,0,0,.25);position:sticky;top:0;z-index:100}.logo{font-size:2rem;font-weight:700;color:var(--primary);text-decoration:none;letter-spacing:1px;font-family:"Ysabeau SC",sans-serif}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{color:var(--text-primary);text-decoration:none;font-weight:500;transition:var(--transition);padding:.5rem 1rem;border-radius:4px}.nav-links a:hover{color:var(--primary);background:var(--primary-glow)}.user-menu{position:relative;display:inline-block}.avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;cursor:pointer;transition:var(--transition);border:2px solid transparent}.avatar:hover{border-color:var(--primary);transform:scale(1.05)}.avatar img{width:100%;height:100%;object-fit:cover}.dropdown{position:absolute;top:100%;right:0;background-color:var(--bg-elements-light);width:200px;border-radius:8px;padding:.5rem 0;box-shadow:0 10px 25px rgba(0,0,0,.2);opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--transition);z-index:101}.user-menu:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown a{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:var(--text-primary);text-decoration:none;transition:var(--transition)}.dropdown a:hover{background-color:var(--primary-glow);color:var(--primary)}.dropdown a i{width:20px;text-align:center}.main{max-width:1000px;margin:0 auto;padding:2rem .8rem}.photo-viewer{max-width:100%;padding:1.5rem;display:flex;flex-direction:column;gap:1.2rem;background:var(--bg-elements);border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.35);animation:fadeIn .7s ease forwards;overflow:visible}.image-container{width:100%;max-height:65vh;overflow:hidden;border-radius:8px;background-color:var(--bg-elements-light);box-shadow:0 6px 15px rgba(0,0,0,.25);border:1px solid var(--primary-glow)}.main-image{width:100%;max-height:65vh;object-fit:contain;display:block;transition:var(--transition)}.main-image:hover{transform:scale(1.02)}.photo-info{display:flex;flex-direction:column;gap:1rem;padding:0 .8rem}.author-info{display:flex;align-items:center;gap:.8rem}.author-info .avatar-container{position:relative;display:inline-block;border-radius:50%}.author-info .avatar-frame{width:40px;height:40px;border-radius:50%;overflow:hidden}.author-info .author-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%}.author-info .avatar-container.online::after{content:'';position:absolute;bottom:1px;right:1px;width:10px;height:10px;background:#4caf50;border-radius:50%;border:1px solid var(--text-primary);z-index:10}.author-info .avatar-container.offline::after{content:'';position:absolute;bottom:1px;right:1px;width:10px;height:10px;background:#ccc;border-radius:50%;border:1px solid var(--text-primary);z-index:10}.author-info a{color:var(--text-primary);text-decoration:none;font-size:1rem;font-weight:600;transition:var(--transition)}.author-info a:hover{color:var(--primary)}.user-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.user-badge{background:var(--primary);color:var(--bg-dark);border-radius:16px;padding:.4rem .8rem;font-size:.75rem;transition:var(--transition);font-weight:600;box-shadow:0 2px 6px rgba(255,158,68,.3);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;border:1px solid rgba(255,255,255,.2)}.no-badge{color:var(--text-secondary);font-size:.8rem;font-style:italic;margin-top:8px}.photo-comment{color:var(--text-primary);font-size:1rem;line-height:1.5;padding:.4rem 0}.photo-meta{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;position:relative;z-index:100}.like-button,.favorite-button,.share-button,.download-button,.delete-button{background:var(--bg-elements-light);border:none;border-radius:18px;padding:5px 10px;display:flex;align-items:center;gap:4px;cursor:pointer;color:var(--text-primary);font-size:.85rem;font-weight:500;backdrop-filter:blur(5px);transition:var(--transition)}.like-button.liked{background:var(--primary);color:var(--bg-dark)}.like-button.liked .heart-icon{color:#e0245e}.favorite-button.favorited{background:var(--primary);color:var(--bg-dark)}.like-button:hover,.favorite-button:hover,.share-button:hover,.download-button:hover,.delete-button:hover{background:var(--primary-glow);transform:translateY(-2px);box-shadow:0 3px 10px rgba(255,158,68,.25)}.like-button:active,.favorite-button:active,.share-button:active,.download-button:active,.delete-button:active{animation:pulse .5s ease}.heart-icon,.favorite-icon,.share-icon,.download-icon,.delete-icon{font-size:.95rem}.photo-date{color:var(--text-secondary);font-size:.9rem;animation:fadeIn .7s ease forwards;animation-delay:.5s;text-align:right;margin-left:auto}.photo-navigation{display:flex;justify-content:center;gap:.8rem;margin-top:1rem;position:relative;z-index:50}.nav-button{background:var(--primary);border:none;border-radius:18px;padding:.5rem 1.2rem;cursor:pointer;color:var(--bg-dark);font-size:.85rem;font-weight:600;transition:var(--transition);box-shadow:0 3px 10px rgba(0,0,0,.2)}.nav-button:hover{background:#ffae5d;transform:translateY(-2px);box-shadow:0 5px 12px rgba(255,158,68,.25)}.download-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:1000;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.download-modal.show{display:flex;opacity:1}.download-modal__content{background:var(--bg-elements);border-radius:12px;padding:1.5rem;max-width:400px;width:90%;box-shadow:0 8px 30px rgba(0,0,0,.35);animation:fadeIn .7s ease forwards;position:relative}.download-modal__title{font-size:1.2rem;color:var(--text-primary);font-weight:600;margin-bottom:1rem;text-align:center}.download-modal__options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.download-modal__option{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;color:var(--text-primary);text-decoration:none;font-size:.9rem;font-weight:500;background:var(--bg-elements-light);border-radius:8px;transition:var(--transition)}.download-modal__option:hover:not(.disabled) {background:var(--primary-glow);color:var(--primary)}.download-modal__option.disabled{color:var(--text-secondary);cursor:not-allowed;opacity:.6}.download-modal__option .unavailable{color:#f44;font-size:.8rem;font-weight:400}.download-modal__close{background:var(--primary);border:none;border-radius:18px;padding:.6rem 1.5rem;cursor:pointer;color:var(--bg-dark);font-size:.9rem;font-weight:600;transition:var(--transition);box-shadow:0 3px 10px rgba(0,0,0,.2);width:100%}.download-modal__close:hover{background:#ffae5d;transform:translateY(-2px);box-shadow:0 5px 12px rgba(255,158,68,.25)}.download-modal__close:active{animation:pulse .5s ease}.comments-section{max-width:100%;padding:1.5rem;background:var(--bg-elements);border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.35);animation:fadeIn .7s ease forwards}.comments-section__title{font-size:1.4rem;color:var(--text-primary);margin-bottom:1rem;font-weight:600}.comment-form{margin-bottom:1.5rem}.comment-form__textarea{width:100%;min-height:100px;padding:.8rem;border-radius:8px;border:1px solid var(--text-secondary);background:var(--bg-elements-light);color:var(--text-primary);font-size:.9rem;resize:vertical;box-shadow:0 2px 6px rgba(0,0,0,.2)}.comment-form__controls{display:flex;gap:.6rem;margin-top:.8rem}.comment-form__button{background:var(--primary);border:none;padding:.6rem 1.5rem;border-radius:18px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 3px 10px rgba(0,0,0,.2);font-size:.9rem}.comment-form__button:hover{background:#ffae5d;transform:translateY(-2px);box-shadow:0 5px 12px rgba(255,158,68,.25)}.comment-login-message,.verification-message,.error-message{color:var(--text-secondary);text-align:center;margin:1rem 0;font-size:.9rem}.comment-login-message a{color:var(--primary);text-decoration:none}.comment-login-message a:hover{text-decoration:underline}.comment{display:flex;flex-direction:column;gap:.6rem;padding:1rem;background:var(--bg-elements-light);border-radius:8px;margin-bottom:1rem;box-shadow:0 4px 15px rgba(0,0,0,.25);animation:fadeIn .7s ease forwards}.comment__content{display:flex;flex-direction:column;gap:.6rem}.comment__user-info{display:flex;align-items:center;gap:.8rem}.comment__user-info .avatar-frame{width:40px;height:40px;border-radius:50%;overflow:hidden}.comment__user-info .comment__avatar{width:100%;height:100%;object-fit:cover;border-radius:50%}.comment__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.comment__user a{color:var(--text-primary);text-decoration:none;font-size:1rem;font-weight:600;transition:var(--transition)}.comment__user a:hover{color:var(--primary)}.comment__text{color:var(--text-primary);font-size:.9rem;line-height:1.5}.comment__timestamp{color:var(--text-secondary);font-size:.8rem;text-align:right;display:inline-block;align-self:flex-end}.comment__actions{display:flex;gap:.6rem;margin-top:.6rem}.comment__edit,.comment__delete{background:var(--bg-elements-light);border:none;border-radius:18px;padding:.6rem 1.2rem;cursor:pointer;color:var(--text-primary);font-size:.85rem;font-weight:500;backdrop-filter:blur(5px);transition:var(--transition)}.comment__edit:hover,.comment__delete:hover{background:var(--primary-glow);transform:translateY(-2px);box-shadow:0 3px 10px rgba(255,158,68,.25)}.comment__edit:active,.comment__delete:active{animation:pulse .5s ease}.comment.empty{display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--bg-elements-light);border-radius:8px;color:var(--text-secondary);font-size:.9rem;text-align:center;animation:fadeIn .7s ease forwards}.related-posts-section{max-width:100%;padding:1.5rem;background:var(--bg-elements);border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.35);animation:fadeIn .7s ease forwards;margin-top:1.5rem}.related-posts__title{font-size:1.4rem;color:var(--text-primary);margin-bottom:1rem;font-weight:600}.related-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.related-post{aspect-ratio:1;border-radius:8px;overflow:hidden;position:relative;background-color:var(--bg-elements-light);box-shadow:0 5px 15px rgba(0,0,0,.2);transition:var(--transition)}.related-post:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(255,158,68,.2)}.related-post:hover .post-image{transform:scale(1.05)}.post-image{width:100%;height:100%;background-size:cover;background-position:center;transition:var(--transition)}.subscribers-only-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;background:var(--bg-elements-light);border-radius:8px}.subscribers-only-placeholder i{font-size:2rem;color:#ffd700;margin-bottom:.5rem}.subscribers-only-placeholder p{font-size:.9rem;color:var(--text-primary)}.subscribers-only{position:absolute;top:10px;left:10px;color:#ffd700;font-size:1rem;background:rgba(0,0,0,.7);padding:.2rem;border-radius:50%}.post-author{position:absolute;bottom:3px;right:10px}.post-author .author-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--bg-dark);object-fit:cover}.related-posts__empty{color:var(--text-secondary);font-size:.9rem;text-align:center;padding:1rem;background:var(--bg-elements-light);border-radius:8px}footer{background-color:var(--bg-elements);padding:2rem 5%;margin-top:4rem;text-align:center}.copyright{color:var(--text-secondary);font-size:.9rem}@media (max-width:992px){.main{padding:1.5rem .8rem}.photo-viewer{padding:1rem}.image-container{max-height:60vh}.comments-section{padding:1rem}.related-posts-section{padding:1rem;margin-top:1rem}.related-posts{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.nav-links a:not(:last-child) {display:none}.photo-info{padding:0 .5rem}.author-info .avatar-frame,.comment__avatar{width:36px;height:36px}.author-info .avatar-container.online::after,.author-info .avatar-container.offline::after{width:8px;height:8px;bottom:1px;right:1px}.user-badges{gap:6px;margin-top:6px}.user-badge{padding:3px 6px;font-size:.75rem}.no-badge{font-size:.75rem;margin-top:6px}.author-info a,.comment__user a{font-size:.9rem}.photo-meta{gap:.6rem;justify-content:flex-start}.like-button,.favorite-button,.share-button,.download-button,.delete-button{padding:4px 8px;font-size:.8rem}.heart-icon,.favorite-icon,.share-icon,.download-icon,.delete-icon{font-size:.9rem}.photo-date{font-size:.85rem;text-align:center;margin-left:0;width:100%}.photo-navigation{flex-direction:row;gap:.6rem}.nav-button{padding:.4rem 1rem;font-size:.8rem}.comment-form__textarea{min-height:90px;font-size:.85rem}.comment__text{font-size:.85rem}.comment__timestamp{font-size:.75rem}.comment__user-info .avatar-frame{width:36px;height:36px}.related-posts{grid-template-columns:repeat(2,1fr)}.related-post .post-author .author-avatar{width:36px;height:36px}.download-modal__content{padding:1rem;max-width:350px}.download-modal__title{font-size:1.1rem}.download-modal__option{font-size:.85rem;padding:.6rem .8rem}.download-modal__option .unavailable{font-size:.75rem}.download-modal__close{font-size:.85rem;padding:.5rem 1rem}}@media (max-width:576px){.main{padding:1rem .5rem}.photo-viewer{padding:.8rem;border-radius:8px}.image-container{max-height:55vh}.comments-section{padding:.8rem}.related-posts-section{padding:.8rem;margin-top:.8rem}.related-posts__title{font-size:1.2rem}.related-posts{grid-template-columns:1fr}.related-post .post-author .author-avatar{width:32px;height:32px}.subscribers-only-placeholder i{font-size:1.8rem}.subscribers-only-placeholder p{font-size:.8rem}.subscribers-only{font-size:.9rem}.author-info .avatar-frame,.comment__avatar{width:32px;height:32px}.author-info .avatar-container.online::after,.author-info .avatar-container.offline::after{width:6px;height:6px}.user-badges{gap:5px;margin-top:5px}.user-badge{padding:2px 5px;font-size:.7rem}.no-badge{font-size:.7rem;margin-top:5px}.author-info a,.comment__user a{font-size:.85rem}.photo-comment{font-size:.9rem}.photo-date{font-size:.8rem}.comments-section__title{font-size:1.2rem}.comment__user-info .avatar-frame{width:32px;height:32px}.like-button,.favorite-button,.share-button,.download-button,.delete-button{padding:3px 6px;font-size:.75rem}.heart-icon,.favorite-icon,.share-icon,.download-icon,.delete-icon{font-size:.85rem}.nav-button{padding:.3rem .8rem;font-size:.75rem}.download-modal__content{padding:.8rem;max-width:300px}.download-modal__title{font-size:1rem}.download-modal__option{font-size:.8rem;padding:.5rem .6rem}.download-modal__option .unavailable{font-size:.7rem}.download-modal__close{font-size:.8rem;padding:.4rem .8rem}}.avatar-frame:hover{transform:scale(1.05)}.avatar-frame.frame-animated{animation-duration:3s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.avatar-frame.frame-golden{background:linear-gradient(45deg,#ffd700,#daa520,#ffd700);padding:6px;box-shadow:0 0 15px rgba(255,215,0,.5)}.avatar-frame.frame-golden:hover{box-shadow:0 0 25px rgba(255,215,0,.8)}.avatar-frame.frame-silver{background:linear-gradient(45deg,silver,#a9a9a9,silver);padding:6px;box-shadow:0 0 15px rgba(192,192,192,.5)}.avatar-frame.frame-silver:hover{box-shadow:0 0 25px rgba(192,192,192,.8)}.avatar-frame.frame-crystal{background:rgba(255,255,255,.5);border:2px solid rgba(255,255,255,.8);box-shadow:0 0 20px rgba(255,255,255,.5);padding:4px;backdrop-filter:blur(5px)}.avatar-frame.frame-crystal:hover{box-shadow:0 0 30px rgba(255,255,255,.8)}.avatar-frame.frame-ice-lime{background:rgba(180,255,220,.3);border:2px solid rgba(186,255,221,.9);box-shadow:0 0 20px rgba(180,255,220,.4);padding:4px;backdrop-filter:blur(4px)}.avatar-frame.frame-ice-lime:hover{box-shadow:0 0 30px rgba(180,255,220,.8)}.avatar-frame.frame-aurora{background:rgba(122,255,240,.15);border:2px solid rgba(170,130,255,.9);box-shadow:0 0 20px rgba(140,220,255,.4);padding:4px;backdrop-filter:blur(4px)}.avatar-frame.frame-aurora:hover{box-shadow:0 0 30px rgba(170,130,255,.8)}.avatar-frame.frame-north-moss{background:linear-gradient(135deg,#3a6f62,#285349);padding:6px;border-radius:50%;box-shadow:0 0 15px rgba(60,120,100,.5)}.avatar-frame.frame-north-moss:hover{box-shadow:0 0 25px rgba(60,120,100,.8)}.avatar-frame.frame-snow-veil{background:linear-gradient(135deg,#dff4ff,#b6deef);padding:6px;border-radius:50%;box-shadow:0 0 15px rgba(180,230,255,.5)}.avatar-frame.frame-snow-veil:hover{box-shadow:0 0 25px rgba(180,230,255,.8)}.avatar-frame.frame-lavender-ice{background:linear-gradient(135deg,#9fa8e8,#7f89c9);padding:6px;border-radius:50%;box-shadow:0 0 15px rgba(150,160,230,.5)}.avatar-frame.frame-lavender-ice:hover{box-shadow:0 0 25px rgba(150,160,230,.8)}.avatar-frame.frame-fire{background:linear-gradient(45deg,#ff6b00,red,#ff6b00);background-size:200% 200%;animation:flameAnimation 2s ease infinite;padding:6px;box-shadow:0 0 20px rgba(255,107,0,.7)}.avatar-frame.frame-fire:hover{box-shadow:0 0 30px rgba(255,107,0,.9);animation-duration:1.5s}@keyframes flameAnimation {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}.avatar-frame.frame-ice{background:linear-gradient(45deg,#0ff,#00bfff,#0ff);background-size:200% 200%;animation:iceAnimation 3s ease infinite;padding:6px;box-shadow:0 0 20px rgba(0,191,255,.7)}.avatar-frame.frame-ice:hover{box-shadow:0 0 30px rgba(0,191,255,.9);animation-duration:2s}@keyframes iceAnimation {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}.avatar-frame.frame-rainbow{background:linear-gradient(45deg,red,#f90,#ff0,#0f0,#0ff,#00f,#90f,red);background-size:400% 400%;animation:rainbowAnimation 5s linear infinite;padding:6px}.avatar-frame.frame-rainbow:hover{animation-duration:3s}@keyframes rainbowAnimation {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}.avatar-frame.frame-nebula{background:linear-gradient(45deg,#0a0a2a,#1a1a4a,#0a0a2a);background-size:200% 200%;animation:nebulaAnimation 15s ease infinite;padding:8px;position:relative;overflow:hidden;box-shadow:0 0 25px rgba(75,0,130,.6)}.avatar-frame.frame-nebula:hover{box-shadow:0 0 35px rgba(128,0,255,.8)}.avatar-frame.frame-nebula::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 20%,rgba(255,255,255,.9) .5px,transparent 1px) , radial-gradient(circle at 30% 40%,rgba(255,255,255,.8) .7px,transparent 1.2px) , radial-gradient(circle at 50% 60%,rgba(255,255,255,.9) .6px,transparent 1.1px) , radial-gradient(circle at 70% 80%,rgba(255,255,255,.7) .8px,transparent 1.3px) , radial-gradient(circle at 90% 10%,rgba(255,255,255,.6) 1px,transparent 1.5px) , radial-gradient(circle at 15% 75%,rgba(255,255,255,.8) .5px,transparent 1px) , radial-gradient(circle at 85% 35%,rgba(255,255,255,.9) .7px,transparent 1.2px) , radial-gradient(circle at 25% 90%,rgba(255,255,255,.7) .6px,transparent 1.1px) , radial-gradient(circle at 65% 15%,rgba(255,255,255,.8) .8px,transparent 1.3px) , radial-gradient(circle at 95% 65%,rgba(255,255,255,.6) 1px,transparent 1.5px);animation:starsTwinkle 8s ease-in-out infinite;opacity:.7;z-index:1}.avatar-frame.frame-nebula::after{content:'';position:absolute;top:-20%;left:-20%;width:140%;height:140%;background:radial-gradient(circle at 5% 25%,rgba(255,255,255,.4) .3px,transparent .8px) , radial-gradient(circle at 35% 45%,rgba(255,255,255,.3) .4px,transparent .9px) , radial-gradient(circle at 55% 65%,rgba(255,255,255,.5) .2px,transparent .7px) , radial-gradient(circle at 75% 85%,rgba(255,255,255,.4) .5px,transparent 1px) , radial-gradient(circle at 85% 5%,rgba(255,255,255,.3) .6px,transparent 1.1px) , radial-gradient(circle at 20% 70%,rgba(255,255,255,.5) .3px,transparent .8px) , radial-gradient(circle at 80% 30%,rgba(255,255,255,.4) .4px,transparent .9px) , radial-gradient(circle at 30% 95%,rgba(255,255,255,.3) .2px,transparent .7px) , radial-gradient(circle at 60% 20%,rgba(255,255,255,.5) .5px,transparent 1px) , radial-gradient(circle at 90% 60%,rgba(255,255,255,.4) .6px,transparent 1.1px);animation:starsTwinkle 12s ease-in-out infinite reverse;opacity:.5;z-index:1}@keyframes nebulaAnimation {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}@keyframes starsTwinkle {
  0%, 100% {
    opacity: 0.5;
    transform: translate(0, 0) scale(1);
  }
  25% {
    opacity: 0.8;
    transform: translate(-2px, -2px) scale(1.02);
  }
  50% {
    opacity: 0.6;
    transform: translate(2px, 2px) scale(0.98);
  }
  75% {
    opacity: 0.9;
    transform: translate(-1px, 1px) scale(1.01);
  }
}.avatar-frame.frame-nebula .user-avatar{position:relative;z-index:2}.avatar-frame.frame-ancient{background:linear-gradient(45deg,#8b4513,#a0522d,#8b4513);padding:8px;border:2px solid #5d4037;box-shadow:0 0 15px rgba(139,69,19,.7);position:relative;overflow:hidden}.avatar-frame.frame-ancient:hover{box-shadow:0 0 25px rgba(139,69,19,.9)}.avatar-frame.frame-ancient::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,215,0,.1) 2px,rgba(255,215,0,.1) 4px) , repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,215,0,.1) 2px,rgba(255,215,0,.1) 4px);border-radius:50%;opacity:.7}.avatar-frame.frame-ancient::after{content:'最高の';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:rgba(255,215,0,.3);font-size:24px;font-weight:bold;letter-spacing:8px;z-index:1}.avatar-frame.frame-abyss{background:#0a0a2a;padding:6px;position:relative;overflow:hidden;box-shadow:0 0 15px rgba(0,195,255,.5);border:1px solid rgba(0,195,255,.3)}.avatar-frame.frame-abyss:hover{box-shadow:0 0 25px rgba(0,195,255,.8)}.avatar-frame.frame-galaxy{background:#000;padding:8px;position:relative;overflow:hidden;box-shadow:0 0 20px rgba(128,0,255,.7)}.avatar-frame.frame-galaxy:hover{box-shadow:0 0 30px rgba(128,0,255,.9)}.avatar-frame.frame-galaxy::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background: 
    radial-gradient(circle at center, transparent 30%, rgba(75, 0, 130, 0.8) 70%),
    repeating-conic-gradient(
      from 0deg,
      transparent 0deg 10deg,
      rgba(148, 0, 211, 0.7) 10deg 20deg,
      transparent 20deg 30deg,
      rgba(75, 0, 130, 0.7) 30deg 40deg
    );animation:galaxySpin 15s linear infinite;opacity:.8;z-index:1}.avatar-frame.frame-galaxy::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);animation:galaxyPulse 5s ease-in-out infinite alternate;z-index:1}@keyframes galaxySpin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}@keyframes galaxyPulse {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 0.7;
  }
}@media (max-width:576px){.avatar-frame{padding:3px}.avatar-frame.frame-golden,.avatar-frame.frame-silver,.avatar-frame.frame-fire,.avatar-frame.frame-ice,.avatar-frame.frame-rainbow,.avatar-frame.frame-electric{padding:4px}.avatar-frame.frame-nebula,.avatar-frame.frame-galaxy{padding:5px}.avatar-frame.frame-ancient{padding:6px}.avatar-frame.frame-ancient::after{font-size:16px;letter-spacing:4px}.avatar-frame.frame-nebula::before,.avatar-frame.frame-nebula::after{animation-duration:10s}.avatar-frame.frame-abyss::before,.avatar-frame.frame-abyss::after{animation-duration:2.5s}}.avatar-frame .user-avatar{position:relative;z-index:2;width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.avatar-frame.frame-northbreath{background:linear-gradient(160deg,#6bd3ff,#5860ff,#8b9bff,#6bd3ff);border:2px solid rgba(180,220,255,.8);box-shadow:0 0 20px rgba(130,160,255,.5);padding:4px;animation:auroraMove 8s ease-in-out infinite;border-radius:50%;background-size:400% 400%}@keyframes auroraMove {
  0% { 
    background-position: 0% 50%;
    filter: hue-rotate(0deg);
  }
  25% {
    background-position: 50% 100%;
  }
  50% { 
    background-position: 100% 50%;
    filter: hue-rotate(30deg);
  }
  75% {
    background-position: 50% 0%;
  }
  100% { 
    background-position: 0% 50%;
    filter: hue-rotate(0deg);
  }
}.avatar-frame.frame-northbreath:hover{box-shadow:0 0 35px rgba(160,200,255,1);animation-duration:4s}.avatar-frame.frame-christmas-tree{background:linear-gradient(135deg,#004d00,#060,#004d00);padding:6px;border-radius:50%;box-shadow:0 0 15px rgba(0,77,0,.5);position:relative;overflow:hidden}.avatar-frame.frame-christmas-tree::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(255,215,0,.8) 2px,transparent 3px) , radial-gradient(circle at 50% 50%,rgba(255,0,0,.8) 2px,transparent 3px) , radial-gradient(circle at 80% 70%,rgba(0,191,255,.8) 2px,transparent 3px);animation:lightsBlink 2s ease-in-out infinite;opacity:.7;z-index:1}.avatar-frame.frame-christmas-tree:hover{box-shadow:0 0 25px rgba(0,77,0,.8);animation-duration:1.5s}@keyframes lightsBlink {
  0%, 100% { opacity: 0.7; }
  50% { opacity: 1; }
}.avatar-frame.frame-christmas-tree .user-avatar{z-index:2}.avatar-frame.frame-holiday-lights{background:#000;padding:6px;box-shadow:0 0 15px rgba(255,215,0,.5);position:relative;overflow:hidden}.avatar-frame.frame-holiday-lights::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,red,#ff0,#0f0,#00f,red);background-size:400% 400%;animation:lightsGradient 4s linear infinite;opacity:.6;z-index:1}.avatar-frame.frame-holiday-lights:hover{box-shadow:0 0 25px rgba(255,215,0,.8);animation-duration:2s}@keyframes lightsGradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}.avatar-frame.frame-holiday-lights .user-avatar{z-index:2}.avatar-frame.frame-winter-ice{background:rgba(173,216,230,.3);border:2px solid rgba(135,206,235,.9);box-shadow:0 0 20px rgba(135,206,235,.4);padding:4px;backdrop-filter:blur(5px)}.avatar-frame.frame-winter-ice:hover{box-shadow:0 0 30px rgba(135,206,235,.8)}