body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.cropper-overlay,.link-modal-overlay{z-index:9999!important}.cropper-container,.link-modal{z-index:10000!important}body:before{background:radial-gradient(circle at 20% 50%,#ffb6c114 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffd7000d 0,#0000 50%),radial-gradient(circle at 40% 80%,#98fb980f 0,#0000 50%)}code{background:#ffd7001a;border-radius:4px;color:gold;font-family:JetBrains Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;padding:.2rem .4rem}button:active{transform:translateY(0)}input,select,textarea{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#ffffffe6;font-family:inherit;padding:.8rem 1rem;transition:all .3s ease}input:focus,select:focus,textarea:focus{background:#ffffff26;border-color:#ffd70099;box-shadow:0 0 0 3px #ffd70033;outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0f0c294d;border-radius:3px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#1e3a8a,#1e40af);border:1px solid #1e3a8a33;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1e40af,#2563eb)}*{box-sizing:border-box;scrollbar-color:#1e3a8a #0f0c294d;scrollbar-width:thin}*,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f0c29,#24243e 25%,#302b63 50%,#0f0c29);background-attachment:fixed;color:#ffffffe6;font-family:Inter,Arial,sans-serif;line-height:1.6;min-height:100vh}body:before{background:radial-gradient(circle at 20% 50%,#ffb6c10f 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffd7000a 0,#0000 50%),radial-gradient(circle at 40% 80%,#98fb980d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}a{color:gold;text-decoration:none;transition:all .3s ease}a:hover{color:#ff69b4;text-shadow:0 0 8px #ff69b480}ul{padding:0}button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff69b4,gold);border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 15px #ff69b44d;cursor:pointer;font-family:inherit;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease}button:hover{background:linear-gradient(135deg,gold,#98fb98);box-shadow:0 6px 20px #ffd70066;transform:translateY(-2px)}input,textarea{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#ffffffe6;font-family:inherit;font-size:1rem;padding:.8rem 1rem;transition:all .3s ease}input::placeholder,textarea::placeholder{color:#ffffff80}input:focus,textarea:focus{background:#ffffff26;border-color:#ffd70099;box-shadow:0 0 0 3px #ffd70033;outline:none}.container{margin:0 auto;max-width:1200px;padding:0 2rem}footer,header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#0f0c29f2,#24243ef2 50%,#302b63f2);border:1px solid #ffd7004d;box-shadow:0 4px 20px #0000004d;color:#fffffff2;padding:1.5rem 0;text-align:center}footer p,header h1{margin:0}main{padding:2rem 0}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;padding:.5rem 1rem;transition:background-color .3s ease}button:hover{background-color:#0056b3}input,textarea{border:1px solid #ccc;border-radius:4px;margin-bottom:1rem;padding:.5rem;width:100%}.card{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:1rem;padding:1rem}.comment{border-top:1px solid #ddd;padding:.5rem 0}.comment strong{color:#007bff}.like-share{display:flex;justify-content:space-between;padding-top:1rem}.like-share button{background:#fff;border:none;color:#262626;cursor:pointer;font-size:14px;padding:.25rem .5rem}.like-share button:hover{color:#c7c7c7}.post-item{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:20px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.post-item:before{background:linear-gradient(45deg,#ffb6c10d,#ffd7000d 50%,#98fb980d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:0}.post-item:hover:before{opacity:1}.post-item:hover{border-color:#ffd70080;box-shadow:0 12px 40px #ff69b44d;transform:translateY(-8px) scale(1.02)}.post-link{color:inherit;flex-direction:column;flex-grow:1;text-decoration:none;z-index:1}.post-item-media,.post-link{display:flex;position:relative}.post-item-media{align-items:center;background:linear-gradient(135deg,#ffb6c11a,#ffd70014 50%,#98fb981a);border-radius:16px 16px 0 0;height:220px;justify-content:center;overflow:hidden;width:100%}.post-item-image{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.post-item-placeholder{align-items:center;background:linear-gradient(135deg,#0003,#00000059);color:#ffffffb3;display:flex;flex-direction:column;font-size:.95rem;gap:.35rem;height:100%;justify-content:center;letter-spacing:.01em;padding:1rem;text-align:center;width:100%}.post-item-placeholder-icon{font-size:2rem}.post-item:hover .post-item-media img{transform:scale(1.05)}.post-item-body{flex-grow:1;padding:1.5rem}.post-item-title{-webkit-line-clamp:2;line-clamp:2;color:gold;font-size:1.1rem;font-weight:600;line-height:1.3;margin-bottom:.8rem;text-shadow:0 0 10px #ffd7004d}.post-item-content-preview,.post-item-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-item-content-preview{-webkit-line-clamp:3;line-clamp:3;color:#fffc;font-size:.9rem;line-height:1.5}.post-item-footer{align-items:center;background:#0000001a;border-top:1px solid #ffffff1a;color:#ffffffb3;display:flex;font-size:.85rem;justify-content:space-between;padding:1rem 1.5rem}.post-item-footer span{align-items:center;display:flex;gap:.3rem}.post-item-footer .likes{color:#ff69b4}.post-item-footer .comments{color:#98fb98}.post-item-footer .date{color:#fff9;font-size:.8rem}.main-page{background:linear-gradient(135deg,#0f0c29,#24243e 25%,#302b63 50%,#0f0c29);background-attachment:fixed;color:#fff;font-family:Inter,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.main-page:before{background:radial-gradient(circle at 20% 50%,#ffb6c11a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffd7000d 0,#0000 50%),radial-gradient(circle at 40% 80%,#ba55d314 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.main-page>*{position:relative;z-index:1}.hero-section{margin:0 auto;max-width:1000px;padding:4rem 2rem 3rem;position:relative;text-align:center}.hero-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 8px 32px #0000004d;margin-bottom:2rem;padding:3rem 2rem}.hero-title{-webkit-text-fill-color:#0000;animation:gradientShift 4s ease-in-out infinite;background:linear-gradient(45deg,gold,#ff69b4,#98fb98);-webkit-background-clip:text;background-clip:text;background-size:300% 300%;font-size:3.5rem;font-weight:700;margin:0 0 1rem;text-shadow:0 0 30px #ffd7004d}.hero-subtitle{color:#ffb6c1;font-size:1.5rem;font-weight:500;margin:0 0 1rem}.hero-description{color:#fffc;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.hero-decoration{display:flex;font-size:2rem;gap:2rem;justify-content:center;opacity:.7}.hero-decoration,.tropical-icon{animation:float 3s ease-in-out infinite}.tropical-icon:nth-child(2){animation-delay:.5s}.tropical-icon:nth-child(3){animation-delay:1s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.post-list-container{margin:0 auto 4rem}.post-list-header{background:linear-gradient(135deg,#ff69b433,#ffd70026);border:1px solid #ff69b44d;box-shadow:0 8px 32px #ff69b433}.post-list-header h2{color:gold;text-shadow:0 0 20px #ffd70080}.post-list-header p{margin:0}.post-list{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.topics-section{margin:0 auto;max-width:1200px;padding:0 2rem 4rem}.section-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#98fb9826,#ba55d326);border:1px solid #98fb984d;border-radius:20px;box-shadow:0 8px 32px #98fb981a;margin-bottom:3rem;padding:2.5rem 2rem;text-align:center}.section-header h2{color:#98fb98;font-size:2.2rem;font-weight:700;margin:0 0 .8rem;text-shadow:0 0 20px #98fb9880}.section-header p{color:#ffffffe6;font-size:1.1rem;font-weight:300;margin:0}.topics-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:2rem}.topic-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:20px;box-shadow:0 4px 20px #0000004d;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.topic-card:before{background:linear-gradient(45deg,#ffd7000d,#ff69b40d 50%,#98fb980d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.topic-card:hover:before{opacity:1}.topic-card:hover{border-color:#ffd70080;box-shadow:0 12px 40px #ffd70033;transform:translateY(-8px)}.topic-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.topic-header h3{color:gold;flex:1 1;font-size:1.4rem;font-weight:600;margin:0;text-shadow:0 0 10px #ffd7004d}.topic-moderator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffb6c133,#ffb6c11a);border:1px solid #ffb6c14d;border-radius:15px;color:#ffb6c1;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem 1rem;white-space:nowrap}.moderator-icon{font-size:1rem}.moderator-text{font-weight:500}.topic-card p{color:#fffc;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.topic-stats{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.post-count{color:#98fb98;font-weight:500;text-shadow:0 0 10px #98fb984d}.no-moderator{color:#ff69b4;opacity:.8}.empty-message,.error-message,.loading-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin:2rem 0;padding:3rem 2rem;text-align:center}.empty-icon,.error-icon,.loading-icon{animation:pulse 2s ease-in-out infinite;display:block;font-size:3rem;margin-bottom:1rem}.loading-message p{color:gold;font-size:1.1rem}.error-message p{color:#ff69b4;font-size:1.1rem}.empty-message p{color:#98fb98;font-size:1.1rem}@media (max-width:768px){.main-page{padding:0}.hero-section{padding:2rem 1rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-description{font-size:1rem}.post-list-container,.topics-section{padding:0 1rem}.post-list-header,.section-header{padding:2rem 1.5rem}.post-list-header h2,.section-header h2{font-size:1.8rem}.post-list,.topics-container{gap:1.5rem;grid-template-columns:1fr}.topic-header{align-items:flex-start;flex-direction:column;gap:.8rem}.topic-moderator{align-self:flex-end}}@media (max-width:480px){.hero-content{padding:2rem 1.5rem}.hero-title{font-size:2rem}.topic-card{padding:1.5rem}.post-list-header,.section-header{padding:1.5rem 1rem}}.post-list-container{font-family:Inter,Helvetica Neue,sans-serif;margin:2rem auto;max-width:1200px;padding:0 2rem;position:relative}.post-list-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#98fb9826,#ff69b426);border:1px solid #98fb984d;border-radius:20px;box-shadow:0 8px 32px #98fb981a;color:#fff;margin-bottom:3rem;padding:2.5rem 2rem;text-align:center}.post-list-header h2{color:#98fb98;font-size:2.2rem;font-weight:700;margin:0 0 .8rem;text-shadow:0 0 20px #98fb9880}.post-list-header p{color:#ffffffe6;font-size:1.1rem;font-weight:300;margin:0 0 1rem}.topic-moderator-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffb6c133,#ffd70026);border:1px solid #ffb6c14d;border-radius:15px;box-shadow:0 4px 15px #ffb6c133;display:flex;font-size:1rem;gap:.8rem;justify-content:center;margin-top:1.5rem;padding:1rem 1.5rem}.moderator-label{color:#ffb6c1;font-weight:600;text-shadow:0 0 10px #ffb6c180}.moderator-name{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffd70033;border:1px solid #ffd7004d;border-radius:4px;color:gold;font-weight:700;padding:.3rem .6rem}.moderator-role{color:#e0e0e0;font-size:.85rem;font-style:italic}.no-moderator{color:#ffcccb;font-style:italic}.post-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2rem}@media (max-width:1024px){.post-list{gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.post-list{gap:1.25rem;grid-template-columns:1fr}}:root{--pf-gradient-deep-night:linear-gradient(135deg,#0f0c29,#241a4d 55%,#05030f);--pf-gradient-dusk:linear-gradient(135deg,#1a0f3d,#342d66 50%,#5b3a78);--pf-gradient-dawn:linear-gradient(135deg,#1e2248,#3f4a7a 50%,#93649f);--pf-accent-gold:#d6be8c59;--pf-accent-pink:#e69bbe59;--pf-bg-glass:#110e26ad;--pf-text-light:#ffffffeb;--pf-radius-lg:24px;--pf-radius-md:16px;--pf-radius-sm:12px;--pf-blur-strong:22px;--pf-blur-medium:14px;--pf-blur-light:10px;--pf-shadow-deep:0 16px 32px #05031473;--pf-shadow-elevated:0 10px 24px #00000040;--pf-border-highlight:#fcd6c452;--pf-border-muted:#ffffff29}body.pf-scroll-locked{overflow:hidden}.form-container,.form-container--dawn,.form-container--dusk{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(var(--pf-blur-strong));backdrop-filter:blur(var(--pf-blur-strong));background:#13102deb;border:1px solid #fcd6c452;border:1px solid var(--pf-border-highlight);border-radius:24px;border-radius:var(--pf-radius-lg);box-shadow:0 16px 32px #05031473;box-shadow:var(--pf-shadow-deep);color:#ffffffeb;color:var(--pf-text-light);font-family:Inter,Helvetica Neue,sans-serif;margin:3rem auto;max-width:1200px;padding:2.5rem 3.25rem;transition:background .3s ease}.form-container--dusk{background:#1c1542eb}.form-container--dawn{background:#212450eb}.form-wizard{display:flex;flex-direction:column;gap:1.8rem;width:100%}.form-wizard--bare{padding:0}.form-stepper{display:flex;flex-wrap:wrap;gap:1rem;margin:0;padding:0}.form-step{align-items:center;background:#ffffff0d;border:1px solid #ffffff29;border:1px solid var(--pf-border-muted);border-radius:16px;border-radius:var(--pf-radius-md);color:#ffffffbf;display:flex;flex:1 1;gap:.75rem;min-width:160px;padding:.85rem 1rem;transition:border-color .25s ease,background .25s ease,transform .25s ease}.form-step.active{background:#ffd7b42e;border-color:#ffd7b4a6;color:#fffffff2;transform:translateY(-2px)}.form-step.completed{background:#98fb9824;border-color:#98fb988c;color:#ffffffe6}.form-step-index{align-items:center;background:#ffffff2e;border:1px solid #ffffff40;border-radius:50%;color:#ffffffeb;display:inline-flex;font-weight:700;height:32px;justify-content:center;width:32px}.form-step-label{font-weight:600;letter-spacing:.02em}.form-layout{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:minmax(320px,360px) minmax(0,1fr);padding-inline:.5rem;width:100%}.form-layout--bare{padding-inline:0}.form-layout--single{grid-template-columns:minmax(0,1fr)}.form-fields-column,.form-media-column{display:flex;flex-direction:column;gap:2rem}.form-fields-column--full{width:100%}.form-section{margin:0}.form-section label,.form-section-editor>label{color:#f8bed1;display:block;font-size:1rem;font-weight:700;letter-spacing:.02em;margin-bottom:.75rem;text-shadow:0 0 12px #ffb6c173}.form-section-inline{align-items:center;display:flex;gap:1rem}.form-toggle{align-items:center;color:#ffffffd9;display:inline-flex;font-weight:600;gap:.6rem}.form-toggle input{accent-color:gold;height:18px;width:18px}input[type=text],select,textarea{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(var(--pf-blur-medium));backdrop-filter:blur(var(--pf-blur-medium));background:#0f0c2994;border:1px solid #fcd6c452;border:1px solid var(--pf-border-highlight);border-radius:12px;border-radius:var(--pf-radius-sm);box-shadow:0 10px 24px #00000040;box-shadow:var(--pf-shadow-elevated);box-sizing:border-box;color:#ffffffeb;color:var(--pf-text-light);font-size:1rem;padding:1rem 1.2rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;width:100%}input[type=text]::placeholder,textarea::placeholder{color:#ffffff80}input[type=text]:focus,select:focus,textarea:focus{background:#121030c7;border-color:#ffb4d2b3;box-shadow:0 12px 28px #ffb4d259;outline:none;transform:translateY(-1px)}select option{background:#0c091ef2;color:#ffffffeb;color:var(--pf-text-light)}select option:checked,select option:hover{background:#ffb4d240}.error-message{-webkit-backdrop-filter:blur(var(--pf-blur-light));backdrop-filter:blur(var(--pf-blur-light));background:linear-gradient(135deg,#ff7ea438,#ffd3e01f);border:1px solid #ff7ea459;border-radius:var(--pf-radius-sm);color:#ff7ea4;padding:1rem 1.2rem;text-shadow:0 0 10px #ff7ea440}.form-helper-text{color:#ffffffa6;font-size:.85rem;margin-top:.5rem}.form-helper-text.error{color:#ff7ea4}.upload-placeholder{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(var(--pf-blur-medium));backdrop-filter:blur(var(--pf-blur-medium));background:#ffffff14;border:2px dashed #fcd6c452;border:2px dashed var(--pf-border-highlight);border-radius:16px;border-radius:var(--pf-radius-md);cursor:pointer;display:flex;gap:.8rem;justify-content:center;padding:1.6rem;transition:all .3s ease}.upload-placeholder:focus-within,.upload-placeholder:hover{background:#ffb4d21f;border-color:#ffb4d273}.main-image-upload-icon{flex-direction:column;gap:.5rem}.main-image-upload-icon,.upload-button{align-items:center;color:#ffffffe0;display:flex}.upload-button{cursor:pointer;font-size:1rem;font-weight:600;gap:.8rem;text-shadow:0 0 10px #ffd70040}.image-preview-wrapper{aspect-ratio:16/9;background:#ffffff14;border:1px solid #ffffff29;border-radius:16px;border-radius:var(--pf-radius-md);box-shadow:0 16px 32px #0000003d;max-width:640px;overflow:hidden;position:relative;width:100%}.image-preview-wrapper img{display:block;height:100%;object-fit:cover;width:100%}.image-preview-placeholder{align-items:center;background:#00000040;color:#ffffffbf;display:flex;font-size:.95rem;height:100%;justify-content:center;letter-spacing:.02em;width:100%}.preview-crop-frame{border:2px dashed #ffffffa6;border-radius:16px;box-shadow:inset 0 0 0 1px #05031440;height:min(220px,calc(100% - 2rem));left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% - 2rem)}.image-preview-actions{align-items:center;display:flex;gap:.6rem;position:absolute;right:1rem;top:1rem}.image-preview-action{background:#110f2dad;border:1px solid #ffffff59;border-radius:999px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.35rem .9rem;transition:background .2s ease,border-color .2s ease,transform .2s ease}.image-preview-action:hover{background:#110f2dd1;border-color:#ffffff80;transform:translateY(-1px)}.remove-image-button{align-items:center;background:#0000008c;border:1px solid #ffffff40;border-radius:50%;cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:background .2s ease,transform .2s ease;width:36px}.remove-image-button:hover{background:#000000bf;transform:translateY(-1px)}.upload-guidelines{background:#12102db3;border:1px solid #ffffff29;border:1px solid var(--pf-border-muted);border-radius:16px;border-radius:var(--pf-radius-md);box-shadow:0 10px 22px #00000040;line-height:1.6;max-height:calc(100vh - 4rem);overflow:auto;padding:1.5rem;position:-webkit-sticky;position:sticky;top:1.5rem;transition:opacity .3s ease}.guideline-title{color:#ffddebe6;display:block;font-size:.95rem;font-weight:700;letter-spacing:.08em;margin-bottom:.75rem;text-transform:uppercase}.upload-guidelines ul{color:#ffffffc7;margin:0;padding-left:1.2rem}.upload-guidelines li{margin-bottom:.45rem}.step-support-card{background:#12102dad;border:1px solid #ffffff29;border:1px solid var(--pf-border-muted);border-radius:16px;border-radius:var(--pf-radius-md);box-shadow:0 12px 26px #00000040;line-height:1.6;padding:1.6rem}.step-support-card h3{color:#ffddebeb;font-size:1.1rem;margin:0 0 .8rem}.step-support-list{color:#ffffffc7;margin:0;padding-left:1.2rem}.step-support-list li{margin-bottom:.45rem}.step-support-card .kbd{background:#ffffff2e;border:1px solid #ffffff40;border-radius:6px;color:#ffffffeb;display:inline-block;font-size:.8rem;margin:0 .1rem;padding:.1rem .4rem}.plate-editor-shell{position:relative}.plate-editor-shell--expanded{align-items:center;display:flex;inset:0;justify-content:center;overflow:auto;padding:clamp(1rem,3vw,2.5rem);position:fixed;z-index:2000}.plate-editor-backdrop{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a081ec7;border:none;cursor:pointer;font-size:0;inset:0;margin:0;outline:none;padding:0;position:fixed;z-index:1995}.plate-editor{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(var(--pf-blur-medium));backdrop-filter:blur(var(--pf-blur-medium));background:#110f2da8;border:1px solid #fcd6c452;border:1px solid var(--pf-border-highlight);border-radius:16px;border-radius:var(--pf-radius-md);box-shadow:0 12px 26px #0503144d;color:#ffffffeb;color:var(--pf-text-light);display:flex;flex-direction:column;max-height:min(70vh,720px);min-height:clamp(240px,45vh,320px);overflow:hidden;position:relative;transition:border-color .25s ease,box-shadow .25s ease;z-index:1}.plate-editor:focus-within{border-color:#ffb4d2a6;box-shadow:0 16px 28px #ffb4d238}.plate-editor--expanded{box-shadow:0 32px 80px #0503148c;max-height:min(85vh,820px);min-height:min(70vh,640px);width:min(960px,92vw);z-index:2001}.plate-editor-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--pf-blur-light));backdrop-filter:blur(var(--pf-blur-light));background:#ffffff14;border-bottom:1px solid #ffd7002e;display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem 1.25rem .75rem;position:-webkit-sticky;position:sticky;top:0;z-index:5}.plate-editor-header-main{align-items:center;display:flex;flex:1 1 auto;gap:.75rem}.plate-editor-label{color:#f8bed1;flex-shrink:0;font-size:1rem;font-weight:700;text-shadow:0 0 12px #ffb6c173}.plate-toolbar{display:inline-flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;margin-left:auto}.plate-editor-close,.plate-editor-expand{background:#0000;border:1px solid #ffffff2e;border-radius:999px;color:#ffffffd9;cursor:pointer;font-size:.85rem;padding:.35rem .75rem;text-shadow:none;transition:background .2s ease,border-color .2s ease,transform .2s ease}.plate-editor-close:hover,.plate-editor-expand:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.plate-editor-close{margin-left:auto}.toolbar-button{background:linear-gradient(135deg,#f6cb94b3,#e69bbeb3);border:1px solid #fff3;border-radius:12px;border-radius:var(--pf-radius-sm);color:#1b0f33;cursor:pointer;font-size:.9rem;font-weight:600;padding:.45rem .85rem;text-shadow:none;transition:transform .2s ease,border-color .2s ease}.toolbar-button:hover{transform:translateY(-1px)}.toolbar-button.active{background:linear-gradient(135deg,#ffe9b3d9,#f2c3d4d9);border-color:#ffe9b399}.toolbar-button:focus-visible{outline:2px solid #ffe9b399;outline-offset:2px}.toolbar-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.plate-editor-editable{background:#0a081e73;border:1px solid #ffffff26;border-radius:12px;color:#ffffffeb;color:var(--pf-text-light);flex:1 1;font-size:1rem;line-height:1.7;margin:1.25rem;max-width:100%;min-height:280px;outline:none;overflow-y:auto;padding:1.2rem;transition:border-color .2s ease,box-shadow .2s ease}.plate-editor:not(.plate-editor--expanded) .plate-editor-editable{cursor:pointer}.plate-editor-editable--active{cursor:text}.plate-editor-editable:focus-visible{border-color:#ffb4d2b3;box-shadow:0 0 0 2px #ffb4d240}.plate-editor-editable::selection{background:#ffb4d24d}.plate-editor-hint{align-self:flex-end;background:#ffffff0f;border:1px dashed #ffd7004d;border-radius:12px;color:#ffffffb3;cursor:pointer;display:block;font-size:.9rem;max-width:100%;overflow:hidden;padding:.65rem 1rem;text-align:right;text-overflow:ellipsis;transition:background .2s ease,border-color .2s ease;white-space:nowrap}.plate-editor-hint:hover{background:#ffffff1f;border-color:#ffd70073}.form-actions{border-top:1px solid #ffd70029;display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.form-actions button{background:linear-gradient(135deg,#ffe4b4e6,#ffaac8e6);border:1px solid #ffd7b480;border-radius:16px;border-radius:var(--pf-radius-md);box-shadow:0 8px 20px #ffb4d252;color:#1d1038;cursor:pointer;font-size:1rem;font-weight:700;padding:.9rem 2.4rem;transition:transform .2s ease}.form-actions button.secondary{background:#0000;border:1px solid #ffffff40;box-shadow:none;color:#fffc}.form-actions button.secondary:hover{background:#ffffff1f;transform:none}.form-actions button:hover{transform:translateY(-2px)}.form-actions button:disabled{background:#ffffff29;border-color:#ffffff3d;box-shadow:none;color:#ffffff80;cursor:not-allowed;transform:none}.media-preview-card{background:#ffffff0a;border:1px solid #ffffff29;border:1px solid var(--pf-border-muted);border-radius:16px;border-radius:var(--pf-radius-md);padding:1.2rem}.media-preview-card h4{color:#ffddebe6;font-size:1rem;margin:0 0 .75rem}.media-preview-frame{background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;border-radius:var(--pf-radius-md);overflow:hidden}.media-preview-frame img{display:block;width:100%}.preview-cover{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;border-radius:var(--pf-radius-md);color:#ffffffb3;display:flex;justify-content:center;min-height:220px;overflow:hidden;padding:1rem;text-align:center}.preview-cover img{display:block;height:100%;object-fit:cover;width:100%}.preview-cover.placeholder{border-style:dashed;font-size:.95rem}.preview-card{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:16px;border-radius:var(--pf-radius-md);box-shadow:0 12px 28px #00000038;display:flex;flex-direction:column;gap:1.5rem;padding:1.8rem}.preview-card h3{color:#ffddebeb;font-size:1.2rem;margin:0}.preview-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:0}.preview-summary div{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;border-radius:var(--pf-radius-sm);padding:.75rem 1rem}.preview-summary dt{color:#fff9;font-size:.8rem;letter-spacing:.08em;margin:0;text-transform:uppercase}.preview-summary dd{color:#ffffffe0;font-size:.95rem;font-weight:600;margin:.3rem 0 0}.preview-content h4{color:#ffddebe6;font-size:1rem;margin:0 0 .5rem}.preview-content p{color:#ffffffbf;line-height:1.6;margin:0}@media (max-width:1024px){.form-container,.form-container--dawn,.form-container--dusk{padding:2.2rem}.form-layout{gap:2.25rem;grid-template-columns:minmax(280px,320px) minmax(0,1fr)}.form-stepper{gap:.75rem}}@media (max-width:900px){.form-layout{gap:2rem;grid-template-columns:1fr}.form-stepper{flex-direction:column}.form-step{min-width:0;min-width:auto}.form-media-column{order:2}.form-fields-column{order:1}.upload-guidelines{max-height:none;position:static}}@media (max-width:768px){.form-container,.form-container--dawn,.form-container--dusk{border-radius:16px;border-radius:var(--pf-radius-md);margin:2rem 1rem;padding:1.8rem}.form-layout{gap:1.8rem}input[type=text],select,textarea{border-radius:12px;border-radius:var(--pf-radius-sm)}.form-actions{align-items:stretch;flex-direction:column}.form-actions button{width:100%}}@media (min-width:1400px){.form-container,.form-container--dawn,.form-container--dusk{padding:3rem 3.75rem}.form-layout{gap:3.5rem}}

/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */.cropper-container{-webkit-touch-callout:none;direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.cropper-container img{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.image-dialog-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0c29d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.image-dialog{animation:slideIn .4s ease-out;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#333335f7,#0f0c29 100% 100%);border:1px solid #ffd7004d;border-radius:24px;box-shadow:0 20px 50px #0006,inset 0 1px 0 #ffffff1a;box-sizing:border-box;color:#ffffffe6;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:auto;padding:2rem;position:relative;width:90%;z-index:10001}.image-dialog:before{background:radial-gradient(circle at 30% 40%,#ff69b41a 0,#0000 50%),radial-gradient(circle at 70% 60%,#ffd7000d 0,#0000 50%);border-radius:24px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.image-dialog>*{position:relative;z-index:1}.image-dialog-content{flex:1 1;margin-right:-8px;max-height:calc(90vh - 200px);overflow-x:hidden;overflow-y:auto;padding-right:8px}.image-dialog-content::-webkit-scrollbar{width:6px}.image-dialog-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.image-dialog-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1e3c72,#2a5298);border-radius:3px}.image-dialog-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2a5298,#1e3c72)}.image-dialog-header{align-items:center;border-bottom:1px solid #ffd70033;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.image-dialog h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff69b4,gold);-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:700;margin:0;text-shadow:0 0 20px #ffd7004d}.image-dialog-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff69b433;border:1px solid #ff69b44d;border-radius:50%;color:#ff69b4;cursor:pointer;display:flex;font-size:1.2rem;font-weight:300;height:36px;justify-content:center;transition:all .3s ease;width:36px}.image-dialog-close:hover{background:#ff69b44d;box-shadow:0 4px 20px #ff69b466;transform:rotate(90deg) scale(1.1)}.image-upload-area{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff14,#ffffff08);border:3px dashed #ffd70066;border-radius:20px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:1.2rem;justify-content:center;margin-bottom:1.5rem;max-width:100%;padding:4rem 3rem;transition:all .3s ease;width:100%}.image-upload-area:hover{background:linear-gradient(135deg,#ff69b426,#ffd7001a);border-color:#ff69b499;box-shadow:0 8px 25px #ff69b433;transform:translateY(-2px)}.upload-icon{-webkit-text-fill-color:#0000;animation:pulse 2s infinite;background:linear-gradient(135deg,gold,#ff69b4);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;margin-bottom:.5rem}.upload-text{color:#ffffffe6;font-size:1.2rem;font-weight:600;margin-bottom:.5rem;text-align:center;text-shadow:0 2px 10px #ffd7004d}.upload-hint{background:#ffd7001a;border:1px solid #ffd70033;border-radius:12px;color:#fff9;font-size:1rem;padding:.5rem 1rem;text-align:center}.image-cropper-container{animation:slideUp .5s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffd70033;border-radius:20px;margin-bottom:1.5rem;overflow:visible;padding:1.5rem;z-index:10}.cropper-wrapper,.image-cropper-container{box-sizing:border-box;max-width:100%;position:relative;width:100%}.cropper-wrapper{background:#0000004d;border:2px solid #ffd7004d;border-radius:16px;box-shadow:0 10px 30px #0000004d;height:400px;max-height:60vh;overflow:hidden;z-index:1}.image-dialog-actions{border-top:1px solid #ffd70033;display:flex;flex-shrink:0;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.image-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:14px;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:.8rem 1.8rem;position:relative;text-shadow:0 2px 4px #0000004d;transition:all .3s ease}.image-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.image-btn:hover:before{left:100%}.image-btn.primary{background:linear-gradient(135deg,#ff69b4,gold);box-shadow:0 4px 15px #ff69b44d;color:#fff}.image-btn.primary:hover{background:linear-gradient(135deg,gold,#98fb98);box-shadow:0 8px 25px #ffd70066;transform:translateY(-3px)}.image-btn.primary:disabled{background:#ffffff26;box-shadow:none;color:#ffffff80;cursor:not-allowed;transform:none}.image-btn.secondary{background:#ffffff1a;color:#fffc}.image-btn.secondary:hover{background:#fff3;box-shadow:0 4px 15px #ffffff1a;color:#fff;transform:translateY(-2px)}.cropper-controls{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffd7004d;border-radius:16px;box-shadow:0 4px 20px #0000001a;box-sizing:border-box;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:1.5rem;max-width:100%;padding:1rem;position:relative;width:100%;z-index:1000}.cropper-fixed-hint{background:#110f2d73;border:1px dashed #ffffff4d;border-radius:14px;box-shadow:inset 0 0 12px #0f0c2940;color:#ffffffe0;font-size:.9rem;letter-spacing:.02em;margin-top:1.5rem;padding:.85rem 1rem;text-align:center}.cover-image-dialog .cropper-view-box{border-radius:18px;box-shadow:0 0 0 2px #4a90e2e6;outline:2px solid #4a90e2a6;transition:box-shadow .2s ease,outline .2s ease}.cover-image-dialog .cropper-face{background:#4a90e21f;opacity:1}.avatar-image-dialog{max-width:620px;padding:1.8rem}.avatar-image-dialog .image-upload-area{padding:3.5rem 2.5rem}.avatar-image-dialog .cropper-wrapper{height:360px;max-height:65vh}.avatar-image-dialog .cropper-view-box{border-radius:22px;box-shadow:0 0 0 2px #ffd700d9;outline:2px solid #ffd70099}.avatar-image-dialog .cropper-face{background:#ffd7001f;opacity:1}.avatar-image-dialog .cropper-fixed-hint{background:#ffd70014;border-color:#ffd70059;margin-top:1rem}.avatar-image-dialog .image-btn.primary{background:linear-gradient(135deg,gold,#ff69b4)}.avatar-image-dialog .image-btn.primary:hover{background:linear-gradient(135deg,#ff69b4,gold)}.ratio-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0c29e6;border:1px solid #ffd70080;border-radius:12px;box-shadow:0 2px 8px #0003;color:#ffffffe6;cursor:pointer;font-size:.9rem;font-weight:600;overflow:hidden;padding:.6rem 1rem;position:relative;transition:all .3s ease;z-index:1001}.ratio-btn:before{background:linear-gradient(135deg,#ff69b433,#ffd70033);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.ratio-btn:hover:before{opacity:1}.ratio-btn:hover{background:#ff69b44d;border-color:#ff69b4cc;box-shadow:0 6px 20px #ff69b44d;color:#fff;transform:translateY(-2px)}.ratio-btn.active{background:linear-gradient(135deg,#ff69b4,gold);border-color:gold;box-shadow:0 6px 20px #ff69b480;color:#fff;transform:translateY(-1px);z-index:1002}.ratio-btn>*{position:relative;z-index:1}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:768px){.image-dialog{border-radius:20px;max-height:95vh;padding:1.5rem;width:95%}.image-dialog h3{font-size:1.4rem}.image-upload-area{padding:2.5rem 2rem}.upload-icon{font-size:3rem}.upload-text{font-size:1.1rem}.image-dialog-actions{flex-direction:column;gap:.8rem}.image-btn{font-size:1rem;padding:1rem;width:100%}.cropper-controls{gap:.5rem;padding:.8rem}.ratio-btn{font-size:.85rem;padding:.5rem .8rem}.cropper-wrapper{border-radius:12px;height:300px;max-height:50vh}.image-cropper-container{padding:1rem}.image-dialog-content{max-height:calc(95vh - 180px)}}@media (max-width:480px){.image-dialog{border-radius:16px;max-height:95vh;padding:1rem}.image-dialog h3{font-size:1.3rem}.image-upload-area{border-radius:16px;padding:2rem 1.5rem}.upload-icon{font-size:2.5rem}.upload-text{font-size:1rem}.upload-hint{font-size:.9rem;padding:.4rem .8rem}.image-cropper-container{border-radius:16px;padding:1rem}.cropper-controls{gap:.4rem;padding:.6rem}.ratio-btn{font-size:.8rem;padding:.4rem .6rem}.cropper-wrapper{height:250px;max-height:45vh}.image-dialog-content{max-height:calc(95vh - 160px)}}@media (max-height:600px){.image-dialog{max-height:95vh;overflow:hidden}.image-upload-area{padding:1.5rem}.cropper-wrapper{height:250px;max-height:40vh}.image-dialog-content{max-height:calc(95vh - 140px)}}.link-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0c29d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.link-modal{animation:slideIn .4s ease-out;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#333335f7,#0f0c29 100% 100%);border:1px solid #ffd7004d;border-radius:24px;box-shadow:0 20px 50px #0006,inset 0 1px 0 #ffffff1a;box-sizing:border-box;color:#fffffff2;display:flex;flex-direction:column;gap:1rem;max-width:600px;padding:2rem;position:relative;width:90%;z-index:10001}.link-modal__header{align-items:center;border-bottom:1px solid #ffd70033;display:flex;justify-content:space-between;padding-bottom:1rem}.link-modal h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff69b4,gold);-webkit-background-clip:text;font-size:1.6rem;font-weight:700;margin:0;text-shadow:0 0 20px #ffd7004d}.link-modal__close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff69b433;border:1px solid #ff69b44d;border-radius:50%;color:#ff69b4;cursor:pointer;display:flex;font-size:1.4rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.link-modal__close:hover{background:#ff69b44d;box-shadow:0 4px 20px #ff69b466;transform:rotate(90deg) scale(1.1)}.link-modal__body{gap:1.2rem}.link-field,.link-modal__body{display:flex;flex-direction:column}.link-field__label{font-size:1rem;font-weight:600;margin-bottom:.4rem}.link-field__input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:1rem;outline:none;padding:.8rem 1rem;transition:all .3s ease}.link-field__input:focus{border-color:gold;box-shadow:0 0 10px #ffd7004d}.link-field__input--error{background:#ff4d4f1a;border-color:#ff4d4f}.link-modal__error{color:#ff4d4f}.link-modal__error,.link-preview{font-size:.95rem;margin-top:-.5rem}.link-preview{color:#87cefa;text-decoration:underline}.link-modal__footer{border-top:1px solid #ffd70033;display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.link-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:14px;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:.8rem 1.6rem;position:relative;text-shadow:0 2px 4px #0000004d;transition:all .3s ease}.link-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.link-btn:hover:before{left:100%}.link-btn.primary{background:linear-gradient(135deg,#ff69b4,gold);box-shadow:0 4px 15px #ff69b44d;color:#fff}.link-btn.primary:hover{background:linear-gradient(135deg,gold,#98fb98);box-shadow:0 8px 25px #ffd70066;transform:translateY(-3px)}.link-btn.secondary{background:#ffffff1a;color:#fffc}.link-btn.secondary:hover{background:#fff3;box-shadow:0 4px 15px #ffffff1a;color:#fff;transform:translateY(-2px)}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.image-container{background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;margin:1rem auto;padding:6px;transition:border-color .3s ease,background-color .3s ease;width:min(100%,520px)}.image-container.focused{background-color:#4a90e214;border-color:#4a90e299}.image-frame{align-items:center;background:#0000000a;border:1px solid #cccc;border-radius:12px;display:flex;justify-content:center;max-height:360px;min-height:200px;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.image-frame--active{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.image-content{border-radius:10px;height:auto;max-height:360px;object-fit:cover;object-position:center;transition:transform .3s ease,box-shadow .3s ease;width:100%}.image-content:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.02)}.placeholder{align-items:center;color:#888;display:flex;font-size:14px;font-style:italic;height:100%;justify-content:center;padding:1rem;text-align:center;width:100%}.cropper-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0003;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:500px;z-index:9999}.cropper-actions{display:flex;justify-content:space-between;margin-top:10px}.cancel-btn,.crop-btn{border:none;cursor:pointer;padding:8px 16px}.crop-btn{background-color:#0070f3;color:#fff}.cancel-btn{background-color:#ccc;color:#333}.upload-input{margin-top:10px}.link-element{color:#0070f3;cursor:pointer;text-decoration:underline;transition:color .3s}.link-element:hover{color:#005bb5}.focused-link{background-color:#eaf4ff;outline:2px solid #3498db}.dashboard-page{color:#fffffff0;display:flex;flex-direction:column;font-family:Inter,Helvetica Neue,sans-serif;gap:2.5rem;padding:0;position:relative}.dashboard-hero{background:linear-gradient(135deg,#0f0c29e0,#302b63f0);border:1px solid #fcd6c452;border:1px solid var(--pf-border-highlight,#fcd6c452);border-radius:32px;box-shadow:0 28px 60px #0f0c2973;overflow:hidden;padding:3rem 3rem 3.25rem;position:relative}.dashboard-hero:before{background:radial-gradient(circle at 20% 20%,#ffb6c152 0,#0000 58%),radial-gradient(circle at 78% 25%,#ffd70038 0,#0000 62%),radial-gradient(circle at 35% 82%,#98fb982e 0,#0000 55%);content:"";inset:0;opacity:.9;pointer-events:none;position:absolute}.dashboard-hero-content{display:flex;flex-direction:column;gap:2.5rem;position:relative;z-index:1}.dashboard-hero-header{display:flex;flex-direction:column;gap:.6rem;text-align:center}.dashboard-hero-title{-webkit-text-fill-color:#0000;animation:gradientShift 6s ease-in-out infinite;background:linear-gradient(45deg,gold,#ff69b4,#98fb98);-webkit-background-clip:text;background-size:300% 300%;font-size:clamp(1.8rem,2.6vw,2.4rem);font-weight:800;letter-spacing:.015em;margin:0}.dashboard-hero-subtitle{color:#ffffffc7;font-size:1rem;margin:0}.dashboard-form-preview{margin:0 auto;max-width:1040px;position:relative;width:100%}.dashboard-form-template{filter:blur(4px);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.dashboard-locked-message{align-items:center;background:linear-gradient(135deg,#0f0c29c7,#302b63d9);border:1px solid #ffd70059;border-radius:28px;box-shadow:inset 0 0 0 1px #ffffff1f;display:flex;flex-direction:column;gap:1rem;inset:0;justify-content:center;padding:2.5rem;position:absolute;text-align:center;z-index:2}.dashboard-locked-message h2{color:#ffffffeb;font-size:1.8rem;font-weight:700;margin:0}.dashboard-locked-message p{color:#ffffffc7;font-size:1rem;line-height:1.6;margin:0}.dashboard-locked-actions{display:flex;gap:1rem;margin-top:.5rem}.dashboard-locked-actions button{background:linear-gradient(135deg,#ffe4b4f2,#ffaac8f2);border:1px solid #ffd7008c;border-radius:18px;box-shadow:0 12px 26px #ffd7c880;color:#1d1038;cursor:pointer;font-weight:700;padding:.75rem 1.8rem;transition:transform .2s ease,box-shadow .2s ease}.dashboard-locked-actions button:hover{box-shadow:0 16px 32px #ffd7c899;transform:translateY(-2px)}.dashboard-status-card{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffffff2e;border-radius:18px;box-shadow:0 16px 36px #0f0c2959;color:#ffffffd9;margin:0 auto;padding:1.2rem 1.6rem;text-align:center}.dashboard-section{background:linear-gradient(135deg,#0f0c29c7,#1e1846db);border:1px solid #ffd70042;border-radius:28px;box-shadow:0 24px 50px #0f0c2966;display:flex;flex-direction:column;gap:1.8rem;padding:2.4rem 2.8rem}.dashboard-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.dashboard-section-title{color:#ffddebf2;font-size:clamp(1.4rem,2vw,1.8rem);font-weight:700;letter-spacing:.02em;margin:0}.dashboard-section-body{display:flex;flex-direction:column;gap:1.4rem}.dashboard-feed-status{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffffff24;border-radius:18px;box-shadow:0 14px 28px #0f0c294d;color:#ffffffd1;padding:1rem 1.4rem;text-align:center}.dashboard-feed-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.dashboard-empty-state{align-items:center;background:#ffffff0f;border:1px dashed #ffd70059;border-radius:22px;color:#ffffffc7;display:flex;flex-direction:column;gap:.8rem;justify-content:center;padding:2.5rem 1.5rem;text-align:center}.dashboard-empty-icon{font-size:2rem;opacity:.8}@media (max-width:1200px){.dashboard-hero{padding:2.6rem 2.4rem}.dashboard-section{padding:2.1rem 2.2rem}}@media (max-width:900px){.dashboard-hero{border-radius:24px;padding:2.4rem 1.8rem}.dashboard-form-preview{max-width:960px}.dashboard-section{border-radius:22px;padding:1.8rem 1.6rem}}@media (max-width:600px){.dashboard-hero{padding:2rem 1.2rem}.dashboard-section{padding:1.6rem 1.2rem}.dashboard-locked-message{padding:2rem 1.5rem}.dashboard-locked-actions{flex-direction:column}.dashboard-locked-actions button{width:100%}}.login-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffd7004d;border-radius:24px;box-shadow:0 8px 32px #0006;color:#ffffffe6;font-family:Inter,Helvetica Neue,sans-serif;margin:3rem auto;max-width:420px;padding:2.5rem;position:relative;transition:all .3s ease}.login-container:before{background:radial-gradient(circle at 30% 40%,#ffb6c114 0,#0000 50%),radial-gradient(circle at 70% 60%,#ffd7000d 0,#0000 50%);border-radius:24px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.login-container>*{position:relative;z-index:1}.login-container:hover{border-color:#ffd70080;box-shadow:0 12px 40px #ffd70033;transform:translateY(-4px)}.login-header{margin-bottom:2.5rem;text-align:center}.login-header h2{-webkit-text-fill-color:#0000;animation:gradientShift 4s ease-in-out infinite;background:linear-gradient(45deg,gold,#ff69b4,#98fb98);-webkit-background-clip:text;background-clip:text;background-size:300% 300%;font-size:2rem;font-weight:700;margin-bottom:.8rem;text-shadow:0 0 20px #ffd7004d}.login-header p{color:#ffffffb3;font-size:1rem;font-weight:300;margin:0}.login-form{display:flex;flex-direction:column;gap:1.5rem}.input-group input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffd7004d;border-radius:16px;box-sizing:border-box;color:#ffffffe6;font-size:1rem;font-weight:500;padding:16px 20px;transition:all .3s ease;width:100%}.input-group input::placeholder{font-weight:400}.input-group input:focus{color:#ffffffe6}.input-group input:disabled{cursor:not-allowed;opacity:.6}.error-message{font-size:.9rem}.login-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff69b4,gold);border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 15px #ff69b44d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:.5rem;padding:16px 20px;text-shadow:0 2px 4px #0000004d;transition:all .3s ease;width:100%}.login-btn:hover{background:linear-gradient(135deg,gold,#98fb98);box-shadow:0 6px 20px #ffd70066;transform:translateY(-2px)}.login-btn:active{box-shadow:0 4px 15px #ff69b44d;transform:translateY(0)}.login-btn:disabled{background:#ffffff1a;box-shadow:none;color:#fff6;cursor:not-allowed;transform:none}.login-footer{border-top:1px solid #ffd70033;margin-top:2rem;padding-top:1.5rem;text-align:center}.login-footer p{color:#ffffffb3;font-size:.9rem;margin:0}.register-link{color:gold;font-weight:600;text-decoration:none;text-shadow:0 0 10px #ffd7004d;transition:all .3s ease}.register-link:hover{color:#ff69b4;text-decoration:underline;text-shadow:0 0 15px #ff69b480}.form-divider{margin:1.5rem 0;position:relative;text-align:center}.form-divider:before{background:linear-gradient(90deg,#0000,#ffd7004d 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.form-divider span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffd70033;border-radius:12px;color:#ffffffb3;font-size:.8rem;font-weight:600;padding:.5rem 1rem;text-transform:uppercase}.login-container{animation:slideUp .5s ease-out}@media (max-width:480px){.login-container{margin:1rem;padding:1.5rem}.login-header h2{font-size:1.5rem}.input-group input{font-size:.95rem;padding:14px 16px}.login-btn{font-size:.95rem;padding:14px 18px}}.register-container{animation:slideUp .5s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffd7004d;border-radius:24px;box-shadow:0 8px 32px #0006;color:#ffffffe6;font-family:Inter,Helvetica Neue,sans-serif;margin:3rem auto;max-width:420px;padding:2.5rem;position:relative;transition:all .3s ease}.register-container:before{background:radial-gradient(circle at 30% 40%,#ffb6c114 0,#0000 50%),radial-gradient(circle at 70% 60%,#ffd7000d 0,#0000 50%);border-radius:24px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.register-container>*{position:relative;z-index:1}.register-container:hover{border-color:#ffd70080;box-shadow:0 12px 40px #ffd70033;transform:translateY(-4px)}.register-header{margin-bottom:2rem;text-align:center}.register-header h2{-webkit-text-fill-color:#0000;animation:gradientShift 4s ease-in-out infinite;background:linear-gradient(45deg,gold,#ff69b4,#98fb98);-webkit-background-clip:text;background-clip:text;background-size:300% 300%;font-size:2rem;font-weight:700;margin-bottom:.8rem;text-shadow:0 0 20px #ffd7004d}.register-header p{color:#ffffffb3;font-size:1rem;font-weight:300;margin:0}.register-form{display:flex;flex-direction:column;gap:1.5rem}.input-group{position:relative}.input-group input[type=email],.input-group input[type=password],.input-group input[type=text]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffd7004d;border-radius:16px;box-sizing:border-box;color:#ffffffe6;font-size:1rem;font-weight:500;padding:16px 20px;transition:all .3s ease;width:100%}.input-group input:focus{background:#ffffff26;border-color:#ff69b499;box-shadow:0 0 0 3px #ff69b433;outline:none}.input-group input::placeholder{color:#ffffff80}.checkbox-section{margin:.5rem 0}.checkbox-row{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffd70033;border-radius:16px;color:#ffffffe6;display:flex;font-size:1rem;gap:12px;line-height:1.5;margin-bottom:1rem;padding:16px;transition:all .3s ease}.checkbox-row:hover{background:#ff69b41a;border-color:#ff69b499;box-shadow:0 4px 15px #ff69b433}.checkbox-row input[type=checkbox]{accent-color:#ff69b4;cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;width:18px}.checkbox-row label{cursor:pointer;-webkit-user-select:none;user-select:none}.terms-link{background:none;border:none;color:gold;cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:underline;text-shadow:0 0 10px #ffd7004d;transition:color .3s ease}.terms-link:hover{color:#ff69b4;text-shadow:0 0 15px #ff69b480}.submit-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff69b4,gold);border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 15px #ff69b44d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:.5rem;padding:16px 20px;text-shadow:0 2px 4px #0000004d;transition:all .3s ease;width:100%}.submit-btn:hover{background:linear-gradient(135deg,gold,#98fb98);box-shadow:0 6px 20px #ffd70066;transform:translateY(-2px)}.submit-btn:active{box-shadow:0 4px 15px #ff69b44d;transform:translateY(0)}.submit-btn:disabled{background:#ffffff1a;box-shadow:none;color:#fff6;cursor:not-allowed;transform:none}.register-footer{border-top:1px solid #ffd70033;margin-top:2rem;padding-top:1.5rem;text-align:center}.register-footer p{color:#ffffffb3;font-size:.9rem;margin:0}.login-link{color:gold;font-weight:600;text-decoration:none;text-shadow:0 0 10px #ffd7004d;transition:all .3s ease}.login-link:hover{color:#ff69b4;text-decoration:underline;text-shadow:0 0 15px #ff69b480}.error-message{background:linear-gradient(135deg,#ff638426,#ffb6c126);border:1px solid #ff63844d;border-radius:12px;color:#ff6b9d;font-weight:600;text-shadow:0 0 10px #ff6b9d4d}.error-message,.success-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.95rem;margin:0;padding:12px 16px;text-align:center}.success-message{background:linear-gradient(135deg,#98fb9826,#90ee9026);border:1px solid #98fb984d;border-radius:12px;color:#98fb98;text-shadow:0 0 10px #98fb984d}.terms-modal{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0c29cc;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.terms-content{animation:modalSlideUp .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffd7004d;border-radius:24px;box-shadow:0 20px 50px #0006;color:#ffffffe6;font-size:.95rem;line-height:1.6;max-height:80vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.terms-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ff69b4);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;margin-top:0;text-align:center;text-shadow:0 0 20px #ffd7004d}.terms-content ul{margin-bottom:1.5rem;padding-left:1.5rem}.terms-content li{margin-bottom:.5rem}.terms-content button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff69b4,gold);border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 15px #ff69b44d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:1rem;padding:16px 20px;text-shadow:0 2px 4px #0000004d;transition:all .3s ease;width:100%}.terms-content button:hover{background:linear-gradient(135deg,gold,#98fb98);box-shadow:0 6px 20px #ffd70066;transform:translateY(-2px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:480px){.register-container{margin:1rem;padding:1.5rem}.register-header h2{font-size:1.5rem}.input-group input[type=email],.input-group input[type=password],.input-group input[type=text]{font-size:.95rem;padding:14px 16px}.submit-btn{font-size:.95rem;padding:14px 18px}.terms-content{margin:1rem;padding:1.5rem}}header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#0f0c29f2,#24243ef2 50%,#302b63f2);border-bottom:1px solid #ffd7004d;box-shadow:0 4px 20px #0000004d;color:#fff;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}header:before{background:radial-gradient(circle at 20% 50%,#ffb6c10d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffd70008 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;z-index:1}.logo{-webkit-text-fill-color:#0000;animation:gradientShift 4s ease-in-out infinite;background:linear-gradient(45deg,gold,#ff69b4,#98fb98);-webkit-background-clip:text;background-clip:text;background-size:300% 300%;cursor:pointer;font-size:2rem;font-weight:700;margin:0;text-shadow:0 0 20px #ffd7004d;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.main-nav{display:flex;flex:1 1;justify-content:flex-end}.nav-list{flex-wrap:wrap;gap:.8rem;list-style:none;margin:0;padding:0}.nav-item,.nav-list{align-items:center;display:flex}.nav-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#ffffffe6;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:.6rem 1rem;text-align:center;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-btn.primary{background:linear-gradient(135deg,#ffd70033,#ffd7001a);border-color:#ffd7004d}.nav-btn.primary:hover{background:linear-gradient(135deg,#ffd7004d,#ffd70033);border-color:#ffd70099;box-shadow:0 4px 15px #ffd7004d;color:gold;text-shadow:0 0 10px #ffd70080;transform:translateY(-2px)}.nav-btn.secondary{background:linear-gradient(135deg,#ffb6c133,#ffb6c11a);border-color:#ffb6c14d}.nav-btn.secondary:hover{background:linear-gradient(135deg,#ffb6c14d,#ffb6c133);border-color:#ffb6c199;box-shadow:0 4px 15px #ffb6c14d;color:#ffb6c1;transform:translateY(-2px)}.nav-btn.accent{background:linear-gradient(135deg,#ff69b4,gold);border-color:#ff69b480;color:#fff}.nav-btn.accent:hover{background:linear-gradient(135deg,gold,#98fb98);box-shadow:0 6px 20px #ff69b466;transform:translateY(-3px)}.nav-btn.moderate{background:linear-gradient(135deg,#ff69b4,gold);border-color:#ff69b480;color:#fff;font-weight:700}.nav-btn.moderate:hover{background:linear-gradient(135deg,gold,#98fb98);box-shadow:0 6px 20px #ffd70066;transform:translateY(-3px)}.nav-btn.admin{background:linear-gradient(135deg,#98fb98,#ffb6c1);border-color:#98fb9880;color:#fff;font-weight:700}.nav-btn.admin:hover{background:linear-gradient(135deg,#ffb6c1,gold);box-shadow:0 6px 20px #98fb9866;transform:translateY(-3px)}.nav-btn.django-admin{background:linear-gradient(135deg,#98fb984d,#98fb9833);border-color:#98fb9866;font-size:.8rem}.nav-btn.django-admin:hover{background:linear-gradient(135deg,#98fb98,gold);color:#fff}.nav-btn.logout{background:linear-gradient(135deg,#ff6b6b33,#ff6b6b1a);border-color:#ff6b6b4d}.nav-btn.logout:hover{background:linear-gradient(135deg,#ff6b6b4d,#ff6b6b33);border-color:#ff6b6b99;color:#ff6b6b;transform:translateY(-2px)}.user-info{margin:0 1rem}.welcome-message{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:.8rem;padding:.6rem 1rem}.welcome-text{color:#ffb6c1;font-weight:600;text-shadow:0 0 10px #ffb6c180}.role-badge{border-radius:10px;font-size:.7rem;padding:.2rem .6rem}header nav ul li button{background:linear-gradient(135deg,#ff69b4,gold);border:none;color:#fff;font-weight:700}header nav ul li button:hover{background:linear-gradient(135deg,gold,#98fb98);box-shadow:0 6px 20px #ff69b466;transform:translateY(-3px)}header .welcome-message{align-items:center;color:#ffb6c1;display:flex;font-weight:600;gap:.5rem;margin-right:1rem;text-shadow:0 0 10px #ffb6c180}.role-badge{background:linear-gradient(135deg,gold,#ff69b4);border:1px solid #fff3;border-radius:15px;box-shadow:0 2px 8px #ffd7004d;color:#fff;font-size:.8rem;font-weight:700;padding:.3rem .8rem;text-shadow:0 2px 4px #0000004d}.admin-nav .admin-link,.admin-nav .moderate-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff69b4,gold)!important;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 15px #ff69b44d;color:#fff!important;display:inline-flex;font-weight:700;gap:.4rem;padding:.7rem 1.2rem;text-decoration:none;transition:all .3s ease}.admin-nav .admin-link:hover,.admin-nav .moderate-link:hover{background:linear-gradient(135deg,gold,#98fb98)!important;box-shadow:0 6px 20px #ffd70066;text-shadow:0 0 10px #ffd70080;transform:translateY(-3px)}.admin-nav .admin-link{background:linear-gradient(135deg,#98fb98,#ffb6c1)!important;box-shadow:0 4px 15px #98fb984d}.admin-nav .admin-link:hover{background:linear-gradient(135deg,#ffb6c1,gold)!important;box-shadow:0 6px 20px #ffb6c166}@media (max-width:1200px){header h1{font-size:2rem}.welcome-message{font-size:.9rem}}@media (max-width:1024px){header h1{font-size:1.8rem}header nav ul li a,header nav ul li button{font-size:.9rem;padding:.5rem .8rem}.role-badge{font-size:.7rem;padding:.2rem .6rem}}@media (max-width:768px){header{flex-direction:column;gap:1rem;padding:1rem}header h1{font-size:1.5rem;margin:0;text-align:center}header nav{width:100%}header nav ul{flex-wrap:wrap;gap:.5rem;justify-content:center}header nav ul li a,header nav ul li button{font-size:.85rem;min-width:auto;padding:.4rem .7rem}.welcome-message{font-size:.85rem;justify-content:center;margin:.5rem 0}.user-info{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin:0}.admin-nav .admin-link,.admin-nav .moderate-link{font-size:.8rem;padding:.5rem .8rem}}@media (max-width:480px){header h1{font-size:1.3rem}header nav ul{gap:.3rem}header nav ul li a,header nav ul li button{font-size:.8rem;padding:.3rem .5rem}.welcome-message{font-size:.8rem;padding:.4rem .8rem}.role-badge{font-size:.65rem;padding:.15rem .4rem}}aside{background:linear-gradient(135deg,#0f0c29f2,#24243ef2 50%,#302b63f2);border-right:1px solid #ffd7004d;box-shadow:4px 0 20px #00000080;height:100%;left:-100%;padding:1.5rem;position:fixed;top:0;transition:left .3s ease;width:260px;z-index:1000}aside.open{left:0}@media (min-width:1024px){aside{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000004d;left:0;position:static;width:260px}.hamburger-menu,.sidebar-backdrop{display:none}}.hamburger-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff69b4,gold);border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 15px #ff69b466;color:#fff;cursor:pointer;font-size:1.2rem;left:1.2rem;padding:.8rem 1.2rem;position:fixed;top:1.2rem;transition:all .3s ease;z-index:1100}.hamburger-menu:hover{background:linear-gradient(135deg,gold,#98fb98);background:#b5b5b5;box-shadow:0 6px 20px #ffd70080;transform:translateY(-2px)}.upgrade-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff69b4,gold);border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 15px #ff69b44d;color:#fff;cursor:pointer;font-weight:700;margin-bottom:1rem;padding:.8rem 1.2rem;text-shadow:0 2px 4px #0000004d;transition:all .3s ease;width:100%}.upgrade-button:hover{background:linear-gradient(135deg,gold,#98fb98);box-shadow:0 6px 20px #ffd70066;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.upgrade-modal-backdrop{align-items:center;background:linear-gradient(135deg,#0f0c29cc,#24243ecc 50%,#302b63cc);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.upgrade-modal-backdrop,.upgrade-modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.upgrade-modal-content{animation:fadeIn .3s ease;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border:1px solid #ffd7004d;border-radius:24px;box-shadow:0 20px 50px #0000004d;max-width:720px;padding:2.5rem;position:relative;text-align:center;width:90%}.upgrade-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff69b4,gold);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;margin-bottom:.5rem}.upgrade-modal-subtitle{color:#666;font-size:1.1rem;font-weight:500;margin-bottom:2rem}.membership-options{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.membership-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffffe6,#fffc);border:1px solid #ffd7004d;border-radius:20px;box-shadow:0 8px 25px #ff69b426;flex:1 1 200px;padding:1.5rem;text-align:left;transition:all .3s ease}.membership-card:hover{border-color:#ff69b480;box-shadow:0 12px 35px #ffd70040;transform:translateY(-8px)}.membership-card h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff69b4,gold);-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:700;margin-top:0}.membership-card p{color:#555;font-size:.95rem;line-height:1.5;margin-bottom:.8rem}.membership-card ul{color:#444;font-size:.9rem;line-height:1.6;padding-left:1.2rem}.membership-card button{background:linear-gradient(135deg,#ff69b4,gold);border:none;border-radius:16px;box-shadow:0 4px 15px #ff69b44d;color:#fff;cursor:pointer;font-weight:700;margin-top:1.5rem;padding:.8rem 1.5rem;text-shadow:0 2px 4px #0000004d;transition:all .3s ease;width:100%}.membership-card button:hover{background:linear-gradient(135deg,gold,#98fb98);box-shadow:0 6px 20px #ffd70066;transform:translateY(-2px)}.close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ff69b44d;border-radius:50%;color:#ff69b4;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px}.close-btn:hover{background:#ff69b41a;box-shadow:0 4px 15px #ff69b44d;color:gold;transform:rotate(90deg)}.sidebar-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#0f0c29b3,#24243eb3 50%,#302b63b3);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.sidebar-backdrop.active{display:block}ul{list-style:none;padding-left:0;padding-top:40px}li{margin-bottom:15px}.hover-effect a,.hover-effect button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#ffffffe6;display:block;font-size:.9rem;font-weight:500;padding:.8rem 1rem;text-decoration:none;transition:all .3s ease}.hover-effect a:hover,.hover-effect button:hover{background:linear-gradient(135deg,#ff69b433,#ffd70033);border-color:#ffd7004d;box-shadow:0 4px 15px #ff69b433;color:gold;text-shadow:0 0 10px #ffd70080;transform:translateX(5px)}.sidebar-section-title{color:#ffb6c1;font-size:.8rem;font-weight:700;letter-spacing:1px;margin-bottom:1rem;margin-top:2rem;text-shadow:0 0 10px #ffb6c180;text-transform:uppercase}@media (max-width:768px){aside{width:80%}.hamburger-menu{display:block}}.upgrade-fancy-button{background:#50a3ff;border:3px solid #2e87ff;border-radius:8px;box-shadow:0 0 0 #95f2fe8c;color:#181818;cursor:pointer;font-size:17px;font-weight:500;overflow:hidden;padding:12px 35px;position:relative;transition:all .3s ease-in-out;z-index:1}.upgrade-fancy-button span{position:relative;z-index:3}.upgrade-fancy-button .star-1,.upgrade-fancy-button .star-2,.upgrade-fancy-button .star-3,.upgrade-fancy-button .star-4,.upgrade-fancy-button .star-5,.upgrade-fancy-button .star-6{filter:drop-shadow(0 0 5px #eff8ff);height:auto;position:absolute;transition:all 1s cubic-bezier(.05,.83,.43,.96);width:15px;z-index:2}.star-1{left:20%;top:20%;width:25px}.star-2{left:45%;top:45%;width:15px}.star-3{left:40%;top:40%;width:5px}.star-4{left:40%;top:20%;width:8px}.star-5{left:45%;top:25%;width:15px}.star-6{left:50%;top:5%;width:5px}.upgrade-fancy-button:hover{background:#0000;box-shadow:0 0 25px #95f0fe8c;color:#07f}.upgrade-fancy-button:hover .star-1{left:-30%;top:-80%}.upgrade-fancy-button:hover .star-2{left:10%;top:-25%}.upgrade-fancy-button:hover .star-3{left:25%;top:55%}.upgrade-fancy-button:hover .star-4{left:80%;top:30%}.upgrade-fancy-button:hover .star-5{left:115%;top:25%}.upgrade-fancy-button:hover .star-6{left:60%;top:5%}.fil0{fill:#eff3ff}.ad-banner{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:.5rem 0}.ad-banner img{aspect-ratio:5/2;border-radius:4px;box-shadow:0 2px 4px #0000001a;max-width:200px;object-fit:cover;transition:transform .3s ease;width:100%}.ad-banner img:hover{transform:scale(1.05)}@media (max-width:600px){.ad-banner img{max-width:73px}}body,html{background:linear-gradient(135deg,#0f0c29,#24243e 25%,#302b63 50%,#0f0c29);background-attachment:fixed;font-size:16px;height:100%;margin:0;overflow-y:auto;padding:0}.layout{background:#0000;box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,system-ui,sans-serif;min-height:100vh;overflow:hidden;position:relative;width:100vw}.layout:before{background:radial-gradient(circle at 20% 50%,#ffb6c114 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffd7000d 0,#0000 50%),radial-gradient(circle at 40% 80%,#98fb980f 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.layout-content{display:flex;flex:1 1;gap:2rem;overflow:hidden;padding:2rem;position:relative;z-index:1}.layout-content>:not(aside){background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffd70033;border-radius:24px;flex:1 1;min-height:0}.layout-content>:not(aside),aside{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 12px 40px #0006;color:#ffffffe6;font-size:1rem;overflow-y:auto;padding:2rem}aside{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffd7004d;border-radius:24px;flex:0 0 260px}aside ul li{list-style:none;margin:.8rem 0}aside ul li a{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;color:#ffffffe6;display:block;font-weight:500;margin-bottom:.5rem;padding:1rem 1.2rem;text-decoration:none;transition:all .3s ease}aside ul li.hover-effect a:hover{background:linear-gradient(135deg,#ffd70033,#ff69b426);border-color:#ffd70080;box-shadow:0 4px 15px #ffd70033;color:gold;text-shadow:0 0 10px #ffd70080;transform:translateY(-2px)}@media (max-width:1024px){html{font-size:15px}.layout-content{gap:1.5rem;padding:1.5rem}aside{flex:0 0 220px;font-size:.9rem;padding:1.5rem}.layout-content>:not(aside){font-size:.95rem;padding:1.5rem}}@media (max-width:768px){html{font-size:14px}.layout-content{flex-direction:column;gap:1rem;padding:1rem}aside{border-radius:16px;flex:0 0 auto;font-size:.85rem;padding:1rem}.layout-content>:not(aside){border-radius:16px;font-size:.9rem;padding:1rem}aside ul li a{border-radius:12px;padding:.8rem 1rem}}.profile-page{color:#fffffff0;font-family:Inter,Helvetica Neue,sans-serif;max-width:1180px;padding:0 24px 80px}.profile-toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#6ea8fe47,#98fb983d);border:1px solid #ffffff59;border-radius:16px;box-shadow:0 18px 40px #0f0c2959;margin-bottom:16px;padding:14px 18px;position:-webkit-sticky;position:sticky;top:24px;z-index:30}.profile-banner-warning{background:#ffd7002e;border:1px solid #ffd70066;border-radius:14px;color:#ffffffeb;margin-bottom:18px;padding:12px 16px}.profile-hero{background:linear-gradient(135deg,#0f0c29d9,#302b63eb);border:1px solid #ffd7004d;border-radius:32px;box-shadow:0 28px 60px #0f0c2973;overflow:hidden;padding:36px;position:relative}.profile-hero-decoration{background:radial-gradient(circle at 20% 30%,#ffb6c138,#0000 55%),radial-gradient(circle at 80% 20%,#ffd7002e,#0000 60%),radial-gradient(circle at 40% 80%,#98fb9829,#0000 50%);inset:0;opacity:.9;pointer-events:none;position:absolute}.profile-hero-content{display:flex;flex-direction:column;gap:28px;position:relative;z-index:1}.profile-hero-main{align-items:center;display:flex;flex-wrap:wrap;gap:28px}.profile-avatar-wrapper{align-items:center;display:flex;flex-direction:column;gap:10px}.profile-avatar{background:linear-gradient(135deg,#ff69b438,#ffd7002e);border:1px solid #ffffff38;border-radius:28px;box-shadow:0 18px 45px #ff69b459;cursor:default;height:160px;overflow:hidden;padding:0;position:relative;transition:transform .25s ease,box-shadow .25s ease;width:160px}.profile-avatar.is-editable{cursor:pointer}.profile-avatar.is-editable:hover{box-shadow:0 26px 55px #ffd70073;transform:translateY(-4px)}.profile-avatar:disabled{box-shadow:0 18px 32px #ffffff26;cursor:not-allowed;opacity:.88;transform:none}.profile-avatar img{display:block;height:100%;object-fit:cover;width:100%}.profile-avatar-edit{align-items:center;background:#0000008c;border-radius:14px;color:#fffffff0;display:flex;font-size:.9rem;gap:6px;inset:auto 12px 12px 12px;justify-content:center;opacity:.92;padding:8px 12px;pointer-events:none;position:absolute;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease}.profile-avatar-edit-icon{font-size:1.05rem;line-height:1}.profile-avatar.is-editable:focus-visible .profile-avatar-edit,.profile-avatar.is-editable:hover .profile-avatar-edit{opacity:1;transform:translateY(0)}.profile-avatar-status{grid-gap:10px;background:#0a0a14a6;color:#fffffff2;display:grid;font-weight:600;gap:10px;inset:0;letter-spacing:.02em;place-items:center;position:absolute}.profile-avatar-spinner{animation:profileAvatarSpin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:gold;height:20px;width:20px}@keyframes profileAvatarSpin{to{transform:rotate(1turn)}}.profile-avatar-hint{color:#ffffffb8;font-size:.85rem;line-height:1.4;margin:0;max-width:220px;text-align:center}.profile-hero-meta{display:flex;flex:1 1;flex-direction:column;gap:12px}.profile-hero-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.profile-display-name{-webkit-text-fill-color:#0000;animation:gradientShift 6s ease-in-out infinite;background:linear-gradient(45deg,gold,#ff69b4,#98fb98);-webkit-background-clip:text;background-size:300% 300%;font-size:clamp(1.9rem,2.2vw,2.4rem);font-weight:800;letter-spacing:.02em;margin:0}.profile-toolbar-btn{background:#ffffff14;border:1px solid #ffffff4d;border-radius:14px;color:#ffffffeb;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 14px;transition:background .25s ease,transform .2s ease,border-color .25s ease}.profile-toolbar-btn:hover{background:#ffffff29;transform:translateY(-2px)}.profile-toolbar-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.profile-toolbar-btn.ghost{background:#0000;border-color:#ffffff2e}.profile-hero-subline{align-items:center;color:#ffffffb3;display:flex;flex-wrap:wrap;font-size:.95rem;gap:6px}.profile-dot{opacity:.6}.profile-bio-intro{color:#ffffffd9;font-size:1rem;margin:0}.profile-interests{display:flex;flex-wrap:wrap;gap:8px}.profile-interest-pill{background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;color:#ffffffdb;font-size:.85rem;padding:6px 12px}.profile-hero-metrics{grid-gap:18px;background:#00000038;border:1px solid #ffffff2e;border-radius:22px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:18px}.profile-metric{display:flex;flex-direction:column;gap:4px;text-align:center}.profile-metric-value{color:gold;font-size:1.6rem;font-weight:700}.profile-metric-label{color:#ffffffb3;font-size:.9rem}.profile-layout{margin-top:36px}.profile-section{background:linear-gradient(135deg,#0f0c29e0,#302b63eb);border:1px solid #ffffff1f;border-radius:26px;box-shadow:0 20px 50px #0f0c2966;margin-bottom:28px;padding:28px}.profile-section-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.profile-section-title{color:#ffb6c1;font-size:1.2rem;font-weight:700;margin:0}.profile-section-actions{display:flex;gap:10px}.profile-section-body{color:#ffffffd9;line-height:1.7}.profile-bio-editor textarea{background:#00000052;border:1px solid #ffffff29;border-radius:16px;color:#fffffff2;font-size:.95rem;line-height:1.6;min-height:132px;padding:14px 16px;resize:vertical;width:100%}.profile-bio-editor textarea:focus{border-color:#ffd700b3;box-shadow:0 0 0 3px #ffd70040;outline:none}.profile-bio-meta{color:#ffffff8c;font-size:.8rem;margin-top:6px;text-align:right}.profile-bio-text{margin:0;white-space:pre-line}.profile-empty-state{background:#ffffff0d;border:1px dashed #ffffff38;border-radius:18px;color:#ffffffb3;padding:24px;text-align:center}.profile-empty-state.small{font-size:.9rem;padding:18px}.profile-empty-action{color:#fff9;font-size:.85rem;margin-top:8px}.profile-tabs{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;display:inline-flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:8px}.profile-tab-button{background:#0000;border:none;border-radius:999px;color:#ffffffb3;cursor:pointer;font-weight:600;padding:10px 18px;transition:background .25s ease,color .25s ease,transform .2s ease}.profile-tab-button:hover{background:#ffffff1f;color:#fffffff2;transform:translateY(-2px)}.profile-tab-button.is-active{background:linear-gradient(135deg,#ff69b4e6,#ffd700d9);color:#0f0c29f2}.profile-tab-content{min-height:120px}.profile-card-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.profile-card{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;display:flex;flex-direction:column;gap:10px;padding:18px}.profile-card h3{color:#fffffff0;font-size:1.05rem;margin:0}.profile-card-meta{align-items:center;color:#fff9;display:flex;font-size:.8rem;justify-content:space-between}.profile-avatar-input{display:none}.profile-skeleton{grid-gap:24px;display:grid;gap:24px}.skeleton-content,.skeleton-hero{animation:shimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,#ffffff14,#ffffff2e,#ffffff14);background-size:200% 100%;border-radius:28px}.skeleton-hero{height:260px}.skeleton-content{height:460px}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@media (max-width:1024px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{flex-direction:row;flex-wrap:wrap}.profile-sidebar-card{flex:1 1 280px}}@media (max-width:768px){.profile-page{margin:100px auto 60px;padding:0 16px 60px}.profile-hero{padding:28px}.profile-hero-main{align-items:flex-start;flex-direction:column}.profile-avatar{border-radius:24px;height:130px;width:130px}.profile-hero-metrics{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.profile-section{padding:22px}.profile-tabs{overflow-x:auto;width:100%}}@media (max-width:520px){.profile-display-name{font-size:1.6rem}.profile-section{padding:20px}.profile-hero-subline{font-size:.85rem}.profile-bio-intro{font-size:.95rem}}.admin-page{background:linear-gradient(135deg,#0f0c29,#24243e 25%,#302b63 60%,#0f0c29);color:#fffffff0;font-family:Inter,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden;padding:96px 28px 128px;position:relative}.admin-ambient{background:radial-gradient(circle at 18% 32%,#ffb6c12e,#0000 52%),radial-gradient(circle at 78% 18%,#ffd70026,#0000 55%),radial-gradient(circle at 42% 78%,#98fb9829,#0000 58%);inset:0;opacity:.85;pointer-events:none;position:fixed;z-index:1}.admin-panel{display:flex;flex-direction:column;gap:28px;margin:0 auto;max-width:1180px;position:relative;z-index:2}.admin-header{background:linear-gradient(135deg,#0f0c29eb,#302b63eb);border:1px solid #ffd70061;border-radius:32px;box-shadow:0 30px 60px #0f0c297a;overflow:hidden;padding:40px 44px;position:relative}.admin-header-glow{background:radial-gradient(circle at 20% 30%,#ffb6c152,#0000 58%),radial-gradient(circle at 82% 24%,#ffd70040,#0000 62%),radial-gradient(circle at 42% 88%,#98fb9838,#0000 55%);inset:0;opacity:.85;pointer-events:none;position:absolute}.admin-title{-webkit-text-fill-color:#0000;animation:adminGradientShift 6s ease-in-out infinite;background:linear-gradient(45deg,gold,#ff69b4,#98fb98);-webkit-background-clip:text;background-size:320% 320%;font-size:clamp(2.2rem,4vw,3rem);font-weight:800;letter-spacing:.02em;margin:0;position:relative;text-shadow:0 0 32px #ffd70073}@keyframes adminGradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.admin-subtitle{color:#ffffffd1;font-size:1.08rem;margin:12px 0 0;position:relative}.admin-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;position:relative}.admin-pill{align-items:center;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;display:inline-flex;font-size:.92rem;gap:6px;letter-spacing:.01em;padding:10px 16px}.admin-loading{color:#ffffffc7;font-size:1.1rem;letter-spacing:.05em;margin:0 auto;padding:48px 0;text-align:center}.admin-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.admin-tabs{background:#ffffff14;border:1px solid #ffffff24;border-radius:20px;box-shadow:0 20px 48px #0f0c296b;display:flex;flex-wrap:wrap;gap:12px;padding:12px}.admin-tabs button{background:#0f0c298c;border:1px solid #ffffff1f;border-radius:16px;color:#ffffffc2;flex:1 1;font-size:.95rem;font-weight:600;letter-spacing:.04em;min-width:160px;padding:14px 18px;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}.admin-tabs button:hover{background:#ffffff1f;color:#fffffff2;transform:translateY(-3px)}.admin-tabs button.active{background:linear-gradient(135deg,#ffd7006b,#ff69b45c);border-color:#ffd7009e;box-shadow:0 18px 36px #ff69b459;color:#fffffffa}.admin-content{background:linear-gradient(135deg,#0f0c29e6,#24243ef0);border:1px solid #ffffff2e;border-radius:28px;box-shadow:0 26px 54px #0f0c2980;padding:36px 40px}.admin-section-header{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;margin-bottom:24px}.admin-section-subtitle{color:#ffffffb8;font-size:.95rem;margin:8px 0 0}.admin-danger,.admin-primary,.admin-refresh,.admin-secondary,.admin-success{align-items:center;border-radius:16px;cursor:pointer;display:inline-flex;font-size:.92rem;font-weight:600;gap:6px;letter-spacing:.04em;padding:12px 18px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.admin-refresh{background:#0f0c2999;border:1px solid #ffd70073;color:#ffffffe0}.admin-refresh:hover{border-color:#ffd700a6;box-shadow:0 16px 32px #ffd70040;transform:translateY(-2px)}.admin-primary{background:linear-gradient(135deg,#ffd7008c,#ff69b480);border:1px solid #ffd70080;box-shadow:0 24px 48px #ff69b452;color:#fffffffa}.admin-primary:hover{box-shadow:0 32px 60px #ffd70066;transform:translateY(-3px)}.admin-secondary{background:#ffffff1f;border:1px solid #ffffff2e;color:#ffffffe0}.admin-secondary:hover{border-color:#ffd70059;transform:translateY(-2px)}.admin-danger{background:linear-gradient(135deg,#ff6384bf,#ffd70066);border:1px solid #ff6384a6;box-shadow:0 24px 48px #ff638452;color:#fffffff5}.admin-danger:hover{border-color:#ffd70099;transform:translateY(-2px)}.admin-success{background:linear-gradient(135deg,#98fb98a6,#48d1cc66);border:1px solid #98fb988c;box-shadow:0 24px 48px #98fb984d;color:#0f0c29eb}.admin-success:hover{border-color:#ffd70080;transform:translateY(-2px)}.admin-highlight{background:#ffffff14;border:1px solid #ffffff29;border-radius:18px;color:#ffffffd1;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px;padding:14px 18px}.admin-highlight span{align-items:center;display:inline-flex;gap:6px}.topics-table,.users-table{border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 22px 48px #0f0c2959;overflow:hidden}.topics-table table,.users-table table{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0c29c7;border-collapse:collapse;width:100%}.topics-table td,.topics-table th,.users-table td,.users-table th{border-bottom:1px solid #ffffff14;color:#ffffffd9;padding:16px 18px;text-align:left}.topics-table th,.users-table th{background:#ffffff0d;color:#fff9;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.topics-table tr:hover,.users-table tr:hover{background:#ffffff0d}.cell-primary{color:#fffffff2;font-weight:600}.topic-actions,.user-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.role-select{background:#0f0c29a6;border:1px solid #ffffff40;border-radius:14px;color:#ffffffe6;cursor:pointer;font-size:.85rem;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease}.role-select:focus{border-color:#ffd7008c;box-shadow:0 0 0 3px #ffd70033;outline:none}.role-badge{align-items:center;border-radius:999px;color:#0f0c29;display:inline-flex;font-size:.78rem;gap:6px;letter-spacing:.06em;padding:6px 12px;text-transform:uppercase}.role-admin{background:linear-gradient(135deg,#ff9a9e,#fad0c4)}.role-moderator{background:linear-gradient(135deg,#fddb92,#d1fdff)}.role-user{background:linear-gradient(135deg,#a1c4fd,#c2e9fb)}.status{font-weight:600;letter-spacing:.05em}.status-active{color:#98fb98e6}.status-suspended{color:#ff6384e6}.is-suspended{background:#ff638414}.is-suspended:hover{background:#ff63841f}.empty-state{color:#ffffffa6;font-style:italic;padding:32px;text-align:center}.settings-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.setting-item{background:#ffffff14;border:1px solid #ffffff29;border-radius:20px;box-shadow:0 20px 48px #0f0c2961;display:flex;flex-direction:column;gap:12px;padding:24px;text-align:left}.setting-item h3{color:#ffffffeb;font-size:1.2rem;margin:0}.setting-item p{color:#ffffffbf;line-height:1.6;margin:0}.current-user{color:#ffd700d9;font-size:.8rem;margin-left:8px}@media (max-width:1024px){.admin-page{padding:84px 20px 108px}.admin-content,.admin-header{padding:32px}}@media (max-width:768px){.admin-page{padding:72px 16px 96px}.admin-panel{gap:22px}.admin-header{padding:28px 24px}.admin-meta{align-items:flex-start}.admin-meta,.admin-tabs{flex-direction:column}.admin-tabs button{min-width:auto}.admin-section-header{align-items:stretch;flex-direction:column}.topics-table td,.topics-table th,.users-table td,.users-table th{padding:12px 14px}.topic-actions,.user-actions{align-items:stretch;flex-direction:column}.admin-highlight{align-items:flex-start;flex-direction:column}.settings-grid{grid-template-columns:1fr}}@media (max-width:520px){.admin-page{padding:64px 14px 80px}.admin-content,.admin-header{padding:26px 22px}.stat-number{font-size:2.2rem}}.moderator-page{background:linear-gradient(135deg,#0f0c29,#24243e 25%,#302b63 60%,#0f0c29);color:#fffffff0;font-family:Inter,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden;padding:96px 28px 128px;position:relative}.moderator-ambient{background:radial-gradient(circle at 18% 32%,#ffb6c12e,#0000 52%),radial-gradient(circle at 78% 18%,#ffd70026,#0000 55%),radial-gradient(circle at 42% 78%,#98fb9829,#0000 58%);inset:0;opacity:.85;pointer-events:none;position:fixed;z-index:1}.moderator-panel{display:flex;flex-direction:column;gap:28px;margin:0 auto;max-width:1180px;position:relative;z-index:2}.moderator-header{background:linear-gradient(135deg,#0f0c29eb,#302b63eb);border:1px solid #ffd70061;border-radius:32px;box-shadow:0 30px 60px #0f0c297a;overflow:hidden;padding:40px 44px;position:relative}.moderator-header-glow{background:radial-gradient(circle at 20% 30%,#ffb6c152,#0000 58%),radial-gradient(circle at 82% 24%,#ffd70040,#0000 62%),radial-gradient(circle at 42% 88%,#98fb9838,#0000 55%);inset:0;opacity:.85;pointer-events:none;position:absolute}.moderator-title{-webkit-text-fill-color:#0000;animation:moderatorGradientShift 6s ease-in-out infinite;background:linear-gradient(45deg,gold,#ff69b4,#98fb98);-webkit-background-clip:text;background-size:320% 320%;font-size:clamp(2.2rem,4vw,3rem);font-weight:800;letter-spacing:.02em;margin:0;position:relative;text-shadow:0 0 32px #ffd70073}@keyframes moderatorGradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.moderator-subtitle{color:#ffffffd1;font-size:1.08rem;margin:12px 0 0;position:relative}.moderator-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;position:relative}.moderator-pill{align-items:center;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;display:inline-flex;font-size:.92rem;gap:6px;letter-spacing:.01em;padding:10px 16px}.moderator-loading{color:#ffffffc7;font-size:1.1rem;letter-spacing:.05em;margin:0 auto;padding:48px 0;text-align:center}.moderator-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border:1px solid #ffffff2e;border-radius:24px;box-shadow:0 22px 45px #0f0c2966;padding:28px 26px;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.stat-card:after{background:radial-gradient(circle at top right,#ffd7003d,#0000 55%);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s ease}.stat-card:hover{border-color:#ffd70052;box-shadow:0 32px 65px #0f0c298c;transform:translateY(-6px)}.stat-card:hover:after{opacity:1}.stat-card h3{color:#ffffffb8;font-size:1rem;letter-spacing:.12em;margin:0 0 12px;text-transform:uppercase}.stat-number{color:gold;font-size:clamp(2.4rem,4vw,2.9rem);font-weight:800;text-shadow:0 0 34px #ffd70073}.stat-detail{color:#ffffffbf;font-size:.95rem;margin-top:12px}.success-message{align-items:center;background:#98fb9833;border:1px solid #98fb9873;border-radius:14px;color:#ffffffe6;display:inline-flex;font-weight:600;gap:6px;padding:10px 16px}.warning-message{background:#ffd70029;border:1px solid #ffd70073;border-radius:16px;color:#ffffffe6;font-size:.92rem;margin:16px 0;padding:12px 16px}.warning-text{color:#ffd700d1;font-size:.85rem;margin-top:6px}.moderator-tabs{background:#ffffff14;border:1px solid #ffffff24;border-radius:20px;box-shadow:0 20px 48px #0f0c296b;display:flex;flex-wrap:wrap;gap:12px;padding:12px}.moderator-tabs button{background:#0f0c298c;border:1px solid #ffffff1f;border-radius:16px;color:#ffffffc2;flex:1 1;font-size:.95rem;font-weight:600;letter-spacing:.04em;min-width:160px;padding:14px 18px;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}.moderator-tabs button:hover{background:#ffffff1f;color:#fffffff2;transform:translateY(-3px)}.moderator-tabs button.active{background:linear-gradient(135deg,#ffd7006b,#ff69b45c);border-color:#ffd7009e;box-shadow:0 18px 36px #ff69b459;color:#fffffffa}.moderator-content{background:linear-gradient(135deg,#0f0c29e6,#24243ef0);border:1px solid #ffffff2e;border-radius:28px;box-shadow:0 26px 54px #0f0c2980;padding:36px 40px}.moderator-content h2{color:#fffffff2;font-size:1.8rem;font-weight:700;margin:0 0 20px}.content-info{background:#ffffff14;border:1px solid #ffffff29;border-radius:18px;color:#ffffffd1;line-height:1.6;padding:16px 20px}.content-info p{margin:0 0 6px}.content-info p:last-child{margin-bottom:0}.dashboard-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:28px}.dashboard-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff24;border-radius:22px;box-shadow:0 20px 48px #0f0c296b;padding:26px 24px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.dashboard-item:hover{border-color:#ffd70047;box-shadow:0 28px 58px #0f0c2985;transform:translateY(-4px)}.dashboard-item h3{border-bottom:1px solid #ffffff1f;color:#ffffffeb;font-size:1.15rem;margin:0 0 16px;padding-bottom:12px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{align-items:center;background:#0f0c2999;border:1px solid #ffffff14;border-radius:14px;color:#ffffffd6;display:flex;gap:14px;justify-content:space-between;padding:12px 14px}.activity-time{color:gold;font-size:.85rem;font-weight:600}.activity-desc{flex:1 1;text-align:right}.quick-actions{display:flex;flex-direction:column;gap:12px}.quick-btn{background:linear-gradient(135deg,#ffd70066,#ff69b461);border:1px solid #ffd70073;border-radius:16px;box-shadow:0 20px 48px #ff69b452;color:#fffffffa;font-size:1rem;font-weight:600;letter-spacing:.04em;padding:14px 16px;transition:transform .2s ease,box-shadow .2s ease}.quick-btn:hover{box-shadow:0 28px 56px #ffd70061;transform:translateY(-3px)}.moderated-topics{gap:12px}.moderated-topics,.topics-list{display:flex;flex-direction:column}.topics-list{gap:10px}.topic-badge{align-items:center;background:#0f0c2999;border:1px solid #ffffff14;border-radius:16px;color:#ffffffe6;display:flex;gap:12px;justify-content:space-between;padding:14px 16px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.topic-badge.assigned-to-me{border-color:#98fb988c;box-shadow:0 20px 40px #98fb9838}.topic-badge.not-assigned{border-color:#ff69b459}.topic-badge:hover{border-color:#ffd70073;box-shadow:0 18px 36px #ffd70040;transform:translateX(6px)}.topic-name{align-items:center;display:flex;font-weight:600;gap:8px}.my-topic{align-items:center;background:#98fb984d;border:1px solid #98fb9899;border-radius:999px;display:inline-flex;font-size:.75rem;justify-content:center;padding:4px 8px}.post-count{background:#ffd70040;border:1px solid #ffd7006b;border-radius:999px;font-size:.82rem;font-weight:600;padding:6px 10px}.no-topics{background:#0f0c2994;border:1px dashed #fff3;border-radius:18px;color:#ffffffb3;font-style:italic;padding:32px;text-align:center}.guide-list{display:flex;flex-direction:column;gap:10px}.guide-item{background:#0f0c298c;border:1px solid #ffffff14;border-radius:12px;color:#ffffffd1;font-size:.95rem;padding:10px 12px}.actions-panel{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}.action-btn{align-items:center;background:#0f0c29ad;border:1px solid #ffffff29;border-radius:16px;color:#ffffffe6;display:inline-flex;font-weight:600;gap:8px;letter-spacing:.04em;padding:14px 18px;transition:transform .2s ease,background .2s ease,border-color .2s ease}.action-btn:hover{background:#ffffff1f;border-color:#ffd70059;transform:translateY(-3px)}.action-btn.urgent{background:linear-gradient(135deg,#ff6384a6,#ffd70061);border-color:#ff6384bf;box-shadow:0 24px 48px #ff638452}.action-btn.urgent:hover{border-color:#ffd700a6}.moderator-debug-panel{background:#0f0c29b8;border:1px dashed #ffd70073;border-radius:20px;color:#ffffffdb;font-size:.92rem;line-height:1.65;margin-bottom:12px;margin-top:-8px;padding:20px 24px}.moderator-debug-panel summary{color:#ffb6c1;cursor:pointer;margin-top:4px}.moderator-debug-panel ul{list-style:disc;margin:8px 0 0 16px}@media (max-width:1024px){.moderator-page{padding:84px 20px 108px}.moderator-content,.moderator-header{padding:32px}}@media (max-width:768px){.moderator-page{padding:72px 16px 96px}.moderator-panel{gap:22px}.moderator-header{padding:28px 24px}.moderator-meta{align-items:flex-start}.moderator-meta,.moderator-tabs{flex-direction:column}.moderator-tabs button{min-width:auto}.dashboard-grid{grid-template-columns:1fr}.actions-panel{align-items:stretch;flex-direction:column}.action-btn{justify-content:center}}@media (max-width:520px){.moderator-page{padding:64px 14px 80px}.moderator-content,.moderator-header{padding:26px 22px}.stat-number{font-size:2.2rem}.activity-item{align-items:flex-start;flex-direction:column}.activity-desc,.activity-item{text-align:left}}:root{--bg:#0f0c29;--surface:#ffffff14;--surface-2:#ffffff0a;--popover:#ffffff1a;--border:#ffd7004d;--text:#fffffff2;--text-2:#fffc;--text-3:#fff9;--primary:gold;--primary-600:#ff69b4;--danger:#ff6b6b;--ring:#ffd70066;--shadow:0 8px 32px #00000080,0 4px 16px #ffd7001a;--radius:20px;--tropical-gradient:linear-gradient(135deg,#ffb6c11a,#ffd70014 50%,#98fb981a)}.card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffd7004d;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius);box-shadow:0 8px 32px #00000080,0 4px 16px #ffd7001a;box-shadow:var(--shadow);color:#fffffff2;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans TC,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji;margin:32px auto;max-width:860px;overflow:hidden;padding:0;position:relative}.card:before{background:linear-gradient(135deg,#ffb6c11a,#ffd70014 50%,#98fb981a);background:var(--tropical-gradient);bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.post-header{align-items:flex-start;background:linear-gradient(180deg,#6ea8fe14,#0000 48%);border-bottom:1px solid #ffd7004d;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:20px 20px 16px}.post-header-content{grid-gap:10px;display:grid;flex:1 1;gap:10px}.card h4{color:#fffffff2;color:var(--text);font-size:1.35rem;font-weight:700;letter-spacing:.2px;line-height:1.3;margin:0;overflow:visible;text-overflow:clip;white-space:normal}.author-info{align-items:center;color:#fff9;color:var(--text-3);display:flex;gap:10px}.author-avatar{background:conic-gradient(from 180deg,#6ea8fe,#a78bfa,#22d3ee,#6ea8fe);border-radius:50%;box-shadow:inset 0 0 0 2px #ffffffb3;color:#0a0c12;display:grid;font-size:14px;font-weight:700;height:36px;letter-spacing:.5px;place-items:center;text-transform:uppercase;width:36px}.author-info a,.card p a{border-bottom:1px dashed #0000;color:#fffc;color:var(--text-2);text-decoration:none;transition:border-bottom-color .2s ease,color .2s ease}.author-info a:hover,.card p a:hover{border-bottom-color:gold;border-bottom-color:var(--primary);color:gold;color:var(--primary)}.topic-tag{background:#6ea8fe24;border:1px solid #6ea8fe40;border-radius:999px;color:gold;color:var(--primary);font-size:.85rem;font-weight:600;padding:6px 10px;width:-webkit-fit-content;width:fit-content}.post-image-wrapper{align-items:center;background:linear-gradient(135deg,#6ea8fe26,#a78bfa26);display:flex;height:clamp(220px,45vh,420px);justify-content:center;margin:0;max-height:420px;overflow:hidden;position:relative;width:100%}.post-image{background-color:initial;border-radius:0;height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.post-image-wrapper:hover .post-image{transform:scale(1.02)}.post-content{background-color:initial;color:#fffc;color:var(--text-2);font-family:inherit;line-height:1.75;margin:0;padding:18px 22px}.post-content p{margin:0 0 1em;text-align:left}.post-content p:last-child{margin-bottom:0}.post-content a{color:gold;color:var(--primary);text-decoration:none;transition:-webkit-text-decoration .2s ease;transition:text-decoration .2s ease;transition:text-decoration .2s ease,-webkit-text-decoration .2s ease}.post-content a:hover{text-decoration:underline}.post-content [data-slate-editor]{font-family:inherit;font-size:inherit;line-height:inherit}.post-content strong{color:#fffffff2;color:var(--text);font-weight:700}.post-content em{color:#fff9;color:var(--text-3);font-style:italic}.post-content u{text-decoration:underline;-webkit-text-decoration-color:gold;text-decoration-color:gold;-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary);text-decoration-thickness:2px}.post-actions{background:#0000;border-top:1px solid #ffd7004d;border-top:1px solid var(--border);gap:12px;justify-content:space-between;padding:12px 16px}.post-actions,.reaction-button{align-items:center;display:flex}.reaction-button{flex-wrap:wrap;gap:8px}.btn,.card button{--btn-bg:var(--surface-2);--btn-bdr:var(--border);--btn-tx:var(--text-2);align-items:center;-webkit-appearance:none;appearance:none;background:var(--btn-bg);border:1px solid var(--btn-bdr);border-radius:12px;box-shadow:none;color:var(--btn-tx);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:.5rem;padding:9px 12px;transition:background .2s ease,border-color .2s ease,transform .02s ease}.btn:hover,.card button:hover{background:#ffffff1a;background:var(--popover);border-color:#6ea8fe59;color:#fffffff2;color:var(--text);transform:none}.btn:active,.card button:active{transform:translateY(1px)}.btn:focus-visible,.card button:focus-visible{box-shadow:0 0 0 4px #ffd70066;box-shadow:0 0 0 4px var(--ring);outline:none}.btn.primary{--btn-bg:#6ea8fe1f;--btn-bdr:#6ea8fe66;--btn-tx:var(--primary)}.report-button-wrapper{margin-top:.5rem}.report-entry-button{--btn-bg:#ff6b6b1a!important;--btn-bdr:#ff6b6b4d!important;--btn-tx:var(--danger)!important}.report-entry-button:hover{--btn-bg:#ff6b6b33!important;--btn-bdr:var(--danger)!important;--btn-tx:var(--danger)!important}.post-menu{position:relative}.menu-button{background:#ffffff0a!important;background:var(--surface-2)!important;border:1px solid #ffd7004d!important;border:1px solid var(--border)!important;border-radius:10px!important;color:#fffc!important;color:var(--text-2)!important;cursor:pointer!important;display:grid!important;font-size:16px!important;font-weight:700!important;height:34px!important;line-height:1!important;padding:0!important;place-items:center!important;transition:transform .05s ease,background .2s ease,border-color .2s ease!important;width:34px!important}.menu-button:hover{background:#ffffff1a!important;background:var(--popover)!important;border-color:#6ea8fe59!important;box-shadow:none!important;transform:none!important}.menu-button:active{transform:scale(.98)!important}.menu-button:focus-visible{box-shadow:0 0 0 4px #ffd70066!important;box-shadow:0 0 0 4px var(--ring)!important;outline:none!important}.dropdown-menu{animation:pop .12s ease-out;background:#ffffff1a;background:var(--popover);border:1px solid #ffd7004d;border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 32px #00000080,0 4px 16px #ffd7001a;box-shadow:var(--shadow);min-width:220px;overflow:hidden;padding:8px;position:absolute;right:0;top:calc(100% + 10px);z-index:20}.dropdown-item{align-items:center;border-radius:10px;color:#fffc;color:var(--text-2);cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:background-color .2s ease,color .2s ease}.dropdown-item:hover{background:#6ea8fe1a;color:#fffffff2;color:var(--text)}.dropdown-item.delete-button{background:#0000;border:none;color:#ff6b6b;color:var(--danger);cursor:pointer;font-size:14px;font-weight:600;justify-content:flex-start;text-align:left;transition:background-color .2s ease,color .2s ease;width:100%}.dropdown-item.delete-button:hover:not(:disabled){background:#ff6b6b1f;color:#ffe5e5}.dropdown-item.delete-button:disabled{cursor:wait;opacity:.7}.dropdown-item .dropdown-report-button,.dropdown-item .report-entry-button{background:#0000!important;border:none!important;border-radius:0!important;color:inherit!important;font-size:14px!important;font-weight:500!important;padding:0!important;text-align:left!important;transition:none!important;width:100%!important}.dropdown-item .dropdown-report-button:hover,.dropdown-item .report-entry-button:hover{background:#0000!important;box-shadow:none!important;color:inherit!important;transform:none!important}@keyframes pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.comment-toggle-button{align-items:center!important;background:linear-gradient(135deg,#fff,#f8f9fa)!important;border:1px solid #e1e5e9!important;border-radius:8px!important;box-shadow:0 1px 3px #0000000d!important;color:#495057!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:600!important;gap:.5rem!important;padding:.75rem 1.25rem!important;transition:all .2s ease!important}.comment-toggle-button:hover{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#667eea!important;box-shadow:0 3px 8px #667eea4d!important;color:#fff!important;transform:translateY(-1px)!important}.comment-form-wrapper{animation:comment-form-appear .3s ease-out;background:linear-gradient(135deg,#ffffff14,#6ea8fe1f);border:1px solid #6ea8fe59;border-radius:14px;box-shadow:0 8px 28px #0f0c2940;margin-top:12px;padding:1.1rem}.comment-form{display:flex;flex-direction:column;gap:.75rem}.comment-textarea{background:#0f0c298c;border:1px solid #ffffff40;border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff0d;color:#fffffff2;color:var(--text);font-family:inherit;font-size:.95rem;line-height:1.55;min-height:96px;padding:12px 14px;resize:vertical;width:100%}.comment-textarea::placeholder{color:#ffffff8c}.comment-textarea:focus{border-color:#ffd700bf;box-shadow:0 0 0 3px #ffd70040;outline:none}.comment-form .form-actions{display:flex;gap:.75rem;justify-content:flex-end}.comment-form .btn[disabled]{cursor:not-allowed;opacity:.7}.comment-error{color:#ff6b6b;color:var(--danger);font-size:.85rem;font-weight:500;margin:0}.comment-auth-cta{align-items:center;color:#fffc;color:var(--text-2);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.comment-auth-text{color:#ffffffd1;flex:1 1 220px;font-size:.95rem;line-height:1.5;margin:0}@keyframes comment-form-appear{0%{max-height:0;opacity:0;transform:translateY(-20px)}to{max-height:200px;opacity:1;transform:translateY(0)}}.comments-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(180deg,#0f0c29a6,#24243ed9);border-top:1px solid #ffffff2e;padding:1.75rem 1.5rem 1.5rem}.comments-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.comments-title{align-items:center;color:#fffffff2;color:var(--text);display:flex;font-size:1.05rem;font-weight:700;gap:.6rem;letter-spacing:.02em;margin-bottom:1.1rem}.comments-title:before{content:"💬";font-size:1rem}.comment-scroll-button{background:#6ea8fe38;border:1px solid #6ea8fe73;border-radius:999px;color:#ffffffeb;cursor:pointer;font-size:.9rem;font-weight:600;padding:.45rem 1rem;transition:background .2s ease,transform .2s ease,border-color .2s ease}.comment-scroll-button:hover{background:#6ea8fe52;border-color:#6ea8fea6;transform:translateY(-1px)}.comment-scroll-button:focus-visible{outline:2px solid #6ea8febf;outline-offset:2px}.comments-list{display:flex;flex-direction:column;gap:1rem}.comment{background:linear-gradient(135deg,#ffffff29,#6ea8fe1f);border:1px solid #ffffff2e;border-radius:14px;box-shadow:0 10px 28px #0f0c294d;color:#fffc;color:var(--text-2);font-size:.95rem;line-height:1.6;padding:1rem 1.1rem}.comment-meta{align-items:center;display:flex;gap:.75rem;margin-bottom:.55rem}.comment-avatar{background:conic-gradient(from 140deg,#ffd700e6,#ff69b4f2,#98fb98e6,#ffd700e6);border-radius:50%;box-shadow:inset 0 0 0 2px #ffffffd9;color:#0f0c29;display:grid;font-weight:700;height:40px;place-items:center;width:40px}.comment-author{color:#fffffff2;color:var(--text);display:block;font-size:.95rem;font-weight:600}.comment-timestamp{color:#fff9;color:var(--text-3);display:block;font-size:.75rem;margin-top:2px}.comment-body{-webkit-box-orient:vertical;color:#ffffffeb;display:-webkit-box;letter-spacing:.01em;margin:0;overflow:hidden;word-break:break-word}.comment-body.is-collapsed{-webkit-line-clamp:3;white-space:normal}.comment-body.is-expanded{display:block;white-space:pre-line}.comment-toggle{background:#0000;border:none;color:#6ea8fee6;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.02em;margin-top:.5rem;padding:0}.comment-toggle:hover{text-decoration:underline}.no-comments{background:#0f0c298c;border:1px dashed #ffffff47;border-radius:14px;color:#ffffffb3;font-style:italic;margin-bottom:1.1rem;padding:1.75rem 1.25rem;text-align:center}@media (max-width:768px){.card{border-radius:12px;margin:16px;max-width:none}.post-header{align-items:stretch;flex-direction:column;gap:8px;padding:16px}.post-header-content{margin-bottom:0;margin-right:0}.post-menu{position:absolute;right:16px;top:16px}.card h4{font-size:1.2rem;margin-right:3rem}.post-content{font-size:15px;padding:16px}.comments-section,.post-actions{padding:12px}.reaction-button{flex-wrap:wrap;gap:6px}.btn,.card button{font-size:13px;padding:8px 10px}.dropdown-menu{min-width:180px;right:-8px}}@media (max-width:480px){.card{margin:8px}.card h4{font-size:1.1rem;margin-right:2.5rem}.post-content{font-size:14px;padding:12px}.reaction-button{align-items:stretch;flex-direction:column}.btn,.card button{justify-content:center;width:100%}.menu-button{font-size:14px!important;height:30px!important;width:30px!important}.post-header{padding:12px}.comments-section,.post-actions{padding:8px}}.loading-skeleton{animation:shimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0f,#ffffff1a,#ffffff0f);background-size:200% 100%;border-radius:8px;overflow:hidden;position:relative}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error{background:linear-gradient(180deg,#ff00000d,#0000 70%);border-radius:8px;border-top:1px solid #ffd7004d;border-top:1px solid var(--border);color:#ff6b6b;color:var(--danger);font-weight:600;padding:14px 16px;text-align:center}.visually-hidden{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.report-modal-card{background:#fff;border-radius:14px;bottom:10%;box-shadow:0 2px 12px #0000001a;left:50%;max-width:400px;padding:16px;position:fixed;transform:translateX(-50%);width:90%;z-index:1000}.reason-button{background:#f0f0f0;border:none;border-radius:8px;font-size:14px;margin:6px 0;padding:12px;text-align:left;width:100%}.reason-button:hover{background:#e0e0e0}.cancel-button{background:#0000;border:none;color:#999;margin-top:12px}.dropdown-report-button{background:none;border:none;border-radius:6px;color:#e74c3c;cursor:pointer;font-size:14px;padding:8px 12px;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-report-button:hover{background-color:#fef2f2}.dropdown-report-button:active{background-color:#fed7d7}.report-entry-button{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s ease}.report-entry-button:hover{background:#c0392b}
/*# sourceMappingURL=main.25b2cb77.css.map*/