@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary: 200 85% 75%;--primary-hover: 200 90% 65%;--secondary: 220 80% 85%;--accent: 190 90% 70%;--bg-dark: 210 20% 98%;--bg-gradient-start: 210 30% 98%;--bg-gradient-end: 200 30% 95%;--text-main: 220 20% 20%;--text-muted: 220 10% 50%;--glass-bg: rgba(255, 255, 255, .6);--glass-bg-hover: rgba(255, 255, 255, .8);--glass-border: rgba(200, 220, 255, .3);--glass-shadow: 0 4px 20px rgba(180, 200, 230, .2);--backdrop-blur: 10px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--spacing-container: 1100px}*,*:before,*:after{box-sizing:border-box}html{overflow-x:hidden;width:100%}body{margin:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;background-color:hsl(var(--bg-dark));color:hsl(var(--text-main));min-height:100vh;width:100%;max-width:100vw;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;top:0;bottom:0;width:300px;z-index:-1;pointer-events:none}body:before{left:0;background:radial-gradient(circle at left center,hsla(var(--primary),.15),transparent 70%)}body:after{right:0;background:radial-gradient(circle at right center,hsla(var(--accent),.15),transparent 70%)}a{color:inherit;text-decoration:none}button{font-family:inherit}.container{max-width:var(--spacing-container);margin:0 auto;padding:0 20px}.glass-panel{background:#ffffffb3;backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));border:1px solid var(--glass-border);box-shadow:0 2px 10px #00000008;border-radius:var(--radius-md)}.glass-btn{background:#fffc;border:1px solid var(--glass-border);color:hsl(var(--text-main));padding:8px 18px;border-radius:20px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.9rem}.glass-btn:hover{background:#fff;border-color:hsl(var(--primary));color:hsl(var(--primary));box-shadow:0 4px 12px hsla(var(--primary),.2)}.text-gradient{background:linear-gradient(to right,hsl(var(--primary-hover)),hsl(var(--accent)));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header{z-index:1000;background:#fff;box-shadow:0 4px 15px #0000000d}.header-top-row{display:flex;justify-content:space-between;align-items:center;padding:15px 20px}.text-logo-wrapper{display:flex;flex-direction:column;justify-content:center;text-decoration:none}.logo-subtitle{font-size:.9rem;font-weight:600;color:hsl(var(--primary));letter-spacing:1px;margin-bottom:-5px;margin-left:2px}.logo-village{font-size:.75em;margin-left:2px}.logo-main-text{font-size:3rem;font-weight:800;margin:0;line-height:1.1;color:#333;font-family:Outfit,sans-serif;letter-spacing:-1px}.text-highlight{color:hsl(var(--primary))}.auth-buttons.desktop-only{display:flex;gap:10px;padding-top:10px;align-items:center;flex-wrap:nowrap}@media(max-width:768px){.header-top-row{gap:5px}.text-logo-wrapper{flex-shrink:1;min-width:0}.auth-buttons.desktop-only{gap:3px;padding-top:0;flex-wrap:wrap;max-width:55%;justify-content:flex-end}.auth-buttons.desktop-only .user-area{gap:6px!important;flex-wrap:wrap;width:100%;justify-content:flex-end}.auth-buttons.desktop-only .glass-btn{font-size:.65rem;padding:4px 7px;white-space:nowrap}.auth-buttons.desktop-only .glass-btn.small{font-size:.6rem!important;padding:3px 5px!important;margin-right:3px!important}.auth-buttons.desktop-only .user-greeting{display:none}.auth-buttons.desktop-only .user-area{flex-basis:100%}}.nav-bar-wrapper{display:block;width:100%;background:#fff;border-top:1px solid #f0f0f0;position:relative;z-index:1005}.nav-bar-container{display:flex;align-items:center;height:50px;max-width:var(--spacing-container);margin:0 auto;padding:0 20px;justify-content:space-between}.desktop-nav{display:flex;gap:0;height:100%;width:100%;justify-content:space-around}.nav-item{color:#555;font-weight:600;font-size:1.05rem;display:flex;align-items:center;justify-content:center;height:100%;padding:0 20px;transition:all .2s;flex:1;text-decoration:none}.nav-item:hover{color:hsl(var(--primary));background:#fdfdfd}@media(max-width:768px){.header-top-row{padding:15px 20px;min-height:70px}.logo-main-text{font-size:2.2rem}.nav-bar-wrapper{display:block}.nav-bar-container{padding:0 10px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.nav-bar-container::-webkit-scrollbar{display:none}.desktop-nav{justify-content:flex-start;gap:0;white-space:nowrap}.nav-item{font-size:.9rem;padding:0 15px;flex:0 0 auto;min-width:fit-content}.hamburger-btn{display:flex}}.user-greeting{font-size:.9rem;font-weight:600;color:#4d6280;margin-right:5px}.auth-buttons .glass-btn{padding:8px 18px;font-size:.9rem;background:#fff;border:1px solid #ddd;border-radius:4px}.auth-buttons .primary-btn{background:#333;color:#fff;border-color:#333}.auth-buttons .primary-btn:hover{background:#555;border-color:#555}.hamburger-btn{display:none;flex-direction:column;justify-content:space-between;width:35px;height:30px;background:none;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger-btn span{display:block;width:100%;height:3px;background:#333;border-radius:2px;transition:all .3s}.hamburger-btn.open span:nth-child(1){transform:translateY(13.5px) rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0}.hamburger-btn.open span:nth-child(3){transform:translateY(-13.5px) rotate(-45deg)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;right:0;width:280px;height:100%;background:#fff;box-shadow:-5px 0 25px #00000026;z-index:2001;padding:20px;overflow-y:auto;transform:translate(100%);transition:all .3s cubic-bezier(.645,.045,.355,1)}.mobile-menu.open{transform:translate(0)}.mobile-menu-header{display:flex;justify-content:flex-end;margin-bottom:30px}.mobile-menu-close{background:none;border:none;font-size:2rem;color:#999;cursor:pointer}.mobile-nav{display:flex;flex-direction:column;gap:0;margin-bottom:30px}.mobile-nav-link{padding:15px 10px;color:#333;font-weight:600;border-bottom:1px solid #f5f5f5;font-size:1.1rem}.mobile-auth{display:flex;flex-direction:column;gap:10px;padding-top:20px}.mobile-auth-btn{padding:12px;text-align:center;border:1px solid #ddd;border-radius:6px;font-weight:600;color:#333;background:#fff}.mobile-auth-btn.primary{background:hsl(var(--primary));color:#fff;border-color:hsl(var(--primary))}.noti-container{position:relative;display:flex;align-items:center}.noti-trigger{background:none;border:none;font-size:1.4rem;color:#666;cursor:pointer;padding:5px;position:relative}.noti-trigger:hover{color:hsl(var(--primary))}.noti-badge{position:absolute;top:-2px;right:-2px;background:#e74c3c;color:#fff;font-size:.7rem;padding:2px 5px;border-radius:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 0 0 2px #fff}.noti-dropdown{position:absolute;top:45px;right:0;width:320px;background:#fff;border-radius:8px;border:1px solid #eee;box-shadow:0 10px 40px #0000001a;z-index:1001;overflow:hidden}.noti-header{padding:12px 15px;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;font-weight:600;font-size:.9rem}.noti-list{max-height:300px;overflow-y:auto}.noti-item{padding:15px;border-bottom:1px solid #f0f0f0;cursor:pointer;font-size:.85rem}.noti-item:hover{background:#fafafa}.noti-item.unread{background:hsla(var(--primary),.05);border-left:3px solid hsl(var(--primary))}.noti-footer{padding:10px;text-align:center;border-top:1px solid #eee;background:#f8f9fa}.footer{margin-top:auto;padding:30px 0;text-align:center;color:hsl(var(--text-muted));font-size:.85rem;border-top:1px solid rgba(0,0,0,.05)}.footer-container{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap}.copyright-text{font-family:Outfit,sans-serif}.footer-separator{display:inline-block;width:1px;height:12px;background-color:#0003}.footer-links{display:flex;gap:20px}.footer-link{color:hsl(var(--text-muted));font-weight:500;transition:all .2s;font-size:.85rem}.footer-link:hover{color:hsl(var(--primary));text-decoration:underline}@media(max-width:768px){.footer-container{flex-direction:column;gap:10px}.footer-separator{display:none}}.hero-container{padding:0;background:url(/assets/hero-bg-iczA-EMb.jpg);background-size:cover;background-position:center 20%;background-repeat:no-repeat;overflow:hidden;position:relative;aspect-ratio:21 / 9;min-height:400px;max-width:100%;width:100%;box-shadow:inset 0 0 100px #0000001a}.hero-content{display:flex;justify-content:center;align-items:center;min-height:400px}@media(max-width:768px){.hero-container{aspect-ratio:16 / 9;min-height:300px;background-position:center center}}.video-section{padding:40px 20px}.section-title{font-size:1.8rem;font-weight:700;margin-bottom:30px;display:inline-block;color:#435670;border-bottom:3px solid hsl(215,25%,90%);padding-bottom:5px}.latest-videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:30px}.channel-group{margin-bottom:40px}.channel-title{font-size:1.4rem;margin-bottom:20px;color:hsl(var(--text-main));border-left:4px solid hsl(var(--primary));padding-left:12px}.video-embed-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;background:#000}.video-embed-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.video-card{display:flex;flex-direction:column;overflow:hidden;transition:transform .3s;text-decoration:none;color:inherit}.video-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px hsla(var(--primary),.2)}.thumbnail-wrapper{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}.thumbnail{width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .3s}.video-card:hover .thumbnail{opacity:1}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:2rem;opacity:.7}.video-info{padding:15px}.video-title{font-size:1rem;margin:0;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}@media(max-width:768px){.latest-videos-grid{grid-template-columns:1fr}}.board-list{padding:0;height:100%;background:transparent;box-shadow:none;border:none}.board-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;border-bottom:2px solid hsl(var(--primary));padding-bottom:8px}.board-title{margin:0;font-size:1.1rem;font-weight:700;color:hsl(var(--text-main))}.more-link{font-size:.8rem;color:hsl(var(--text-muted));font-weight:500}.more-link:hover{color:hsl(var(--primary))}.post-list{list-style:none;padding:0;margin:0}.post-item{margin-bottom:0;border-bottom:1px solid rgba(0,0,0,.05)}.post-item:last-child{border-bottom:none}.post-link{display:flex;justify-content:space-between;align-items:center;padding:10px;font-size:.9rem;transition:all .2s;color:hsl(var(--text-main));border-radius:4px}.post-link:hover{background-color:#edf2f7;color:hsl(var(--primary))}.list-post-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;margin-right:10px;color:#444;font-weight:400}@media(max-width:480px){.post-link{padding:10px 5px}}.post-date{font-size:.8rem;color:#999;min-width:70px;text-align:right;font-family:monospace}.post-views{display:none}.boards-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:40px;padding:40px 20px;overflow:hidden}@media(max-width:768px){.boards-section{grid-template-columns:1fr;gap:25px;padding:20px 15px;margin:0}}.schedule-page{padding:40px 0;min-height:80vh}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.month-nav{display:flex;align-items:center;gap:20px}.nav-btn{background:transparent;border:1px solid hsl(var(--secondary));border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:hsl(var(--text-main));transition:all .2s}.nav-btn:hover{background:hsl(var(--secondary));color:#fff}.today-btn{width:auto;padding:0 15px;border-radius:20px;font-size:.9rem;margin-right:10px}.current-month{font-size:1.5rem;font-weight:700;color:hsl(var(--text-main));min-width:150px;text-align:center}.week-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:10px}.week-day{text-align:center;font-weight:600;color:hsl(var(--text-muted));padding:10px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;background:#ffffff80;padding:10px;border-radius:var(--radius-md)}.calendar-cell{background:#fff;min-height:120px;border-radius:var(--radius-sm);padding:8px;position:relative;cursor:pointer;transition:box-shadow .2s;border:1px solid transparent}.calendar-cell:hover{box-shadow:0 4px 12px #0000000d;z-index:1}.calendar-cell.different-month{background:#dcdcdc66;opacity:.4}.calendar-cell.different-month .day-number,.calendar-cell.different-month .event-item{filter:grayscale(100%);opacity:.7}.calendar-cell.today{border-color:hsl(var(--primary))}.week-day:first-child,.calendar-cell:nth-child(7n+1) .day-number,.calendar-cell.holiday .day-number,.calendar-cell.holiday .holiday-name{color:#ff5252}.holiday-name{font-size:.75rem;font-weight:600;margin-right:5px;margin-bottom:5px}.day-header{display:flex;justify-content:space-between;align-items:center}.day-number{font-weight:600;font-size:.9rem;margin-bottom:5px;color:hsl(var(--text-muted))}.day-events{display:flex;flex-direction:column;overflow:hidden}.event-item{font-size:.8rem;padding:4px 8px;margin-bottom:4px;border-radius:4px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;transition:transform .1s;max-width:100%;display:block}.event-item:hover{transform:scale(1.02)}.event-broadcast{background-color:#ffcdd2;color:#b71c1c;border-left:3px solid #f44336}.event-performance{background-color:#90caf9;color:#0d47a1;border-left:3px solid #1976d2}.event-anniversary{background-color:#e1bee7;color:#4a148c;border-left:3px solid #9c27b0}.event-event{background-color:#fff59d;color:#f57f17;border-left:3px solid #fbc02d}.category-legend{display:flex;gap:20px;margin-bottom:20px;background:#0009;padding:12px 24px;border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center}.legend-item{display:flex;align-items:center;gap:6px;color:#fff;font-size:.9rem;font-weight:500}.legend-color{width:12px;height:12px;border-radius:2px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#fff;padding:25px;border-radius:var(--radius-md);width:90%;max-width:400px;box-shadow:0 10px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{margin:0;font-size:1.2rem;color:hsl(var(--text-main))}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:hsl(var(--text-muted))}.modal-form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{font-size:.9rem;color:hsl(var(--text-muted))}.form-input,.form-select,.form-textarea{padding:10px;border:1px solid #ddd;border-radius:var(--radius-sm);font-family:inherit;font-size:.95rem}.form-textarea{resize:vertical;min-height:80px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.btn-cancel{background:#f0f0f0;border:none;padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;color:#666}.btn-save{background:hsl(var(--primary));border:none;padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;color:#fff;font-weight:600}.btn-delete{background:#ffb3b3;color:#c94040;border:none;padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;margin-right:auto}.add-schedule-btn{padding:5px 15px;font-size:.9rem}@media(max-width:768px){.schedule-page{padding:20px 0}.current-month{font-size:1rem;min-width:auto;white-space:nowrap;margin-right:5px}.nav-btn{width:28px!important;height:28px!important;padding:0!important;font-size:.75rem!important;flex:0 0 28px}.today-btn{width:auto!important;height:28px!important;padding:0 8px!important;font-size:.75rem!important;flex:0 0 auto;margin-right:5px}.month-nav{gap:4px;flex-shrink:0}.add-schedule-btn{padding:6px 12px!important;font-size:.8rem!important;height:auto!important;min-height:0!important;line-height:1.2}.category-legend{padding:10px;gap:8px}.week-days{gap:2px;margin-bottom:5px}.week-day{font-size:.8rem;padding:5px 0}.calendar-grid{gap:4px;padding:5px}.calendar-cell{min-height:60px;padding:4px;border-radius:6px}.day-number{font-size:.8rem;margin-bottom:2px}.holiday-name{font-size:.65rem;margin-right:0;margin-bottom:2px;display:block}.day-header{flex-direction:column;align-items:flex-start;margin-bottom:4px}.event-item{font-size:.7rem;padding:2px 4px;margin-bottom:2px;border-left-width:2px}.category-legend{padding:10px 15px;gap:10px;justify-content:center}.legend-item{font-size:.8rem}.event-item span{display:none}}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.board-container{padding:40px 0;min-height:80vh}.board-title-area{margin-bottom:20px;display:flex;justify-content:space-between;align-items:flex-end}.board-main-title{font-size:1.8rem;font-weight:700;color:hsl(var(--text-main));margin:0}.board-main-title.clickable{cursor:pointer;transition:color .2s,transform .2s}.board-main-title.clickable:hover{color:hsl(var(--primary))}.board-meta-info{font-size:.9rem;color:hsl(var(--text-muted))}.board-table{width:100%;border-top:2px solid hsl(var(--text-main))}.board-header-row{display:grid;grid-template-columns:140px 1fr 150px 100px 80px 80px;padding:15px 0;border-bottom:1px solid #ddd;font-weight:600;color:hsl(var(--text-main));text-align:center;background:#f9f9f9}.board-row{display:grid;grid-template-columns:140px 1fr 150px 100px 80px 80px;padding:12px 0;border-bottom:1px solid #eee;align-items:center;text-align:center;font-size:.95rem;color:hsl(var(--text-main));transition:background-color .2s;cursor:pointer}.board-row:hover{background-color:#edf2f7}.board-row.pinned:hover{background-color:#fff59d}.col-title{text-align:left;padding-left:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;display:flex;flex-direction:column}.title-wrapper{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment-count{color:#3498db;font-size:.85rem;font-weight:600}.mobile-meta{display:none}.col-writer{display:flex;justify-content:center;align-items:center;white-space:nowrap;gap:6px}.col-no{color:hsl(var(--text-muted))}.col-date,.col-views,.col-likes{color:hsl(var(--text-muted));font-size:.9rem;font-family:Outfit,sans-serif}.board-row.pinned{background-color:#fffef2;border-bottom:1px solid #eee}.board-row.pinned .col-no{font-weight:700;color:hsl(var(--primary))}.board-row.pinned .col-title{font-weight:600;color:#e2178e}.board-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:40px}.pagination-btn,.pagination-number{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;font-size:.9rem;transition:all .2s}.pagination-btn:hover:not(:disabled),.pagination-number:hover:not(.active){background:hsl(var(--primary));color:#fff;border-color:hsl(var(--primary))}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-number.active{background:hsl(var(--primary));color:#fff;font-weight:600;border-color:hsl(var(--primary))}.btn-write{padding:8px 18px;background:#455a64;color:#fff;border-radius:4px;text-decoration:none;font-weight:500;font-size:.9rem;display:inline-flex;align-items:center;gap:6px;transition:all .2s;border:none;cursor:pointer}.btn-write:hover{background:#37474f;transform:none;box-shadow:0 2px 6px #0000001a}@media(max-width:768px){.btn-write{padding:6px 14px;font-size:.8rem;width:auto}.board-container{padding:20px 0}.board-title-area{flex-direction:column;align-items:flex-start;gap:10px}.board-main-title{font-size:1.5rem}.board-header-row{display:grid;grid-template-columns:40px 1fr 100px 0px 0px 0px;font-size:.75rem;padding:10px 0;text-align:center}.board-row{display:grid;grid-template-areas:none;grid-template-columns:40px 1fr 100px 0px 0px 0px;padding:10px 0;margin-bottom:0;border:none;border-radius:0;border-bottom:1px solid #eee;background:#fff;box-shadow:none;align-items:center}.board-row.pinned{border-left:none;background-color:#fffef2}.col-no,.col-writer,.col-date,.col-views,.col-likes{display:block!important;text-align:center!important;padding:0!important;font-size:.75rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important;color:hsl(var(--text-muted))}.col-no{color:hsl(var(--text-muted))}.col-title{display:flex;flex-direction:column;justify-content:center;font-size:.85rem;margin-bottom:0;padding:0 5px!important;white-space:normal;width:100%}.title-wrapper{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.mobile-meta{display:flex;gap:8px;font-size:.7rem;color:#999;font-family:Outfit,sans-serif}.mobile-meta span:not(:last-child):after{content:"·";margin-left:8px}.col-date,.col-views,.col-likes{display:none!important}.col-date:before,.col-views:before,.col-likes:before,.col-writer:before{content:none!important}.nickname-clickable{cursor:pointer;font-weight:500;transition:color .2s}.nickname-clickable:hover{color:hsl(var(--primary));text-decoration:underline}.user-context-menu{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:5px 0;min-width:120px;overflow:hidden;animation:fadeIn .1s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.user-context-menu button{display:block;width:100%;padding:10px 15px;border:none;background:none;text-align:left;font-size:.9rem;cursor:pointer;transition:background .2s}.user-context-menu button:hover{background:#f5f5f5;color:hsl(var(--primary))}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:5000}.modal-content.glass-panel{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:16px;box-shadow:0 10px 30px #0000001a}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:600;color:#444}.form-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem}.form-input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsla(var(--primary),.2)}.form-actions{display:flex;justify-content:flex-end;gap:12px}.btn-cancel{padding:10px 20px;background:#eee;border:none;border-radius:8px;cursor:pointer;font-weight:600}.btn-cancel:hover{background:#e5e5e5}.board-search-area{flex-direction:column;gap:10px;margin-top:15px;align-items:stretch;padding:12px}.search-group{display:flex;gap:5px;width:100%}.search-group .search-select{flex:3;font-size:.8rem;padding:0 4px;height:36px;min-width:0}.search-group .search-input{flex:5;font-size:.8rem;padding:0 8px;height:36px;min-width:0}.search-group .search-btn{flex:2;padding:0;font-size:.8rem;height:36px;margin-top:0;white-space:nowrap}.btn-write{width:100%;justify-content:center;height:36px}.board-pagination{gap:4px;margin-top:20px}.pagination-btn,.pagination-number{min-width:28px;height:28px;font-size:.75rem}}.board-search-area{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:30px;margin-bottom:30px;padding:12px 20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #eee}.search-group{display:flex;align-items:center;gap:8px}.search-select{padding:6px 10px;border:1px solid #ddd;border-radius:var(--radius-sm);font-family:inherit;font-size:.85rem;color:hsl(var(--text-main));background:#fff}.search-input{padding:6px 12px;border:1px solid #ddd;border-radius:var(--radius-sm);width:200px;font-family:inherit;font-size:.85rem}.search-btn{padding:6px 15px;height:100%;font-size:.85rem}.user-personacon{width:24px;height:24px;border-radius:2px;object-fit:cover;margin-right:6px;vertical-align:middle;display:inline-block}.comment-writer{display:inline-flex;align-items:center}.post-detail-container{padding:40px 0;max-width:900px;margin:0 auto}.post-header{border-bottom:2px solid #eee;padding-bottom:20px;margin-bottom:30px}.post-category-link{font-size:.95rem;color:hsl(var(--primary));margin-bottom:10px;cursor:pointer;font-weight:600;display:inline-block}.post-category-link:hover{text-decoration:underline}.post-title{font-size:1.8rem;color:hsl(var(--text-main));margin-bottom:15px;font-weight:700}.post-meta{display:flex;justify-content:space-between;color:hsl(var(--text-muted));font-size:.95rem}.meta-left,.meta-right{display:flex;gap:15px}.post-content{min-height:200px;line-height:1.8;color:hsl(var(--text-main));margin-bottom:40px}.post-content img{max-width:100%;height:auto;border-radius:var(--radius-sm);margin:10px 0}.post-content ul,.post-content ol{margin-top:30px;margin-bottom:20px}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;width:100%;max-width:860px;margin:20px 0;border-radius:12px;background:#000}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.post-content blockquote{border-left:4px solid hsl(var(--primary));margin-left:0;font-style:italic;color:hsl(var(--text-muted));background:#f9f9f9;padding:10px 15px}.post-reactions{display:flex;justify-content:center;gap:15px;margin-bottom:40px}.post-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-top:25px;border-top:1px solid #eee;gap:15px}.nav-btn{padding:10px 20px;font-size:.95rem;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;color:hsl(var(--text-muted));transition:all .2s;text-decoration:none;display:flex;align-items:center;justify-content:center;min-width:100px;height:42px;white-space:nowrap;font-weight:500}.nav-btn:hover{background:#f8f8f8;color:hsl(var(--primary));border-color:rgba(var(--primary),.5);box-shadow:0 2px 5px #0000000d}.list-btn{font-weight:600;border-color:#ccc;color:hsl(var(--text-main));min-width:80px}.nav-placeholder{width:100px;height:42px;visibility:hidden}.reaction-btn{padding:10px 20px;border-radius:50px;border:1px solid #ddd;background:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;color:hsl(var(--text-main))}.reaction-btn:hover{background:#f8f8f8;border-color:#ccc}.reaction-btn.active{background:hsl(var(--secondary));border-color:hsl(var(--secondary));color:#fff}.post-controls{display:flex;justify-content:flex-end;gap:10px;margin-bottom:40px;border-bottom:1px solid #eee;padding-bottom:20px}.comments-section{background:#fcfcfc;padding:20px;border-radius:var(--radius-md);border:1px solid #eee}.comments-header{font-size:1.1rem;font-weight:600;margin-bottom:20px;color:hsl(var(--text-main))}.comment-input-area{display:flex;gap:10px;margin-bottom:30px}.comment-input{flex:1;padding:12px;border:1px solid #ddd;border-radius:var(--radius-sm);resize:none;height:50px;font-family:inherit}.comment-submit-btn{padding:0 20px;background:hsl(var(--primary));color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600}.comment-list{display:flex;flex-direction:column;gap:20px}.comment-item{border-bottom:1px solid #eee;padding-bottom:15px}.comment-item:last-child{border-bottom:none}.comment-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.9rem}.comment-writer{font-weight:600}.comment-date{color:hsl(var(--text-muted));margin-left:10px;font-size:.85rem}.comment-body{margin-bottom:8px;color:hsl(var(--text-main));line-height:1.5}.comment-actions{display:flex;gap:10px;font-size:.85rem;color:hsl(var(--text-muted))}.comment-action-btn{background:none;border:none;cursor:pointer;color:inherit;font-size:inherit;padding:0}.comment-action-btn:hover{text-decoration:underline}.badge-admin{display:inline-block;padding:2px 6px;background:#333;color:#fff;font-size:.7rem;border-radius:4px;margin-left:5px;vertical-align:middle}.login-alert{padding:20px;text-align:center;background:#f0f4f8;color:#555;border-radius:8px;font-size:.95rem}.login-alert a{color:hsl(var(--primary));font-weight:600;text-decoration:none}.reply-item{border-left:3px solid #eee;padding-left:15px;background:#fafafa;border-bottom:1px solid #eee;margin-bottom:15px}.reply-input-wrapper{margin-top:10px;margin-bottom:20px;border-left:3px solid hsl(var(--primary));padding-left:15px}.reply-actions{display:flex;gap:10px;margin-top:10px}.edit-input-wrapper{display:flex;flex-direction:column;gap:10px;margin-top:5px}.no-comments{text-align:center;padding:30px;color:#999}.reaction-btn.active-like{background:#ffeef4;border-color:#ff4081;color:#ff4081}.reaction-btn.active-dislike{background:#eef2ff;border-color:#536dfe;color:#536dfe}.like-count{color:#ff4081;font-weight:600}.dislike-count{color:#536dfe;font-weight:600}.glass-btn.small{padding:5px 15px;font-size:.85rem}.best-comment{background-color:#fffbf0;border:1px solid #ffcc00;border-radius:var(--radius-sm);padding:15px;margin-bottom:20px}.badge-best{display:inline-block;padding:2px 6px;background:#fc0;color:#fff;font-size:.7rem;font-weight:700;border-radius:4px;margin-left:5px;vertical-align:middle}.blind-text{color:#999;font-style:italic;background:#f0f0f0;padding:5px 10px;border-radius:4px;display:inline-block}.edited-mark{font-size:.75rem;color:#bbb;margin-left:5px}.edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.comment-input.small{height:auto;min-height:60px;font-size:.95rem}.comment-input.large{min-height:120px}.comment-input.large::placeholder{line-height:1.5;white-space:pre-line}@media(max-width:768px){.post-detail-container{padding:20px 0}.post-title{font-size:1.4rem;line-height:1.4}.post-meta{flex-direction:column;gap:10px}.meta-left,.meta-right{flex-wrap:wrap;gap:10px}.post-content{font-size:1rem;line-height:1.7}.post-content img{max-width:100%;height:auto}.post-reactions{flex-direction:row;justify-content:center;gap:15px}.reaction-btn{width:auto;padding:8px 20px;min-height:40px;font-size:.9rem}.post-navigation{flex-direction:row;justify-content:space-between;gap:10px;flex-wrap:wrap}.nav-btn,.nav-placeholder{width:auto;min-height:36px;font-size:.85rem;padding:6px 15px;flex:1}.list-btn{flex:0 0 auto}.post-controls{flex-direction:row;gap:10px}.post-controls button{width:auto;min-height:36px;padding:6px 15px;font-size:.85rem}.comment-item{padding:15px 10px}.reply-item{margin-left:20px!important}.comment-header{flex-direction:column;align-items:flex-start;gap:8px}.comment-actions{flex-wrap:wrap;gap:8px}.comment-action-btn{min-height:40px;padding:8px 12px;font-size:.9rem}.comment-input{font-size:1rem}.comment-submit-btn{min-height:48px;font-size:1rem}.reply-input-wrapper{margin-left:10px!important}}.highlight-comment{animation:highlightFade 2s ease-out}@keyframes highlightFade{0%{background-color:hsla(var(--primary),.2);box-shadow:0 0 15px hsla(var(--primary),.3)}to{background-color:transparent;box-shadow:none}}.nickname-clickable{cursor:pointer;font-weight:700;transition:color .2s}.nickname-clickable:hover{color:hsl(var(--primary));text-decoration:underline}.user-context-menu{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:5px 0;min-width:120px;overflow:hidden;animation:fadeIn .1s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.user-context-menu button{display:block;width:100%;padding:10px 15px;border:none;background:none;text-align:left;font-size:.9rem;cursor:pointer;transition:background .2s}.user-context-menu button:hover{background:#f5f5f5;color:hsl(var(--primary))}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:5000}.modal-content.glass-panel{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:16px;box-shadow:0 10px 30px #0000001a}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:600;color:#444}.form-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem}.form-input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsla(var(--primary),.2)}.form-actions{display:flex;justify-content:flex-end;gap:12px}.btn-cancel{padding:10px 20px;background:#eee;border:none;border-radius:8px;cursor:pointer;font-weight:600}.btn-cancel:hover{background:#e5e5e5}.post-editor-page{padding:40px 0;min-height:80vh}.editor-container{padding:30px;max-width:800px;margin:0 auto}.editor-title{font-size:1.5rem;font-weight:700;color:hsl(var(--text-main));margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid rgba(0,0,0,.05)}.editor-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:.95rem;font-weight:600;color:hsl(var(--text-muted))}.form-quill-editor{background:#fff;border-radius:var(--radius-sm);box-shadow:0 2px 5px #0000000d}.form-quill-editor .ql-toolbar{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm);border-color:#0000001a;background:#fcfcfc}.form-quill-editor .ql-container{border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);border-color:#0000001a;font-size:1rem;min-height:300px}.form-input{padding:12px;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-sm);font-family:inherit;font-size:1rem;background:#ffffffe6;transition:all .2s}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:20px}.btn-cancel{padding:10px 25px;border-radius:var(--radius-full);border:1px solid #ddd;background:#fff;color:#666;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f5f5f5}.btn-save{padding:10px 25px;border-radius:var(--radius-full);border:none;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));color:#fff;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 10px rgba(var(--primary),.3)}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(var(--primary),.4)}@media(max-width:768px){.post-editor-page{padding:20px 0}.editor-container{padding:20px 15px}.editor-title{font-size:1.3rem;margin-bottom:20px}.form-actions{flex-direction:column;gap:10px}.btn-cancel,.btn-save{width:100%;padding:12px;font-size:1rem;min-height:48px}.form-quill-editor .ql-container{min-height:250px}}.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.auth-container{min-height:80vh;display:flex;justify-content:center;align-items:center;padding:40px 20px}.auth-card{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #1f26871a;width:100%;max-width:400px;text-align:center}.auth-title{font-size:1.8rem;color:hsl(var(--text-main));margin-bottom:30px;font-weight:700}.auth-form{display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column;text-align:left;gap:8px}.input-label{font-size:.9rem;color:hsl(var(--text-muted));font-weight:600}.auth-input{padding:12px;border:1px solid #ddd;border-radius:var(--radius-sm);font-size:1rem;transition:all .2s;background:#fffc}.auth-input:focus{border-color:hsl(var(--primary));outline:none;background:#fff;box-shadow:0 0 0 3px #64b5f633}.auth-btn{background:hsl(var(--primary));color:#fff;border:none;padding:14px;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;margin-top:10px;transition:background .2s}.auth-btn:hover{background:hsl(var(--secondary))}.auth-links{margin-top:20px;font-size:.9rem;color:hsl(var(--text-muted))}.auth-link-text{color:hsl(var(--primary));text-decoration:none;font-weight:600;margin-left:5px}.auth-link-text:hover{text-decoration:underline}@media(max-width:768px){.auth-container{padding:20px 15px}.auth-card{padding:30px 20px}.auth-title{font-size:1.5rem}.auth-btn{padding:16px;font-size:1.05rem;min-height:48px}}.validation-msg{font-size:.85rem;margin-top:5px;text-align:left;display:block}.validation-msg.success{color:#2ecc71}.mypage-container{padding-top:100px;padding-bottom:50px;min-height:80vh}.mypage-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 30px #0000000d;max-width:600px;margin:0 auto}.mypage-title{text-align:center;color:hsl(var(--text-main));font-size:2rem;margin-bottom:40px}.info-group{margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.info-group:last-child{border-bottom:none}.info-label{display:block;color:hsl(var(--text-muted));font-size:.9rem;margin-bottom:8px;font-weight:600}.info-value{color:hsl(var(--text-main));font-size:1.1rem;font-weight:500;min-height:27px}.personacon-group{align-items:flex-start!important}.personacon-img{width:50px;height:50px;border-radius:4px;object-fit:cover;border:1px solid rgba(0,0,0,.1);background:#fff;display:block}.personacon-edit-container{display:flex;flex-direction:column;gap:15px;width:100%}.personacon-preview-wrapper{display:flex;align-items:center;gap:15px}.personacon-delete-btn{background:#ffecf0;color:#e74c3c;border:1px solid #ffccd5;padding:4px 12px;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s}.personacon-delete-btn:hover{background:#ffccd5;transform:translateY(-1px)}.personacon-placeholder{width:50px;height:50px;background:#f8f9fa;border:1px dashed #ccc;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#999}.personacon-upload-controls{display:flex;flex-direction:column;gap:8px}.personacon-upload-controls .glass-btn.highlight{background:hsl(var(--primary));color:#fff;width:fit-content}.upload-note{font-size:.8rem;color:#888}.btn-delete-account{background:transparent;color:#e74c3c;border:1px solid #e74c3c;padding:10px 20px;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-delete-account:hover{background:#e74c3c;color:#fff}.nickname-guidelines{margin-top:12px;padding:12px;background:#f8f9fa;border-radius:6px;font-size:.85rem;color:#666;line-height:1.6}.nickname-guidelines p{margin:3px 0}.last-change-note{margin-top:8px!important;color:#999;font-family:Outfit,sans-serif;font-size:.8rem}.withdrawal-confirm-section{padding:20px 0;text-align:center}.withdrawal-warning{color:#e74c3c;background:#fff5f5;padding:15px;border-radius:8px;margin-bottom:25px;line-height:1.6;font-weight:500}.withdrawal-form{max-width:400px;margin:0 auto;text-align:left}.btn-delete-account.confirmed{background:#e74c3c;color:#fff}.btn-delete-account.confirmed:hover{background:#c0392b}.nickname-edit-area{display:flex;gap:10px;align-items:center}.nickname-input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:8px;font-size:1rem}.validation-msg{font-size:.85rem;margin-top:5px;margin-left:5px}.validation-msg.success{color:#27ae60}.validation-msg.error{color:#e74c3c}.mypage-actions{display:flex;justify-content:center;gap:15px;margin-top:40px}.btn-edit-profile,.btn-save-profile,.btn-cancel-edit{padding:10px 25px;border-radius:30px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-edit-profile,.btn-save-profile{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));color:#fff;box-shadow:0 4px 12px rgba(var(--primary),.3)}.btn-cancel-edit{background:#f0f0f0;color:#555}.btn-edit-profile:hover,.btn-save-profile:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(var(--primary),.4)}.btn-cancel-edit:hover{background:#e0e0e0}@media(max-width:768px){.mypage-container{padding-top:60px;padding-bottom:30px}.mypage-card{padding:25px 20px;border-radius:15px;margin:0 10px}.mypage-title{font-size:1.5rem;margin-bottom:30px}.nickname-edit-area{flex-direction:column;align-items:stretch}.mypage-actions{flex-direction:column;gap:10px}.btn-edit-profile,.btn-save-profile,.btn-cancel-edit{width:100%;padding:12px;min-height:48px}}.messages-page{padding-top:30px;padding-bottom:50px}.messages-container{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000000d;padding:30px}.messages-title-area{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;border-bottom:2px solid #333;padding-bottom:15px}.messages-title-area h2{display:flex;align-items:center;gap:10px;font-size:1.5rem;color:#333}.msg-tabs-content{display:flex;gap:5px;margin-bottom:20px}.msg-page-tab{padding:8px 18px;border:1px solid #ddd;background:#f8f9fa;color:#666;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border-radius:4px}.msg-page-tab.active{background:#fff;color:hsl(var(--primary));border-color:#333;border-bottom:none;position:relative;z-index:1;font-weight:700}.msg-page-tab.active:before{content:"✔";margin-right:5px;font-size:.8rem}.msg-search-bar{display:flex;gap:5px}.msg-search-select{padding:5px 10px;border:1px solid #ddd;border-radius:4px;outline:none}.msg-search-input{padding:5px 12px;border:1px solid #ddd;border-radius:4px;width:200px;outline:none}.msg-table{width:100%;border-collapse:collapse;margin-bottom:20px;border-top:1px solid #eee}.msg-table th{background:#fdfdfd;padding:12px 10px;font-size:.9rem;color:#666;border-bottom:1px solid #eee;text-align:left}.msg-table td{padding:15px 10px;border-bottom:1px solid #f0f0f0;font-size:.9rem;color:#444}.msg-col-check{width:40px;text-align:center}.msg-col-title{width:auto}.msg-col-writer{width:180px}.msg-col-date{width:180px;text-align:center}.msg-row:hover{background:#fafafa}.msg-row.unread .msg-subject{font-weight:700}.msg-row.read .msg-subject{color:#999}.msg-subject{cursor:pointer;text-decoration:none;color:inherit;transition:color .1s}.msg-subject:hover{color:hsl(var(--primary));text-decoration:underline}.writer-info{display:flex;align-items:center;gap:8px}.writer-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.msg-footer-actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.bulk-delete-btn{padding:6px 15px;background:#f8f9fa;border:1px solid #ddd;border-radius:4px;font-size:.85rem;color:#666;cursor:pointer}.bulk-delete-btn:hover{background:#eee;color:#e74c3c}.msg-pagination{display:flex;gap:5px;list-style:none}.msg-page-num{padding:5px 10px;border:1px solid #eee;font-size:.85rem;cursor:pointer;color:#666}.msg-page-num.active{color:hsl(var(--primary));font-weight:700}.terms-page{padding:60px 20px;max-width:900px!important}.terms-container{padding:40px}.terms-title{font-size:2rem;font-weight:700;margin-bottom:40px;text-align:center;color:#435670}.terms-content{line-height:1.8;color:#444}.terms-content section{margin-bottom:35px}.terms-content h3{font-size:1.2rem;font-weight:700;margin-bottom:15px;color:#333;border-bottom:1px solid #eee;padding-bottom:10px}.terms-content p{margin-bottom:10px;font-size:.95rem}.terms-content ol{margin-left:20px;margin-bottom:15px}.terms-content li{margin-bottom:8px;font-size:.95rem}@media(max-width:768px){.terms-container{padding:20px}.terms-title{font-size:1.5rem}}.admin-page{padding:60px 20px}.admin-header{margin-bottom:30px}.admin-header h2{font-size:2rem;color:#435670;margin-bottom:5px}.admin-header p{color:hsl(var(--text-muted))}.admin-search{margin-bottom:20px;max-width:400px}.admin-input{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:var(--radius-sm);font-size:.95rem;background:#fff}.admin-table-container{overflow-x:auto;background:#fffc!important}.admin-table{width:100%;border-collapse:collapse;text-align:left;min-width:900px}.admin-table th{padding:15px;background:#00000008;color:#555;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #eee}.admin-table td{padding:15px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.row-suspended{background:#e74c3c0d}.user-info-cell{display:flex;flex-direction:column;gap:2px}.user-nickname{font-weight:700;color:#333}.user-id{font-size:.8rem;color:#888}.user-memberid{font-size:.75rem;color:#aaa;font-family:monospace}.date-text{font-size:.85rem;color:#666}.status-badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:700}.status-badge.verified{background:#e8f8f0;color:#2ecc71}.status-badge.unverified{background:#fdf2f2;color:#e74c3c}.role-select{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:.85rem;background:#fff;cursor:pointer;transition:all .2s}.role-select.pending{border-color:hsl(var(--primary));background:hsla(var(--primary),.05);font-weight:700}.btn-apply-small{padding:6px 10px;background:hsl(var(--primary));color:#fff;border:none;border-radius:4px;font-size:.75rem;font-weight:700;cursor:pointer;animation:fadeIn .3s}.btn-apply-small:hover{filter:brightness(.9)}@keyframes fadeIn{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.btn-delete{padding:6px 12px;background:#e74c3c;color:#fff;border:none;border-radius:4px;font-size:.85rem;cursor:pointer;transition:background .2s}.btn-delete:hover:not(:disabled){background:#c0392b}.btn-delete:disabled{background:#ccc;cursor:not-allowed}.no-results{padding:40px;text-align:center;color:#999}@media(max-width:768px){.admin-page{padding:30px 10px}}.admin-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000}.admin-modal{width:90%;max-width:400px;padding:30px;background:#fff!important;text-align:center;box-shadow:0 10px 40px #0003;border-radius:12px}.admin-modal h3{margin-bottom:10px;color:#333}.admin-modal p{font-size:.9rem;color:#666}.admin-btn-confirm{flex:1;padding:12px;background:#89d1f5;border:none;border-radius:6px;color:#2c3e50;font-weight:700;cursor:pointer}.admin-btn-cancel{flex:1;padding:12px;background:#eee;border:none;border-radius:6px;color:#666;font-weight:700;cursor:pointer;transition:background .2s}.admin-btn-cancel:hover{background:#e0e0e0}.admin-pagination{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:30px}.page-btn{padding:8px 14px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:.9rem;color:#666;transition:all .2s}.page-btn:hover:not(:disabled){border-color:hsl(var(--primary));color:hsl(var(--primary));background:hsla(var(--primary),.05)}.page-btn.active{background:hsl(var(--primary));color:#fff;border-color:hsl(var(--primary));font-weight:700}.page-btn:disabled{background:#f5f5f5;color:#ccc;cursor:not-allowed;border-color:#eee}