html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}#root{display:flex;flex-direction:column;min-height:100vh}button,input,select,textarea{background:none;border:none;color:inherit;font-family:inherit;font-size:inherit;outline:none}a{color:inherit;text-decoration:none}ol,ul{list-style:none}img{display:block;height:auto;max-width:100%}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffb8d94d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffb8d980}::selection{background:#ffb6c14d;color:inherit}::-moz-selection{background:#ffb6c14d;color:inherit}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}:root{--puppy-light-pink:#fff5fa;--puppy-light-blue:#f0faff;--puppy-accent-pink:#ffb8d9;--puppy-accent-blue:#8fd3ff;--puppy-brown:#e8d0b3;--text-dark:#666;--text-light:#999;--white:#fff;--bg-primary:#fff;--bg-gradient:linear-gradient(135deg,var(--puppy-light-pink) 0%,var(--puppy-light-blue) 100%);--border-color:#fffc;--shadow-color:#ffb8d926;--shadow-color-hover:#8fd3ff33;--border-radius:20px}:root.dark-mode{--puppy-pink:#4a2f38;--puppy-light-pink:#3a242c;--puppy-blue:#243a47;--puppy-light-blue:#2a4050;--puppy-accent-pink:#ff8fba;--puppy-accent-blue:#4db5ff;--puppy-brown:#8a735c;--text-dark:#e0e0e0;--text-light:#b0b0b0;--white:#2d2d2d;--bg-primary:#1a1a1a;--bg-gradient:linear-gradient(135deg,var(--puppy-light-pink) 0%,var(--puppy-light-blue) 100%);--border-color:#323232cc;--shadow-color:#0000004d;--shadow-color-hover:#0006}body{background:linear-gradient(135deg,#fff5fa,#f0faff);background:var(--bg-gradient);color:#666;color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;line-height:1.6}.App,body{min-height:100vh}.App{background-color:initial;display:flex;flex-direction:column}.main-content{flex:1 1;margin:0 auto;max-width:1000px;padding:30px 0;width:90%}.card{background:#fff;background:var(--white);border:2px solid #fffc;border:2px solid var(--border-color);border-radius:20px;border-radius:var(--border-radius);box-shadow:0 8px 25px #ffb8d926;box-shadow:0 8px 25px var(--shadow-color);margin:20px 0;padding:25px;position:relative;transition:all .3s ease}.card:hover{box-shadow:0 15px 35px #8fd3ff33;box-shadow:0 15px 35px var(--shadow-color-hover);transform:translateY(-5px)}.btn{align-items:center;border-radius:25px;display:inline-flex;font-family:inherit;font-size:16px;gap:8px;padding:12px 28px}.btn-primary{background:linear-gradient(45deg,#ffb8d9,#8fd3ff);box-shadow:0 4px 15px #ffb8d94d}.btn-secondary{background:#fff;background:var(--white);border:2px solid #8fd3ff;color:#666}.btn:hover{box-shadow:0 6px 20px #ffb8d966;transform:translateY(-2px)}h1,h2,h3,h4{color:#ff8fba;font-weight:700;margin-bottom:20px;position:relative}h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff8fba,#4db5ff);-webkit-background-clip:text;background-clip:text;font-size:2.8rem}h2{font-size:2.2rem;padding-bottom:10px}h2:after{background:linear-gradient(45deg,#ffb8d9,#8fd3ff);background:linear-gradient(45deg,var(--puppy-accent-pink),var(--puppy-accent-blue));border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:60px}.fade-in{animation:fadeIn .6s ease-out}.form-label{color:#666;display:block;margin-bottom:8px}.form-control{background:#fff;background:var(--white);border:2px solid #8fd3ff;border:2px solid var(--puppy-accent-blue);color:#666;font-family:inherit;font-size:16px;padding:14px 20px}.form-control:focus{border-color:#ffb8d9;box-shadow:0 0 0 3px #ffb8d933}@media (max-width:768px){.main-content{padding:20px 0;width:95%}h1{font-size:2.2rem}h2{font-size:1.8rem}.btn{font-size:14px;padding:10px 22px}}:root{--puppy-pink:#ffe6f2;--puppy-accent-pink:#ff6b9d;--puppy-light-pink:#fff2f7;--puppy-blue:#e6f7ff;--puppy-accent-blue:#3aa8ff;--puppy-light-blue:#f0f8ff;--text-dark:#333;--text-light:#666}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffe6f2f2,#e6f7fff2);border-bottom:3px solid #ffffff80;box-shadow:0 4px 30px #ffb8d926;position:-webkit-sticky;position:sticky;top:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:1000}.header.scrolled{background:#fffffffa;border-bottom:3px solid #3aa8ff;border-bottom:3px solid var(--puppy-accent-blue);box-shadow:0 8px 40px #ffb8d940}.header-container{gap:40px;height:80px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 30px}.header-container,.logo{align-items:center;display:flex}.logo{border-radius:20px;cursor:pointer;flex-shrink:0;gap:15px;overflow:hidden;padding:10px;position:relative;transition:all .4s ease}.logo:hover{background:#ffffff80;transform:translateY(-3px)}.logo:hover .logo-icon{animation:tailWag .8s ease infinite}.logo:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.logo:hover:before{left:100%}.logo-icon{animation:bounce 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:40px}.logo-text{display:flex;flex-direction:column}.logo-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b9d,#3aa8ff);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;letter-spacing:-.5px;margin:0}.logo-subtitle{color:#666;color:var(--text-light);font-size:.85rem;font-weight:500;margin:5px 0 0}.nav-menu{background:#fffc;border:2px solid #ffe6f2;border:2px solid var(--puppy-pink);border-radius:25px;box-shadow:0 4px 15px #0000000d;display:flex;flex:1 1;gap:5px;justify-content:center;max-width:600px;padding:10px}.nav-link{align-items:center;background:#0000;border:2px solid #0000;border-radius:20px;color:#333;color:var(--text-dark);display:flex;font-size:1.05rem;font-weight:600;gap:10px;overflow:hidden;padding:12px 25px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.nav-link:hover{background:linear-gradient(45deg,#ff6b9d,#3aa8ff);background:linear-gradient(45deg,var(--puppy-accent-pink),var(--puppy-accent-blue));border-color:#0000;box-shadow:0 8px 25px #ffb8d966;color:#fff;transform:translateY(-3px)}.nav-link.active{background:#ff6b9d;background:var(--puppy-accent-pink);border-color:#ff6b9d;border-color:var(--puppy-accent-pink);color:#fff}.nav-link.active:after{background:#fff;border-radius:50%;bottom:-5px;content:"";height:6px;left:50%;position:absolute;transform:translateX(-50%);width:6px}.nav-icon{font-size:1.3rem;transition:transform .3s ease}.nav-link:hover .nav-icon{transform:scale(1.2) rotate(10deg)}.active-indicator{animation:pawPrint 2s ease-in-out infinite;font-size:.8rem;margin-left:5px}.header-actions{align-items:center;display:flex;flex-shrink:0;gap:15px;position:relative}.btn{border:none;border-radius:20px;box-shadow:0 4px 15px #0000000d;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-secondary{background:#f0f8ff;background:var(--puppy-light-blue);border:2px solid #3aa8ff;border:2px solid var(--puppy-accent-blue);color:#333;color:var(--text-dark)}.btn-secondary:hover{background:#3aa8ff;background:var(--puppy-accent-blue);box-shadow:0 8px 25px #3aa8ff66;color:#fff;transform:translateY(-3px)}.btn-primary{background:linear-gradient(45deg,#ff6b9d,#3aa8ff);background:linear-gradient(45deg,var(--puppy-accent-pink),var(--puppy-accent-blue));border:2px solid #0000;color:#fff}.btn-primary:hover{box-shadow:0 8px 25px #ff6b9d66;transform:translateY(-3px)}.search-btn,.write-btn{font-size:.95rem;padding:10px 20px}.user-avatar-wrapper{position:relative}.user-avatar-btn{align-items:center;background:linear-gradient(45deg,#ff6b9d,#3aa8ff);background:linear-gradient(45deg,var(--puppy-accent-pink),var(--puppy-accent-blue));border:3px solid #fff;border-radius:50%;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:flex;gap:4px;height:45px;justify-content:center;padding:0;transition:all .3s ease;width:45px}.user-avatar-btn:hover{box-shadow:0 8px 25px #ffb8d966;transform:scale(1.1) rotate(10deg)}.user-avatar-btn .avatar-icon{color:#fff;font-size:1.3rem;line-height:1}.avatar-arrow{color:#fff;font-size:.6rem;margin-left:2px;transition:transform .2s ease}.avatar-arrow.active{transform:rotate(180deg)}.user-dropdown-menu{animation:fadeIn .2s ease;background:#fff;border:2px solid #3aa8ff;border:2px solid var(--puppy-accent-blue);border-radius:12px;box-shadow:0 4px 16px #0000001a;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:220px;z-index:999}.user-menu-header{align-items:center;background:#e6f7ff;background:var(--puppy-blue);display:flex;gap:12px;padding:12px 16px}.menu-avatar{background:#fff;border:2px solid #ff6b9d;border:2px solid var(--puppy-accent-pink);border-radius:50%;font-size:1.8rem;height:48px;line-height:48px;text-align:center;width:48px}.menu-user-info{flex:1 1}.menu-username{color:#333;color:var(--text-dark);font-weight:600;margin-bottom:4px}.menu-user-desc{color:#666;color:var(--text-light);font-size:.85rem}.menu-divider{background:#3aa8ff1a;height:1px}.menu-item{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.menu-item:hover{background-color:#fff2f7;background-color:var(--puppy-light-pink)}.menu-icon{font-size:1rem;text-align:center;width:20px}.menu-label{color:#333;color:var(--text-dark)}.logout-item{color:#f44}.logout-item:hover{background-color:#fff2f2}.login-item{color:#3aa8ff;color:var(--puppy-accent-blue);font-weight:600}.login-item:hover{background-color:#f0f8ff;background-color:var(--puppy-light-blue)}.menu-toggle{align-items:center;background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:6px;height:40px;justify-content:center;padding:0;position:relative;width:40px;z-index:1001}.toggle-line{background:#ff6b9d;background:var(--puppy-accent-pink);border-radius:3px;height:3px;transform-origin:center;transition:all .3s ease;width:28px}.toggle-line.open:first-child{transform:rotate(45deg) translate(6px,6px)}.toggle-line.open:nth-child(2){opacity:0}.toggle-line.open:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media (max-width:1024px){.header-container{gap:20px;padding:0 20px}.nav-menu{gap:2px}.nav-link{font-size:.95rem;padding:10px 18px}.logo-title{font-size:1.6rem}.logo-icon{font-size:34px}}@media (max-width:768px){.header-container{height:70px;padding:0 15px}.nav-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffe6f2fa,#e6f7fffa);border:3px solid #3aa8ff;border:3px solid var(--puppy-accent-blue);border-radius:0 0 30px 30px;border-top:none;box-shadow:0 20px 50px #00000026;flex-direction:column;gap:15px;left:0;opacity:0;padding:25px;position:fixed;right:0;top:70px;transform:translateY(-100%);transition:all .4s cubic-bezier(.175,.885,.32,1.275);visibility:hidden}.nav-menu.active{opacity:1;transform:translateY(0);visibility:visible}.nav-link{background:#fff;border:2px solid #ffe6f2;border:2px solid var(--puppy-pink);font-size:1.1rem;justify-content:center;padding:18px 25px}.nav-link.active,.nav-link:hover{background:linear-gradient(45deg,#ff6b9d,#3aa8ff);background:linear-gradient(45deg,var(--puppy-accent-pink),var(--puppy-accent-blue));border-color:#0000}.menu-toggle{display:flex}.header-actions{display:none}.logo-title{font-size:1.4rem}.logo-icon{font-size:30px}.logo-subtitle{display:none}.user-dropdown-menu{right:-20px;width:200px}.user-avatar-btn{height:36px;width:36px}.user-avatar-btn .avatar-icon{font-size:1.2rem}}@media (max-width:480px){.logo-title{font-size:1.2rem}.logo-icon{font-size:26px}}.search-toggle-btn{font-size:.95rem;padding:10px 20px;position:relative}.search-toggle-btn:before{align-items:center;background:#ff6b9d;background:var(--puppy-accent-pink);border-radius:50%;color:#fff;content:"/";display:flex;font-size:.8rem;font-weight:700;height:20px;justify-content:center;opacity:.8;position:absolute;right:-5px;top:-5px;width:20px}.search-overlay{animation:slideDown .3s ease;left:0;position:fixed;right:0;top:80px;z-index:9999}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-modal{background:#fff;border-radius:0 0 20px 20px;border-top:3px solid #ff6b9d;border-top:3px solid var(--puppy-accent-pink);box-shadow:0 20px 60px #00000026;margin:0 auto;max-width:800px;padding:30px}.header-search-form{display:flex;gap:15px;margin-bottom:20px;position:relative}.header-search-form .search-input{background:#f0f8ff;background:var(--puppy-light-blue);border:3px solid #3aa8ff;border:3px solid var(--puppy-accent-blue);border-radius:25px;flex:1 1;font-size:1.1rem;padding:18px 100px 18px 25px;transition:all .3s ease}.header-search-form .search-input:focus{background:#fff;border-color:#ff6b9d;border-color:var(--puppy-accent-pink);box-shadow:0 0 0 4px #ffb8d94d;outline:none}.search-submit-btn{background:none;border:none;color:#3aa8ff;color:var(--puppy-accent-blue);font-size:1.5rem;padding:10px;right:70px}.search-close-btn,.search-submit-btn{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%)}.search-close-btn{align-items:center;background:#fff2f7;background:var(--puppy-light-pink);border:2px solid #ffe6f2;border:2px solid var(--puppy-pink);border-radius:50%;color:#333;color:var(--text-dark);display:flex;font-size:1.2rem;height:36px;justify-content:center;right:20px;transition:all .3s ease;width:36px}.search-close-btn:hover{background:#ff6b9d;background:var(--puppy-accent-pink);color:#fff;transform:translateY(-50%) rotate(90deg)}.search-suggestions{background:#fff2f7;background:var(--puppy-light-pink);border:2px solid #ffe6f2;border:2px solid var(--puppy-pink);border-radius:15px;padding:20px}.suggestion-title{color:#333;color:var(--text-dark);font-size:1rem;font-weight:600;margin-bottom:15px}.suggestion-tags{display:flex;flex-wrap:wrap;gap:12px}.suggestion-tag{background:#fff;border:2px solid #3aa8ff;border:2px solid var(--puppy-accent-blue);border-radius:20px;color:#333;color:var(--text-dark);cursor:pointer;font-size:.9rem;padding:8px 18px;transition:all .3s ease}.suggestion-tag:hover{background:linear-gradient(45deg,#ff6b9d,#3aa8ff);background:linear-gradient(45deg,var(--puppy-accent-pink),var(--puppy-accent-blue));color:#fff;transform:translateY(-3px)}.search-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}@media (max-width:768px){.search-overlay{top:70px}.search-modal{border-radius:0;padding:20px}.header-search-form{flex-direction:column;gap:10px}.header-search-form .search-input{padding-right:25px;width:100%}.search-close-btn,.search-submit-btn{margin-top:10px;position:static;transform:none}.search-close-btn{align-self:flex-end}.suggestion-tags{justify-content:center}}.theme-toggle-btn{align-items:center;background:var(--white);border:2px solid #ff6b9d;border:2px solid var(--puppy-accent-pink);border-radius:50%;color:#333;color:var(--text-dark);cursor:pointer;display:flex;flex-shrink:0;height:45px;justify-content:center;padding:10px;transition:all .3s ease;width:45px}.theme-toggle-btn:hover{background:linear-gradient(45deg,#ff6b9d,#3aa8ff);background:linear-gradient(45deg,var(--puppy-accent-pink),var(--puppy-accent-blue));box-shadow:0 4px 15px #ffb8d94d;color:#fff;transform:rotate(15deg) scale(1.1)}@media (max-width:768px){.theme-toggle-btn{font-size:.9rem;height:36px;width:36px}}.post-card{background:linear-gradient(135deg,var(--white) 0,#fff6fae6 100%);border:3px solid var(--puppy-pink);border-radius:25px;box-shadow:var(--shadow);cursor:pointer;margin:30px 0;overflow:hidden;padding:35px;position:relative;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.post-card.draft-card{background:linear-gradient(135deg,var(--white) 0,#f0f8ffe6 100%);border-color:var(--puppy-blue);opacity:.9}.post-card.draft-card:hover{border-color:var(--puppy-accent-blue);opacity:1}.post-card.draft-card:before{background:linear-gradient(90deg,var(--puppy-accent-blue),var(--puppy-accent-pink))}.post-card:hover{border-color:var(--puppy-accent-pink);box-shadow:var(--shadow-hover);transform:translateY(-10px) scale(1.01)}.post-card:before{animation:gradient-shift 3s ease infinite;background:linear-gradient(90deg,var(--puppy-accent-pink),var(--puppy-accent-blue));border-radius:25px 25px 0 0;content:"";height:5px;left:0;position:absolute;right:0;top:0}.post-card:hover:before{height:6px}.draft-badge{align-items:center;animation:pulse 2s ease-in-out infinite;border-radius:20px;box-shadow:0 4px 15px #8fd3ff66;color:#fff;font-size:.9rem;font-weight:700;left:20px;padding:8px 25px;top:20px;z-index:10}.draft-badge,.post-decoration{display:flex;gap:8px;position:absolute}.post-decoration{opacity:.2;right:15px;top:15px;transition:opacity .3s ease}.post-card:hover .post-decoration{opacity:.5}.decoration-paw{animation:pawPrint 2s ease-in-out infinite}.decoration-bone{animation:bounce 2s ease-in-out infinite;animation-delay:.1s}.decoration-ball{animation:float 2s ease-in-out infinite;animation-delay:.2s}.post-header{align-items:center;justify-content:space-between;margin-bottom:25px}.post-header,.post-meta-left,.post-meta-right{display:flex;flex-wrap:wrap;gap:15px}.post-category{align-items:center;border-radius:20px;box-shadow:0 4px 15px #0000001a;color:#fff;display:flex;font-size:.9rem;font-weight:700;gap:8px;padding:8px 20px;transition:all .3s ease}.post-category:hover{box-shadow:0 8px 25px #0003;transform:translateY(-3px) scale(1.05)}.category-icon{font-size:1rem}.post-date,.post-read-time{align-items:center;background:var(--puppy-light-blue);border:2px solid var(--puppy-blue);border-radius:15px;color:var(--text-light);display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:6px 15px}.date-icon,.time-icon{font-size:.9rem}.post-title{font-size:2.2rem;line-height:1.3;margin:0 0 25px;padding-left:45px;position:relative}.post-card.draft-card .post-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#3aa8ff,#8fd3ff);-webkit-background-clip:text;background-clip:text}.title-decoration{animation:tailWag 1.5s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:1.8rem;left:0;position:absolute;top:5px}.post-card:hover .title-decoration{animation:tailWag .8s ease-in-out infinite}.post-excerpt-container{margin-bottom:30px;position:relative}.post-excerpt{line-clamp:3;-webkit-box-orient:vertical;background:var(--puppy-light-blue);border-left:5px solid var(--puppy-accent-pink);border-radius:20px;color:var(--text-dark);display:-webkit-box;font-size:1.1rem;line-height:1.8;overflow:hidden;padding:25px;position:relative}.post-card.draft-card .post-excerpt{background:var(--puppy-light-pink);border-left-color:var(--puppy-accent-blue)}.post-excerpt:before{color:var(--puppy-accent-blue);content:'"';font-family:Georgia,serif;font-size:3rem;left:10px;opacity:.3;position:absolute;top:5px}.featured-badge{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(45deg,#ffd166,#ff9a3d);border-radius:20px;box-shadow:0 4px 15px #ffd16666;color:#fff;display:flex;font-size:.85rem;font-weight:700;gap:8px;padding:6px 20px;position:absolute;right:20px;top:-12px}.badge-icon{font-size:1rem}.post-tags{background:var(--puppy-light-pink);border:2px dashed var(--puppy-accent-blue);border-radius:20px;margin-bottom:30px;padding:20px}.post-card.draft-card .post-tags{background:var(--puppy-light-blue);border-color:var(--puppy-accent-pink)}.post-tag{align-items:center;border-radius:20px;display:flex;font-size:.9rem;gap:8px;padding:8px 20px}.post-tag:hover{border-color:#0000}.tag-icon{font-size:.9rem}.post-footer{align-items:center;border-top:3px dotted var(--puppy-blue);display:flex;flex-wrap:wrap;gap:25px;justify-content:space-between;padding-top:25px}.post-card.draft-card .post-footer{border-top-color:var(--puppy-pink)}.post-author{align-items:center;display:flex;gap:15px}.author-avatar{box-shadow:0 4px 15px #0000001a;height:50px;width:50px}.post-card.draft-card .author-avatar{background:linear-gradient(45deg,var(--puppy-accent-blue),var(--puppy-accent-pink))}.avatar-icon{font-size:1.5rem}.author-info{flex-direction:column}.author-name{font-size:1.1rem}.author-role{font-size:.85rem}.post-interactions{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.interaction-btn{background:var(--puppy-light-blue);border:2px solid var(--puppy-blue);font-size:.95rem;gap:8px;padding:10px 20px}.interaction-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.interaction-btn:hover{box-shadow:0 5px 15px #8fd3ff4d;transform:translateY(-3px)}.like-btn.liked{background:linear-gradient(45deg,#ff6b9d,#ff8fba);border-color:#0000;color:#fff}.like-btn.liked .btn-icon{animation:pulse .5s ease}.btn-icon{font-size:1.1rem}.btn-count{font-weight:700;min-width:20px;text-align:center}.read-more-btn{align-items:center;border-radius:25px;display:flex;font-size:1rem;gap:10px;padding:12px 30px}.post-card.draft-card .read-more-btn{background:linear-gradient(45deg,#3aa8ff,#8fd3ff);border-color:#0000;color:#fff}.btn-arrow{margin-left:5px;transition:transform .3s ease}.read-more-btn:hover .btn-arrow{transform:translateX(5px)}@media (max-width:768px){.post-card{margin:20px 0;padding:25px}.draft-badge{font-size:.8rem;left:15px;padding:6px 20px;top:15px}.post-header{align-items:flex-start;flex-direction:column;gap:15px}.post-meta-left,.post-meta-right{justify-content:space-between;width:100%}.post-title{font-size:1.8rem;padding-left:40px}.title-decoration{font-size:1.5rem}.post-excerpt{padding:20px}.post-footer{align-items:stretch;flex-direction:column}.post-interactions{justify-content:space-between}.read-more-btn{justify-content:center;width:100%}}@media (max-width:480px){.post-title{font-size:1.5rem}.post-excerpt{line-clamp:4}.interaction-btn{font-size:.85rem;padding:8px 15px}.post-tags{gap:10px;padding:15px}.post-tag{font-size:.85rem;padding:6px 15px}}@keyframes pawPrint{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(10deg) scale(1.1)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(5deg)}}@keyframes tailWag{0%,to{transform:rotate(0deg)}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.home-page{padding:20px 0}.hero-section{background:linear-gradient(135deg,#ffe6f2e6,#e6f7ffe6);border:3px solid var(--white);border-radius:30px;box-shadow:var(--shadow);margin-bottom:40px;overflow:hidden;padding:40px 30px;position:relative}.hero-section:before{background-image:radial-gradient(circle at 20% 30%,#ffb8d91a 0,#0000 40%),radial-gradient(circle at 80% 70%,#8fd3ff1a 0,#0000 40%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.hero-content{grid-gap:40px;align-items:flex-start;display:grid;gap:40px;grid-template-columns:1fr 1fr;position:relative;z-index:1}.hero-text{animation:fadeIn 1s ease-out}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b9d,#3aa8ff);-webkit-background-clip:text;background-clip:text;display:inline-block;margin-right:15px}.paw-print{animation:pawPrint 2s ease-in-out infinite;display:inline-block;font-size:2.5rem;vertical-align:middle}.hero-subtitle{color:var(--text-dark);font-size:1.2rem;line-height:1.6;margin:20px 0 30px;opacity:.9}.hero-stats{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:30px}.stat-item{border:2px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 12px #00000014;flex:1 1;flex-direction:column;max-width:180px;min-width:140px;padding:16px 12px;position:relative;transition:all .3s ease}.stat-item:hover{border-color:#ffb6c1;box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.stat-icon{animation:pulse 2s ease-in-out infinite;font-size:1.8rem;margin-bottom:8px}.stat-item h3{color:#ff6b9d;font-family:Arial Rounded MT Bold,Segoe UI,sans-serif;font-size:1.6rem;font-weight:700;margin:5px 0}.stat-label{align-items:center;color:#666;display:flex;font-size:.85rem;gap:6px;justify-content:center;margin-top:5px}.stat-label-icon{font-size:14px}.stat-item:first-child:before{content:"📝"}.stat-item:first-child:before,.stat-item:nth-child(2):before{font-size:16px;opacity:.3;position:absolute;right:5px;top:-5px}.stat-item:nth-child(2):before{content:"👁️"}.stat-item:nth-child(3):before{content:"❤️";font-size:16px;opacity:.3;position:absolute;right:5px;top:-5px}.tooltip-trigger{cursor:pointer;position:relative}.author-tooltip{animation:tooltipFadeIn .3s ease;background:#fff;border:2px solid #ff6b9d;border-radius:16px;box-shadow:0 15px 35px #0003,0 0 0 2px #ffb6c1;margin-top:-10px;max-width:320px;min-width:280px;padding:20px;position:fixed;transform:translateX(-50%) translateY(-100%);z-index:1000}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-90%)}to{opacity:1;transform:translateX(-50%) translateY(-100%)}}.tooltip-content{position:relative;z-index:1}.tooltip-content h4{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b9d,#3aa8ff);-webkit-background-clip:text;background-clip:text;color:#333;font-size:1.2rem;font-weight:700;margin:0 0 10px;text-align:center}.tooltip-bio{color:#666;font-size:.9rem;line-height:1.5;margin:0 0 15px;text-align:center}.tooltip-stats{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:15px}.tooltip-stats span{align-items:center;background:linear-gradient(135deg,#fff5f7,#f0f9ff);border:1px solid #ffb6c1;border-radius:12px;color:#666;display:flex;font-size:.85rem;gap:5px;padding:6px 12px}.tooltip-achievements{display:flex;flex-direction:column;gap:8px}.achievement-badge{background:linear-gradient(45deg,#ffd166,#ff9a3d);border:2px solid #fff;border-radius:12px;box-shadow:0 3px 10px #ff9a3d33;color:#fff;font-size:.8rem;font-weight:600;padding:6px 12px;text-align:center}.tooltip-arrow{border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid #ff6b9d;bottom:-10px;height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.tooltip-arrow:before{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid #fff;bottom:2px;content:"";height:0;left:-8px;position:absolute;width:0}.follow-author-btn.following{animation:followSuccess .5s ease;background:linear-gradient(45deg,#4caf50,#66bb6a)}@keyframes followSuccess{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.follow-author-btn.following:hover{background:linear-gradient(45deg,#45a049,#5cb860);box-shadow:0 8px 20px #4caf504d}.quote-footer span{align-items:center;display:flex;font-weight:500;gap:5px}@media (max-width:768px){.author-tooltip{max-width:250px;min-width:250px;position:absolute;transform:translateX(-50%) translateY(-100%)}.tooltip-stats{gap:8px}.tooltip-stats span{font-size:.8rem;padding:5px 10px}.achievement-badge{font-size:.75rem;padding:5px 10px}}@media (max-width:480px){.author-tooltip{max-width:220px;min-width:220px;padding:15px}.tooltip-content h4{font-size:1rem}.tooltip-bio{font-size:.85rem}.tooltip-stats{align-items:center;flex-direction:column}}.hero-right-content{display:flex;flex-direction:column;gap:20px}.author-highlight{background:#fff;border:2px solid #ffb6c1;border-radius:25px;box-shadow:0 10px 30px #0000001a;padding:25px;position:relative;text-align:center;transition:all .3s ease;width:100%}.author-highlight:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-5px)}.author-highlight-title{color:#333;font-size:1.3rem;gap:10px;margin-bottom:20px}.author-avatar-large,.author-highlight-title{align-items:center;display:flex;justify-content:center}.author-avatar-large{background:linear-gradient(45deg,#ff6b9d,#3aa8ff);border:4px solid #fff;border-radius:50%;box-shadow:0 8px 25px #00000026;font-size:2.5rem;height:80px;margin:0 auto 15px;transition:all .3s ease;width:80px}.author-highlight:hover .author-avatar-large{transform:scale(1.05)}.author-name{color:#333;font-size:1.4rem;margin-bottom:5px}.author-role{color:#666;margin-bottom:15px}.author-stats-horizontal{display:flex;gap:20px;justify-content:center;margin:20px 0}.author-stat{align-items:center;display:flex;flex-direction:column}.author-stat-number{color:#ff6b9d;font-size:1.2rem;font-weight:700}.author-stat-label{color:#666;font-size:.8rem}.follow-author-btn{align-items:center;background:linear-gradient(45deg,#ff6b9d,#3aa8ff);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;margin:0 auto;padding:10px 25px;transition:all .3s ease}.follow-author-btn:hover{box-shadow:0 8px 20px #ff6b9d4d;transform:translateY(-3px)}.daily-quote{background:linear-gradient(135deg,#fff5f7,#f0f9ff);border:2px solid #87ceeb;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden;padding:25px;position:relative;transition:all .3s ease;width:100%}.daily-quote:hover{box-shadow:0 12px 35px #00000026;transform:translateY(-3px)}.quote-header{align-items:center;color:#333;display:flex;gap:10px;margin-bottom:20px}.quote-icon{font-size:1.5rem}.quote-content{color:#444;font-size:1.1rem;font-style:italic;line-height:1.6;margin-bottom:15px;padding-left:15px;position:relative}.quote-content:before{color:#ffb6c1;content:"“";font-size:2rem;left:-5px;opacity:.5;position:absolute;top:-10px}.quote-author{color:#666;font-size:.9rem;margin-bottom:20px;text-align:right}.quote-footer{align-items:center;color:#888;display:flex;font-size:.8rem;justify-content:space-between}.new-quote-btn{background:#87ceeb;border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:.85rem;padding:8px 15px;transition:all .3s ease}.new-quote-btn:hover{background:#3aa8ff;transform:translateY(-2px)}.quote-decoration{bottom:-10px;font-size:4rem;opacity:.1;position:absolute;right:-10px;transform:rotate(15deg);z-index:0}.search-container{background:var(--white);border:3px solid var(--puppy-pink);border-radius:25px;box-shadow:var(--shadow);padding:40px}.search-results-info{align-items:center;animation:fadeIn .5s ease;background:linear-gradient(135deg,var(--puppy-light-pink),var(--puppy-light-blue));border:3px solid var(--puppy-accent-blue);border-radius:20px;display:flex;justify-content:space-between;margin:20px 0;padding:25px}.search-results-info h3{align-items:center;color:#ff6b9d;display:flex;font-size:1.4rem;gap:15px;margin:0}.results-count{background:var(--puppy-accent-pink);border-radius:20px;color:#fff;font-size:1rem;margin-left:10px;padding:5px 15px}.clear-search-btn{background:var(--white);border:2px solid var(--puppy-accent-pink);border-radius:20px;color:var(--text-dark);cursor:pointer;font-weight:600;padding:10px 25px;transition:all .3s ease}.clear-search-btn:hover{background:var(--puppy-accent-pink);color:#fff}.search-results-section{animation:fadeIn .5s ease;margin:40px 0}.search-results h3{color:#ff6b9d;font-size:1.8rem;margin-bottom:30px}.results-grid{gap:25px}.loading-search,.results-grid{display:flex;flex-direction:column}.loading-search{align-items:center;background:var(--puppy-light-blue);border:3px dashed var(--puppy-accent-blue);border-radius:25px;justify-content:center;padding:60px}.searching-dog{animation:bounce 2s ease-in-out infinite;font-size:4rem;margin-bottom:20px}.loading-search p{color:var(--text-light);font-size:1.1rem}.no-search-results{align-items:center;background:linear-gradient(135deg,var(--puppy-light-pink),var(--puppy-light-blue));border:3px solid var(--puppy-accent-pink);border-radius:25px;display:flex;flex-direction:column;justify-content:center;padding:60px;text-align:center}.no-results-icon{animation:bounce 2s ease-in-out infinite;font-size:4rem;margin-bottom:20px}.no-search-results h3{color:#ff6b9d;margin:20px 0 10px}.no-search-results p{color:var(--text-light);font-size:1.1rem;margin-bottom:30px}.suggestions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.suggestions button{background:var(--white);border:2px solid var(--puppy-accent-blue);border-radius:25px;color:var(--text-dark);cursor:pointer;font-weight:600;padding:12px 25px;transition:all .3s ease}.suggestions button:hover{background:linear-gradient(45deg,var(--puppy-accent-pink),var(--puppy-accent-blue));color:#fff;transform:translateY(-3px)}.search-box{display:flex;gap:15px;margin-bottom:20px}.search-input{padding:18px 30px}.search-input:focus{background:var(--white)}.search-btn{padding:18px 40px}.search-tips{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.tip{color:var(--text-light);font-size:.9rem}.search-tag{background:var(--puppy-light-pink);border:2px solid var(--puppy-pink);border-radius:20px;color:var(--text-dark);cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 20px;transition:all .3s ease}.search-tag:hover{background:var(--puppy-accent-pink);color:#fff;transform:translateY(-2px)}@media (max-width:768px){.search-box{flex-direction:column}.search-btn,.search-input{width:100%}.search-results-info{flex-direction:column;gap:15px;text-align:center}.search-results-info h3{flex-direction:column;gap:10px}.suggestions{align-items:stretch;flex-direction:column}.suggestions button{width:100%}}.category-section{margin:60px 0}.category-filters{display:flex;flex-wrap:wrap;gap:15px;margin-top:25px}.category-filter{align-items:center;background:var(--white);border:3px solid var(--puppy-blue);border-radius:25px;color:var(--text-dark);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;min-width:150px;padding:15px 25px;transition:all .3s ease}.category-filter:hover{box-shadow:0 10px 25px #8fd3ff4d;transform:translateY(-5px)}.category-filter.active{background:linear-gradient(45deg,var(--puppy-accent-pink),var(--puppy-accent-blue));border-color:#0000;box-shadow:0 10px 25px #ffb8d966;color:#fff;transform:translateY(-5px)}.filter-icon{font-size:1.3rem}.filter-name{flex:1 1;text-align:center}.filter-count{background:#fff3;border-radius:15px;font-size:.85rem;font-weight:700;padding:3px 10px}.category-filter.active .filter-count{background:#ffffff4d}.featured-section{margin:80px 0}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:40px}.section-header h2{align-items:center;display:flex;gap:15px;margin:0}.star-icon{animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(255,209,102,.4));font-size:2rem}.view-all-btn{padding:15px 35px}.loading-posts{align-items:center;background:var(--puppy-light-blue);border:3px dashed var(--puppy-accent-blue);border-radius:25px;display:flex;flex-direction:column;justify-content:center;padding:80px}.loading-posts p{color:var(--text-light);font-size:1.1rem}.no-posts{align-items:center;background:var(--puppy-light-pink);border:3px solid var(--puppy-pink);border-radius:25px;display:flex;flex-direction:column;justify-content:center;padding:80px;text-align:center}.no-posts-icon{animation:bounce 2s ease-in-out infinite;font-size:4rem;margin-bottom:20px}.no-posts h3{color:#ff6b9d;margin:20px 0 10px}.no-posts p{color:var(--text-light);font-size:1.1rem}.posts-grid{display:flex;flex-direction:column;gap:35px}.authors-section{margin:80px 0}.authors-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:40px}.author-card{align-items:center;background:var(--white);border:3px solid var(--puppy-pink);box-shadow:var(--shadow);display:flex;gap:20px;padding:30px;transition:all .4s ease}.author-card:hover{border-color:var(--puppy-accent-pink);box-shadow:var(--shadow-hover);transform:translateY(-8px)}.author-avatar{border:4px solid #fff;font-size:2.5rem;height:70px;width:70px}.author-info{flex:1 1}.author-info h4{color:var(--text-dark);font-size:1.3rem;margin:0 0 5px}.author-info p{color:var(--text-light);font-size:.9rem;margin:0 0 10px}.author-stats{align-items:center;display:flex;gap:15px}.author-stats span{background:var(--puppy-light-blue);border-radius:15px;color:var(--puppy-accent-blue);font-size:.85rem;font-weight:600;padding:4px 12px}.follow-btn{background:var(--puppy-accent-pink);border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:10px 25px;transition:all .3s ease}.follow-btn:hover{background:var(--puppy-accent-blue);transform:scale(1.05)}.write-section{margin:80px 0}.write-card{align-items:center;background:linear-gradient(135deg,var(--puppy-pink),var(--puppy-blue));border:3px solid var(--white);border-radius:30px;box-shadow:var(--shadow);display:flex;justify-content:space-between;overflow:hidden;padding:50px;position:relative}.write-content{flex:1 1;max-width:600px}.write-content h3{color:#ff6b9d;font-size:2.5rem;margin-bottom:20px}.write-content p{color:var(--text-dark);font-size:1.2rem;line-height:1.6;margin-bottom:40px}.write-now-btn{font-size:1.2rem;padding:18px 45px}.write-decoration{display:flex;gap:20px;position:relative}.write-decoration span{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:4rem;opacity:.8}.decoration-1{animation:float 3s ease-in-out infinite}.decoration-2{animation:float 4s ease-in-out infinite reverse;animation-delay:.5s}.decoration-3{animation:float 5s ease-in-out infinite;animation-delay:1s}@media (max-width:1024px){.hero-content{gap:30px;grid-template-columns:1fr}.hero-stats{justify-content:center}.write-card{flex-direction:column;gap:30px;text-align:center}}@media (max-width:768px){.hero-section{padding:30px 20px}.hero-stats{flex-direction:row;gap:12px;justify-content:space-around}.stat-item{min-width:120px;padding:14px 10px}.stat-item h3{font-size:1.4rem}.stat-icon{font-size:1.5rem}.search-box{flex-direction:column}.search-btn,.search-input{width:100%}.category-filters{justify-content:center}.category-filter{min-width:120px}.authors-grid{grid-template-columns:1fr}.section-header{align-items:stretch;flex-direction:column}.view-all-btn{width:100%}.hero-right-content{gap:15px}.author-highlight,.daily-quote{padding:20px}}@media (max-width:480px){.hero-section{padding:25px 15px}.hero-subtitle{font-size:1.1rem;margin:15px 0 20px}.hero-stats{flex-wrap:wrap;gap:10px}.stat-item{flex:none;margin-bottom:10px;min-width:calc(50% - 5px)}.stat-item:only-child{min-width:100%}.author-stats-horizontal{gap:10px}.author-stat-number{font-size:1rem}.author-stat-label{font-size:.7rem}.quote-content{font-size:1rem}.write-card{padding:30px}.write-content h3{font-size:2rem}.write-now-btn{font-size:1rem;padding:15px 30px}.write-decoration span{font-size:3rem}}.profile-header{margin-bottom:20px}.title-group{align-items:center;display:flex;flex-direction:column;gap:10px}.puppy-icon-big{font-size:32px}.main-title{color:#e87ea1;font-size:28px;font-weight:700;margin:0}.sub-title{color:#e87ea1;font-size:16px;margin:5px 0 0}.hero-subtitle-desc{color:#999;font-size:14px;margin:5px 0 0}.profile-nav{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px}.nav-btn{align-items:center;background-color:#fff5f8;border:1px solid #ffccd8;border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:10px 16px;position:relative;transition:all .3s ease}.nav-btn:hover{background-color:#ffe6ee;border-color:#e87ea1}.nav-btn.active{background-color:#e87ea1;border-color:#e87ea1;color:#fff}.puppy-icon-small{font-size:16px}.article-count-badge{background:#f44;border-radius:10px;color:#fff;font-size:12px;margin-left:5px;padding:2px 6px}.avatar-tip{color:#999;display:block;font-size:12px;margin-top:5px}.info-label{color:#666;display:inline-block;font-size:14px;font-weight:500;min-width:60px}.nickname{color:#e87ea1;font-size:16px;font-weight:700}.intro{color:#333;font-size:14px;line-height:1.6;margin-top:2px}.edit-profile-btn{color:#e87ea1;font-size:14px;font-weight:600}.profile-avatar-wrapper{cursor:pointer;display:inline-block;position:relative}.avatar-edit-icon{align-items:center;background:#e87ea1;border-radius:50%;bottom:0;color:#fff;display:flex;font-size:12px;height:20px;justify-content:center;opacity:0;position:absolute;right:0;transition:opacity .3s ease;width:20px}.profile-avatar-wrapper:hover .avatar-edit-icon{opacity:1}.avatar-upload-input{display:none}.profile-avatar{background:#fff5f8;border:2px solid #ffccd8;border-radius:50%;font-size:30px;height:80px;object-fit:cover;width:80px}.overlay-modal,.profile-avatar{align-items:center;display:flex;justify-content:center}.overlay-modal{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.pwd-modal{max-width:400px;width:100%}.pwd-input-item{display:flex;flex-direction:column;gap:5px;margin-bottom:15px}.pwd-input{border:1px solid #ddd;border-radius:6px;padding:8px 10px}.pwd-error{color:#f44;font-size:12px;margin-top:5px;text-align:center}.article-stats{display:flex;gap:10px;margin-bottom:15px}.stat-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 10px}.published-badge{background:#e87ea1;color:#fff}.draft-badge{background:#f0f0f0;color:#666}.faq-collapse{border:2px solid var(--puppy-blue);border-radius:15px;overflow:hidden}.faq-collapse-header{align-items:center;background:var(--puppy-blue);cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;padding:15px 20px}.faq-collapse-content{background:#fff;display:none;padding:0}.simple-faq-item{border-bottom:1px solid #3aa8ff1a;padding:15px 20px}.simple-faq-item:last-child{border-bottom:none}.faq-question{color:var(--text-dark);font-weight:600;margin-bottom:5px}.faq-answer{color:var(--text-light);line-height:1.5}.more-faq-link{border-top:1px solid #3aa8ff1a;color:var(--puppy-accent-blue);cursor:pointer;font-weight:600;padding:15px 20px;text-align:center}.about-site-tab h2{color:var(--puppy-accent-pink);font-size:1.8rem;margin-bottom:20px}.site-slogan{color:var(--text-dark);font-size:1.1rem;font-style:italic;margin-bottom:30px}.site-stats{display:flex;gap:30px;justify-content:center;margin-bottom:30px}.stat-item{text-align:center}.stat-num{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b9d,#3aa8ff);-webkit-background-clip:text;background-clip:text;display:block;font-size:1.8rem;font-weight:800;margin-bottom:5px}.simplified-timeline{margin-bottom:30px}.simplified-timeline h3{color:var(--text-dark);font-size:1.3rem;margin-bottom:20px;text-align:center}.simplified-contact{background:var(--puppy-blue);border-radius:15px;padding:20px;text-align:center}.simplified-contact h3{color:var(--text-dark);font-size:1.3rem;margin-bottom:15px}.contact-method{align-items:center;color:var(--text-dark);display:flex;font-size:1.1rem;gap:10px;justify-content:center}.method-icon{font-size:1.5rem}.delete-confirm-modal{align-items:center;background:#00000080;bottom:0;display:none;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.modal-content{background:#fff;border:3px solid var(--puppy-accent-pink);border-radius:15px;box-shadow:0 6px 20px #00000026;max-width:400px;padding:25px;width:100%}.modal-header{font-size:1.2rem;font-weight:600;margin-bottom:15px}.modal-body,.modal-header{color:var(--text-dark);text-align:center}.modal-body{line-height:1.6;margin-bottom:20px}.modal-footer{display:flex;gap:15px;justify-content:center}.cancel-delete-btn,.confirm-delete-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background .3s ease}.cancel-delete-btn{background:#f0f0f0;color:var(--text-dark)}.cancel-delete-btn:hover{background:#e0e0e0}.confirm-delete-btn{background:#f44;color:#fff}.confirm-delete-btn:hover{background:#d32f2f}@media (max-width:768px){.about-hero h1{font-size:2.2rem}.about-tabs{gap:6px}.tab-btn{font-size:.9rem;min-width:120px;padding:12px 15px}.profile-card{padding:20px}.intro-input,.profile-input{width:calc(100% - 80px)}.site-stats{gap:20px}.stat-num{font-size:1.5rem}.profile-nav{flex-direction:column;gap:8px}.nav-btn{justify-content:center;width:100%}}@media (max-width:480px){.about-page{padding:15px 0 40px}.about-hero{margin:0 10px 30px;padding:30px 20px 20px}.about-hero h1{font-size:1.9rem}.about-tabs{align-items:stretch;flex-direction:column;gap:8px}.tab-btn{width:100%}.info-item label,.profile-info{text-align:center}.info-item label{display:block;margin:0 auto 10px}.intro-input,.profile-input{width:100%}.edit-actions{justify-content:center}.article-header{align-items:flex-start}.article-header,.article-meta{flex-direction:column;gap:5px}.site-stats{align-items:center;flex-direction:column}}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.profile-title{color:#e87ea1;font-weight:700;margin-bottom:15px}.info-item{display:flex;flex-direction:column;gap:5px;margin-bottom:15px}.intro-input,.profile-input{background:#fff;border:1px solid #ffccd8;border-radius:8px;font-size:14px;padding:8px 12px;width:100%}.intro-input{min-height:80px;resize:vertical}.edit-profile-btn{background:#e87ea1;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 16px;transition:background .3s}.edit-profile-btn:hover{background:#d46a8c}.edit-actions{display:flex;gap:10px;margin-top:15px}.cancel-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;padding:8px 16px}.save-btn{background:#e87ea1;color:#fff}.cancel-btn{background:#f0f0f0;color:#666}.article-item{background:var(--puppy-light-pink);border:2px solid #0000;border-radius:15px;display:flex;gap:20px;padding:20px;transition:all .3s ease}.article-item:hover{border-color:var(--puppy-pink);box-shadow:0 8px 25px #ffb8d933;transform:translateX(5px)}.article-date{align-items:center;background:#fff;border:2px solid var(--puppy-pink);border-radius:12px;display:flex;flex:0 0 80px;flex-direction:column;justify-content:center;padding:15px}.date-month{color:var(--text-light);font-size:.9rem;margin-bottom:5px}.date-day{color:#ff6b9d;font-size:2rem;font-weight:800}.article-content{flex:1 1}.article-title{color:var(--text-dark);font-size:1.2rem;margin:0 0 10px}.article-excerpt{color:var(--text-light);font-size:.95rem;line-height:1.5;margin:0 0 15px}.article-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:12px}.meta-category{background:linear-gradient(45deg,#ffb8d9,#ff6b9d);border-radius:15px;color:#fff;font-size:.85rem;font-weight:600;padding:4px 12px}.meta-comments,.meta-likes,.meta-views{align-items:center;color:var(--text-light);display:flex;font-size:.85rem;gap:5px}.article-tags{display:flex;flex-wrap:wrap;gap:8px}.article-tag{background:var(--puppy-light-blue);border:1px solid var(--puppy-blue);border-radius:15px;color:var(--text-dark);cursor:pointer;font-size:.8rem;padding:4px 10px;transition:all .2s ease}.article-tag:hover{background:var(--puppy-blue);color:#fff}@media (max-width:768px){.article-item{flex-direction:column}.article-date{align-items:center;flex:none;flex-direction:row;justify-content:space-between}.date-month{font-size:1rem;margin-bottom:0}.date-day{font-size:1.8rem}}@media (max-width:480px){.article-meta{flex-direction:column;gap:8px}}.archive-page{margin:0 auto;max-width:1400px;padding:20px 0}.archive-loading{align-items:center;display:flex;justify-content:center;min-height:60vh}.loading-content p{color:var(--text-light);font-size:1.1rem}.archive-error{padding:100px 20px;text-align:center}.archive-error h2{color:#ff6b9d;margin-bottom:20px}.archive-error p{color:var(--text-light)}.archive-header{background:linear-gradient(135deg,var(--puppy-pink),var(--puppy-blue));border:3px solid #fff;border-radius:25px;box-shadow:var(--shadow);margin-bottom:30px;padding:40px;text-align:center}.archive-header h1{color:#fff;font-size:2.8rem;margin-bottom:15px;text-shadow:0 4px 8px #0003}.archive-subtitle{color:#ffffffe6;font-size:1.2rem;margin-bottom:30px}.archive-summary{display:flex;flex-wrap:wrap;gap:25px;justify-content:center}.summary-item{align-items:center;background:#ffffffe6;border-radius:20px;display:flex;gap:15px;min-width:160px;padding:20px 25px;transition:all .3s ease}.summary-item:hover{box-shadow:0 12px 30px #0000001a;transform:translateY(-5px)}.summary-icon{font-size:2.5rem;opacity:.8}.summary-item h3{color:#ff6b9d;font-size:2.2rem;margin:0}.summary-item p{color:var(--text-light);font-size:.9rem;margin:5px 0 0}.archive-layout{display:flex;gap:30px;margin-top:20px}.archive-sidebar{display:flex;flex:0 0 320px;flex-direction:column;gap:25px}.archive-main{flex:1 1;min-width:0}.archive-timeline{background:#fff;border:3px solid var(--puppy-pink);border-radius:20px;box-shadow:var(--shadow);padding:25px}.timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.timeline-header h3{color:#ff6b9d;font-size:1.4rem;margin:0}.clear-filters-btn{background:var(--puppy-light-blue);border:2px solid var(--puppy-blue);border-radius:12px;cursor:pointer;font-size:.85rem;padding:6px 15px;transition:all .2s ease}.clear-filters-btn:hover{background:var(--puppy-blue);color:#fff}.timeline-years{display:flex;flex-direction:column;gap:10px}.timeline-year{background:var(--puppy-light-pink);border-radius:15px;overflow:hidden;transition:all .3s ease}.timeline-year.active{background:#fff;border:2px solid var(--puppy-pink)}.year-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px;-webkit-user-select:none;user-select:none}.year-header:hover{background:#ffb8d91a}.year-number{color:var(--text-dark);font-size:1.4rem;font-weight:700}.year-count{background:var(--puppy-accent-pink);border-radius:15px;color:#fff;font-size:.85rem;font-weight:600;padding:4px 12px}.year-arrow{color:var(--text-light);font-size:.9rem}.year-months{padding:0 20px 15px}.timeline-month{align-items:center;background:var(--puppy-light-blue);border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;margin:5px 0;padding:10px 15px;transition:all .2s ease}.timeline-month:hover{background:var(--puppy-blue);color:#fff;transform:translateX(5px)}.timeline-month.active{background:var(--puppy-accent-blue);border-left:4px solid var(--puppy-pink);color:#fff}.month-name{font-weight:500}.month-count{font-size:.85rem;opacity:.8}.filter-panel{background:#fff;border:3px solid var(--puppy-blue);border-radius:20px;box-shadow:var(--shadow);padding:25px}.filter-section{margin-bottom:25px}.filter-section:last-child{margin-bottom:0}.filter-section h4{align-items:center;color:var(--text-dark);display:flex;font-size:1.1rem;gap:8px;margin:0 0 15px}.filter-categories{display:flex;flex-direction:column;gap:10px}.filter-btn{background:var(--puppy-light-pink);border:2px solid var(--puppy-pink);border-radius:12px;cursor:pointer;font-size:.95rem;padding:10px 15px;text-align:left;transition:all .2s ease}.filter-btn:hover{background:var(--puppy-pink);color:#fff;transform:translateX(5px)}.filter-btn.active{background:var(--puppy-accent-pink);border-color:#0000;color:#fff}.filter-tags{display:flex;flex-wrap:wrap;gap:8px}.filter-tag{background:var(--puppy-light-blue);border:2px solid var(--puppy-blue);border-radius:20px;color:var(--text-dark);cursor:pointer;font-size:.9rem;padding:6px 12px;transition:all .2s ease}.filter-tag:hover{background:var(--puppy-blue);color:#fff;transform:translateY(-2px)}.filter-tag.active{background:var(--puppy-accent-blue);border-color:#0000;color:#fff}.view-mode-selector{display:flex;gap:10px}.view-mode-btn{background:var(--puppy-light-pink);border:2px solid var(--puppy-pink);border-radius:12px;cursor:pointer;flex:1 1;font-size:.9rem;padding:10px;transition:all .2s ease}.view-mode-btn:hover{background:var(--puppy-pink);color:#fff}.view-mode-btn.active{background:var(--puppy-accent-pink);border-color:#0000;color:#fff}.sidebar-tags{background:linear-gradient(135deg,var(--puppy-light-pink),var(--puppy-light-blue));border:3px solid var(--puppy-accent-blue);border-radius:20px;padding:25px}.sidebar-tags h4{color:var(--text-dark);font-size:1.1rem;margin:0 0 15px;text-align:center}.sidebar-tags-cloud{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.sidebar-tag{background:#fff;border:2px solid var(--tag-color,var(--puppy-blue));border-radius:20px;cursor:pointer;font-size:.9rem;padding:6px 15px;transition:all .2s ease}.sidebar-tag:hover{background:var(--puppy-blue);background:var(--tag-color,var(--puppy-blue));color:#fff;transform:translateY(-3px)}.sidebar-tag.active{background:var(--puppy-accent-blue);background:var(--tag-color,var(--puppy-accent-blue));border-color:#0000;color:#fff;transform:scale(1.05)}.filter-status{flex-wrap:wrap;gap:10px;margin-bottom:20px}.filter-status,.status-tag{align-items:center;display:flex}.status-tag{background:var(--puppy-light-blue);border:2px solid var(--puppy-blue);border-radius:20px;cursor:pointer;font-size:.9rem;gap:8px;padding:8px 15px;transition:all .2s ease}.status-tag:hover{background:var(--puppy-blue);color:#fff}.clear-all-btn{background:var(--puppy-light-pink);border:2px solid var(--puppy-pink);border-radius:12px;cursor:pointer;font-size:.9rem;padding:8px 15px;transition:all .2s ease}.clear-all-btn:hover{background:var(--puppy-pink);color:#fff}.view-tabs{background:#fff;border:3px solid var(--puppy-pink);border-radius:15px;display:flex;gap:10px;margin-bottom:25px;padding:8px}.view-tab{align-items:center;background:var(--puppy-light-pink);border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;gap:8px;justify-content:center;padding:12px;transition:all .2s ease}.view-tab:hover{background:var(--puppy-pink);color:#fff}.view-tab.active{background:var(--puppy-accent-pink);color:#fff;transform:translateY(-2px)}.tab-icon{font-size:1.2rem}.heatmap-container{background:#fff;border:3px solid var(--puppy-blue);border-radius:20px;box-shadow:var(--shadow);padding:25px}.heatmap-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.heatmap-header h3{color:#ff6b9d;font-size:1.4rem;margin:0}.heatmap-legend{align-items:center;display:flex;gap:15px}.legend-label{color:var(--text-light);font-size:.9rem}.legend-item{align-items:center;display:flex;gap:5px}.legend-square{border-radius:4px;height:16px;width:16px}.legend-square.level-0{background:#ebedf0}.legend-square.level-1{background:#9be9a8}.legend-square.level-2{background:#40c463}.legend-square.level-3{background:#30a14e}.legend-square.level-4{background:#216e39}.legend-text{color:var(--text-light);font-size:.8rem}.heatmap-years{display:flex;flex-direction:column;gap:25px}.heatmap-year{border-bottom:2px solid var(--puppy-light-blue);padding-bottom:25px}.heatmap-year:last-child{border-bottom:none;padding-bottom:0}.heatmap-year-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.heatmap-year-header h4{color:var(--text-dark);font-size:1.2rem;margin:0}.year-total{background:var(--puppy-light-pink);border-radius:15px;color:var(--text-dark);font-size:.9rem;font-weight:600;padding:6px 12px}.heatmap-months{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,1fr)}@media (min-width:1200px){.heatmap-months{grid-template-columns:repeat(12,1fr)}}@media (max-width:992px){.heatmap-months{grid-template-columns:repeat(4,1fr)}}.heatmap-month{align-items:center;aspect-ratio:1;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;justify-content:center;padding:5px;position:relative;text-align:center;transition:all .3s ease}.heatmap-month.level-0{background:#ebedf0;color:var(--text-light)}.heatmap-month.level-1{background:#9be9a8}.heatmap-month.level-2{background:#40c463}.heatmap-month.level-3{background:#30a14e}.heatmap-month.level-4{background:#216e39}.heatmap-month:hover{box-shadow:0 8px 25px #00000026;transform:scale(1.1);z-index:2}.heatmap-month.selected{outline:3px solid #ff6b9d;outline-offset:2px;z-index:1}.heatmap-month.hovered{border:2px solid #ff6b9d!important;box-shadow:0 10px 30px #0003!important;transform:scale(1.15)!important;z-index:3!important}.month-tooltip{background:#000000d9;border-radius:8px;bottom:calc(100% + 10px);color:#fff;font-size:.85rem;opacity:0;padding:12px;pointer-events:none;transition:all .2s ease;visibility:hidden;white-space:nowrap;z-index:10}.month-tooltip,.month-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.month-tooltip:after{border:6px solid #0000;border-top-color:#000000d9;content:"";top:100%}.heatmap-month:hover .month-tooltip{bottom:calc(100% + 15px);opacity:1;visibility:visible}.tooltip-month{color:#ff6b9d;font-weight:700;margin-bottom:4px}.tooltip-count,.tooltip-views{font-size:.8rem;margin:2px 0;opacity:.9}.article-list-container{background:#fff;border:3px solid var(--puppy-pink);border-radius:20px;box-shadow:var(--shadow);padding:25px}.list-header{border-bottom:2px solid var(--puppy-light-pink);justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.list-header,.list-header h3{align-items:center;display:flex}.list-header h3{color:#ff6b9d;font-size:1.4rem;gap:10px;margin:0}.list-count{color:var(--text-light);font-size:1rem;font-weight:400}.list-sort{position:relative}.sort-select{-webkit-appearance:none;appearance:none;background:var(--puppy-light-blue);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;border:2px solid var(--puppy-blue);border-radius:12px;cursor:pointer;font-size:.9rem;padding:8px 35px 8px 15px}.sort-select:focus{border-color:var(--puppy-accent-blue);outline:none}.article-list{display:flex;flex-direction:column;gap:20px}.no-articles{background:#fff;border:3px dashed var(--puppy-pink);border-radius:20px;box-shadow:var(--shadow);padding:60px 40px;text-align:center}.no-articles-icon{font-size:4rem;margin-bottom:20px;opacity:.3}.no-articles h3{color:var(--text-dark);margin:0 0 15px}.no-articles p{color:var(--text-light);margin-bottom:25px}.stats-container{background:#fff;border:3px solid var(--puppy-blue);border-radius:20px;box-shadow:var(--shadow);padding:25px}.stats-header{align-items:center;border-bottom:2px solid var(--puppy-light-blue);display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.stats-header h3{color:#ff6b9d;font-size:1.4rem;margin:0}.stats-period{background:var(--puppy-light-pink);border-radius:15px;color:var(--text-dark);font-size:.9rem;font-weight:600;padding:6px 15px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.stat-card{background:var(--puppy-light-pink);border:2px solid var(--puppy-pink);border-radius:15px;padding:25px;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 12px 30px #ffb8d933;transform:translateY(-5px)}.stat-icon{font-size:2.5rem;margin-bottom:15px;opacity:.8}.stat-value{color:#ff6b9d;font-size:2.2rem;font-weight:800;margin-bottom:8px}.stat-label{color:var(--text-light);font-size:.9rem}.stats-details{display:flex;flex-direction:column;gap:30px}.detail-section{background:var(--puppy-light-blue);border:2px solid var(--puppy-blue);border-radius:15px;padding:25px}.detail-section h4{color:var(--text-dark);font-size:1.1rem;margin:0 0 20px}.year-bars{flex-direction:column}.year-bar,.year-bars{display:flex;gap:15px}.year-bar{align-items:center}.bar-label{color:var(--text-dark);flex:0 0 60px;font-weight:600}.bar-container{background:#fff;border-radius:12px;flex:1 1;height:25px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,var(--puppy-accent-pink),var(--puppy-accent-blue));border-radius:12px;height:100%;transition:width 1s ease}.bar-count{color:var(--text-light);flex:0 0 70px;font-size:.9rem;font-weight:600;text-align:right}.category-percentages{display:flex;flex-direction:column;gap:12px}.category-percent{align-items:center;display:flex;gap:15px}.percent-label{color:var(--text-dark);flex:0 0 100px;font-weight:600}.percent-bar{background:#fff;border-radius:10px;flex:1 1;height:20px;overflow:hidden}.percent-fill{background:linear-gradient(90deg,#ff8fba,#8fd3ff);border-radius:10px;height:100%;transition:width 1s ease}.percent-value{color:var(--text-light);flex:0 0 60px;font-size:.9rem;font-weight:600;text-align:right}@media (max-width:1200px){.archive-layout{flex-direction:column}.archive-sidebar{flex:none;flex-direction:row;flex-wrap:wrap;gap:20px;width:100%}.archive-timeline,.filter-panel,.sidebar-tags{flex:1 1;min-width:300px}.heatmap-months{grid-template-columns:repeat(6,1fr)}}@media (max-width:768px){.archive-header{padding:30px}.archive-header h1{font-size:2.2rem}.archive-subtitle{font-size:1rem}.archive-summary{gap:15px}.summary-item{min-width:120px;padding:15px}.summary-icon{font-size:2rem}.summary-item h3{font-size:1.8rem}.heatmap-header,.list-header,.stats-header,.timeline-header{align-items:flex-start;flex-direction:column;gap:15px}.clear-all-btn,.clear-filters-btn{align-self:stretch;text-align:center}.heatmap-months{grid-template-columns:repeat(4,1fr)}.view-tabs{flex-direction:column}.filter-status{justify-content:center}}@media (max-width:480px){.archive-header{padding:20px}.heatmap-months{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:1fr}.filter-panel{padding:20px}.view-mode-selector{flex-direction:column}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 160px);padding:40px 20px}.auth-container{background:#fff;border:3px solid var(--puppy-pink);border-radius:30px;box-shadow:var(--shadow-hover);display:grid;grid-template-columns:1fr 1fr;max-width:1200px;min-height:700px;overflow:hidden;width:100%}.auth-left{align-items:center;background:linear-gradient(135deg,var(--puppy-pink),var(--puppy-blue));display:flex;justify-content:center;overflow:hidden;padding:50px;position:relative}.auth-left:before{background-image:radial-gradient(circle at 20% 30%,#ffffff1a 0,#0000 40%),radial-gradient(circle at 80% 70%,#ffffff1a 0,#0000 40%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.auth-decoration{position:relative;text-align:center;z-index:1}.decoration-dog{margin-bottom:40px}.dog-icon{animation:bounce 3s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1));font-size:8rem}.decoration-text h2{color:#fff;font-size:2.5rem;margin-bottom:20px;text-shadow:0 4px 8px #0003}.decoration-text p{color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:400px}.paw-trail{gap:20px;margin-top:50px}.paw{font-size:2rem;opacity:.7}.paw:nth-child(4){animation-delay:.6s}.auth-right{align-items:center;display:flex;justify-content:center;padding:60px 50px}.auth-form-container{max-width:450px;width:100%}.auth-switch{background:var(--puppy-light-pink);border:2px solid var(--puppy-pink);border-radius:25px;display:flex;gap:10px;margin-bottom:40px;padding:10px}.switch-btn{align-items:center;background:#0000;border:none;border-radius:20px;color:var(--text-dark);cursor:pointer;display:flex;flex:1 1;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;padding:18px 25px;transition:all .3s ease}.switch-btn:hover{background:#fffc}.switch-btn.active{background:linear-gradient(45deg,var(--puppy-accent-pink),var(--puppy-accent-blue));box-shadow:0 6px 20px #ffb8d966;color:#fff}.auth-header{margin-bottom:40px;text-align:center}.auth-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b9d,#3aa8ff);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:15px}.auth-subtitle{color:var(--text-light);font-size:1.1rem}.auth-form{margin-bottom:40px}.form-group{margin-bottom:25px}.form-label-row{justify-content:space-between}.form-label{align-items:center;color:var(--text-dark);display:flex;font-size:1rem;font-weight:600;gap:10px}.label-icon{font-size:1.1rem}.label-hint{color:var(--text-light);font-size:.85rem}.forgot-password{background:none;border:none;color:var(--puppy-accent-blue);cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease}.forgot-password:hover{color:var(--puppy-accent-pink)}.form-control{background:var(--puppy-light-blue);border:3px solid var(--puppy-blue);border-radius:15px;color:var(--text-dark);font-size:1rem;padding:18px 24px;transition:all .3s ease;width:100%}.form-control:focus{background:#fff;border-color:var(--puppy-accent-pink);box-shadow:0 0 0 4px #ffb8d933;outline:none}.form-control.error{background:#fff5f5;border-color:#ff6b6b}.error-message{align-items:center;color:#ff6b6b;display:flex;font-weight:500;gap:8px;margin-top:8px}.error-icon,.error-message{font-size:.9rem}.password-hint{color:var(--text-light);font-size:.85rem;margin-top:8px}.terms-group{background:var(--puppy-light-pink);border:2px solid var(--puppy-pink);border-radius:15px;padding:20px}.terms-label{align-items:flex-start;cursor:pointer;display:flex;gap:15px}.terms-checkbox{-webkit-appearance:none;appearance:none;border:2px solid var(--puppy-accent-blue);border-radius:6px;cursor:pointer;flex-shrink:0;height:20px;margin-top:5px;position:relative;transition:all .3s ease;width:20px}.terms-checkbox:checked{background:var(--puppy-accent-pink);border-color:var(--puppy-accent-pink)}.terms-checkbox:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.terms-text{color:var(--text-dark);flex:1 1;font-size:.95rem;line-height:1.5}.terms-link{color:var(--puppy-accent-blue);font-weight:600;text-decoration:none;transition:all .3s ease}.terms-link:hover{color:var(--puppy-accent-pink)}.auth-submit-btn{font-size:1.1rem;font-weight:600;justify-content:center;margin-top:10px;padding:20px;width:100%}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.7}.divider{align-items:center;display:flex;margin:40px 0}.divider:after,.divider:before{background:var(--puppy-blue);content:"";flex:1 1;height:2px}.divider-text{color:var(--text-light);font-size:.9rem;font-weight:600;padding:0 20px}.social-login{display:flex;gap:15px;margin-bottom:40px}.social-btn{align-items:center;background:#fff;border:3px solid var(--puppy-blue);border-radius:15px;color:var(--text-dark);cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;padding:18px 20px;transition:all .3s ease}.social-btn:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-3px)}.social-btn.github:hover{background:#333;border-color:#333;color:#fff}.social-btn.google:hover{background:#4285f4;border-color:#4285f4;color:#fff}.social-btn.twitter:hover{background:#1da1f2;border-color:#1da1f2;color:#fff}.social-icon{font-size:1.2rem}.auth-footer{text-align:center}.auth-footer p{color:var(--text-dark);margin:10px 0}.switch-link{background:none;border:none;color:var(--puppy-accent-pink);cursor:pointer;font-size:1rem;font-weight:700;margin-left:10px;transition:all .3s ease}.switch-link:hover{color:var(--puppy-accent-blue);text-decoration:underline}.welcome-text{align-items:center;background:var(--puppy-light-pink);border:2px dashed var(--puppy-accent-pink);border-radius:20px;display:flex;gap:10px;justify-content:center;margin-top:20px;padding:15px}.welcome-icon{animation:bounce 2s ease-in-out infinite;font-size:1.5rem}@media (max-width:1024px){.auth-container{grid-template-columns:1fr;max-width:600px}.auth-left{min-height:300px;padding:40px 30px}.decoration-text h2{font-size:2rem}.dog-icon{font-size:6rem}}@media (max-width:768px){.auth-container{border-radius:25px}.auth-right{padding:40px 30px}.auth-header h1{font-size:2rem}.social-login{flex-direction:column}.social-btn{padding:16px}}@media (max-width:480px){.auth-page{padding:20px 15px}.auth-left,.auth-right{padding:30px 20px}.auth-switch{flex-direction:column}.switch-btn{padding:16px}.auth-header h1{font-size:1.8rem}.form-control{padding:16px 20px}.terms-label{flex-direction:column;gap:10px}.terms-checkbox{margin-top:0}}.switch-account-list{border:1px solid #ffccd8;border-radius:8px;margin:20px 0}.account-item{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:10px 15px}.account-item:last-child{border-bottom:none}.account-avatar{font-size:20px;margin-right:10px}.account-name{flex:1 1}.login-other-btn,.select-account-btn{background:#fff;border:1px solid #e87ea1;border-radius:4px;color:#e87ea1;cursor:pointer;padding:5px 10px}.select-account-btn:hover{background:#fff5f8}.not-found-page{align-items:center;background:linear-gradient(135deg,var(--puppy-light-pink),var(--puppy-light-blue));display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative}.not-found-page:before{background-image:radial-gradient(circle at 10% 10%,#ffb8d91a 0,#0000 20%),radial-gradient(circle at 90% 90%,#8fd3ff1a 0,#0000 20%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.not-found-container{animation:float 3s ease-in-out infinite;background:#fff;border:3px solid var(--puppy-pink);border-radius:30px;box-shadow:var(--shadow-hover);max-width:800px;padding:60px;position:relative;text-align:center;width:100%;z-index:1}.running-dog{background:var(--puppy-light-blue);border:3px dashed var(--puppy-accent-blue);border-radius:20px;height:120px;margin-bottom:40px;overflow:hidden;position:relative}.dog-container{left:-50px;position:absolute;top:20px;transition:transform .1s linear}.dog{animation:bounce 1s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:4rem}.dog-bone{animation:spin 2s linear infinite;font-size:1.5rem;position:absolute;right:-20px;top:10px}.paw-trail{bottom:10px;justify-content:space-around;left:0;position:absolute;right:0}.paw{animation:pawPrint 2s ease-in-out infinite;font-size:1.2rem;opacity:.5}.paw:nth-child(odd){animation-delay:.5s}.error-number{align-items:center;display:flex;gap:20px;justify-content:center;margin:30px 0}.digit{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b9d,#3aa8ff);-webkit-background-clip:text;background-clip:text;font-size:8rem;font-weight:900;text-shadow:0 8px 20px #0000001a}.dog-digit{animation:bounce 2s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.15));font-size:5rem}.error-title{color:#ff6b9d;font-size:2.8rem;margin:20px 0}.error-description{color:var(--text-dark);font-size:1.2rem;line-height:1.7;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px}.search-section{margin:40px 0}.error-search{display:flex;gap:15px;margin:0 auto;max-width:500px}.search-input{background:var(--puppy-light-blue);border:3px solid var(--puppy-accent-blue);border-radius:25px;color:var(--text-dark);flex:1 1;font-size:1.1rem;padding:18px 25px;transition:all .3s ease}.search-input:focus{background:#fff;border-color:var(--puppy-accent-pink);box-shadow:0 0 0 4px #ffb8d94d;outline:none}.search-btn{align-items:center;background:linear-gradient(45deg,var(--puppy-accent-pink),var(--puppy-accent-blue));border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;padding:18px 35px;transition:all .3s ease;white-space:nowrap}.search-btn:hover{box-shadow:0 10px 25px #ffb8d966;transform:translateY(-3px)}.search-icon{font-size:1.2rem}.quick-links{background:var(--puppy-light-pink);border:3px solid var(--puppy-pink);border-radius:25px;margin:50px 0;padding:40px}.quick-links h3{align-items:center;color:#ff6b9d;display:flex;font-size:1.5rem;gap:15px;justify-content:center;margin-bottom:35px}.links-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-link{align-items:center;background:#fff;border:3px solid var(--puppy-blue);border-radius:20px;display:flex;gap:20px;padding:25px;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.quick-link:hover{background:linear-gradient(45deg,var(--puppy-accent-pink),var(--puppy-accent-blue));border-color:var(--puppy-accent-pink);box-shadow:0 15px 35px #8fd3ff4d;transform:translateY(-8px) rotate(2deg)}.quick-link:hover .link-icon{transform:scale(1.2) rotate(-10deg)}.quick-link:hover .link-desc,.quick-link:hover .link-label{color:#fff}.link-icon{font-size:2.5rem;transition:all .3s ease}.link-content{flex:1 1;text-align:left}.link-label{color:var(--text-dark);font-size:1.1rem;font-weight:700;margin-bottom:5px}.link-desc,.link-label{display:block;transition:color .3s ease}.link-desc{color:var(--text-light);font-size:.9rem}.action-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:40px 0}.back-home-btn,.refresh-btn{align-items:center;display:flex;font-size:1.1rem;gap:12px;padding:18px 40px}.btn-icon{font-size:1.3rem}.help-section{background:var(--puppy-light-blue);border:3px solid var(--puppy-blue);border-radius:25px;margin:50px 0 30px;padding:35px}.help-section h4{color:var(--text-dark);font-size:1.3rem;margin-bottom:25px}.help-options{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.help-option{align-items:center;background:#fff;border:2px solid var(--puppy-pink);border-radius:20px;color:var(--text-dark);display:flex;font-weight:600;gap:12px;padding:15px 25px;text-decoration:none;transition:all .3s ease}.help-option:hover{background:var(--puppy-accent-pink);border-color:#0000;box-shadow:0 10px 25px #ffb8d966;color:#fff;transform:translateY(-5px)}.help-icon{font-size:1.2rem}.error-decoration{border-top:3px dashed var(--puppy-accent-blue);margin-top:50px;padding-top:30px}.decoration-message{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:30px}.message-icon{animation:bounce 3s ease-in-out infinite;font-size:3rem}.decoration-message p{color:var(--text-dark);font-size:1.3rem;font-style:italic;margin:0}.bouncing-bones{display:flex;gap:30px;justify-content:center}.bone{animation:float 2s ease-in-out infinite;font-size:2rem;opacity:.7}.bone:nth-child(2){animation-delay:.2s}.bone:nth-child(3){animation-delay:.4s}@media (max-width:768px){.not-found-container{padding:40px 30px}.error-number{gap:10px}.digit{font-size:6rem}.dog-digit{font-size:4rem}.error-title{font-size:2.2rem}.error-description{font-size:1.1rem}.error-search{flex-direction:column}.search-btn,.search-input{width:100%}.links-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.back-home-btn,.refresh-btn{justify-content:center;width:100%}.help-options{align-items:stretch;flex-direction:column}.help-option{justify-content:center}}@media (max-width:480px){.not-found-container{padding:30px 20px}.digit{font-size:4.5rem}.dog-digit{font-size:3rem}.error-title{font-size:1.8rem}.quick-links{padding:25px}.quick-link{padding:20px}.link-icon{font-size:2rem}.link-label{font-size:1rem}.link-desc{font-size:.85rem}.decoration-message{flex-direction:column;gap:10px;text-align:center}}.post-detail-page{padding:20px 0}.post-detail-loading{align-items:center;display:flex;justify-content:center;min-height:60vh}.loading-content{text-align:center}.loading-dog{animation:bounce 2s ease-in-out infinite;display:block;font-size:4rem;margin-bottom:20px}.paw-trail{margin-top:20px}.paw{animation:pawPrint 1.5s ease-in-out infinite;font-size:1.5rem}.paw:nth-child(2){animation-delay:.2s}.paw:nth-child(3){animation-delay:.4s}.post-header-section{margin-bottom:50px}.breadcrumb{align-items:center;color:var(--text-light);display:flex;font-size:.95rem;gap:10px;margin-bottom:30px}.back-btn{background:none;border:none;color:var(--puppy-accent-blue);cursor:pointer;font-size:1rem;font-weight:600;padding:8px 0;transition:all .3s ease}.back-btn:hover{color:var(--puppy-accent-pink);transform:translateX(-5px)}.breadcrumb-separator{opacity:.5}.breadcrumb-category{color:var(--puppy-accent-pink);font-weight:600}.post-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b9d,#3aa8ff);-webkit-background-clip:text;background-clip:text;font-size:3.2rem;line-height:1.2;margin-bottom:30px;text-shadow:0 4px 8px #0000001a}.post-meta-info{background:var(--puppy-light-blue);border:3px solid var(--puppy-blue);border-radius:20px;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px;padding:25px}.author-info,.post-meta-info{align-items:center;display:flex}.author-info{gap:15px}.author-avatar{align-items:center;background:linear-gradient(45deg,var(--puppy-accent-pink),var(--puppy-accent-blue));border:3px solid #fff;border-radius:50%;box-shadow:0 6px 20px #0000001a;display:flex;height:60px;justify-content:center;width:60px}.avatar-icon{font-size:2rem}.author-details{display:flex;flex-direction:column}.author-name{color:var(--text-dark);font-size:1.2rem;font-weight:700}.author-role{color:var(--text-light);font-size:.9rem}.post-stats{display:flex;flex-wrap:wrap;gap:25px}.stat-item{align-items:center;background:#fff;border:2px solid var(--puppy-pink);border-radius:20px;color:var(--text-dark);display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:8px 18px}.stat-icon{font-size:1.1rem}.post-tags{display:flex;flex-wrap:wrap;gap:12px}.post-tag{background:var(--white);border:2px solid var(--puppy-accent-blue);border-radius:25px;color:var(--text-dark);cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 22px;transition:all .3s ease}.post-tag:hover{background:linear-gradient(45deg,var(--puppy-accent-pink),var(--puppy-accent-blue));box-shadow:0 8px 20px #ffb8d966;color:#fff;transform:translateY(-3px)}.post-content-wrapper{grid-gap:50px;display:grid;gap:50px;grid-template-columns:1fr 350px}.post-content{background:#fff;border:3px solid var(--puppy-pink);border-radius:25px;box-shadow:var(--shadow);padding:50px}.post-body{color:var(--text-dark);font-size:1.1rem;line-height:1.9}.post-body h1,.post-body h2,.post-body h3{color:#ff6b9d;margin:2em 0 1em;padding-left:45px;position:relative}.post-body h1:before,.post-body h2:before,.post-body h3:before{animation:pawPrint 3s ease-in-out infinite;content:"🐾";font-size:1.5rem;left:0;position:absolute;top:5px}.post-body p{margin:1.5em 0}.post-body blockquote{background:var(--puppy-light-blue);border-left:5px solid var(--puppy-accent-pink);border-radius:15px;color:var(--text-dark);margin:2em 0;padding:30px 40px;position:relative}.post-body blockquote:before{color:var(--puppy-accent-blue);content:'"';font-family:Georgia,serif;font-size:3rem;left:15px;opacity:.3;position:absolute;top:10px}.post-body blockquote cite{color:var(--text-light);display:block;font-size:.9rem;margin-top:15px;text-align:right}.post-body ol,.post-body ul{margin:1.5em 0;padding-left:30px}.post-body li{margin:.8em 0;position:relative}.post-body li:before{content:"🐕";font-size:.9rem;left:-35px;opacity:.5;position:absolute}.post-interactions{border-bottom:3px dotted var(--puppy-blue);border-top:3px dotted var(--puppy-blue);margin:50px 0;padding:40px 0}.interaction-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.interaction-btn{align-items:center;background:var(--puppy-light-pink);border:3px solid var(--puppy-pink);border-radius:25px;color:var(--text-dark);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;padding:15px 30px;transition:all .3s ease}.interaction-btn:hover{box-shadow:0 10px 25px #ffb8d94d;transform:translateY(-5px)}.like-btn:hover{background:linear-gradient(45deg,#ff6b9d,#ff8fba);border-color:#0000;color:#fff}.comment-btn:hover{background:linear-gradient(45deg,#8fd3ff,#3aa8ff);border-color:#0000;color:#fff}.share-btn:hover{background:linear-gradient(45deg,#a8e6cf,#4db5a0);border-color:#0000;color:#fff}.bookmark-btn:hover{background:linear-gradient(45deg,#ffd166,#ff9a3d);border-color:#0000;color:#fff}.btn-icon{font-size:1.2rem}.author-card{background:linear-gradient(135deg,var(--puppy-light-pink),var(--puppy-light-blue));border:3px solid var(--puppy-accent-blue);border-radius:25px;margin:50px 0;padding:40px}.author-card-header{align-items:center;display:flex;gap:20px;margin-bottom:25px}.author-card-avatar{align-items:center;background:linear-gradient(45deg,var(--puppy-accent-pink),var(--puppy-accent-blue));border:4px solid #fff;border-radius:50%;box-shadow:0 8px 25px #0000001a;display:flex;height:80px;justify-content:center;width:80px}.author-card-avatar .avatar-icon{font-size:2.5rem}.author-card h4{color:#ff6b9d;font-size:1.5rem;margin:0 0 5px}.author-card p{color:var(--text-light);font-size:.95rem;margin:0}.author-bio{color:var(--text-dark);font-size:1.05rem;line-height:1.7;margin:25px 0}.follow-author-btn{font-size:1rem;margin-top:10px;padding:12px 35px}.comments-section{margin-top:60px}.comments-title{align-items:center;display:flex;font-size:1.8rem;gap:15px;margin-bottom:30px}.comment-icon{animation:bounce 2s ease-in-out infinite;font-size:1.8rem}.comment-form{margin-bottom:50px}.comment-input{background:var(--puppy-light-blue);border:3px solid var(--puppy-accent-blue);border-radius:20px;color:var(--text-dark);font-family:inherit;font-size:1rem;min-height:150px;padding:25px;resize:vertical;transition:all .3s ease;width:100%}.comment-input:focus{background:#fff;border-color:var(--puppy-accent-pink);box-shadow:0 0 0 4px #ffb8d94d;outline:none}.comment-form-actions{display:flex;justify-content:flex-end;margin-top:20px}.comments-list{display:flex;flex-direction:column;gap:25px}.comment-item{background:var(--puppy-light-pink);border:2px solid var(--puppy-pink);border-radius:20px;padding:30px;transition:all .3s ease}.comment-item:hover{box-shadow:0 10px 25px #ffb8d933;transform:translateY(-5px)}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.comment-author{align-items:center;display:flex;gap:15px}.comment-avatar{font-size:2rem}.comment-author-name{color:var(--text-dark);font-size:1.1rem;font-weight:700}.comment-date{color:var(--text-light);font-size:.9rem}.comment-like-btn{background:var(--white);border:2px solid var(--puppy-accent-blue);border-radius:20px;color:var(--text-dark);cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 20px;transition:all .3s ease}.comment-like-btn:hover{background:linear-gradient(45deg,var(--puppy-accent-pink),var(--puppy-accent-blue));border-color:#0000;color:#fff}.comment-content{color:var(--text-dark);font-size:1.05rem;line-height:1.7}.post-sidebar{display:flex;flex-direction:column;gap:30px}.sidebar-section{background:#fff;border:3px solid var(--puppy-pink);border-radius:20px;box-shadow:var(--shadow);padding:30px}.sidebar-section h4{align-items:center;color:#ff6b9d;display:flex;font-size:1.3rem;gap:10px;margin-bottom:25px}.toc-list{list-style:none;margin:0;padding:0}.toc-list li{margin:15px 0;padding-left:25px;position:relative}.toc-list li:before{color:var(--puppy-accent-pink);content:"→";font-weight:700;left:0;position:absolute;transition:transform .3s ease}.toc-list li:hover:before{transform:translateX(5px)}.toc-list a{color:var(--text-dark);font-weight:500;text-decoration:none;transition:all .3s ease}.toc-list a:hover{color:var(--puppy-accent-pink)}.related-posts{display:flex;flex-direction:column;gap:20px}.related-post{background:var(--puppy-light-blue);border:2px solid #0000;border-radius:15px;cursor:pointer;padding:20px;transition:all .3s ease}.related-post:hover{background:#fff;border-color:var(--puppy-accent-pink);transform:translateX(10px)}.related-post h5{color:var(--text-dark);font-size:1.1rem;margin:0 0 10px}.related-post p{color:var(--text-light);font-size:.9rem;line-height:1.5;margin:0 0 15px}.related-post-meta{color:var(--puppy-accent-blue);display:flex;font-size:.85rem;font-weight:600;gap:10px}.share-buttons{display:flex;flex-direction:column;gap:15px}.share-btn{align-items:center;background:var(--white);border:2px solid var(--puppy-blue);border-radius:15px;color:var(--text-dark);cursor:pointer;display:flex;font-weight:600;gap:12px;padding:15px 20px;transition:all .3s ease}.share-btn:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-3px)}.share-btn.twitter:hover{background:#1da1f2;border-color:#0000;color:#fff}.share-btn.weibo:hover{background:#e6162d;border-color:#0000;color:#fff}.share-btn.copy:hover{background:var(--puppy-accent-pink);border-color:#0000;color:#fff}@media (max-width:1024px){.post-content-wrapper{gap:40px;grid-template-columns:1fr}.post-content{padding:35px}.post-title{font-size:2.8rem}}@media (max-width:768px){.post-title{font-size:2.4rem}.post-meta-info{align-items:flex-start;flex-direction:column;gap:15px}.post-stats{justify-content:space-between;width:100%}.stat-item{flex:1 1;justify-content:center;text-align:center}.interaction-buttons{align-items:stretch;flex-direction:column}.author-card-header{flex-direction:column;text-align:center}.author-card-avatar{margin-bottom:15px}.sidebar-section{padding:25px}}@media (max-width:480px){.post-title{font-size:2rem}.post-content{padding:25px 20px}.post-body{font-size:1rem}.author-card{padding:25px}.comment-item{padding:20px}}.bookmark-btn.bookmarked{background:linear-gradient(45deg,gold,orange);color:#fff}.follow-author-btn.following{background:linear-gradient(45deg,#34d399,#10b981);color:#fff}.author-card-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;width:100%}.author-followers{text-align:right}.followers-count{color:#333;display:block;font-size:1.2em;font-weight:700}.followers-label,.share-tip{color:#666;font-size:.9em}.share-tip{margin-top:10px;text-align:center}.post-body{font-size:16px;line-height:1.8}.post-body h2{border-bottom:2px solid #f0f0f0;color:#333;margin-bottom:1em;margin-top:2em;padding-bottom:.5em}.post-body h3{color:#444;margin-bottom:.8em;margin-top:1.5em}.post-body p{margin-bottom:1.2em}.post-body ol,.post-body ul{margin-bottom:1.2em;padding-left:2em}.post-body blockquote{background:#f9f9f9;border-left:4px solid #3498db;border-radius:0 4px 4px 0;color:#555;font-style:italic;margin:1.5em 0;padding:1em}.post-body pre{background:#f5f5f5;border-radius:4px;margin:1.5em 0;overflow-x:auto;padding:1em}.post-body code{background:#f5f5f5;border-radius:3px;font-family:Courier New,monospace;padding:2px 4px}.post-body table{border-collapse:collapse;margin:1.5em 0;width:100%}.post-body td,.post-body th{border:1px solid #ddd;padding:8px 12px;text-align:left}.post-body th{background:#f2f2f2;font-weight:700}.post-body tr:nth-child(2n){background:#f9f9f9}.write-post-page{padding:20px 0}.write-header{align-items:center;background:linear-gradient(135deg,var(--puppy-pink),var(--puppy-blue));border:3px solid #fff;border-radius:25px;box-shadow:var(--shadow);display:flex;justify-content:space-between;margin-bottom:40px;overflow:hidden;padding:40px 50px;position:relative}.write-header:before{animation:gradient-shift 3s ease infinite;background:linear-gradient(90deg,var(--puppy-accent-pink),var(--puppy-accent-blue));content:"";height:5px;left:0;position:absolute;right:0;top:0}.header-content{flex:1 1}.write-header h1{align-items:center;display:flex;font-size:3rem;gap:20px;margin-bottom:15px}.header-subtitle{color:var(--text-dark);font-size:1.2rem;line-height:1.6;max-width:600px;opacity:.9}.header-decoration{display:flex;gap:20px}.decoration-icon{animation:float 3s ease-in-out infinite;font-size:3rem;opacity:.8}.decoration-icon:nth-child(2){animation-delay:.5s}.decoration-icon:nth-child(3){animation-delay:1s}.write-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 350px}.editor-section{background:#fff;border:3px solid var(--puppy-pink);border-radius:25px;box-shadow:var(--shadow);padding:40px}.write-form{display:flex;flex-direction:column;gap:35px}.title-group{position:relative}.title-input{background:var(--puppy-light-blue);border:3px solid var(--puppy-accent-blue);border-radius:20px;font-size:2.2rem;font-weight:700;padding:25px;transition:all .3s ease}.title-input:focus{background:#fff;border-color:var(--puppy-accent-pink);box-shadow:0 0 0 5px #ffb8d933}.title-count{background:#fff;border:2px solid var(--puppy-pink);border-radius:15px;bottom:10px;color:var(--text-light);font-size:.9rem;padding:3px 10px;position:absolute;right:20px}.category-selector{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:10px}.category-option{align-items:center;background:var(--white);border:3px solid var(--puppy-blue);border-radius:20px;color:var(--text-dark);cursor:pointer;display:flex;flex-direction:column;font-size:.95rem;font-weight:600;gap:10px;overflow:hidden;padding:20px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.category-option:before{background:var(--category-color);content:"";height:5px;left:0;position:absolute;right:0;top:0;transform:translateY(-100%);transition:transform .3s ease}.category-option.active:before,.category-option:hover:before{transform:translateY(0)}.category-option:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.category-option.active{background:var(--category-color);border-color:var(--category-color);box-shadow:0 15px 35px #00000026;color:#fff;transform:translateY(-5px) scale(1.05)}.category-icon{font-size:2rem;margin-bottom:5px}.category-label{text-align:center}.form-label-row{gap:10px;margin-bottom:10px}.form-label-row,.tag-help-btn{align-items:center;display:flex}.tag-help-btn{background:var(--puppy-accent-blue);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:.9rem;height:24px;justify-content:center;transition:all .3s ease;width:24px}.tag-help-btn:hover{background:var(--puppy-accent-pink);transform:scale(1.1)}.tag-input-container{display:flex;gap:15px;margin-bottom:15px}.tag-input{flex:1 1;padding:15px 20px}.add-tag-btn{background:var(--puppy-accent-blue);border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:0 25px;transition:all .3s ease;white-space:nowrap}.add-tag-btn:hover{background:var(--puppy-accent-pink);transform:translateY(-2px)}.tag-examples{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.tag-example{color:var(--text-light);font-size:.9rem}.tag-example-tag{background:var(--puppy-light-pink);border:2px solid var(--puppy-pink);border-radius:15px;color:var(--text-dark);cursor:pointer;font-size:.85rem;padding:5px 15px;transition:all .3s ease}.tag-example-tag:hover{background:var(--puppy-accent-pink);color:#fff;transform:translateY(-2px)}.excerpt-input{font-size:1.1rem;line-height:1.6;min-height:100px;padding:20px;resize:vertical}.excerpt-count{color:var(--text-light);font-size:.9rem;margin-top:10px;text-align:right}.editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.editor-tools{display:flex;gap:10px}.editor-tool-btn{align-items:center;background:var(--puppy-light-blue);border:2px solid var(--puppy-blue);border-radius:10px;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.editor-tool-btn:hover{background:var(--puppy-accent-blue);color:#fff;transform:translateY(-2px)}.content-editor{background:var(--puppy-light-blue);border:3px solid var(--puppy-blue);font-family:Courier New,monospace;font-size:1.1rem;line-height:1.8;min-height:400px;padding:25px;resize:vertical}.content-editor:focus{background:#fff;border-color:var(--puppy-accent-pink);box-shadow:0 0 0 4px #ffb8d933}.editor-footer{justify-content:space-between;margin-top:15px}.char-count,.editor-footer{align-items:center;display:flex}.char-count{gap:10px}.char-count-label{color:var(--text-light);font-size:.9rem}.char-count-number{color:var(--puppy-accent-pink);font-weight:700}.char-count-separator{color:var(--puppy-accent-blue);opacity:.5}.editor-hint{align-items:center;color:var(--text-light);display:flex;font-size:.9rem;gap:8px}.hint-icon{font-size:1.1rem}.image-upload-container{margin-top:10px}.image-preview{border:3px solid var(--puppy-blue);border-radius:20px;height:300px;overflow:hidden;position:relative;width:100%}.image-preview img{height:100%;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:#ffffffe6;border:2px solid var(--puppy-accent-pink);border-radius:50%;color:var(--puppy-accent-pink);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px}.remove-image-btn:hover{background:var(--puppy-accent-pink);color:#fff;transform:rotate(90deg)}.image-upload-area{align-items:center;background:var(--puppy-light-blue);border:3px dashed var(--puppy-accent-blue);border-radius:20px;cursor:pointer;display:flex;flex-direction:column;height:300px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.image-upload-area:hover{background:var(--puppy-light-pink);border-color:var(--puppy-accent-pink);transform:translateY(-5px)}.image-upload-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.upload-icon{font-size:4rem;margin-bottom:20px;opacity:.7}.upload-text{color:var(--text-dark);font-size:1.2rem;font-weight:600;margin-bottom:10px}.upload-hint{color:var(--text-light);font-size:.9rem}.publish-options{align-items:center;background:var(--puppy-light-pink);border:2px solid var(--puppy-pink);border-radius:20px;display:flex;justify-content:space-between;padding:25px}.publish-option{align-items:center;cursor:pointer;display:flex;gap:15px}.publish-checkbox{-webkit-appearance:none;appearance:none;border:2px solid var(--puppy-accent-blue);border-radius:6px;cursor:pointer;height:22px;position:relative;transition:all .3s ease;width:22px}.publish-checkbox:checked{background:var(--puppy-accent-pink);border-color:var(--puppy-accent-pink)}.publish-checkbox:checked:after{color:#fff;content:"✓";font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.publish-label{color:var(--text-dark);font-size:1.1rem;font-weight:600}.preview-btn{background:var(--puppy-accent-blue);border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:12px 25px;transition:all .3s ease}.preview-btn:hover{background:var(--puppy-accent-pink);transform:translateY(-2px)}.form-actions{border-top:3px dotted var(--puppy-blue);display:flex;gap:20px;padding-top:30px}.draft-btn,.publish-btn{flex:1 1;font-size:1.1rem;justify-content:center;padding:18px}.publish-btn:disabled{cursor:not-allowed;opacity:.7}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;margin-right:10px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.sidebar-section{display:flex;flex-direction:column;gap:30px}.encouragement-card,.markdown-card,.preview-card,.writing-tips-card{background:#fff;border:3px solid var(--puppy-pink);border-radius:20px;box-shadow:var(--shadow);padding:30px}.markdown-card h3,.preview-card h3,.writing-tips-card h3{align-items:center;color:#ff6b9d;display:flex;font-size:1.3rem;gap:12px;margin-bottom:25px}.tips-list{display:flex;flex-direction:column;gap:20px}.tip-item{align-items:flex-start;background:var(--puppy-light-blue);border-left:4px solid var(--puppy-accent-pink);border-radius:15px;display:flex;gap:15px;padding:15px}.tip-icon{flex-shrink:0;font-size:1.5rem}.tip-text{color:var(--text-dark);flex:1 1;font-size:.95rem;line-height:1.6}.markdown-examples{display:flex;flex-direction:column;gap:12px}.markdown-example{align-items:center;background:var(--puppy-light-pink);border-radius:12px;display:flex;font-size:.9rem;gap:15px;padding:12px 15px}.markdown-example code{background:#0000000d;border-radius:6px;color:#ff6b9d;flex:1 1;font-family:Courier New,monospace;padding:5px 10px}.markdown-example span{color:var(--text-light);font-size:.85rem}.preview-content{background:var(--puppy-light-blue);border-radius:15px;padding:20px}.preview-title{color:var(--text-dark);font-size:1.3rem;line-height:1.4;margin:0 0 15px}.preview-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.preview-category{background:var(--puppy-accent-pink);border-radius:15px;color:#fff;font-size:.85rem;font-weight:600;padding:5px 15px}.preview-date{color:var(--text-light);font-size:.9rem}.preview-excerpt{color:var(--text-dark);font-size:.95rem;line-height:1.6;margin-bottom:20px}.preview-tags{display:flex;flex-wrap:wrap;gap:10px}.preview-tag{background:#fff;border:2px solid var(--puppy-blue);border-radius:15px;color:var(--text-dark);font-size:.85rem;padding:5px 12px}.encouragement-content{margin-bottom:20px;text-align:center}.dog-icon{animation:bounce 2s ease-in-out infinite;display:block;font-size:3rem;margin:0 auto 15px}.encouragement-content h4{color:#ff6b9d;margin:0 0 10px}.encouragement-content p{color:var(--text-light);font-size:.95rem;line-height:1.5}.paw-trail{display:flex;gap:10px;justify-content:center;opacity:.5}.paw-trail span{animation:pawPrint 2s ease-in-out infinite}.paw-trail span:nth-child(2){animation-delay:.2s}.paw-trail span:nth-child(3){animation-delay:.4s}@media (max-width:1024px){.write-container{grid-template-columns:1fr}.sidebar-section{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.write-header{flex-direction:column;gap:30px;text-align:center}.header-decoration{order:-1}}@media (max-width:768px){.write-header{padding:30px}.write-header h1{font-size:2.5rem}.editor-section{padding:25px}.category-selector{grid-template-columns:repeat(2,1fr)}.form-actions,.publish-options{flex-direction:column}.publish-options{align-items:stretch;gap:20px}.preview-btn{width:100%}}@media (max-width:480px){.write-header h1{font-size:2rem}.header-subtitle{font-size:1rem}.title-input{font-size:1.8rem;padding:20px}.category-selector{grid-template-columns:1fr}.editor-tools{flex-wrap:wrap;justify-content:center}.tag-input-container{flex-direction:column}.add-tag-btn{width:100%}.encouragement-card,.markdown-card,.preview-card,.writing-tips-card{padding:20px}}
/*# sourceMappingURL=main.b5e19906.css.map*/