:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root,html.light-theme,body.light-theme{--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-tertiary: #f9fafb;--bg-card: #ffffff;--bg-navbar: rgba(255, 255, 255, .98);--bg-input: #ffffff;--bg-hover: #f3f4f6;--bg-sidebar: #fafbfc;--bg-dropdown: #ffffff;--bg-modal: #ffffff;--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--text-muted: #d1d5db;--text-link: #4f46e5;--text-link-hover: #4338ca;--text-on-accent: #ffffff;--border-primary: #e5e7eb;--border-secondary: #d1d5db;--border-focus: #667eea;--border-hover: #c7d2fe;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--overlay-bg: rgba(17, 24, 39, .75);--accent-primary: #667eea;--accent-secondary: #764ba2;--accent-success: #10b981;--accent-error: #ef4444;--accent-warning: #f59e0b;--accent-info: #3b82f6;--hover-bg: #f3f4f6;--hover-border: #d1d5db;--hover-text: #111827;--focus-ring: 0 0 0 3px rgba(102, 126, 234, .1);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-base: 1rem;--font-size-sm: .875rem;--font-size-xs: .813rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--line-height-base: 1.6}html.dark-theme,body.dark-theme{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #242424;--bg-card: #1a1a1a;--bg-navbar: rgba(26, 26, 26, .98);--bg-input: #242424;--bg-hover: #2a2a2a;--bg-sidebar: #151515;--bg-dropdown: #1f1f1f;--bg-modal: #1a1a1a;--text-primary: #f5f5f5;--text-secondary: #a8a8a8;--text-tertiary: #888888;--text-muted: #666666;--text-link: #8b9aff;--text-link-hover: #a5b4ff;--text-on-accent: #ffffff;--border-primary: #2a2a2a;--border-secondary: #3a3a3a;--border-focus: #667eea;--border-hover: #505050;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .8);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .9), 0 2px 4px -1px rgba(0, 0, 0, .8);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .9), 0 4px 6px -2px rgba(0, 0, 0, .8);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .95), 0 10px 10px -5px rgba(0, 0, 0, .9);--overlay-bg: rgba(0, 0, 0, .85);--accent-primary: #667eea;--accent-secondary: #764ba2;--accent-success: #34d399;--accent-error: #f87171;--accent-warning: #fbbf24;--accent-info: #60a5fa;--hover-bg: #2a2a2a;--hover-border: #3a3a3a;--hover-text: #f5f5f5;--focus-ring: 0 0 0 3px rgba(102, 126, 234, .2);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-base: 1rem;--font-size-sm: .875rem;--font-size-xs: .813rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--line-height-base: 1.6}body:not(.admin-page).dark-theme{background:#121212!important;color:#e0e0e0!important}body:not(.admin-page).dark-theme .confessions-page *,body:not(.admin-page).dark-theme .confessions-dark *,body:not(.admin-page).dark-theme .post-view-page *{border-color:var(--border-primary)}body:not(.admin-page).dark-theme .confessions-page input,body:not(.admin-page).dark-theme .confessions-dark input,body:not(.admin-page).dark-theme .confessions-page textarea,body:not(.admin-page).dark-theme .confessions-dark textarea{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border-color:var(--border-primary)!important}body:not(.admin-page).dark-theme .navbar,body:not(.admin-page).dark-theme nav{background-color:var(--bg-secondary)!important;border-bottom-color:var(--border-primary)!important}body:not(.admin-page){background-color:var(--bg-primary)!important;color:var(--text-primary)!important;transition:background-color .3s ease,color .3s ease}.confessions-page,.confessions-dark,.post-view-page,.cms-page-view{background-color:var(--bg-primary)!important;color:var(--text-primary)!important;min-height:100vh}.confessions-page .container,.confessions-dark .main-layout,.post-view-page .container,.cms-page-view .container{background-color:transparent!important}body:not(.admin-page) .confession-card,.confessions-page .confession-card,.confessions-dark .confession-card,.post-view-page .confession-card{background-color:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--border-primary)!important;border-radius:12px!important;padding:20px!important;box-shadow:var(--shadow-sm)!important;transition:all .2s ease!important}body:not(.admin-page) .confession-card:hover,.confessions-page .confession-card:hover,.confessions-dark .confession-card:hover{box-shadow:var(--shadow-md)!important;border-color:var(--border-secondary)!important;transform:translateY(-2px)!important}body:not(.admin-page) .confession-card .lesson-title,body:not(.admin-page) .confession-card h3{color:var(--text-primary)!important;font-size:1.25rem!important;font-weight:700!important;margin-bottom:12px!important}body:not(.admin-page) .confession-card .confession-text,body:not(.admin-page) .confession-card p{color:var(--text-secondary)!important;line-height:1.6!important;margin-bottom:16px!important}.confessions-page .post-section,.confessions-dark .post-section{background-color:transparent!important}body:not(.admin-page) .post-input-container,.confessions-page .post-input-container,.confessions-dark .post-input-container{background-color:var(--bg-card)!important;border:1px solid var(--border-primary)!important;border-radius:12px!important;padding:12px!important;box-shadow:var(--shadow-sm)!important;transition:all .2s!important}body:not(.admin-page) .post-input-container:hover,.confessions-page .post-input-container:hover,.confessions-dark .post-input-container:hover{box-shadow:var(--shadow-md)!important;border-color:var(--border-secondary)!important}body:not(.admin-page) .post-input,.confessions-page .post-input,.confessions-dark .post-input{background-color:var(--bg-input)!important;color:var(--text-secondary)!important;border:1px solid var(--border-primary)!important;border-radius:8px!important;padding:12px 16px!important;width:100%!important;transition:all .2s!important}body:not(.admin-page) .post-input:focus,.confessions-page .post-input:focus,.confessions-dark .post-input:focus{border-color:var(--border-focus)!important;box-shadow:0 0 0 3px #667eea1a!important;outline:none!important}.confessions-dark .content-area{background-color:transparent!important}body:not(.admin-page).dark-theme .confession-card,body:not(.admin-page).dark-theme .card:not(.settings-card):not(.theme-card){background-color:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--border-primary)}body:not(.admin-page).dark-theme .confessions-page h1,body:not(.admin-page).dark-theme .confessions-page h2,body:not(.admin-page).dark-theme .confessions-page h3,body:not(.admin-page).dark-theme .confessions-dark h1,body:not(.admin-page).dark-theme .confessions-dark h2,body:not(.admin-page).dark-theme .confessions-dark h3,body:not(.admin-page).dark-theme .confessions-page p,body:not(.admin-page).dark-theme .confessions-dark p{color:var(--text-primary)!important}body:not(.admin-page).dark-theme .confessions-page a,body:not(.admin-page).dark-theme .confessions-dark a{color:#88a3ff}body:not(.admin-page).dark-theme .confessions-page a:hover,body:not(.admin-page).dark-theme .confessions-dark a:hover{color:#a8b9ff}body:not(.admin-page).dark-theme .sidebar-info,body:not(.admin-page).dark-theme .confessions-dark aside{background-color:var(--bg-secondary)!important;border-color:var(--border-primary)!important}.admin-page,.admin-dashboard,.admin-login-page,.settings-page{background-color:#f5f7fa!important;color:#1a1a1a!important}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}html{scroll-behavior:smooth}*{scrollbar-width:thin;scrollbar-color:var(--border-secondary) var(--bg-secondary)}.confessions-dark *{scrollbar-width:thin;scrollbar-color:#2a2a2a #0a0a0a}body:not(.admin-page) .nav-bar,body:not(.admin-page) .navbar,body:not(.admin-page) header,.confessions-page .nav-bar,.confessions-dark .nav-bar{background-color:var(--bg-navbar)!important;border-bottom:2px solid var(--border-secondary)!important;box-shadow:var(--shadow-sm)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}body:not(.admin-page) .nav-bar .logo,body:not(.admin-page) .navbar .logo,.confessions-page .nav-bar .logo,.confessions-dark .nav-bar .logo{display:flex!important;align-items:center!important;gap:12px!important;border:none!important;outline:none!important;box-shadow:none!important;padding:0!important;margin:0!important}body:not(.admin-page) .nav-bar .logo img,body:not(.admin-page) .navbar .logo img,.confessions-page .nav-bar .logo img,.confessions-dark .nav-bar .logo img{border:none!important;outline:none!important;box-shadow:none!important}body:not(.admin-page) .nav-bar .logo h1,body:not(.admin-page) .navbar .logo h1,.confessions-page .nav-bar .logo h1,.confessions-dark .nav-bar .logo h1{color:var(--text-primary)!important;font-size:1.5rem!important;font-weight:700!important;margin:0!important}body:not(.admin-page) .nav-bar .nav-links,body:not(.admin-page) .navbar .nav-links,.confessions-page .nav-bar .nav-links,.confessions-dark .nav-bar .nav-links{display:flex!important;gap:8px!important;align-items:center!important}body:not(.admin-page) .nav-bar .nav-links a,body:not(.admin-page) .navbar .nav-links a,body:not(.admin-page) .nav-bar .nav-links button,.confessions-page .nav-bar .nav-links a,.confessions-dark .nav-bar .nav-links a{color:var(--text-secondary)!important;text-decoration:none!important;padding:8px 16px!important;border-radius:8px!important;font-weight:500!important;transition:all .2s!important;background-color:transparent!important;border:none!important;cursor:pointer!important}body:not(.admin-page) .nav-bar .nav-links a:hover,body:not(.admin-page) .navbar .nav-links a:hover,body:not(.admin-page) .nav-bar .nav-links button:hover,.confessions-page .nav-bar .nav-links a:hover,.confessions-dark .nav-bar .nav-links a:hover{color:var(--text-primary)!important;background-color:var(--bg-hover)!important}body:not(.admin-page) .nav-bar .nav-links a.router-link-active,body:not(.admin-page) .navbar .nav-links a.router-link-active,body:not(.admin-page) .nav-bar .nav-links a.active,.confessions-page .nav-bar .nav-links a.router-link-active,.confessions-dark .nav-bar .nav-links a.router-link-active{color:var(--accent-primary)!important;background-color:#667eea1a!important;font-weight:600!important}body:not(.admin-page) .nav-bar .user-menu,body:not(.admin-page) .navbar .user-menu{position:relative!important}body:not(.admin-page) .nav-bar .user-avatar,body:not(.admin-page) .navbar .user-avatar{width:36px!important;height:36px!important;border-radius:50%!important;border:2px solid var(--border-primary)!important;cursor:pointer!important;transition:all .2s!important}body:not(.admin-page) .nav-bar .user-avatar:hover,body:not(.admin-page) .navbar .user-avatar:hover{border-color:var(--accent-primary)!important;transform:scale(1.05)!important}.modal-overlay,body:not(.admin-page) .modal-overlay{background-color:var(--overlay-bg)!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}.modal-content{background-color:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--border-primary)!important;box-shadow:var(--shadow-lg)!important}.modal-content .modal-header h2,.modal-content .modal-header h3,.modal-content .modal-body{color:var(--text-primary)!important}.modal-content .close-btn{color:var(--text-secondary)!important}.modal-content .close-btn:hover{color:var(--text-primary)!important;background-color:var(--bg-secondary)!important}body:not(.admin-page) .sidebar-box{background-color:var(--bg-card)!important;border-color:var(--border-primary)!important}body:not(.admin-page) .sidebar,body:not(.admin-page) aside{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}body:not(.admin-page) .sidebar h3,body:not(.admin-page) aside h3{color:var(--text-primary)!important;font-size:18px!important;font-weight:600!important;line-height:1.4!important}body:not(.admin-page) .sidebar h4,body:not(.admin-page) aside h4{color:var(--text-primary)!important;font-size:12px!important;font-weight:700!important;letter-spacing:1px!important}body:not(.admin-page) .sidebar p,body:not(.admin-page) .sidebar div,body:not(.admin-page) aside p,body:not(.admin-page) aside div{color:var(--text-secondary)!important;font-size:14px!important;line-height:1.6!important}body:not(.admin-page) .sidebar .info-card div,body:not(.admin-page) aside .info-card div{font-size:14px!important}body:not(.admin-page) .sidebar .links-list,body:not(.admin-page) aside .links-list{list-style:none!important;padding:0!important;margin:0!important}body:not(.admin-page) .sidebar .links-list li,body:not(.admin-page) aside .links-list li{margin-bottom:12px!important;padding:0!important;border-bottom:none!important}body:not(.admin-page) .sidebar .links-list li:last-child,body:not(.admin-page) aside .links-list li:last-child{margin-bottom:0!important}body:not(.admin-page) .sidebar .copyright,body:not(.admin-page) aside .copyright{font-size:11px!important;font-weight:400!important;line-height:1.6!important}body:not(.admin-page) .sidebar .recaptcha-notice,body:not(.admin-page) aside .recaptcha-notice{font-size:10px!important;font-weight:400!important;line-height:1.6!important}body:not(.admin-page) .sidebar .links-list a,body:not(.admin-page) aside .links-list a{color:var(--text-secondary)!important;cursor:pointer!important;pointer-events:auto!important;text-decoration:none!important;font-size:14px!important;font-weight:400!important;font-family:inherit!important;display:flex!important;align-items:center!important;gap:10px!important;padding:2px 0!important;transition:all .2s ease!important}body:not(.admin-page) .sidebar .links-list a:hover,body:not(.admin-page) aside .links-list a:hover,body:not(.admin-page) .sidebar .links-list .router-link-active,body:not(.admin-page) aside .links-list .router-link-active{color:var(--text-link)!important}body:not(.admin-page) .sidebar .links-list svg,body:not(.admin-page) aside .links-list svg{width:16px!important;height:16px!important;flex-shrink:0!important;color:var(--text-tertiary)!important;transition:color .2s!important;stroke-width:2!important}body:not(.admin-page) .sidebar .links-list a:hover svg,body:not(.admin-page) aside .links-list a:hover svg,body:not(.admin-page) .sidebar .links-list .router-link-active svg,body:not(.admin-page) aside .links-list .router-link-active svg{color:var(--text-link)!important}body:not(.admin-page) .recaptcha-notice a,body:not(.admin-page) .recaptcha-notice .router-link-exact-active{pointer-events:auto!important;cursor:pointer!important;color:var(--text-link)!important}body:not(.admin-page) .copyright,body:not(.admin-page) .footer,body:not(.admin-page) .site-footer{background-color:var(--bg-card)!important;border-top:1px solid var(--border-primary)!important;color:var(--text-tertiary)!important;padding:20px!important;text-align:center!important;font-size:.875rem!important}body:not(.admin-page) .copyright a,body:not(.admin-page) .footer a,body:not(.admin-page) .site-footer a{color:var(--text-link)!important;text-decoration:none!important}body:not(.admin-page) .copyright a:hover,body:not(.admin-page) .footer a:hover{color:var(--text-link-hover)!important}body:not(.admin-page) .info-section,body:not(.admin-page) .information{background-color:var(--bg-card)!important;border:1px solid var(--border-primary)!important;border-radius:12px!important;padding:20px!important;margin-bottom:16px!important;box-shadow:var(--shadow-sm)!important}.confessions-page input[type=text],.confessions-dark input[type=text],.confessions-page textarea,.confessions-dark textarea,.modal-content input[type=text],.modal-content textarea{background-color:var(--bg-input)!important;color:var(--text-primary)!important;border:1px solid var(--border-primary)!important}.confessions-page input[type=text]:focus,.confessions-dark input[type=text]:focus,.confessions-page textarea:focus,.confessions-dark textarea:focus,.modal-content input[type=text]:focus,.modal-content textarea:focus{border-color:var(--border-focus)!important;outline:none!important;box-shadow:0 0 0 3px #667eea1a!important}.confessions-page input::placeholder,.confessions-dark input::placeholder,.confessions-page textarea::placeholder,.confessions-dark textarea::placeholder,.modal-content input::placeholder,.modal-content textarea::placeholder{color:var(--text-muted)!important}.confessions-page .confess-btn,.confessions-dark .confess-btn,.confessions-page .submit-btn,.confessions-dark .submit-btn,.modal-content .submit-btn,.modal-content .confess-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important}.confessions-page .confess-btn:hover,.confessions-dark .confess-btn:hover,.confessions-page .submit-btn:hover,.confessions-dark .submit-btn:hover,.modal-content .submit-btn:hover,.modal-content .confess-btn:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f)!important;transform:translateY(-1px);box-shadow:var(--shadow-lg)!important}.confessions-page .secondary-btn,.confessions-dark .secondary-btn,.modal-content .secondary-btn,.modal-content .cancel-btn{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-primary)!important}.confessions-page .secondary-btn:hover,.confessions-dark .secondary-btn:hover,.modal-content .secondary-btn:hover,.modal-content .cancel-btn:hover{background-color:var(--bg-tertiary)!important}.confessions-page .fab,.confessions-dark .fab{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;box-shadow:var(--shadow-lg)!important}.confessions-page .fab:hover,.confessions-dark .fab:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f)!important;transform:scale(1.05)!important}body:not(.admin-page) .filter-tabs,body:not(.admin-page) .tabs-container,.confessions-page .filter-tabs,.confessions-dark .filter-tabs{background-color:var(--bg-card)!important;border:1px solid var(--border-primary)!important;border-radius:12px!important;padding:4px!important;box-shadow:var(--shadow-sm)!important;display:flex!important;gap:4px!important}body:not(.admin-page) .filter-tabs button,body:not(.admin-page) .tabs-container button,.confessions-page .filter-tabs button,.confessions-dark .filter-tabs button{color:var(--text-secondary)!important;background-color:transparent!important;border:none!important;padding:10px 20px!important;border-radius:8px!important;font-weight:500!important;font-size:.938rem!important;cursor:pointer!important;transition:all .2s!important;flex:1!important}body:not(.admin-page) .filter-tabs button:hover,body:not(.admin-page) .tabs-container button:hover,.confessions-page .filter-tabs button:hover,.confessions-dark .filter-tabs button:hover{color:var(--text-primary)!important;background-color:var(--bg-hover)!important}body:not(.admin-page) .filter-tabs button.active,body:not(.admin-page) .tabs-container button.active,.confessions-page .filter-tabs button.active,.confessions-dark .filter-tabs button.active{color:#fff!important;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%)!important;font-weight:600!important;box-shadow:var(--shadow-sm)!important}body:not(.admin-page) .comment-item,body:not(.admin-page) .comment-card,.post-view-page .comment-item,.post-view-page .comment-card{background-color:var(--bg-card)!important;border:1px solid var(--border-primary)!important;border-radius:12px!important;color:var(--text-primary)!important;box-shadow:var(--shadow-sm)!important;padding:16px!important;margin-bottom:12px!important}body:not(.admin-page) .comment-item:hover,.post-view-page .comment-item:hover{box-shadow:var(--shadow-md)!important;border-color:var(--border-secondary)!important}body:not(.admin-page) .comment-header,body:not(.admin-page) .comment-reply-header,.post-view-page .comment-header,.post-view-page .comment-reply-header{background-color:var(--bg-secondary)!important;border-bottom:1px solid var(--border-primary)!important;padding:12px 16px!important;border-radius:8px 8px 0 0!important}body:not(.admin-page) .comment-author,.post-view-page .comment-author{color:var(--text-primary)!important;font-weight:600!important}body:not(.admin-page) .comment-text,body:not(.admin-page) .comment-content,.post-view-page .comment-text,.post-view-page .comment-content{color:var(--text-secondary)!important;line-height:1.6!important}body:not(.admin-page) .comment-date,body:not(.admin-page) .comment-time,.post-view-page .comment-date,.post-view-page .comment-time{color:var(--text-tertiary)!important;font-size:.875rem!important}body:not(.admin-page) .comment-actions,.post-view-page .comment-actions{display:flex!important;gap:12px!important;margin-top:8px!important}body:not(.admin-page) .comment-actions button,.post-view-page .comment-actions button{color:var(--text-secondary)!important;background-color:transparent!important;border:none!important;padding:4px 8px!important;border-radius:6px!important;font-size:.875rem!important;transition:all .2s!important}body:not(.admin-page) .comment-actions button:hover,.post-view-page .comment-actions button:hover{color:var(--text-primary)!important;background-color:var(--bg-hover)!important}body:not(.admin-page) .comment-replies,body:not(.admin-page) .nested-comments,.post-view-page .comment-replies,.post-view-page .nested-comments{margin-left:32px!important;margin-top:12px!important;padding-left:16px!important;border-left:2px solid var(--border-primary)!important}body:not(.admin-page) .tag,body:not(.admin-page) .badge,body:not(.admin-page) .label,.confessions-page .tag,.confessions-dark .tag,.post-view-page .tag,body:not(.admin-page) .tag-badge,.confessions-page .tag-badge,.confessions-dark .tag-badge,.post-view-page .tag-badge{display:inline-flex!important;align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important;border-radius:16px!important;padding:6px 14px!important;font-size:.813rem!important;font-weight:700!important;transition:all .2s!important;cursor:default!important;text-shadow:0 1px 3px rgba(0,0,0,.3)!important;box-shadow:0 2px 6px #667eea66!important}body:not(.admin-page) .tag:hover,body:not(.admin-page) .badge:hover,.confessions-page .tag:hover,.confessions-dark .tag:hover,.post-view-page .tag:hover,body:not(.admin-page) .tag-badge:hover,.confessions-page .tag-badge:hover,.confessions-dark .tag-badge:hover,.post-view-page .tag-badge:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px #667eea80!important}body:not(.admin-page) .tags-container,body:not(.admin-page) .tag-list{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:12px!important}body:not(.admin-page) .tag-checkbox{background-color:var(--bg-tertiary)!important;border-color:var(--border-primary)!important;color:var(--text-primary)!important}body:not(.admin-page) .tag-checkbox:hover{background-color:var(--bg-hover)!important;border-color:var(--accent-primary)!important}body:not(.admin-page) .tag-checkbox span,body:not(.admin-page) .tag-checkbox label{color:var(--text-primary)!important}body:not(.admin-page) .selected-tags{background-color:var(--bg-tertiary)!important;border-color:var(--border-primary)!important;color:var(--text-secondary)!important}body:not(.admin-page) .tag-badge{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}html.light-theme .tag-badge,body.light-theme .tag-badge,.light-theme .tag-badge,html[data-theme=light] .tag-badge,body[data-theme=light] .tag-badge,html.light-theme .tag,body.light-theme .tag,.light-theme .tag,html[data-theme=light] .tag,body[data-theme=light] .tag{color:#fff!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;text-shadow:0 1px 3px rgba(0,0,0,.3)!important;-webkit-text-fill-color:#ffffff!important}.confessions-page .timestamp,.confessions-dark .timestamp,.confessions-page .meta-info,.confessions-dark .meta-info,.post-view-page .timestamp,.post-view-page .meta-info{color:var(--text-muted)!important}.confessions-page .action-btns button,.confessions-dark .action-btns button,.post-view-page .action-btns button{color:var(--text-secondary)!important;background-color:transparent!important}.confessions-page .action-btns button:hover,.confessions-dark .action-btns button:hover,.post-view-page .action-btns button:hover{color:var(--text-primary)!important;background-color:var(--bg-secondary)!important}.confessions-page .action-btns button.liked,.confessions-dark .action-btns button.liked,.post-view-page .action-btns button.liked{color:#ff4757!important}body:not(.admin-page) .search-bar,body:not(.admin-page) .search-box,body:not(.admin-page) .search-container,.confessions-page .search-bar,.confessions-dark .search-bar{background-color:var(--bg-card)!important;border:1px solid var(--border-primary)!important;border-radius:12px!important;padding:8px 16px!important;display:flex!important;align-items:center!important;gap:12px!important;box-shadow:var(--shadow-sm)!important;transition:all .2s!important}body:not(.admin-page) .search-bar:hover,body:not(.admin-page) .search-box:hover,.confessions-page .search-bar:hover,.confessions-dark .search-bar:hover{box-shadow:var(--shadow-md)!important;border-color:var(--border-secondary)!important}body:not(.admin-page) .search-bar:focus-within,body:not(.admin-page) .search-box:focus-within,.confessions-page .search-bar:focus-within,.confessions-dark .search-bar:focus-within{border-color:var(--border-focus)!important;box-shadow:0 0 0 3px #667eea1a!important}body:not(.admin-page) .search-bar input,body:not(.admin-page) .search-box input,.confessions-page .search-bar input,.confessions-dark .search-bar input{background-color:transparent!important;color:var(--text-primary)!important;border:none!important;outline:none!important;flex:1!important;font-size:.938rem!important}body:not(.admin-page) .search-bar input::placeholder,body:not(.admin-page) .search-box input::placeholder,.confessions-page .search-bar input::placeholder,.confessions-dark .search-bar input::placeholder{color:var(--text-tertiary)!important}body:not(.admin-page) .search-bar .search-icon,body:not(.admin-page) .search-box .search-icon{color:var(--text-secondary)!important}body:not(.admin-page) .search-bar button,body:not(.admin-page) .search-box button{background-color:var(--accent-primary)!important;color:#fff!important;border:none!important;border-radius:8px!important;padding:6px 16px!important;font-weight:500!important;transition:all .2s!important}body:not(.admin-page) .search-bar button:hover,body:not(.admin-page) .search-box button:hover{background-color:var(--accent-secondary)!important;transform:translateY(-1px)!important}body:not(.admin-page) .profile-dropdown,body:not(.admin-page) .user-dropdown,body:not(.admin-page) .account-menu,body:not(.admin-page) .dropdown-menu{background-color:var(--bg-dropdown)!important;border:1px solid var(--border-primary)!important;border-radius:12px!important;box-shadow:var(--shadow-xl)!important;padding:8px!important;min-width:200px!important}body:not(.admin-page) .profile-dropdown .dropdown-item,body:not(.admin-page) .user-dropdown .dropdown-item,body:not(.admin-page) .account-menu .menu-item,body:not(.admin-page) .dropdown-menu .menu-item{color:var(--text-primary)!important;padding:10px 14px!important;border-radius:8px!important;display:flex!important;align-items:center!important;gap:12px!important;transition:all .2s!important;cursor:pointer!important;background-color:transparent!important}body:not(.admin-page) .profile-dropdown .dropdown-item:hover,body:not(.admin-page) .user-dropdown .dropdown-item:hover,body:not(.admin-page) .account-menu .menu-item:hover,body:not(.admin-page) .dropdown-menu .menu-item:hover{background-color:var(--bg-hover)!important;color:var(--accent-primary)!important}body:not(.admin-page) .profile-dropdown .dropdown-divider,body:not(.admin-page) .user-dropdown .dropdown-divider,body:not(.admin-page) .account-menu .divider{height:1px!important;background-color:var(--border-primary)!important;margin:8px 0!important}body:not(.admin-page) .profile-dropdown .user-info,body:not(.admin-page) .user-dropdown .user-info{padding:12px 14px!important;border-bottom:1px solid var(--border-primary)!important;margin-bottom:8px!important}body:not(.admin-page) .profile-dropdown .user-name,body:not(.admin-page) .user-dropdown .user-name{color:var(--text-primary)!important;font-weight:600!important;font-size:.938rem!important}body:not(.admin-page) .profile-dropdown .user-email,body:not(.admin-page) .user-dropdown .user-email{color:var(--text-tertiary)!important;font-size:.813rem!important;margin-top:2px!important}body:not(.admin-page) .cms-page-view,body:not(.admin-page) .page-content,body:not(.admin-page) .static-page{background-color:var(--bg-primary)!important;color:var(--text-primary)!important}body:not(.admin-page) .cms-page-view .page-container,body:not(.admin-page) .page-content .container{background-color:var(--bg-card)!important;border:1px solid var(--border-primary)!important;border-radius:12px!important;padding:32px!important;margin:24px auto!important;max-width:900px!important;box-shadow:var(--shadow-md)!important}body:not(.admin-page) .cms-page-view h1,body:not(.admin-page) .page-content h1{color:var(--text-primary)!important;font-size:2.25rem!important;font-weight:700!important;margin-bottom:16px!important;padding-bottom:16px!important;border-bottom:2px solid var(--border-primary)!important}body:not(.admin-page) .cms-page-view h2,body:not(.admin-page) .page-content h2{color:var(--text-primary)!important;font-size:1.75rem!important;font-weight:600!important;margin-top:32px!important;margin-bottom:16px!important}body:not(.admin-page) .cms-page-view h3,body:not(.admin-page) .page-content h3{color:var(--text-primary)!important;font-size:1.375rem!important;font-weight:600!important;margin-top:24px!important;margin-bottom:12px!important}body:not(.admin-page) .cms-page-view p,body:not(.admin-page) .page-content p{color:var(--text-secondary)!important;line-height:1.8!important;margin-bottom:16px!important;font-size:1rem!important}body:not(.admin-page) .cms-page-view ul,body:not(.admin-page) .cms-page-view ol,body:not(.admin-page) .page-content ul,body:not(.admin-page) .page-content ol{color:var(--text-secondary)!important;margin-left:24px!important;margin-bottom:16px!important}body:not(.admin-page) .cms-page-view li,body:not(.admin-page) .page-content li{margin-bottom:8px!important;line-height:1.6!important}body:not(.admin-page) .cms-page-view a,body:not(.admin-page) .page-content a{color:var(--text-link)!important;text-decoration:none!important;border-bottom:1px solid transparent!important;transition:all .2s!important}body:not(.admin-page) .cms-page-view a:hover,body:not(.admin-page) .page-content a:hover{color:var(--text-link-hover)!important;border-bottom-color:var(--text-link-hover)!important}body:not(.admin-page) .cms-page-view blockquote,body:not(.admin-page) .page-content blockquote{background-color:var(--bg-tertiary)!important;border-left:4px solid var(--accent-primary)!important;padding:16px 20px!important;margin:20px 0!important;border-radius:0 8px 8px 0!important;color:var(--text-secondary)!important;font-style:italic!important}body:not(.admin-page) .cms-page-view code,body:not(.admin-page) .page-content code{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;padding:2px 6px!important;border-radius:4px!important;font-family:Monaco,Courier New,monospace!important;font-size:.875rem!important}body:not(.admin-page) .cms-page-view pre,body:not(.admin-page) .page-content pre{background-color:var(--bg-tertiary)!important;border:1px solid var(--border-primary)!important;border-radius:8px!important;padding:16px!important;overflow-x:auto!important;margin:16px 0!important}body:not(.admin-page) .cms-page-view pre code,body:not(.admin-page) .page-content pre code{background-color:transparent!important;padding:0!important}body:not(.admin-page) .modal-container,body:not(.admin-page) .modal-container-dark{background:var(--bg-card)!important;border-color:var(--border-primary)!important;box-shadow:var(--shadow-lg)!important}body:not(.admin-page) .modal-header,body:not(.admin-page) .modal-header-dark{background:var(--bg-secondary)!important;border-color:var(--border-primary)!important}body:not(.admin-page) .modal-header h2,body:not(.admin-page) .modal-header h3,body:not(.admin-page) .header-content h2,body:not(.admin-page) .header-content h3{color:var(--text-primary)!important}body:not(.admin-page) .modal-header .header-subtitle,body:not(.admin-page) .header-subtitle{color:var(--text-secondary)!important}body:not(.admin-page) .modal-body,body:not(.admin-page) .modal-body-dark{background:var(--bg-card)!important;color:var(--text-primary)!important}body:not(.admin-page) .close-btn,body:not(.admin-page) .close-btn-dark{background:var(--bg-secondary)!important;color:var(--text-secondary)!important}body:not(.admin-page) .close-btn:hover,body:not(.admin-page) .close-btn-dark:hover{background:var(--bg-tertiary)!important;color:var(--text-primary)!important}body:not(.admin-page) .form-group label,body:not(.admin-page) .form-label{color:var(--text-primary)!important;font-weight:600!important;font-size:.938rem!important;margin-bottom:8px!important;display:block!important}body:not(.admin-page) .form-group input,body:not(.admin-page) .form-group textarea,body:not(.admin-page) .form-group select,body:not(.admin-page) .lesson-textarea,body:not(.admin-page) .story-textarea,body:not(.admin-page) .auth-form input,body:not(.admin-page) .auth-form textarea,body:not(.admin-page) .auth-form select{background-color:var(--bg-input)!important;color:var(--text-primary)!important;border:1px solid var(--border-primary)!important;border-radius:8px!important;padding:12px 16px!important;font-size:.938rem!important;width:100%!important;transition:all .2s ease!important;font-family:inherit!important}body:not(.admin-page) .form-group input:hover,body:not(.admin-page) .form-group textarea:hover,body:not(.admin-page) .lesson-textarea:hover,body:not(.admin-page) .story-textarea:hover{border-color:var(--border-secondary)!important}body:not(.admin-page) .form-group input:focus,body:not(.admin-page) .form-group textarea:focus,body:not(.admin-page) .form-group select:focus,body:not(.admin-page) .lesson-textarea:focus,body:not(.admin-page) .story-textarea:focus,body:not(.admin-page) .auth-form input:focus,body:not(.admin-page) .auth-form textarea:focus{border-color:var(--border-focus)!important;background-color:var(--bg-input)!important;box-shadow:0 0 0 3px #667eea1a!important;outline:none!important}body:not(.admin-page) .form-group input::placeholder,body:not(.admin-page) .form-group textarea::placeholder,body:not(.admin-page) .lesson-textarea::placeholder,body:not(.admin-page) .story-textarea::placeholder,body:not(.admin-page) .auth-form input::placeholder,body:not(.admin-page) .auth-form textarea::placeholder{color:var(--text-tertiary)!important;opacity:1!important}body:not(.admin-page) .form-group input:disabled,body:not(.admin-page) .form-group textarea:disabled,body:not(.admin-page) .lesson-textarea:disabled,body:not(.admin-page) .story-textarea:disabled{background-color:var(--bg-tertiary)!important;color:var(--text-tertiary)!important;cursor:not-allowed!important;opacity:.6!important}body:not(.admin-page) .char-count,body:not(.admin-page) .char-counter,body:not(.admin-page) .form-hint{color:var(--text-tertiary)!important;font-size:.813rem!important;margin-top:4px!important}body:not(.admin-page) .toggle-password{color:var(--text-secondary)!important}body:not(.admin-page) .toggle-password:hover{color:var(--text-primary)!important}body:not(.admin-page) .form-footer,body:not(.admin-page) .hint,body:not(.admin-page) .char-count,body:not(.admin-page) .loading-tags,body:not(.admin-page) .otp-info p{color:var(--text-secondary)!important}body:not(.admin-page) .tag-checkbox{background:var(--bg-secondary)!important;border-color:var(--border-primary)!important}body:not(.admin-page) .tag-checkbox:hover{background:var(--bg-tertiary)!important}body:not(.admin-page) .tag-checkbox span{color:var(--text-secondary)!important}body:not(.admin-page) .confession-card-dark,body:not(.admin-page) .confession-card{background:var(--bg-card)!important;border-color:var(--border-primary)!important;box-shadow:var(--shadow-md)!important}body:not(.admin-page) .confession-card-dark .lesson-title,body:not(.admin-page) .confession-card-dark h3,body:not(.admin-page) .confession-card h3,body:not(.admin-page) .confession-card .lesson-title{color:var(--text-primary)!important}body:not(.admin-page) .confession-card-dark .confession-text,body:not(.admin-page) .confession-card-dark p,body:not(.admin-page) .confession-card .confession-text,body:not(.admin-page) .confession-card p{color:var(--text-secondary)!important}body:not(.admin-page) .confession-text strong,body:not(.admin-page) .confession-text b,body:not(.admin-page) .story-text strong,body:not(.admin-page) .story-text b{color:var(--text-primary)!important;font-weight:700!important}body:not(.admin-page) .confession-text em,body:not(.admin-page) .confession-text i,body:not(.admin-page) .story-text em,body:not(.admin-page) .story-text i{font-style:italic!important;color:var(--text-secondary)!important}body:not(.admin-page) .confession-text u,body:not(.admin-page) .story-text u{text-decoration:underline!important}body:not(.admin-page) .confession-text s,body:not(.admin-page) .confession-text strike,body:not(.admin-page) .story-text s,body:not(.admin-page) .story-text strike{text-decoration:line-through!important}body:not(.admin-page) .confession-text ul,body:not(.admin-page) .confession-text ol,body:not(.admin-page) .story-text ul,body:not(.admin-page) .story-text ol{margin:12px 0!important;padding-left:28px!important;color:var(--text-secondary)!important}body:not(.admin-page) .confession-text li,body:not(.admin-page) .story-text li{margin-bottom:8px!important;color:var(--text-secondary)!important}body:not(.admin-page) .confession-text blockquote,body:not(.admin-page) .story-text blockquote{border-left:4px solid var(--text-link)!important;padding-left:16px!important;margin:16px 0!important;color:var(--text-tertiary)!important;font-style:italic!important}body:not(.admin-page) .confession-card-dark .timestamp,body:not(.admin-page) .confession-card .timestamp,body:not(.admin-page) .confession-card-dark .meta-info,body:not(.admin-page) .confession-card .meta-info{color:var(--text-muted)!important}body:not(.admin-page) .confession-card-dark .actions button,body:not(.admin-page) .confession-card .actions button{color:var(--text-secondary)!important;background:transparent!important}body:not(.admin-page) .confession-card-dark .actions button:hover,body:not(.admin-page) .confession-card .actions button:hover{color:var(--text-primary)!important;background:var(--bg-secondary)!important}body:not(.admin-page) .loading,body:not(.admin-page) .loading-state,body:not(.admin-page) .spinner-container{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:40px!important;color:var(--text-secondary)!important}body:not(.admin-page) .spinner,body:not(.admin-page) .loading-spinner{width:40px!important;height:40px!important;border:3px solid var(--border-primary)!important;border-top-color:var(--accent-primary)!important;border-radius:50%!important;animation:spin .8s linear infinite!important}@keyframes spin{to{transform:rotate(360deg)}}body:not(.admin-page) .empty-state,body:not(.admin-page) .no-results{text-align:center!important;padding:60px 20px!important;color:var(--text-tertiary)!important}body:not(.admin-page) .empty-state svg,body:not(.admin-page) .no-results svg{color:var(--text-tertiary)!important;margin-bottom:16px!important}body:not(.admin-page) .empty-state h3,body:not(.admin-page) .no-results h3{color:var(--text-primary)!important;font-size:1.25rem!important;font-weight:600!important;margin-bottom:8px!important}body:not(.admin-page) .empty-state p,body:not(.admin-page) .no-results p{color:var(--text-secondary)!important;font-size:.938rem!important}body:not(.admin-page) .pagination,body:not(.admin-page) .page-navigation{display:flex!important;gap:8px!important;justify-content:center!important;align-items:center!important;margin:32px 0!important}body:not(.admin-page) .pagination button,body:not(.admin-page) .page-navigation button{background-color:var(--bg-card)!important;color:var(--text-secondary)!important;border:1px solid var(--border-primary)!important;border-radius:8px!important;padding:8px 16px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s!important}body:not(.admin-page) .pagination button:hover:not(:disabled),body:not(.admin-page) .page-navigation button:hover:not(:disabled){background-color:var(--bg-hover)!important;border-color:var(--border-secondary)!important;color:var(--text-primary)!important}body:not(.admin-page) .pagination button.active,body:not(.admin-page) .page-navigation button.active{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%)!important;color:#fff!important;border-color:transparent!important}body:not(.admin-page) .pagination button:disabled,body:not(.admin-page) .page-navigation button:disabled{opacity:.5!important;cursor:not-allowed!important}body:not(.admin-page) .error-message,body:not(.admin-page) .alert-error{background-color:#ef44441a!important;border:1px solid rgba(239,68,68,.3)!important;border-radius:8px!important;padding:12px 16px!important;color:var(--accent-error)!important;font-size:.938rem!important}body:not(.admin-page) .success-message,body:not(.admin-page) .alert-success{background-color:#10b9811a!important;border:1px solid rgba(16,185,129,.3)!important;border-radius:8px!important;padding:12px 16px!important;color:var(--accent-success)!important;font-size:.938rem!important}body:not(.admin-page) .warning-message,body:not(.admin-page) .alert-warning{background-color:#f59e0b1a!important;border:1px solid rgba(245,158,11,.3)!important;border-radius:8px!important;padding:12px 16px!important;color:var(--accent-warning)!important;font-size:.938rem!important}body:not(.admin-page) .info-message,body:not(.admin-page) .alert-info{background-color:#3b82f61a!important;border:1px solid rgba(59,130,246,.3)!important;border-radius:8px!important;padding:12px 16px!important;color:var(--accent-info)!important;font-size:.938rem!important}body:not(.admin-page),body:not(.admin-page) *{font-family:var(--font-family)!important}body:not(.admin-page) [class*=modal],body:not(.admin-page) [class*=card],body:not(.admin-page) [class*=container]:not(.admin-page){background-color:var(--bg-card)!important}body:not(.admin-page) [class*=header],body:not(.admin-page) [class*=Header]{background-color:var(--bg-secondary)!important;border-bottom-color:var(--border-primary)!important}body:not(.admin-page) [class*=body],body:not(.admin-page) [class*=Body],body:not(.admin-page) [class*=content]{background-color:var(--bg-card)!important;color:var(--text-primary)!important}body:not(.admin-page) input[type=text],body:not(.admin-page) input[type=email],body:not(.admin-page) input[type=password],body:not(.admin-page) input[type=search],body:not(.admin-page) input[type=number],body:not(.admin-page) input[type=tel],body:not(.admin-page) input[type=url],body:not(.admin-page) input[type=date],body:not(.admin-page) textarea,body:not(.admin-page) select{background-color:var(--bg-input)!important;color:var(--text-primary)!important;border-color:var(--border-primary)!important}body:not(.admin-page) input[type=text]:focus,body:not(.admin-page) input[type=email]:focus,body:not(.admin-page) input[type=password]:focus,body:not(.admin-page) input[type=search]:focus,body:not(.admin-page) input[type=number]:focus,body:not(.admin-page) input[type=tel]:focus,body:not(.admin-page) input[type=url]:focus,body:not(.admin-page) input[type=date]:focus,body:not(.admin-page) textarea:focus,body:not(.admin-page) select:focus{border-color:var(--border-focus)!important;box-shadow:var(--focus-ring)!important}body:not(.admin-page) input::placeholder,body:not(.admin-page) textarea::placeholder{color:var(--text-tertiary)!important}body:not(.admin-page) button:not([class*=submit]):not([class*=primary]):not([class*=confess]),body:not(.admin-page) .secondary-btn,body:not(.admin-page) [class*=cancel]{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border-primary)!important}body:not(.admin-page) button:not([class*=submit]):not([class*=primary]):not([class*=confess]):hover{background-color:var(--hover-bg)!important;border-color:var(--hover-border)!important}body:not(.admin-page) h1,body:not(.admin-page) h2,body:not(.admin-page) h3,body:not(.admin-page) h4,body:not(.admin-page) h5,body:not(.admin-page) h6{color:var(--text-primary)!important}body:not(.admin-page) p,body:not(.admin-page) span:not([class*=icon]),body:not(.admin-page) div:not([class*=icon]){color:var(--text-secondary)!important}body:not(.admin-page) label{color:var(--text-primary)!important}body:not(.admin-page) a:not(.router-link-active){color:var(--text-link)!important}body:not(.admin-page) a:not(.router-link-active):hover{color:var(--text-link-hover)!important}body:not(.admin-page) [class*=modal],body:not(.admin-page) [class*=card],body:not(.admin-page) [class*=container]:not(.admin-page),body:not(.admin-page) [class*=dropdown],body:not(.admin-page) [class*=menu]{border-color:var(--border-primary)!important}body:not(.admin-page) [class*=close],body:not(.admin-page) [class*=Close]{background-color:var(--bg-secondary)!important;color:var(--text-secondary)!important}body:not(.admin-page) [class*=close]:hover,body:not(.admin-page) [class*=Close]:hover{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important}body:not(.admin-page) .lesson-textarea,body:not(.admin-page) .story-textarea,body:not(.admin-page) .confession-text,body:not(.admin-page) .comment-text{background-color:var(--bg-input)!important;color:var(--text-primary)!important;border-color:var(--border-primary)!important}body:not(.admin-page) .tag-checkbox,body:not(.admin-page) [class*=checkbox-container]{background-color:var(--bg-secondary)!important;border-color:var(--border-primary)!important}body:not(.admin-page) .tag-checkbox:hover{background-color:var(--bg-tertiary)!important}body:not(.admin-page) .tag-checkbox span,body:not(.admin-page) .tag-checkbox label{color:var(--text-secondary)!important}body:not(.admin-page) [class*=overlay]{background-color:var(--overlay-bg)!important}body:not(.admin-page) nav,body:not(.admin-page) [class*=nav],body:not(.admin-page) [class*=Nav]{background-color:var(--bg-navbar)!important;border-color:var(--border-primary)!important}body:not(.admin-page) [class*=comment],body:not(.admin-page) [class*=Comment],body:not(.admin-page) [class*=confession],body:not(.admin-page) [class*=Confession]{background-color:var(--bg-card)!important;border-color:var(--border-primary)!important}body:not(.admin-page) [class*=comment-author],body:not(.admin-page) [class*=lesson-title]{color:var(--text-primary)!important}body:not(.admin-page) [class*=timestamp],body:not(.admin-page) [class*=date],body:not(.admin-page) [class*=time]{color:var(--text-tertiary)!important}body:not(.admin-page) aside,body:not(.admin-page) [class*=sidebar],body:not(.admin-page) [class*=Sidebar],body:not(.admin-page) [class*=info]{background-color:var(--bg-card)!important;border-color:var(--border-primary)!important}body:not(.admin-page) [class*=dropdown],body:not(.admin-page) [class*=Dropdown],body:not(.admin-page) [class*=menu-item]{background-color:var(--bg-dropdown)!important;color:var(--text-primary)!important}body:not(.admin-page) [class*=dropdown-item]:hover,body:not(.admin-page) [class*=menu-item]:hover{background-color:var(--hover-bg)!important}body:not(.admin-page) [class*=form],body:not(.admin-page) [class*=Form]{background-color:var(--bg-card)!important}body:not(.admin-page) [class*=form-group],body:not(.admin-page) [class*=input-group]{color:var(--text-primary)!important}body:not(.admin-page) [class*=action] button,body:not(.admin-page) [class*=actions] button{color:var(--text-secondary)!important;background-color:transparent!important}body:not(.admin-page) [class*=action] button:hover,body:not(.admin-page) [class*=actions] button:hover{background-color:var(--hover-bg)!important;color:var(--text-primary)!important}body:not(.admin-page) [class*=search]{background-color:var(--bg-card)!important;border-color:var(--border-primary)!important}body:not(.admin-page) [class*=search] input{background-color:transparent!important;color:var(--text-primary)!important}body:not(.admin-page) [class*=post-input]{background-color:var(--bg-input)!important;border-color:var(--border-primary)!important;color:var(--text-secondary)!important}body:not(.admin-page) [class*=hint],body:not(.admin-page) [class*=char-count],body:not(.admin-page) [class*=counter],body:not(.admin-page) [class*=loading]{color:var(--text-tertiary)!important}body:not(.admin-page) [class*=modal-header] h2,body:not(.admin-page) [class*=modal-header] h3,body:not(.admin-page) [class*=card-header] h2,body:not(.admin-page) [class*=card-header] h3{color:var(--text-primary)!important}body:not(.admin-page) footer,body:not(.admin-page) [class*=footer],body:not(.admin-page) [class*=copyright]{background-color:var(--bg-card)!important;border-color:var(--border-primary)!important;color:var(--text-tertiary)!important}body:not(.admin-page) [class*=tab]:not(.active),body:not(.admin-page) [class*=Tab]:not(.active){background-color:transparent!important;color:var(--text-secondary)!important}body:not(.admin-page) [class*=tab]:hover:not(.active),body:not(.admin-page) [class*=Tab]:hover:not(.active){background-color:var(--hover-bg)!important;color:var(--text-primary)!important}body:not(.admin-page) [class*=cms],body:not(.admin-page) [class*=page-content]{background-color:var(--bg-card)!important;color:var(--text-primary)!important}body:not(.admin-page) [class*=cms] p,body:not(.admin-page) [class*=page-content] p{color:var(--text-secondary)!important}body:not(.admin-page) svg:not([fill=currentColor]){color:var(--text-secondary)!important}body:not(.admin-page)::-webkit-scrollbar{width:12px;height:12px}body:not(.admin-page)::-webkit-scrollbar-track{background:var(--bg-tertiary)}body:not(.admin-page)::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:6px}body:not(.admin-page)::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}body:not(.admin-page) *{scrollbar-width:thin;scrollbar-color:var(--border-secondary) var(--bg-tertiary)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:clip}#app{width:100%;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}.comment-item[data-v-f344236f]{margin-bottom:12px}.comment-item.is-reply[data-v-f344236f]{margin-left:30px;padding-left:15px;border-left:2px solid #3a3a3a}.comment-content[data-v-f344236f]{background:#1a1a1a;border:1px solid #2a2a2a;padding:12px 16px;border-radius:6px;transition:all .2s}.comment-content[data-v-f344236f]:hover{border-color:#3a3a3a}.comment-header[data-v-f344236f]{display:flex;align-items:center;gap:10px;margin-bottom:8px}.comment-author[data-v-f344236f]{font-weight:600;font-size:14px;color:#aaa}.comment-time[data-v-f344236f]{font-size:12px;color:#666}.comment-text[data-v-f344236f]{margin:0 0 8px;font-size:14px;color:#ddd;line-height:1.5;word-wrap:break-word}.comment-actions[data-v-f344236f]{display:flex;gap:12px}.like-btn[data-v-f344236f]{display:flex;align-items:center;gap:5px;background:none;border:none;color:#666;font-size:12px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.like-btn[data-v-f344236f]:hover{background:#2a2a2a;color:#888}.like-btn.liked[data-v-f344236f]{color:#667eea}.like-btn.liked svg[data-v-f344236f]{fill:currentColor}.reply-btn[data-v-f344236f]{display:flex;align-items:center;gap:5px;background:none;border:none;color:#666;font-size:13px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.reply-btn[data-v-f344236f]:hover{background:#2a2a2a;color:#888}.reply-form[data-v-f344236f]{margin-top:12px;margin-left:30px}.reply-form textarea[data-v-f344236f]{width:100%;padding:10px 12px;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:6px;font-size:13px;font-family:inherit;resize:vertical;box-sizing:border-box;color:#fff;min-height:60px}.reply-form textarea[data-v-f344236f]::placeholder{color:#666}.reply-form textarea[data-v-f344236f]:focus{outline:none;border-color:#4a4a4a;background:#2a2a2a}.reply-form-actions[data-v-f344236f]{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.char-count[data-v-f344236f]{font-size:12px;color:#666}.reply-form-actions>div[data-v-f344236f]{display:flex;gap:8px}.cancel-btn[data-v-f344236f],.submit-btn[data-v-f344236f]{padding:6px 16px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.cancel-btn[data-v-f344236f]{background:#3a3a3a;color:#aaa}.cancel-btn[data-v-f344236f]:hover{background:#4a4a4a}.submit-btn[data-v-f344236f]{background:#4a4a4a;color:#fff}.submit-btn[data-v-f344236f]:hover:not(:disabled){background:#5a5a5a}.submit-btn[data-v-f344236f]:disabled{opacity:.5;cursor:not-allowed}.replies-container[data-v-f344236f]{margin-top:12px}@media(max-width:768px){.comment-item.is-reply[data-v-f344236f]{margin-left:20px;padding-left:10px}.reply-form[data-v-f344236f]{margin-left:20px}}@media(max-width:480px){.comment-item.is-reply[data-v-f344236f]{margin-left:15px;padding-left:8px}.reply-form[data-v-f344236f]{margin-left:15px}.comment-content[data-v-f344236f]{padding:10px 12px}}.comment-form[data-v-51828553]{margin-top:16px;padding:16px 0 0;border-top:1px solid #2a2a2a}.comment-form textarea[data-v-51828553]{width:100%;padding:14px 16px;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;transition:all .2s ease;box-sizing:border-box;color:var(--text-primary);min-height:80px}.comment-form textarea[data-v-51828553]::placeholder{color:var(--text-tertiary)}.comment-form textarea[data-v-51828553]:focus{outline:none;border-color:var(--border-focus);background:var(--bg-input);box-shadow:var(--focus-ring)}.comment-form textarea[data-v-51828553]:disabled{opacity:.6;cursor:not-allowed}.form-footer[data-v-51828553]{display:flex;justify-content:flex-end;align-items:center;margin-top:12px;gap:12px}.char-count[data-v-51828553]{font-size:12px;color:var(--text-tertiary);margin-right:auto}.submit-btn[data-v-51828553]{background:var(--accent-primary);color:#fff;border:none;padding:10px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-btn[data-v-51828553]:hover:not(:disabled){background:#5a5a5a}.submit-btn[data-v-51828553]:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.comment-form textarea[data-v-51828553]{font-size:15px;min-height:70px}.submit-btn[data-v-51828553]{padding:10px 20px;font-size:13px}}.modal-overlay[data-v-1e4d63c2]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container[data-v-1e4d63c2]{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp-1e4d63c2 .3s ease}@keyframes slideUp-1e4d63c2{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-1e4d63c2]{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.modal-header h3[data-v-1e4d63c2]{margin:0;font-size:20px;font-weight:600;color:#1a1a1a}.close-btn[data-v-1e4d63c2]{background:none;border:none;font-size:28px;color:#6b7280;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s;line-height:1}.close-btn[data-v-1e4d63c2]:hover{background:#e5e7eb;color:#1a1a1a}.modal-body[data-v-1e4d63c2]{padding:24px;color:#4b5563;line-height:1.6;font-size:15px}.modal-body p[data-v-1e4d63c2]{margin:0;white-space:pre-line}.modal-footer[data-v-1e4d63c2]{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;background:#f9fafb}.btn-cancel[data-v-1e4d63c2],.btn-confirm[data-v-1e4d63c2]{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;min-width:100px}.btn-cancel[data-v-1e4d63c2]{background:#f3f4f6;color:#4b5563}.btn-cancel[data-v-1e4d63c2]:hover{background:#e5e7eb;color:#1a1a1a}.btn-confirm[data-v-1e4d63c2]{color:#fff}.btn-confirm.danger[data-v-1e4d63c2]{background:#ef4444}.btn-confirm.danger[data-v-1e4d63c2]:hover{background:#dc2626}.btn-confirm.warning[data-v-1e4d63c2]{background:#f59e0b}.btn-confirm.warning[data-v-1e4d63c2]:hover{background:#d97706}.btn-confirm.primary[data-v-1e4d63c2]{background:#3b82f6}.btn-confirm.primary[data-v-1e4d63c2]:hover{background:#2563eb}.modal-enter-active[data-v-1e4d63c2],.modal-leave-active[data-v-1e4d63c2]{transition:opacity .3s ease}.modal-enter-active .modal-container[data-v-1e4d63c2],.modal-leave-active .modal-container[data-v-1e4d63c2]{transition:transform .3s ease,opacity .3s ease}.modal-enter-from[data-v-1e4d63c2],.modal-leave-to[data-v-1e4d63c2]{opacity:0}.modal-enter-from .modal-container[data-v-1e4d63c2],.modal-leave-to .modal-container[data-v-1e4d63c2]{transform:translateY(20px);opacity:0}@media(max-width:768px){.modal-container[data-v-1e4d63c2]{width:95%;max-width:none}.modal-header[data-v-1e4d63c2],.modal-body[data-v-1e4d63c2],.modal-footer[data-v-1e4d63c2]{padding:16px}.modal-header h3[data-v-1e4d63c2]{font-size:18px}.modal-footer[data-v-1e4d63c2]{flex-direction:column-reverse}.btn-cancel[data-v-1e4d63c2],.btn-confirm[data-v-1e4d63c2]{width:100%}}.confession-card[data-v-81d2ae98]{background:#1a1a1a;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000004d;transition:all .3s ease;border:1px solid #2a2a2a;width:100%;display:flex;flex-direction:column}@media(max-width:768px){.confession-card[data-v-81d2ae98]{padding:20px;border-radius:10px}}@media(max-width:480px){.confession-card[data-v-81d2ae98]{padding:16px}}.confession-card[data-v-81d2ae98]:hover{box-shadow:0 4px 16px #00000080;border-color:#3a3a3a}.confession-header[data-v-81d2ae98]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.confession-tag[data-v-81d2ae98]{background:#2a2a2a;color:#aaa;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.confession-date[data-v-81d2ae98]{color:#666;font-size:13px}.confession-text[data-v-81d2ae98]{color:#ddd;font-size:16px;line-height:1.6;margin:0 0 16px;word-wrap:break-word}.confession-footer[data-v-81d2ae98]{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap}.vote-buttons[data-v-81d2ae98]{display:flex;align-items:center;gap:6px;background:#2a2a2a;border-radius:24px;padding:4px}.vote-button[data-v-81d2ae98]{display:flex;align-items:center;gap:6px;padding:6px 14px;background:transparent;border:none;border-radius:20px;cursor:pointer;transition:all .2s ease;color:#777;font-size:14px;font-weight:500}.vote-button[data-v-81d2ae98]:hover{background:#3a3a3a}.vote-button.like-btn[data-v-81d2ae98]:hover{color:#4ade80}.vote-button.dislike-btn[data-v-81d2ae98]:hover{color:#f87171}.vote-button.like-btn.active[data-v-81d2ae98]{background:#4ade8026;color:#4ade80}.vote-button.like-btn.active svg[data-v-81d2ae98]{fill:#4ade80}.vote-button.dislike-btn.active[data-v-81d2ae98]{background:#f8717126;color:#f87171}.vote-button.dislike-btn.active svg[data-v-81d2ae98]{fill:#f87171}.vote-button svg[data-v-81d2ae98]{transition:all .2s ease}.comment-toggle-button[data-v-81d2ae98]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:20px;cursor:pointer;transition:all .2s ease;color:#666;font-size:14px;font-weight:500}.comment-toggle-button[data-v-81d2ae98]:hover{background:#3a3a3a;color:#888}.comment-toggle-button.active[data-v-81d2ae98]{background:#3a3a3a;color:#aaa}.delete-button[data-v-81d2ae98]{display:flex;align-items:center;justify-content:center;padding:8px;background:transparent;border:none;border-radius:20px;cursor:pointer;transition:all .2s ease;color:#666;margin-left:auto}.delete-button[data-v-81d2ae98]:hover{background:#ef444426;color:#ef4444}.comments-section[data-v-81d2ae98]{margin-top:20px;padding-top:20px;border-top:1px solid #2a2a2a}.comments-list[data-v-81d2ae98]{margin-bottom:16px;max-height:500px;overflow-y:auto;padding-right:5px}.comments-list[data-v-81d2ae98]::-webkit-scrollbar{width:8px}.comments-list[data-v-81d2ae98]::-webkit-scrollbar-track{background:#0a0a0a;border-radius:4px}.comments-list[data-v-81d2ae98]::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:4px}.comments-list[data-v-81d2ae98]::-webkit-scrollbar-thumb:hover{background:#3a3a3a}.no-comments[data-v-81d2ae98]{text-align:center;padding:20px;color:#666;font-size:14px}.no-comments p[data-v-81d2ae98]{margin:0}.comments-disabled[data-v-81d2ae98]{margin-top:20px;border-top:1px solid #2a2a2a;text-align:center;padding:20px;color:#666;font-size:14px}.comments-disabled p[data-v-81d2ae98]{margin:0}@media(max-width:480px){.confession-footer[data-v-81d2ae98]{gap:8px}.vote-buttons[data-v-81d2ae98]{padding:3px;gap:4px}.vote-button[data-v-81d2ae98]{font-size:13px;padding:5px 10px;gap:4px}.vote-button svg[data-v-81d2ae98]{width:16px;height:16px}.comment-toggle-button[data-v-81d2ae98]{font-size:13px;padding:6px 12px}}.modal-overlay[data-v-a29595cd]{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-container[data-v-a29595cd]{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;overflow:hidden;animation:slideUp-a29595cd .3s ease}@keyframes slideUp-a29595cd{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-a29595cd]{padding:24px 24px 16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.modal-header h3[data-v-a29595cd]{margin:0;font-size:22px;font-weight:700;color:#1a1a1a}.close-btn[data-v-a29595cd]{background:none;border:none;font-size:28px;color:#6b7280;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s;line-height:1}.close-btn[data-v-a29595cd]:hover{background:#e5e7eb;color:#1a1a1a}.modal-body[data-v-a29595cd]{padding:32px 24px;text-align:center}.success-icon[data-v-a29595cd]{color:#10b981;margin-bottom:16px;display:flex;justify-content:center}.success-message[data-v-a29595cd]{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:32px}.link-section[data-v-a29595cd]{text-align:left;margin-top:24px}.link-label[data-v-a29595cd]{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.link-input-group[data-v-a29595cd]{display:flex;gap:8px;margin-bottom:8px}.link-input[data-v-a29595cd]{flex:1;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:Courier New,monospace;background:#f9fafb;color:#1a1a1a;transition:border-color .2s}.link-input[data-v-a29595cd]:focus{outline:none;border-color:#3b82f6}.copy-btn[data-v-a29595cd]{padding:12px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;white-space:nowrap}.copy-btn[data-v-a29595cd]:hover{background:#2563eb}.copy-btn.copied[data-v-a29595cd]{background:#10b981}.copy-btn svg[data-v-a29595cd]{flex-shrink:0}.link-hint[data-v-a29595cd]{font-size:12px;color:#6b7280;margin:0}.modal-footer[data-v-a29595cd]{padding:16px 24px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;background:#f9fafb}.done-btn[data-v-a29595cd]{padding:10px 24px;background:#1a1a1a;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.done-btn[data-v-a29595cd]:hover{background:#374151}.modal-enter-active[data-v-a29595cd],.modal-leave-active[data-v-a29595cd]{transition:opacity .3s ease}.modal-enter-active .modal-container[data-v-a29595cd],.modal-leave-active .modal-container[data-v-a29595cd]{transition:transform .3s ease,opacity .3s ease}.modal-enter-from[data-v-a29595cd],.modal-leave-to[data-v-a29595cd]{opacity:0}.modal-enter-from .modal-container[data-v-a29595cd],.modal-leave-to .modal-container[data-v-a29595cd]{transform:translateY(20px);opacity:0}@media(max-width:768px){.modal-container[data-v-a29595cd]{max-width:100%;margin:10px}.modal-header[data-v-a29595cd],.modal-body[data-v-a29595cd],.modal-footer[data-v-a29595cd]{padding:20px 16px}.link-input-group[data-v-a29595cd]{flex-direction:column}.copy-btn[data-v-a29595cd]{width:100%;justify-content:center}}.story-editor[data-v-e0365be5]{width:100%}.editor-container[data-v-e0365be5]{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:8px;min-height:300px}[data-v-e0365be5] .ql-container{font-size:15px;font-family:inherit;min-height:300px;background:var(--bg-input);color:var(--text-primary);border-bottom-left-radius:8px;border-bottom-right-radius:8px}[data-v-e0365be5] .ql-editor{min-height:300px;color:var(--text-primary);background:var(--bg-input)}[data-v-e0365be5] .ql-editor h1{font-size:2em;font-weight:700;margin:.67em 0;color:var(--text-primary)}[data-v-e0365be5] .ql-editor h2{font-size:1.5em;font-weight:700;margin:.75em 0;color:var(--text-primary)}[data-v-e0365be5] .ql-editor h3{font-size:1.17em;font-weight:700;margin:.83em 0;color:var(--text-primary)}[data-v-e0365be5] .ql-editor strong{font-weight:700}[data-v-e0365be5] .ql-editor p{margin:.5em 0}[data-v-e0365be5] .ql-editor.ql-blank:before{color:var(--text-tertiary);font-style:normal;opacity:.8}[data-v-e0365be5] .ql-toolbar{border-top-left-radius:8px;border-top-right-radius:8px;background:var(--bg-secondary);border:none;border-bottom:1px solid var(--border-primary)}[data-v-e0365be5] .ql-snow .ql-stroke{stroke:var(--text-secondary)}[data-v-e0365be5] .ql-snow .ql-fill{fill:var(--text-secondary)}[data-v-e0365be5] .ql-snow .ql-picker-label{color:var(--text-secondary)}[data-v-e0365be5] .ql-snow .ql-picker-label:hover,[data-v-e0365be5] .ql-snow .ql-picker-item:hover{color:var(--text-primary)}[data-v-e0365be5] .ql-snow .ql-picker-options{background:var(--bg-dropdown);border:1px solid var(--border-primary);color:var(--text-primary);box-shadow:var(--shadow-lg)}[data-v-e0365be5] .ql-snow .ql-picker-item{color:var(--text-primary)}[data-v-e0365be5] .ql-snow .ql-picker-item.ql-selected{color:var(--accent-primary)}[data-v-e0365be5] .ql-snow .ql-tooltip{background:var(--bg-dropdown);border:1px solid var(--border-primary);color:var(--text-primary);display:none!important}[data-v-e0365be5] .ql-snow a{color:var(--text-primary)!important;text-decoration:none!important;pointer-events:none}.html-source-editor[data-v-e0365be5]{width:100%;min-height:400px;padding:16px;font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.6;background:#1e1e1e;color:#d4d4d4;border:1px solid var(--border-primary);border-radius:8px;resize:vertical;box-sizing:border-box}.html-source-editor[data-v-e0365be5]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}[data-v-e0365be5] .ql-toolbar .ql-source-code{width:28px}[data-v-e0365be5] .ql-toolbar .ql-source-code.ql-active{background:#667eea;color:#fff;border-radius:3px}[data-v-e0365be5] .ql-toolbar .ql-source-code.ql-active .ql-stroke{stroke:#fff!important}[data-v-e0365be5] .ql-toolbar .ql-source-code:hover{background:#667eea1a;border-radius:3px}[data-v-e0365be5] .ql-snow a:hover{text-decoration:none!important}[data-v-e0365be5] .ql-snow .ql-editor a{color:inherit;text-decoration:none;pointer-events:none}[data-v-e0365be5] .ql-toolbar button:hover,[data-v-e0365be5] .ql-toolbar button:focus,[data-v-e0365be5] .ql-toolbar button.ql-active{background:var(--hover-bg);color:var(--accent-primary)}[data-v-e0365be5] .ql-toolbar button:hover .ql-stroke,[data-v-e0365be5] .ql-toolbar button:focus .ql-stroke,[data-v-e0365be5] .ql-toolbar button.ql-active .ql-stroke{stroke:var(--accent-primary)}[data-v-e0365be5] .ql-toolbar button:hover .ql-fill,[data-v-e0365be5] .ql-toolbar button:focus .ql-fill,[data-v-e0365be5] .ql-toolbar button.ql-active .ql-fill{fill:var(--accent-primary)}@media(max-width:768px){[data-v-e0365be5] .ql-toolbar{padding:8px}[data-v-e0365be5] .ql-toolbar .ql-formats{margin-right:4px}.editor-container[data-v-e0365be5],[data-v-e0365be5] .ql-container,[data-v-e0365be5] .ql-editor{min-height:250px}}.modal-overlay[data-v-6cf95adb]{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;overflow-y:auto}.modal-container-dark[data-v-6cf95adb]{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);width:100%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;position:relative;animation:slideIn-6cf95adb .3s ease-out}@keyframes slideIn-6cf95adb{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header-dark[data-v-6cf95adb]{padding:24px;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:flex-start;background:var(--bg-secondary)}.header-content[data-v-6cf95adb]{flex:1}.header-content h2[data-v-6cf95adb]{margin:0 0 8px;font-size:24px;font-weight:700;color:var(--text-primary)}.header-subtitle[data-v-6cf95adb]{margin:0 0 4px;font-size:14px;color:var(--text-secondary)}.header-tagline[data-v-6cf95adb]{margin:0;font-size:13px;color:#667eea;font-weight:600}.close-btn-dark[data-v-6cf95adb]{background:transparent;border:none;width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);flex-shrink:0}.close-btn-dark[data-v-6cf95adb]:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.close-btn-dark[data-v-6cf95adb]:disabled{opacity:.5;cursor:not-allowed}.modal-body-dark[data-v-6cf95adb]{padding:24px;overflow-y:auto;flex:1;background:var(--bg-card)}.form-section[data-v-6cf95adb]{margin-bottom:24px}.form-label[data-v-6cf95adb]{display:block;color:var(--text-secondary);font-size:14px;font-weight:600;margin-bottom:8px}.title-input[data-v-6cf95adb]{width:100%;padding:14px 16px;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;box-sizing:border-box;transition:all .2s}.title-input[data-v-6cf95adb]:focus{border-color:var(--border-focus);background:var(--bg-input);box-shadow:0 0 0 3px #667eea1a}.title-input[data-v-6cf95adb]::placeholder{color:var(--text-muted)}.title-input[data-v-6cf95adb]:disabled{opacity:.6;cursor:not-allowed}.lesson-textarea[data-v-6cf95adb],.story-textarea[data-v-6cf95adb]{width:100%;padding:16px;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;resize:vertical;outline:none;box-sizing:border-box;transition:all .2s}.lesson-textarea[data-v-6cf95adb]:focus,.story-textarea[data-v-6cf95adb]:focus{border-color:var(--border-focus);background:var(--bg-input);box-shadow:0 0 0 3px #667eea1a}.lesson-textarea[data-v-6cf95adb]::placeholder,.story-textarea[data-v-6cf95adb]::placeholder{color:var(--text-muted)}.lesson-textarea[data-v-6cf95adb]:disabled,.story-textarea[data-v-6cf95adb]:disabled{opacity:.6;cursor:not-allowed}.char-count[data-v-6cf95adb]{text-align:right;font-size:12px;color:var(--text-muted);margin-top:4px}.word-limit-error[data-v-6cf95adb]{color:#ef4444;font-size:12px;margin-top:5px}.loading-tags[data-v-6cf95adb]{text-align:center;padding:20px;color:var(--text-secondary);font-size:14px}.tags-container[data-v-6cf95adb]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:12px}.tag-checkbox[data-v-6cf95adb]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-tertiary);border:1.5px solid var(--border-primary);border-radius:8px;cursor:pointer;transition:all .2s}.tag-checkbox[data-v-6cf95adb]:hover{background:var(--bg-hover);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.tag-checkbox input[type=checkbox][data-v-6cf95adb]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary);flex-shrink:0}.tag-checkbox[data-v-6cf95adb]:has(input[type=checkbox]:checked){background:#667eea1a;border-color:var(--accent-primary);border-width:2px}.tag-checkbox input[type=checkbox]:checked+span[data-v-6cf95adb]{color:var(--accent-primary);font-weight:600}.tag-checkbox span[data-v-6cf95adb]{color:var(--text-primary);font-size:14px;font-weight:500;-webkit-user-select:none;user-select:none;transition:all .2s}.selected-tags[data-v-6cf95adb]{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--text-secondary);font-size:14px;margin-top:12px;padding:12px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-primary)}.tag-badge[data-v-6cf95adb]{display:inline-flex;align-items:center;padding:6px 14px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;border-radius:16px;font-size:13px;font-weight:600;box-shadow:0 2px 4px #667eea33;transition:all .2s}.tag-badge[data-v-6cf95adb]:hover{transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.tag-error[data-v-6cf95adb]{color:var(--accent-error);font-size:13px;margin-top:8px;padding:8px 12px;background:#ef44441a;border-left:3px solid var(--accent-error);border-radius:4px}.tag-disabled[data-v-6cf95adb]{opacity:.5;cursor:not-allowed!important}.tag-disabled[data-v-6cf95adb]:hover{transform:none!important;box-shadow:none!important;border-color:var(--border-primary)!important;background:var(--bg-tertiary)!important}.tag-limit-info[data-v-6cf95adb]{color:var(--accent-primary);font-size:13px;margin-top:8px;padding:8px 12px;background:#667eea1a;border-left:3px solid var(--accent-primary);border-radius:4px}.checkboxes[data-v-6cf95adb]{display:flex;flex-direction:column;gap:16px}.checkbox-label[data-v-6cf95adb]{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;transition:all .2s}.checkbox-label[data-v-6cf95adb]:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.checkbox-label input[type=checkbox][data-v-6cf95adb]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary);margin-right:10px}.checkbox-label span[data-v-6cf95adb]{color:var(--text-primary);font-size:14px;font-weight:500;display:inline-flex;align-items:center}.checkbox-label small[data-v-6cf95adb]{color:var(--text-secondary);font-size:12px;margin-left:28px}.modal-footer-dark[data-v-6cf95adb]{padding:16px 24px;background:var(--bg-secondary);border-top:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center;gap:16px}.recaptcha-info[data-v-6cf95adb]{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary);padding:6px 10px;background:#667eea1a;border-radius:4px;border:1px solid rgba(102,126,234,.2)}.recaptcha-info svg[data-v-6cf95adb]{color:var(--accent-primary);flex-shrink:0}.post-btn-dark[data-v-6cf95adb]{padding:12px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.post-btn-dark[data-v-6cf95adb]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.post-btn-dark[data-v-6cf95adb]:disabled{opacity:.5;cursor:not-allowed}.success-message[data-v-6cf95adb]{padding:12px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;color:#10b981;font-size:14px;text-align:center;font-weight:500;margin-bottom:16px}.error-message[data-v-6cf95adb]{padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px;text-align:center;font-weight:500;margin-bottom:16px}.confirmation-overlay[data-v-6cf95adb]{position:fixed;inset:0;background:var(--overlay-bg, rgba(0, 0, 0, .75));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.confirmation-modal[data-v-6cf95adb]{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;padding:32px;max-width:500px;width:100%;box-shadow:var(--shadow-xl)}.confirmation-modal h3[data-v-6cf95adb]{margin:0 0 24px;color:var(--text-primary);font-size:20px;font-weight:600;text-align:center}.confirmation-checkboxes[data-v-6cf95adb]{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.confirmation-checkbox[data-v-6cf95adb]{display:flex;align-items:flex-start;gap:12px;padding:16px;background:transparent;border:none;border-radius:12px;cursor:pointer;transition:all .2s}.confirmation-checkbox[data-v-6cf95adb]:hover{background:transparent}.confirmation-checkbox input[type=checkbox][data-v-6cf95adb]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-primary);margin-top:2px;flex-shrink:0}.checkbox-content[data-v-6cf95adb]{display:flex;flex-direction:column;gap:4px}.checkbox-title[data-v-6cf95adb]{color:var(--text-primary);font-size:15px;font-weight:500}.checkbox-content small[data-v-6cf95adb]{color:var(--text-secondary);font-size:13px;line-height:1.4}.confirmation-buttons[data-v-6cf95adb]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cancel-btn[data-v-6cf95adb],.confirm-btn[data-v-6cf95adb]{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn[data-v-6cf95adb]{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.cancel-btn[data-v-6cf95adb]:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-secondary)}.confirm-btn[data-v-6cf95adb]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.confirm-btn[data-v-6cf95adb]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.cancel-btn[data-v-6cf95adb]:disabled,.confirm-btn[data-v-6cf95adb]:disabled{opacity:.5;cursor:not-allowed}.confirmation-enter-active[data-v-6cf95adb],.confirmation-leave-active[data-v-6cf95adb]{transition:opacity .3s ease}.confirmation-enter-from[data-v-6cf95adb],.confirmation-leave-to[data-v-6cf95adb]{opacity:0}.confirmation-enter-active .confirmation-modal[data-v-6cf95adb],.confirmation-leave-active .confirmation-modal[data-v-6cf95adb]{transition:transform .3s ease}.confirmation-enter-from .confirmation-modal[data-v-6cf95adb],.confirmation-leave-to .confirmation-modal[data-v-6cf95adb]{transform:scale(.9)}.modal-enter-active[data-v-6cf95adb],.modal-leave-active[data-v-6cf95adb]{transition:opacity .3s ease}.modal-enter-from[data-v-6cf95adb],.modal-leave-to[data-v-6cf95adb]{opacity:0}.modal-enter-active .modal-container[data-v-6cf95adb],.modal-leave-active .modal-container[data-v-6cf95adb]{transition:transform .3s ease}.modal-enter-from .modal-container[data-v-6cf95adb],.modal-leave-to .modal-container[data-v-6cf95adb]{transform:translateY(-50px) scale(.95)}@media(max-width:768px){.modal-overlay[data-v-6cf95adb]{padding:0;align-items:flex-end}.modal-container-dark[data-v-6cf95adb]{max-height:95vh;border-radius:12px 12px 0 0;animation:slideUp-6cf95adb .3s ease-out}@keyframes slideUp-6cf95adb{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header-dark[data-v-6cf95adb]{padding:16px 20px}.header-content h2[data-v-6cf95adb]{font-size:20px}.modal-body-dark[data-v-6cf95adb]{padding:20px}.lesson-textarea[data-v-6cf95adb],.story-textarea[data-v-6cf95adb]{padding:12px;font-size:14px}.modal-footer-dark[data-v-6cf95adb]{flex-direction:column;align-items:stretch}.post-btn-dark[data-v-6cf95adb]{width:100%}.tags-container[data-v-6cf95adb]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.confirmation-modal[data-v-6cf95adb]{padding:24px}.confirmation-modal h3[data-v-6cf95adb]{font-size:18px}.confirmation-buttons[data-v-6cf95adb]{grid-template-columns:1fr}.cancel-btn[data-v-6cf95adb],.confirm-btn[data-v-6cf95adb]{width:100%}}.modal-overlay[data-v-4c63e3f0]{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container[data-v-4c63e3f0]{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;width:100%;max-width:450px;box-shadow:var(--shadow-lg)}.modal-header[data-v-4c63e3f0]{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-primary)}.modal-header h2[data-v-4c63e3f0]{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.close-btn[data-v-4c63e3f0]{width:36px;height:36px;border-radius:50%;background:var(--bg-secondary);border:none;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-btn[data-v-4c63e3f0]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body[data-v-4c63e3f0]{padding:24px}.auth-form[data-v-4c63e3f0]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-4c63e3f0]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-4c63e3f0]{color:var(--text-secondary);font-size:14px;font-weight:500}.form-group input[data-v-4c63e3f0]{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:8px;padding:12px 16px;color:var(--text-primary);font-size:14px;transition:all .2s}.form-group input[data-v-4c63e3f0]:focus{outline:none;border-color:var(--border-focus);background:var(--bg-input);box-shadow:0 0 0 3px #667eea1a}.form-group input[data-v-4c63e3f0]::placeholder{color:var(--text-muted)}.password-input[data-v-4c63e3f0]{position:relative;display:flex;align-items:center}.password-input input[data-v-4c63e3f0]{flex:1;padding-right:48px}.toggle-password[data-v-4c63e3f0]{position:absolute;right:12px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.toggle-password[data-v-4c63e3f0]:hover{color:var(--text-primary)}.forgot-password-link[data-v-4c63e3f0]{text-align:right;margin-top:-8px}.error-message[data-v-4c63e3f0]{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px;color:#ef4444;font-size:14px;text-align:center}.submit-btn[data-v-4c63e3f0]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:14px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.submit-btn[data-v-4c63e3f0]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.submit-btn[data-v-4c63e3f0]:disabled{opacity:.6;cursor:not-allowed}.form-footer[data-v-4c63e3f0]{text-align:center;color:var(--text-secondary);font-size:14px}.link-btn[data-v-4c63e3f0]{background:none;border:none;color:#667eea;font-size:14px;font-weight:600;cursor:pointer;padding:0;margin-left:4px;transition:color .2s}.link-btn[data-v-4c63e3f0]:hover{color:#764ba2;text-decoration:underline}.modal-enter-active[data-v-4c63e3f0],.modal-leave-active[data-v-4c63e3f0]{transition:opacity .3s ease}.modal-enter-from[data-v-4c63e3f0],.modal-leave-to[data-v-4c63e3f0]{opacity:0}.modal-enter-active .modal-container[data-v-4c63e3f0],.modal-leave-active .modal-container[data-v-4c63e3f0]{transition:transform .3s ease}.modal-enter-from .modal-container[data-v-4c63e3f0],.modal-leave-to .modal-container[data-v-4c63e3f0]{transform:scale(.9)}@media(max-width:640px){.modal-container[data-v-4c63e3f0]{max-height:100vh;border-radius:0}}.modal-overlay[data-v-cea92c5f]{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#000000bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:100000!important;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-container[data-v-cea92c5f]{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:24px;width:100%;max-width:520px;box-shadow:0 25px 50px -12px #00000080;overflow:hidden;animation:slideUp-cea92c5f .4s cubic-bezier(.16,1,.3,1);max-height:90vh;display:flex;flex-direction:column;margin:auto;position:relative;z-index:100001!important}@keyframes slideUp-cea92c5f{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-cea92c5f]{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border-primary);background:var(--bg-card);flex-shrink:0;position:relative;z-index:10}.header-content[data-v-cea92c5f]{flex:1}.modal-header h2[data-v-cea92c5f]{color:var(--text-primary);font-size:22px;font-weight:700;margin:0 0 4px;letter-spacing:-.3px;line-height:1.3}.header-subtitle[data-v-cea92c5f]{color:var(--text-secondary);font-size:13px;margin:0;font-weight:400;line-height:1.4}.close-btn[data-v-cea92c5f]{width:40px;height:40px;border-radius:12px;background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-left:16px}.close-btn[data-v-cea92c5f]:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-secondary);transform:scale(1.05)}.close-btn svg[data-v-cea92c5f]{width:18px;height:18px}.modal-body[data-v-cea92c5f]{padding:20px 24px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;-webkit-overflow-scrolling:touch}.modal-body[data-v-cea92c5f]::-webkit-scrollbar{width:6px}.modal-body[data-v-cea92c5f]::-webkit-scrollbar-track{background:transparent}.modal-body[data-v-cea92c5f]::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}.modal-body[data-v-cea92c5f]::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.auth-form[data-v-cea92c5f]{display:flex;flex-direction:column;gap:20px}.form-section[data-v-cea92c5f]{display:flex;flex-direction:column;gap:14px}.section-title[data-v-cea92c5f]{color:var(--text-primary);font-size:15px;font-weight:700;margin:0 0 2px;letter-spacing:-.2px;padding-bottom:6px;border-bottom:2px solid var(--border-primary)}.form-row[data-v-cea92c5f]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group[data-v-cea92c5f]{display:flex;flex-direction:column;gap:6px}.form-group label[data-v-cea92c5f]{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:-.1px;margin-bottom:0;display:block}.form-group input[data-v-cea92c5f]{background:var(--bg-input);border:1.5px solid var(--border-primary);border-radius:10px;padding:11px 14px;color:var(--text-primary);font-size:14px;transition:all .2s ease;width:100%;font-family:inherit;line-height:1.5}.form-group input[data-v-cea92c5f]:hover{border-color:var(--border-secondary);background:var(--bg-input)}.form-group input[data-v-cea92c5f]:focus{outline:none;border-color:var(--border-focus);background:var(--bg-input);box-shadow:0 0 0 3px #667eea14}.form-group input[data-v-cea92c5f]::placeholder{color:var(--text-muted);font-weight:400;opacity:.7}.input-hint[data-v-cea92c5f]{display:block;font-size:12px;color:var(--text-tertiary);margin-top:2px;line-height:1.5;font-weight:400}.date-selectors[data-v-cea92c5f]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.date-select[data-v-cea92c5f]{background:var(--bg-input);border:1.5px solid var(--border-primary);border-radius:10px;padding:11px 40px 11px 14px;color:var(--text-primary);font-size:14px;transition:all .2s ease;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;font-family:inherit;font-weight:400}.date-select[data-v-cea92c5f]:hover{border-color:var(--border-secondary);background-color:var(--bg-input)}.date-select[data-v-cea92c5f]:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #667eea14}.date-select option[data-v-cea92c5f]{background:var(--bg-card);color:var(--text-primary);padding:12px}.password-input[data-v-cea92c5f]{position:relative;display:flex;align-items:center}.password-input input[data-v-cea92c5f]{flex:1;padding-right:48px}.toggle-password[data-v-cea92c5f]{position:absolute;right:14px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:6px}.toggle-password svg[data-v-cea92c5f]{width:20px;height:20px}.toggle-password[data-v-cea92c5f]:hover{color:var(--text-primary);background:var(--bg-secondary)}.otp-form[data-v-cea92c5f]{align-items:center}.otp-info[data-v-cea92c5f]{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:16px;border:1px solid var(--border-primary)}.otp-info svg[data-v-cea92c5f]{color:#667eea;width:56px;height:56px;margin-bottom:4px}.otp-info p[data-v-cea92c5f]{color:var(--text-secondary);font-size:14px;margin:0;line-height:1.5}.email-display[data-v-cea92c5f]{color:#667eea;font-weight:700;font-size:16px;margin:4px 0}.hint[data-v-cea92c5f]{color:var(--text-secondary);font-size:13px}.debug-hint[data-v-cea92c5f]{color:#667eea;font-size:12px;font-weight:600;margin-top:4px;padding:6px 12px;background:#667eea1a;border-radius:8px;display:inline-block}.otp-input[data-v-cea92c5f]{text-align:center;font-size:28px;letter-spacing:12px;font-weight:700;padding:16px;font-family:Courier New,monospace}.error-message[data-v-cea92c5f]{background:#ef444414;border:1.5px solid rgba(239,68,68,.2);border-radius:10px;padding:14px 16px;color:#ef4444;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:flex-start;gap:10px}.error-message svg[data-v-cea92c5f]{flex-shrink:0}.submit-btn[data-v-cea92c5f]{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:12px;padding:16px 24px;color:#fff!important;font-size:16px;font-weight:700;cursor:pointer;transition:all .25s ease;width:100%;letter-spacing:.2px;box-shadow:0 4px 14px #667eea59;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;text-shadow:0 1px 3px rgba(0,0,0,.2);z-index:1}.submit-btn[data-v-cea92c5f] *{color:#fff!important;position:relative;z-index:2}.submit-btn span[data-v-cea92c5f]{color:#fff!important;position:relative;z-index:2;font-weight:700}.submit-btn .btn-text[data-v-cea92c5f]{color:#fff!important;font-weight:700;font-size:16px;letter-spacing:.2px;text-shadow:0 1px 3px rgba(0,0,0,.2)}.submit-btn[data-v-cea92c5f]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .6s}.submit-btn[data-v-cea92c5f]:hover:not(:disabled):before{left:100%}.submit-btn[data-v-cea92c5f]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea73;background:linear-gradient(135deg,#5568d3,#6a3f8f)}.submit-btn[data-v-cea92c5f]:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 14px #667eea59}.submit-btn[data-v-cea92c5f]:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn-loading[data-v-cea92c5f]{display:flex;align-items:center;gap:10px;color:#fff!important;position:relative;z-index:2}.btn-loading[data-v-cea92c5f] *{color:#fff!important}.spinner[data-v-cea92c5f]{animation:spin-cea92c5f .8s linear infinite;color:#fff!important;stroke:#fff!important}@keyframes spin-cea92c5f{to{transform:rotate(360deg)}}.form-footer[data-v-cea92c5f]{text-align:center;color:var(--text-secondary);font-size:14px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-primary);display:flex;align-items:center;justify-content:center;gap:6px}.link-btn[data-v-cea92c5f]{background:none;border:none;color:#667eea;font-size:15px;font-weight:700;cursor:pointer;padding:0;transition:all .2s ease;text-decoration:none;position:relative}.link-btn[data-v-cea92c5f]:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#667eea;transition:width .2s ease}.link-btn[data-v-cea92c5f]:hover{color:#764ba2;text-decoration:none}.link-btn[data-v-cea92c5f]:hover:after{width:100%}.modal-enter-active[data-v-cea92c5f],.modal-leave-active[data-v-cea92c5f]{transition:opacity .3s ease}.modal-enter-from[data-v-cea92c5f],.modal-leave-to[data-v-cea92c5f]{opacity:0}.modal-enter-active .modal-container[data-v-cea92c5f],.modal-leave-active .modal-container[data-v-cea92c5f]{transition:transform .3s ease,opacity .3s ease}.modal-enter-from .modal-container[data-v-cea92c5f],.modal-leave-to .modal-container[data-v-cea92c5f]{transform:translateY(20px) scale(.95);opacity:0}@media(max-width:640px){.modal-overlay[data-v-cea92c5f]{padding:0}.modal-container[data-v-cea92c5f]{max-width:100%;max-height:100vh;border-radius:0;height:100vh}.modal-header[data-v-cea92c5f]{padding:24px 20px 20px}.modal-header h2[data-v-cea92c5f]{font-size:24px}.header-subtitle[data-v-cea92c5f]{font-size:14px}.modal-body[data-v-cea92c5f]{padding:24px 20px}.form-row[data-v-cea92c5f]{grid-template-columns:1fr;gap:16px}.auth-form[data-v-cea92c5f]{gap:28px}.form-section[data-v-cea92c5f]{gap:18px}.section-title[data-v-cea92c5f]{font-size:15px}}@media(max-width:480px){.modal-header h2[data-v-cea92c5f]{font-size:22px}.form-group input[data-v-cea92c5f],.date-select[data-v-cea92c5f]{padding:12px 14px;font-size:14px}.submit-btn[data-v-cea92c5f]{padding:14px 20px;font-size:15px}.close-btn[data-v-cea92c5f]{width:36px;height:36px}}.modal-overlay[data-v-fb40da74]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container[data-v-fb40da74]{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;width:100%;max-width:450px;box-shadow:0 20px 60px #00000080}.modal-header[data-v-fb40da74]{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #2a2a2a}.modal-header h2[data-v-fb40da74]{color:#fff;font-size:24px;font-weight:600;margin:0}.close-btn[data-v-fb40da74]{width:36px;height:36px;border-radius:50%;background:#2a2a2a;border:none;color:#888;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-btn[data-v-fb40da74]:hover{background:#3a3a3a;color:#fff}.modal-body[data-v-fb40da74]{padding:24px}.auth-form[data-v-fb40da74]{display:flex;flex-direction:column;gap:20px}.reset-info[data-v-fb40da74]{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;margin-bottom:8px}.reset-info svg[data-v-fb40da74]{color:#667eea}.reset-info p[data-v-fb40da74]{color:#ccc;font-size:14px;line-height:1.6;margin:0}.form-group[data-v-fb40da74]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-fb40da74]{color:#ccc;font-size:14px;font-weight:500}.form-group input[data-v-fb40da74]{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;transition:all .2s}.form-group input[data-v-fb40da74]:focus{outline:none;border-color:#667eea;background:#333}.form-group input[data-v-fb40da74]::placeholder{color:#666}.error-message[data-v-fb40da74]{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px;color:#ef4444;font-size:14px;text-align:center}.submit-btn[data-v-fb40da74]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:14px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.submit-btn[data-v-fb40da74]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.submit-btn[data-v-fb40da74]:disabled{opacity:.6;cursor:not-allowed}.form-footer[data-v-fb40da74]{text-align:center;color:#888;font-size:14px}.link-btn[data-v-fb40da74]{background:none;border:none;color:#667eea;font-size:14px;font-weight:600;cursor:pointer;padding:0;margin-left:4px;transition:color .2s}.link-btn[data-v-fb40da74]:hover{color:#764ba2;text-decoration:underline}.success-content[data-v-fb40da74]{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.success-icon[data-v-fb40da74]{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;background:#667eea1a;margin-bottom:8px}.success-icon svg[data-v-fb40da74]{color:#667eea}.success-content h3[data-v-fb40da74]{color:#fff;font-size:24px;font-weight:600;margin:0}.success-content p[data-v-fb40da74]{color:#ccc;font-size:14px;line-height:1.6;margin:0}.email-display[data-v-fb40da74]{color:#667eea;font-weight:600;font-size:16px}.instruction[data-v-fb40da74]{color:#888;font-size:13px;max-width:340px}.modal-enter-active[data-v-fb40da74],.modal-leave-active[data-v-fb40da74]{transition:opacity .3s ease}.modal-enter-from[data-v-fb40da74],.modal-leave-to[data-v-fb40da74]{opacity:0}.modal-enter-active .modal-container[data-v-fb40da74],.modal-leave-active .modal-container[data-v-fb40da74]{transition:transform .3s ease}.modal-enter-from .modal-container[data-v-fb40da74],.modal-leave-to .modal-container[data-v-fb40da74]{transform:scale(.9)}@media(max-width:640px){.modal-container[data-v-fb40da74]{max-height:100vh;border-radius:0}}.modal-overlay[data-v-d020289e]{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-bg, rgba(0, 0, 0, .6));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-container[data-v-d020289e]{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header[data-v-d020289e]{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary)}.modal-header h2[data-v-d020289e]{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.close-btn[data-v-d020289e]{width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);border:none;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-btn[data-v-d020289e]:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body[data-v-d020289e]{padding:24px;background:var(--bg-card)}.auth-form[data-v-d020289e]{display:flex;flex-direction:column;gap:20px}.profile-avatar[data-v-d020289e]{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px}.avatar-circle[data-v-d020289e]{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:600;flex-shrink:0}.avatar-info[data-v-d020289e]{flex:1;min-width:0}.avatar-name[data-v-d020289e]{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-email[data-v-d020289e]{color:var(--text-tertiary);font-size:14px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-row[data-v-d020289e]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group[data-v-d020289e]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-d020289e]{color:var(--text-primary);font-size:14px;font-weight:500}.age-display[data-v-d020289e]{color:#667eea;font-weight:600;font-size:13px}.form-group input[data-v-d020289e]{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:8px;padding:12px 16px;color:var(--text-primary);font-size:14px;transition:all .2s}.form-group input[data-v-d020289e]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.date-selectors[data-v-d020289e]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.date-select[data-v-d020289e]{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:8px;padding:12px 36px 12px 16px;color:var(--text-primary);font-size:14px;transition:all .2s;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.date-select[data-v-d020289e]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.date-select option[data-v-d020289e]{background:var(--bg-card);color:var(--text-primary)}.form-group input[data-v-d020289e]::placeholder{color:var(--text-muted)}.form-group input[data-v-d020289e]:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);opacity:.7;cursor:not-allowed}.disabled-field input[data-v-d020289e]{opacity:.7;cursor:not-allowed}.field-note[data-v-d020289e]{color:var(--text-tertiary);font-size:12px;margin:0;font-style:italic}.field-note.cooldown-message[data-v-d020289e]{color:#f59e0b;font-weight:500;font-style:normal}.account-info[data-v-d020289e]{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.info-row[data-v-d020289e]{display:flex;justify-content:space-between;align-items:center;font-size:14px}.info-label[data-v-d020289e]{color:var(--text-tertiary);font-weight:500}.info-value[data-v-d020289e]{color:var(--text-secondary)}.success-message[data-v-d020289e]{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;padding:12px;color:#10b981;font-size:14px;text-align:center}.error-message[data-v-d020289e]{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px;color:#ef4444;font-size:14px;text-align:center}.button-group[data-v-d020289e]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cancel-btn[data-v-d020289e]{padding:14px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn[data-v-d020289e]:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.submit-btn[data-v-d020289e]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:14px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.submit-btn[data-v-d020289e]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.submit-btn[data-v-d020289e]:disabled{opacity:.6;cursor:not-allowed}.modal-enter-active[data-v-d020289e],.modal-leave-active[data-v-d020289e]{transition:opacity .3s ease}.modal-enter-from[data-v-d020289e],.modal-leave-to[data-v-d020289e]{opacity:0}.modal-enter-active .modal-container[data-v-d020289e],.modal-leave-active .modal-container[data-v-d020289e]{transition:transform .3s ease}.modal-enter-from .modal-container[data-v-d020289e],.modal-leave-to .modal-container[data-v-d020289e]{transform:scale(.9)}@media(max-width:640px){.form-row[data-v-d020289e],.button-group[data-v-d020289e]{grid-template-columns:1fr}.modal-container[data-v-d020289e]{max-height:100vh;border-radius:0}}.modal-overlay[data-v-fec74578]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container[data-v-fec74578]{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;width:100%;max-width:480px;box-shadow:0 20px 60px #00000080}.modal-header[data-v-fec74578]{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #2a2a2a}.modal-header h2[data-v-fec74578]{color:#fff;font-size:24px;font-weight:600;margin:0}.close-btn[data-v-fec74578]{width:36px;height:36px;border-radius:50%;background:#2a2a2a;border:none;color:#888;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-btn[data-v-fec74578]:hover{background:#3a3a3a;color:#fff}.modal-body[data-v-fec74578]{padding:24px}.auth-form[data-v-fec74578]{display:flex;flex-direction:column;gap:20px}.info-message[data-v-fec74578]{display:flex;align-items:center;gap:12px;padding:12px;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:8px;color:#ccc;font-size:14px}.info-message svg[data-v-fec74578]{color:#667eea;flex-shrink:0}.form-group[data-v-fec74578]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-fec74578]{color:#ccc;font-size:14px;font-weight:500}.form-group input[data-v-fec74578]{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;transition:all .2s}.form-group input[data-v-fec74578]:focus{outline:none;border-color:#667eea;background:#333}.form-group input[data-v-fec74578]::placeholder{color:#666}.password-input[data-v-fec74578]{position:relative;display:flex;align-items:center}.password-input input[data-v-fec74578]{flex:1;padding-right:48px}.toggle-password[data-v-fec74578]{position:absolute;right:12px;background:none;border:none;color:#888;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.toggle-password[data-v-fec74578]:hover{color:#ccc}.password-requirements[data-v-fec74578]{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;padding:16px}.requirements-title[data-v-fec74578]{color:#ccc;font-size:13px;font-weight:600;margin:0 0 12px}.password-requirements ul[data-v-fec74578]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.password-requirements li[data-v-fec74578]{display:flex;align-items:center;gap:8px;color:#666;font-size:13px;transition:all .2s}.password-requirements li svg[data-v-fec74578]{flex-shrink:0;opacity:.3}.password-requirements li.valid[data-v-fec74578]{color:#10b981}.password-requirements li.valid svg[data-v-fec74578]{opacity:1}.success-message[data-v-fec74578]{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;padding:12px;color:#10b981;font-size:14px;text-align:center}.error-message[data-v-fec74578]{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px;color:#ef4444;font-size:14px;text-align:center}.submit-btn[data-v-fec74578]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:14px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.submit-btn[data-v-fec74578]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.submit-btn[data-v-fec74578]:disabled{opacity:.6;cursor:not-allowed}.modal-enter-active[data-v-fec74578],.modal-leave-active[data-v-fec74578]{transition:opacity .3s ease}.modal-enter-from[data-v-fec74578],.modal-leave-to[data-v-fec74578]{opacity:0}.modal-enter-active .modal-container[data-v-fec74578],.modal-leave-active .modal-container[data-v-fec74578]{transition:transform .3s ease}.modal-enter-from .modal-container[data-v-fec74578],.modal-leave-to .modal-container[data-v-fec74578]{transform:scale(.9)}@media(max-width:640px){.modal-container[data-v-fec74578]{max-height:100vh;border-radius:0}}.confessions-page[data-v-ad36e4e0]{min-height:100vh;width:100%;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;padding:15px;margin:0;position:relative;box-sizing:border-box}.container[data-v-ad36e4e0]{max-width:1200px;width:100%;margin:0 auto;padding:0 20px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.page-header[data-v-ad36e4e0]{text-align:center;color:#fff;margin-bottom:25px;padding:10px 0;width:100%}.page-header h1[data-v-ad36e4e0]{font-size:clamp(28px,5vw,42px);margin:0 0 10px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2);line-height:1.2}.page-header p[data-v-ad36e4e0]{font-size:clamp(13px,2.5vw,17px);margin:0;opacity:.95}.loading[data-v-ad36e4e0]{text-align:center;padding:60px 20px;color:#fff;width:100%}.spinner[data-v-ad36e4e0]{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;margin:0 auto 20px;animation:spin-ad36e4e0 1s linear infinite}@keyframes spin-ad36e4e0{to{transform:rotate(360deg)}}.error-state[data-v-ad36e4e0]{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;color:#721c24;width:100%}.error-state button[data-v-ad36e4e0]{margin-top:16px;padding:12px 24px;background:#dc3545;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:15px}.empty-state[data-v-ad36e4e0]{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;width:100%}.empty-state svg[data-v-ad36e4e0]{color:#667eea;margin-bottom:20px}.empty-state h3[data-v-ad36e4e0]{margin:0 0 8px;color:#333}.empty-state p[data-v-ad36e4e0]{margin:0;color:#666}.confessions-grid[data-v-ad36e4e0]{display:flex;flex-direction:column;gap:20px;width:100%;max-width:100%}.loading-more[data-v-ad36e4e0]{text-align:center;padding:40px 20px;color:#fff}.loading-more .spinner[data-v-ad36e4e0]{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;margin:0 auto 15px;animation:spin-ad36e4e0 1s linear infinite}.loading-more p[data-v-ad36e4e0]{margin:0;font-size:16px;opacity:.9}.end-of-feed[data-v-ad36e4e0]{text-align:center;padding:40px 20px;color:#fff;font-size:18px;opacity:.8}.end-of-feed p[data-v-ad36e4e0]{margin:0}.header-content[data-v-ad36e4e0]{flex:1;min-width:250px}.confess-btn[data-v-ad36e4e0]{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:#fff;color:#667eea;border:none;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0003}.confess-btn[data-v-ad36e4e0]:hover{transform:translateY(-2px);box-shadow:0 6px 30px #0000004d;background:#f0f0f0}.confess-btn[data-v-ad36e4e0]:active{transform:translateY(0)}.fab[data-v-ad36e4e0]{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;cursor:pointer;box-shadow:0 4px 20px #667eea80;display:none;align-items:center;justify-content:center;z-index:1000;transition:all .3s ease}.fab[data-v-ad36e4e0]:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 6px 30px #667eeab3}.fab[data-v-ad36e4e0]:active{transform:scale(1.05) rotate(90deg)}@media(max-width:768px){.confessions-page[data-v-ad36e4e0]{padding:12px}.page-header[data-v-ad36e4e0]{padding:5px 0;margin-bottom:20px;flex-direction:column;align-items:flex-start}.confessions-grid[data-v-ad36e4e0]{gap:15px}.confess-btn[data-v-ad36e4e0]{display:none}.fab[data-v-ad36e4e0]{display:flex}}@media(min-width:769px){.fab[data-v-ad36e4e0]{display:none}.page-header[data-v-ad36e4e0]{display:flex;justify-content:space-between;align-items:center}}@media(max-width:480px){.confessions-page[data-v-ad36e4e0]{padding:10px}.confessions-grid[data-v-ad36e4e0]{gap:12px}}.navbar[data-v-d9289501]{background:var(--bg-navbar, #1a1a1a);border-bottom:2px solid var(--border-secondary, #3a3a3a)!important;position:-webkit-sticky;position:sticky;top:0;z-index:1000;width:100%;box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .3));overflow:visible!important}.nav-container[data-v-d9289501]{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:60px;gap:20px;overflow:visible!important}.nav-left[data-v-d9289501]{flex-shrink:0;display:flex;align-items:center;min-width:120px;border:none!important;outline:none!important}.nav-left a[data-v-d9289501],.nav-left router-link[data-v-d9289501]{border:none!important;outline:none!important;box-shadow:none!important}.logo[data-v-d9289501]{display:flex;align-items:center;cursor:pointer;text-decoration:none;padding:0;margin:0;transition:all .2s ease;border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important}.logo[data-v-d9289501]:hover{opacity:.9}.logo[data-v-d9289501]:focus,.logo[data-v-d9289501]:focus-visible{outline:none!important;border:none!important;box-shadow:none!important}.logo-img[data-v-d9289501]{height:48px;width:auto;display:block;transition:all .25s cubic-bezier(.4,0,.2,1);object-fit:contain;max-width:220px;border:none!important;outline:none!important;box-shadow:none!important}.logo:hover .logo-img[data-v-d9289501]{transform:scale(1.03);opacity:.95}.nav-center[data-v-d9289501]{flex:1;max-width:600px}.search-box[data-v-d9289501]{display:flex;align-items:center;gap:10px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;padding:8px 16px;transition:all .2s}.search-box[data-v-d9289501]:focus-within{border-color:#667eea;background:#333}.search-box svg[data-v-d9289501]{color:#888;flex-shrink:0}.search-box input[data-v-d9289501]{flex:1;background:none;border:none;color:#fff;font-size:14px;outline:none}.search-box input[data-v-d9289501]::placeholder{color:#666}.nav-right[data-v-d9289501]{display:flex;align-items:center;gap:8px;overflow:visible!important;position:relative}.icon-btn[data-v-d9289501]{width:40px;height:40px;border-radius:50%;background:#2a2a2a;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.icon-btn[data-v-d9289501]:hover{background:#3a3a3a}.theme-toggle[data-v-d9289501]{transition:all .3s ease}.theme-toggle[data-v-d9289501]:hover{background:#3a3a3a;border:1px solid #667eea}.theme-toggle[data-v-d9289501]:active{transform:scale(.95)}.theme-toggle svg[data-v-d9289501]{transition:all .3s ease}.theme-toggle:hover svg[data-v-d9289501]{color:#667eea;transform:rotate(20deg)}.theme-loading-overlay[data-v-d9289501]{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.theme-loader[data-v-d9289501]{display:flex;flex-direction:column;align-items:center;gap:16px}.loader-spinner[data-v-d9289501]{color:#667eea;animation:spin-d9289501 .8s linear infinite}.theme-loader p[data-v-d9289501]{color:#fff;font-size:16px;font-weight:500;margin:0}@keyframes spin-d9289501{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-enter-active[data-v-d9289501],.fade-leave-active[data-v-d9289501]{transition:opacity .3s ease}.fade-enter-from[data-v-d9289501],.fade-leave-to[data-v-d9289501]{opacity:0}.auth-btn[data-v-d9289501]{padding:8px 20px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.login-btn[data-v-d9289501]{background:transparent;color:#fff;border:1px solid #3a3a3a}.login-btn[data-v-d9289501]:hover{background:#2a2a2a;border-color:#667eea}.signup-btn[data-v-d9289501]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.signup-btn[data-v-d9289501]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.logout-btn[data-v-d9289501]{background:#ef4444;color:#fff}.logout-btn[data-v-d9289501]:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.user-menu-wrapper[data-v-d9289501]{position:relative;z-index:10001!important}.user-icon-btn[data-v-d9289501]{width:40px;height:40px;border-radius:50%;background:#2a2a2a;border:1px solid #3a3a3a;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;position:relative;z-index:1002;pointer-events:auto}.user-icon-btn[data-v-d9289501]:hover{background:#3a3a3a;border-color:#667eea;transform:translateY(-2px)}.user-icon-btn[data-v-d9289501]:active{transform:translateY(0)}.user-icon-btn svg[data-v-d9289501]{width:20px;height:20px}.dropdown-menu[data-v-d9289501]{position:absolute;top:calc(100% + 10px);right:0;background:#1a1a1a!important;border:2px solid #667eea!important;border-radius:12px;min-width:200px;box-shadow:0 8px 24px #667eea4d,0 0 0 1px #667eea1a!important;overflow:hidden;z-index:99999!important}.dropdown-item[data-v-d9289501]{width:100%;padding:12px 16px;background:none;border:none;color:#ccc;font-size:14px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s ease}.dropdown-item[data-v-d9289501]:hover{background:#2a2a2a;color:#fff}.dropdown-item svg[data-v-d9289501]{flex-shrink:0;color:#888;transition:color .2s ease}.dropdown-item:hover svg[data-v-d9289501]{color:#667eea}.dropdown-loading[data-v-d9289501]{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;color:#888;font-size:14px}.dropdown-spinner[data-v-d9289501]{animation:spin-d9289501 .8s linear infinite;color:#667eea}.dropdown-divider[data-v-d9289501]{height:1px;background:#2a2a2a;margin:4px 0}.dropdown-item.logout[data-v-d9289501]{color:#ef4444}.dropdown-item.logout[data-v-d9289501]:hover{background:#ef44441a;color:#ef4444}.dropdown-item.logout svg[data-v-d9289501]{color:#ef4444}.dropdown-item.logout:hover svg[data-v-d9289501]{color:#ef4444}.dropdown-enter-active[data-v-d9289501],.dropdown-leave-active[data-v-d9289501]{transition:all .2s ease}.dropdown-enter-from[data-v-d9289501],.dropdown-leave-to[data-v-d9289501]{opacity:0!important;transform:translateY(-8px) scale(.95)}.dropdown-enter-to[data-v-d9289501],.dropdown-leave-from[data-v-d9289501]{opacity:1!important;transform:translateY(0) scale(1)}@media(max-width:768px){.nav-center[data-v-d9289501]{display:none}.nav-left[data-v-d9289501]{min-width:100px}.logo-img[data-v-d9289501]{height:40px;max-width:180px}.auth-btn[data-v-d9289501]{padding:6px 14px;font-size:13px}}.sidebar[data-v-aef0c68f]{display:flex;flex-direction:column;gap:12px;align-self:flex-start;pointer-events:auto;position:sticky;top:90px;z-index:100;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:fit-content;max-height:calc(100vh - 110px);overflow-y:auto}.sidebar-box[data-v-aef0c68f]{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden;pointer-events:auto;box-shadow:var(--shadow-sm)}.info-box[data-v-aef0c68f]{margin-bottom:0}.info-card[data-v-aef0c68f]{padding:24px}.info-card h3[data-v-aef0c68f]{margin:0 0 16px;font-size:18px;font-weight:600;font-family:inherit;color:var(--text-primary);line-height:1.4}.info-card div[data-v-aef0c68f]{margin:0;font-size:14px;font-family:inherit;line-height:1.6;color:var(--text-secondary)}.info-card div[data-v-aef0c68f]:last-child{margin-bottom:0}.links-card[data-v-aef0c68f]{padding:20px 24px;border-bottom:none}.links-card[data-v-aef0c68f]:last-of-type{border-bottom:none}.links-card h4[data-v-aef0c68f]{margin:0 0 16px;font-size:12px;font-weight:700;font-family:inherit;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px}.links-list[data-v-aef0c68f]{list-style:none;margin:0;padding:0}.links-list li[data-v-aef0c68f]{margin-bottom:12px;pointer-events:auto;position:relative;z-index:1}.links-list li[data-v-aef0c68f]:last-child{margin-bottom:0}.links-list a[data-v-aef0c68f]{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:400;font-family:inherit;transition:all .2s ease;display:flex;align-items:center;gap:10px;cursor:pointer;position:relative;z-index:1;padding:2px 0}.links-list a[data-v-aef0c68f]:hover,.links-list a.router-link-active[data-v-aef0c68f]{color:var(--text-link)}.links-list a[data-v-aef0c68f]:active{color:var(--text-link-hover)}.links-list svg[data-v-aef0c68f]{flex-shrink:0;width:16px;height:16px;color:var(--text-tertiary);transition:color .2s}.links-list a:hover svg[data-v-aef0c68f],.links-list a.router-link-active svg[data-v-aef0c68f]{color:var(--text-link)}.copyright[data-v-aef0c68f]{padding:20px 24px;font-size:11px;font-family:inherit;font-weight:400;color:var(--text-tertiary);text-align:center;line-height:1.6;border-top:1px solid var(--border-primary)}.recaptcha-notice[data-v-aef0c68f]{padding:16px 24px 20px;font-size:10px;font-family:inherit;font-weight:400;color:var(--text-tertiary);text-align:center;line-height:1.6;border-top:1px solid var(--border-primary)}.recaptcha-notice a[data-v-aef0c68f],.recaptcha-notice .recaptcha-link[data-v-aef0c68f]{color:var(--text-link);text-decoration:none;transition:color .2s}.recaptcha-notice a[data-v-aef0c68f]:hover,.recaptcha-notice .recaptcha-link[data-v-aef0c68f]:hover{color:var(--text-link-hover);text-decoration:underline}.sidebar[data-v-aef0c68f]{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--border-primary) transparent}.sidebar[data-v-aef0c68f]::-webkit-scrollbar{width:6px}.sidebar[data-v-aef0c68f]::-webkit-scrollbar-track{background:transparent}.sidebar[data-v-aef0c68f]::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.sidebar[data-v-aef0c68f]::-webkit-scrollbar-thumb:hover{background:var(--border-secondary)}@media(max-width:1024px){.sidebar[data-v-aef0c68f]{display:none}}.confession-card-dark[data-v-1aab6f48]{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md);transition:all .2s}.confession-card-dark[data-v-1aab6f48]:hover{border-color:var(--border-hover)}.card-header[data-v-1aab6f48]{padding:16px 20px 12px;display:flex;justify-content:space-between;align-items:center;font-size:13px;flex-wrap:wrap;gap:8px}.header-left[data-v-1aab6f48]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.post-number[data-v-1aab6f48]{color:var(--text-link);font-size:12px;font-weight:700;background:var(--bg-hover);padding:4px 10px;border-radius:6px}.publish-time[data-v-1aab6f48]{color:var(--text-tertiary);font-size:13px}.post-tags[data-v-1aab6f48]{display:flex;flex-wrap:wrap;gap:6px}.tag-badge[data-v-1aab6f48]{padding:5px 12px!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border-radius:14px!important;font-size:11px!important;font-weight:700!important;text-shadow:0 1px 3px rgba(0,0,0,.3)!important;box-shadow:0 2px 6px #667eea66!important;border:none!important}.key-lesson-title[data-v-1aab6f48]{display:flex;align-items:center;gap:12px;padding:0 20px 16px;margin-top:-8px}.key-lesson-title svg[data-v-1aab6f48]{color:#fbbf24;flex-shrink:0}.key-lesson-title h3[data-v-1aab6f48]{margin:0;color:var(--text-primary);font-size:18px;font-weight:700;line-height:1.4}.card-body[data-v-1aab6f48]{padding:0 20px 16px}.story-content[data-v-1aab6f48]{position:relative;transition:all .3s ease}.story-content.collapsed[data-v-1aab6f48]{max-height:90px;overflow:hidden}.story-fade[data-v-1aab6f48]{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,var(--bg-card));pointer-events:none}.confession-text[data-v-1aab6f48]{margin:0;color:var(--text-secondary);font-size:15px;line-height:1.6;word-wrap:break-word}.confession-text[data-v-1aab6f48] p{margin:0 0 12px;color:var(--text-secondary)}.confession-text[data-v-1aab6f48] p:last-child{margin-bottom:0}.confession-text[data-v-1aab6f48] strong,.confession-text[data-v-1aab6f48] b{color:var(--text-primary);font-weight:700}.confession-text[data-v-1aab6f48] em,.confession-text[data-v-1aab6f48] i{font-style:italic;color:var(--text-secondary)}.confession-text[data-v-1aab6f48] u{text-decoration:underline}.confession-text[data-v-1aab6f48] s,.confession-text[data-v-1aab6f48] strike{text-decoration:line-through}.confession-text[data-v-1aab6f48] ul,.confession-text[data-v-1aab6f48] ol{margin:8px 0;padding-left:24px;color:var(--text-secondary)}.confession-text[data-v-1aab6f48] li{margin-bottom:6px;color:var(--text-secondary)}.confession-text[data-v-1aab6f48] blockquote{border-left:4px solid var(--text-link);padding-left:16px;margin:12px 0;color:var(--text-tertiary);font-style:italic}.confession-text[data-v-1aab6f48] br{display:block;content:"";margin:4px 0}.expand-story-btn[data-v-1aab6f48]{margin-top:12px;padding:8px 16px;background:transparent;border:1px solid var(--border-primary);border-radius:6px;color:var(--text-link);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;width:100%;justify-content:center}.expand-story-btn[data-v-1aab6f48]:hover{background:var(--bg-hover);border-color:var(--text-link);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.expand-story-btn svg[data-v-1aab6f48]{transition:transform .3s ease}.card-footer[data-v-1aab6f48]{padding:12px 16px;border-top:1px solid var(--border-primary);display:flex;gap:8px}.action-btn[data-v-1aab6f48]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:none;color:var(--text-tertiary);font-size:13px;font-weight:600;cursor:pointer;border-radius:4px;transition:all .2s}.action-btn[data-v-1aab6f48]:hover{background:var(--bg-hover);color:var(--text-secondary)}.vote-buttons[data-v-1aab6f48]{display:flex;align-items:center;gap:4px;background:var(--bg-hover);border-radius:20px;padding:3px}.vote-btn[data-v-1aab6f48]{display:flex;align-items:center;gap:5px;padding:5px 12px;background:transparent;border:none;border-radius:16px;cursor:pointer;transition:all .2s ease;color:var(--text-tertiary);font-size:13px;font-weight:600}.vote-btn[data-v-1aab6f48]:hover{background:var(--bg-tertiary)}.like-vote-btn[data-v-1aab6f48]:hover{color:#4ade80}.dislike-vote-btn[data-v-1aab6f48]:hover{color:#f87171}.like-vote-btn.active[data-v-1aab6f48]{background:#4ade8026;color:#4ade80}.like-vote-btn.active svg[data-v-1aab6f48]{fill:#4ade80}.dislike-vote-btn.active[data-v-1aab6f48]{background:#f8717126;color:#f87171}.dislike-vote-btn.active svg[data-v-1aab6f48]{fill:#f87171}.action-btn.active[data-v-1aab6f48]{color:var(--text-secondary);background:var(--bg-hover)}.more-btn[data-v-1aab6f48]{margin-left:auto;padding:6px}.copy-btn[data-v-1aab6f48],.share-btn[data-v-1aab6f48]{padding:6px}.copy-btn.copied[data-v-1aab6f48],.copy-btn.copied[data-v-1aab6f48]:hover{color:#10b981}.share-btn[data-v-1aab6f48]:hover{color:#3b82f6}.delete-btn[data-v-1aab6f48]{margin-left:auto}.delete-btn[data-v-1aab6f48]:hover{color:#ef4444;background:#ef44441a}.comments-section-dark[data-v-1aab6f48]{border-top:1px solid var(--border-primary);padding:16px 20px;background:var(--bg-tertiary)}.comments-list[data-v-1aab6f48]{margin-bottom:16px}.no-comments[data-v-1aab6f48]{text-align:center;padding:20px;color:var(--text-tertiary);font-size:14px}.no-comments p[data-v-1aab6f48]{margin:0}.comments-disabled[data-v-1aab6f48]{border-top:1px solid var(--border-primary);padding:16px 20px;text-align:center;color:var(--text-tertiary);font-size:14px}.comments-disabled p[data-v-1aab6f48]{margin:0}.expand-enter-active[data-v-1aab6f48],.expand-leave-active[data-v-1aab6f48]{transition:all .3s ease;overflow:hidden}.expand-enter-from[data-v-1aab6f48],.expand-leave-to[data-v-1aab6f48]{max-height:0;opacity:0}.expand-enter-to[data-v-1aab6f48],.expand-leave-from[data-v-1aab6f48]{max-height:2000px;opacity:1}@media(max-width:480px){.card-header[data-v-1aab6f48],.card-body[data-v-1aab6f48]{padding-left:16px;padding-right:16px}.confession-text[data-v-1aab6f48]{font-size:14px}}.confessions-dark[data-v-40885cbe]{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);overflow-x:clip;overflow-y:visible;-webkit-overflow-scrolling:touch}.main-layout[data-v-40885cbe]{max-width:1400px;margin:0 auto;padding:80px 20px 20px;display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start;position:relative;isolation:isolate}.content-area[data-v-40885cbe]{min-width:0;width:100%}.post-section[data-v-40885cbe]{margin-bottom:16px}.tag-filter-section[data-v-40885cbe]{margin-bottom:20px}.tag-filter-container[data-v-40885cbe]{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.tag-dropdown[data-v-40885cbe]{position:relative}.tag-dropdown-trigger[data-v-40885cbe]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.tag-dropdown-trigger[data-v-40885cbe]:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary)}.tag-dropdown-trigger.active[data-v-40885cbe]{background:var(--bg-card);border-color:var(--accent-primary);color:var(--accent-primary)}.tag-dropdown-trigger .chevron[data-v-40885cbe]{transition:transform .2s}.tag-dropdown-trigger .chevron.open[data-v-40885cbe]{transform:rotate(180deg)}.tag-dropdown-menu[data-v-40885cbe]{position:absolute;top:calc(100% + 8px);left:0;min-width:280px;max-height:400px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-lg);z-index:100;overflow:hidden}.dropdown-header[data-v-40885cbe]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary)}.dropdown-header span[data-v-40885cbe]{font-size:14px;font-weight:600;color:var(--text-primary)}.clear-all-btn[data-v-40885cbe]{background:none;border:none;color:var(--accent-primary);font-size:13px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.clear-all-btn[data-v-40885cbe]:hover{background:#667eea1a}.dropdown-options[data-v-40885cbe]{max-height:320px;overflow-y:auto;padding:8px}.tag-option[data-v-40885cbe]{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s}.tag-option[data-v-40885cbe]:hover{background:var(--bg-hover)}.tag-option.selected[data-v-40885cbe]{background:#667eea1a}.tag-option input[type=checkbox][data-v-40885cbe]{display:none}.tag-option .checkmark[data-v-40885cbe]{width:20px;height:20px;border:2px solid var(--border-secondary);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.tag-option.selected .checkmark[data-v-40885cbe]{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-color:var(--accent-primary)}.tag-option.selected .checkmark[data-v-40885cbe]:after{content:"";width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.tag-option .tag-label[data-v-40885cbe]{font-size:14px;color:var(--text-primary);font-weight:500}.selected-filter-tags[data-v-40885cbe]{display:flex;flex-wrap:wrap;gap:8px;flex:1}.filter-tag-badge[data-v-40885cbe]{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.filter-tag-badge[data-v-40885cbe]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.filter-tag-badge svg[data-v-40885cbe]{opacity:.8}.filter-tag-badge:hover svg[data-v-40885cbe]{opacity:1}.dropdown-enter-active[data-v-40885cbe],.dropdown-leave-active[data-v-40885cbe]{transition:all .2s ease}.dropdown-enter-from[data-v-40885cbe],.dropdown-leave-to[data-v-40885cbe]{opacity:0;transform:translateY(-10px)}.post-input-container[data-v-40885cbe]{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;padding:12px;display:flex;gap:12px;align-items:center}.post-input[data-v-40885cbe]{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;padding:12px 16px;color:var(--text-tertiary);font-size:14px;text-align:left;cursor:pointer;transition:all .2s}.post-input[data-v-40885cbe]:hover{background:var(--bg-hover);border-color:var(--border-secondary)}.submit-icon[data-v-40885cbe]{width:40px;height:40px;background:transparent;border:none;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;transition:all .2s}.submit-icon[data-v-40885cbe]:hover{background:var(--bg-hover);color:var(--text-primary)}.confessions-list[data-v-40885cbe]{display:flex;flex-direction:column;gap:12px}.loading[data-v-40885cbe],.loading-more[data-v-40885cbe]{text-align:center;padding:40px 20px;color:var(--text-tertiary)}.spinner[data-v-40885cbe]{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;margin:0 auto 15px;animation:spin-40885cbe 1s linear infinite}@keyframes spin-40885cbe{to{transform:rotate(360deg)}}.error-state[data-v-40885cbe],.empty-state[data-v-40885cbe]{text-align:center;padding:60px 20px;color:var(--text-tertiary)}.error-state button[data-v-40885cbe],.empty-state button[data-v-40885cbe]{margin-top:20px;padding:10px 24px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer}.end-of-feed[data-v-40885cbe]{text-align:center;padding:40px 20px;color:var(--text-muted)}.no-results[data-v-40885cbe]{text-align:center;padding:60px 20px;color:var(--text-tertiary)}.no-results svg[data-v-40885cbe]{margin:0 auto 20px;opacity:.5}.no-results h3[data-v-40885cbe]{margin:0 0 10px;font-size:20px;color:var(--text-secondary)}.no-results p[data-v-40885cbe]{margin:0;font-size:14px}.clear-filter-btn[data-v-40885cbe]{margin-top:16px;padding:10px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.clear-filter-btn[data-v-40885cbe]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.search-results-count[data-v-40885cbe]{text-align:center;padding:20px;color:var(--text-tertiary);font-size:14px;border-top:1px solid var(--border-primary);margin-top:20px}@media(max-width:1024px){.main-layout[data-v-40885cbe]{grid-template-columns:1fr}}@media(max-width:768px){.main-layout[data-v-40885cbe]{padding:80px 12px 12px}.tag-filter-container[data-v-40885cbe]{flex-direction:column;gap:10px}.tag-dropdown[data-v-40885cbe]{width:100%}.tag-dropdown-trigger[data-v-40885cbe]{width:100%;justify-content:space-between}.tag-dropdown-menu[data-v-40885cbe]{width:100%;min-width:unset}.selected-filter-tags[data-v-40885cbe]{width:100%}.filter-tag-badge[data-v-40885cbe]{padding:6px 10px;font-size:12px}}.post-view-page[data-v-4faeacec]{min-height:100vh;background:var(--bg-primary)}.main-layout[data-v-4faeacec]{max-width:1400px;margin:0 auto;padding:80px 20px 20px;display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start;position:relative;isolation:isolate}.content-area[data-v-4faeacec]{min-width:0;width:100%}.back-section[data-v-4faeacec]{margin-bottom:24px}.back-btn[data-v-4faeacec]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:none;color:var(--text-link);cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.back-btn[data-v-4faeacec]:hover{color:var(--text-link-hover);text-decoration:underline}.loading-container[data-v-4faeacec],.error-container[data-v-4faeacec]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:40px 20px}.spinner[data-v-4faeacec]{width:48px;height:48px;border:4px solid var(--border-secondary);border-top-color:var(--accent-info);border-radius:50%;animation:spin-4faeacec 1s linear infinite;margin-bottom:20px}@keyframes spin-4faeacec{to{transform:rotate(360deg)}}.loading-container p[data-v-4faeacec]{color:var(--text-secondary);font-size:16px}.error-icon[data-v-4faeacec]{color:#ef4444;margin-bottom:24px}.error-container h2[data-v-4faeacec]{color:#fff;font-size:24px;font-weight:700;margin-bottom:12px}.error-container p[data-v-4faeacec]{color:var(--text-secondary);font-size:16px;margin-bottom:32px;max-width:400px}.back-home-btn[data-v-4faeacec]{padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.back-home-btn[data-v-4faeacec]:hover{background:#2563eb}.post-container[data-v-4faeacec]{margin-top:20px}.post-card[data-v-4faeacec]{background:transparent;border:none;padding:0}.post-header[data-v-4faeacec]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-primary)}.post-meta[data-v-4faeacec]{flex:1}.meta-row[data-v-4faeacec]{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.post-number[data-v-4faeacec]{color:var(--text-link);font-size:13px;font-weight:700;background:var(--bg-hover);padding:4px 12px;border-radius:6px}.publish-time[data-v-4faeacec]{color:var(--text-tertiary);font-size:13px}.post-tags[data-v-4faeacec]{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag[data-v-4faeacec]{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;padding:6px 14px!important;border-radius:16px!important;font-size:12px!important;font-weight:700!important;text-shadow:0 1px 3px rgba(0,0,0,.3)!important;box-shadow:0 2px 6px #667eea66!important;border:none!important}.adult-badge[data-v-4faeacec]{background:#ef4444;color:#fff;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:700}.key-lesson-section[data-v-4faeacec]{margin-bottom:32px;padding:24px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-md)}.key-lesson-header[data-v-4faeacec]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.key-lesson-header svg[data-v-4faeacec]{color:#fbbf24;flex-shrink:0}.section-title[data-v-4faeacec]{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.key-lesson-text[data-v-4faeacec]{color:var(--text-secondary);font-size:15px;line-height:1.7;font-weight:500;margin:0}.key-lesson-text[data-v-4faeacec] strong,.key-lesson-text[data-v-4faeacec] b{color:var(--text-primary);font-weight:700}.key-lesson-text[data-v-4faeacec] em,.key-lesson-text[data-v-4faeacec] i{font-style:italic}.story-section[data-v-4faeacec]{margin-bottom:24px}.story-header[data-v-4faeacec]{display:flex;align-items:center;gap:12px;margin-bottom:20px}.story-header svg[data-v-4faeacec]{color:var(--text-link);flex-shrink:0}.story-content[data-v-4faeacec]{position:relative;transition:all .3s ease}.story-content.collapsed[data-v-4faeacec]{max-height:200px;overflow:hidden;position:relative}.story-fade[data-v-4faeacec]{position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,transparent,var(--bg-primary));pointer-events:none}.story-text[data-v-4faeacec]{color:var(--text-secondary);font-size:15px;line-height:1.8;white-space:pre-wrap;word-wrap:break-word;margin:0}.story-text[data-v-4faeacec] p{margin:0 0 16px;color:var(--text-secondary)}.story-text[data-v-4faeacec] p:last-child{margin-bottom:0}.story-text[data-v-4faeacec] strong,.story-text[data-v-4faeacec] b{color:var(--text-primary);font-weight:700}.story-text[data-v-4faeacec] em,.story-text[data-v-4faeacec] i{font-style:italic;color:var(--text-secondary)}.story-text[data-v-4faeacec] u{text-decoration:underline}.story-text[data-v-4faeacec] s,.story-text[data-v-4faeacec] strike{text-decoration:line-through}.story-text[data-v-4faeacec] ul,.story-text[data-v-4faeacec] ol{margin:12px 0;padding-left:28px;color:var(--text-secondary)}.story-text[data-v-4faeacec] li{margin-bottom:8px;color:var(--text-secondary)}.story-text[data-v-4faeacec] blockquote{border-left:4px solid var(--text-link);padding-left:16px;margin:16px 0;color:var(--text-tertiary);font-style:italic}.story-text[data-v-4faeacec] br{display:block;content:"";margin:6px 0}.expand-btn[data-v-4faeacec]{margin-top:16px;padding:10px 20px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-link);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;width:100%;justify-content:center}.expand-btn[data-v-4faeacec]:hover{background:var(--bg-hover);border-color:var(--text-link);transform:translateY(-2px);box-shadow:var(--shadow-md)}.expand-btn svg[data-v-4faeacec]{transition:transform .3s ease}.post-actions[data-v-4faeacec]{display:flex;gap:12px;padding-top:20px;border-top:1px solid var(--border-primary);flex-wrap:wrap}.action-btn[data-v-4faeacec]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;color:var(--text-tertiary);font-size:14px;font-weight:600;cursor:pointer;border-radius:6px;transition:all .2s}.action-btn[data-v-4faeacec]:hover{background:var(--bg-hover);color:var(--text-secondary)}.vote-buttons[data-v-4faeacec]{display:flex;align-items:center;gap:4px;background:var(--bg-hover);border-radius:24px;padding:4px}.vote-btn[data-v-4faeacec]{display:flex;align-items:center;gap:6px;padding:6px 14px;background:transparent;border:none;border-radius:20px;cursor:pointer;transition:all .2s ease;color:var(--text-tertiary);font-size:14px;font-weight:600}.vote-btn[data-v-4faeacec]:hover{background:var(--bg-tertiary)}.like-vote-btn[data-v-4faeacec]:hover{color:#4ade80}.dislike-vote-btn[data-v-4faeacec]:hover{color:#f87171}.like-vote-btn.active[data-v-4faeacec]{background:#4ade8026;color:#4ade80}.like-vote-btn.active svg[data-v-4faeacec]{fill:#4ade80}.dislike-vote-btn.active[data-v-4faeacec]{background:#f8717126;color:#f87171}.dislike-vote-btn.active svg[data-v-4faeacec]{fill:#f87171}.action-btn.active[data-v-4faeacec]{color:var(--text-secondary);background:var(--bg-hover)}.copy-btn.copied[data-v-4faeacec]{color:#10b981}.share-btn[data-v-4faeacec]:hover{color:#3b82f6}.delete-btn[data-v-4faeacec]{margin-left:auto}.delete-btn[data-v-4faeacec]:hover{color:#ef4444;background:#ef44441a}.comments-section[data-v-4faeacec]{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-primary)}.comments-list[data-v-4faeacec]{margin-bottom:20px}.no-comments[data-v-4faeacec]{text-align:center;padding:40px 20px;color:var(--text-muted)}.comments-disabled[data-v-4faeacec]{text-align:center;padding:24px 20px 20px;color:var(--text-muted);font-size:14px;margin-top:24px;border-top:1px solid var(--border-primary)}.expand-enter-active[data-v-4faeacec],.expand-leave-active[data-v-4faeacec]{transition:all .3s ease;max-height:5000px;overflow:hidden}.expand-enter-from[data-v-4faeacec],.expand-leave-to[data-v-4faeacec]{max-height:0;opacity:0;padding-top:0;padding-bottom:0;margin-top:0}@media(max-width:1024px){.main-layout[data-v-4faeacec]{grid-template-columns:1fr}}@media(max-width:768px){.main-layout[data-v-4faeacec]{padding:80px 12px 12px}.post-card[data-v-4faeacec]{padding:20px}.post-actions[data-v-4faeacec]{gap:8px}.action-btn[data-v-4faeacec]{padding:6px 12px;font-size:13px}}.create-story-page[data-v-ad34348c]{min-height:100vh;background:var(--bg-primary);padding:20px}.page-container[data-v-ad34348c]{max-width:900px;margin:0 auto;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);overflow:hidden}.page-header[data-v-ad34348c]{padding:24px;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary)}.back-btn[data-v-ad34348c]{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;margin-bottom:16px;transition:color .2s}.back-btn[data-v-ad34348c]:hover{color:var(--accent-primary)}.header-content h1[data-v-ad34348c]{margin:0 0 8px;font-size:28px;font-weight:700;color:var(--text-primary)}.header-subtitle[data-v-ad34348c]{margin:0 0 4px;font-size:14px;color:var(--text-secondary)}.header-tagline[data-v-ad34348c]{margin:0;font-size:13px;color:#667eea;font-weight:600}.page-body[data-v-ad34348c]{padding:24px}.form-section[data-v-ad34348c]{margin-bottom:24px}.form-label[data-v-ad34348c]{display:block;color:var(--text-secondary);font-size:14px;font-weight:600;margin-bottom:8px}.title-input[data-v-ad34348c]{width:100%;padding:14px 16px;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;box-sizing:border-box;transition:all .2s}.title-input[data-v-ad34348c]:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #667eea1a}.title-input[data-v-ad34348c]::placeholder{color:var(--text-muted)}.title-input[data-v-ad34348c]:disabled{opacity:.6;cursor:not-allowed}.lesson-textarea[data-v-ad34348c]{width:100%;padding:16px;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;resize:vertical;outline:none;box-sizing:border-box;transition:all .2s}.lesson-textarea[data-v-ad34348c]:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #667eea1a}.lesson-textarea[data-v-ad34348c]::placeholder{color:var(--text-muted)}.lesson-textarea[data-v-ad34348c]:disabled{opacity:.6;cursor:not-allowed}.char-info[data-v-ad34348c]{display:flex;justify-content:space-between;align-items:center;margin-top:4px;font-size:12px}.char-count[data-v-ad34348c]{color:var(--text-muted)}.min-char-note[data-v-ad34348c]{color:var(--text-secondary);font-style:italic}.word-limit-error[data-v-ad34348c]{color:#ef4444;font-size:12px;margin-top:5px}.loading-tags[data-v-ad34348c]{text-align:center;padding:20px;color:var(--text-secondary);font-size:14px}.tags-container[data-v-ad34348c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:12px}.tag-checkbox[data-v-ad34348c]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-tertiary);border:1.5px solid var(--border-primary);border-radius:8px;cursor:pointer;transition:all .2s}.tag-checkbox[data-v-ad34348c]:hover{background:var(--bg-hover);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.tag-checkbox input[type=checkbox][data-v-ad34348c]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary);flex-shrink:0}.tag-checkbox[data-v-ad34348c]:has(input[type=checkbox]:checked){background:#667eea1a;border-color:var(--accent-primary);border-width:2px}.tag-checkbox input[type=checkbox]:checked+span[data-v-ad34348c]{color:var(--accent-primary);font-weight:600}.tag-checkbox span[data-v-ad34348c]{color:var(--text-primary);font-size:14px;font-weight:500;-webkit-user-select:none;user-select:none;transition:all .2s}.selected-tags[data-v-ad34348c]{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--text-secondary);font-size:14px;margin-top:12px;padding:12px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-primary)}.tag-badge[data-v-ad34348c]{display:inline-flex;align-items:center;padding:6px 14px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;border-radius:16px;font-size:13px;font-weight:600;box-shadow:0 2px 4px #667eea33;transition:all .2s}.tag-badge[data-v-ad34348c]:hover{transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.tag-error[data-v-ad34348c]{color:var(--accent-error);font-size:13px;margin-top:8px;padding:8px 12px;background:#ef44441a;border-left:3px solid var(--accent-error);border-radius:4px}.tag-disabled[data-v-ad34348c]{opacity:.5;cursor:not-allowed!important}.tag-disabled[data-v-ad34348c]:hover{transform:none!important;box-shadow:none!important;border-color:var(--border-primary)!important;background:var(--bg-tertiary)!important}.tag-limit-info[data-v-ad34348c]{color:var(--accent-primary);font-size:13px;margin-top:8px;padding:8px 12px;background:#667eea1a;border-left:3px solid var(--accent-primary);border-radius:4px}.page-footer[data-v-ad34348c]{padding:20px 0 0;border-top:1px solid var(--border-primary);margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.footer-left[data-v-ad34348c]{display:flex;flex-direction:column;gap:8px;flex:1}.recaptcha-info[data-v-ad34348c]{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary);padding:6px 10px;background:#667eea1a;border-radius:4px;border:1px solid rgba(102,126,234,.2)}.recaptcha-info svg[data-v-ad34348c]{color:var(--accent-primary);flex-shrink:0}.ready-message[data-v-ad34348c]{display:flex;align-items:center;gap:6px;font-size:13px;color:#10b981;padding:8px 12px;background:#10b9811a;border-radius:6px;border:1px solid rgba(16,185,129,.2);animation:fadeIn-ad34348c .3s ease-in}.ready-message svg[data-v-ad34348c]{color:#10b981;flex-shrink:0}@keyframes fadeIn-ad34348c{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.post-btn[data-v-ad34348c]{padding:12px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.post-btn[data-v-ad34348c]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.post-btn[data-v-ad34348c]:disabled{opacity:.5;cursor:not-allowed}.success-message[data-v-ad34348c]{padding:12px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;color:#10b981;font-size:14px;text-align:center;font-weight:500;margin-bottom:16px}.error-message[data-v-ad34348c]{padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px;text-align:center;font-weight:500;margin-bottom:16px}.confirmation-overlay[data-v-ad34348c]{position:fixed;inset:0;background:var(--overlay-bg, rgba(0, 0, 0, .75));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.confirmation-modal[data-v-ad34348c]{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;padding:32px;max-width:500px;width:100%;box-shadow:var(--shadow-xl)}.confirmation-modal h3[data-v-ad34348c]{margin:0 0 24px;color:var(--text-primary);font-size:20px;font-weight:600;text-align:center}.confirmation-checkboxes[data-v-ad34348c]{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.confirmation-checkbox[data-v-ad34348c]{display:flex;align-items:flex-start;gap:12px;padding:16px;background:transparent;border:none;border-radius:12px;cursor:pointer;transition:all .2s}.confirmation-checkbox[data-v-ad34348c]:hover{background:transparent}.confirmation-checkbox input[type=checkbox][data-v-ad34348c]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-primary);margin-top:2px;flex-shrink:0}.checkbox-content[data-v-ad34348c]{display:flex;flex-direction:column;gap:4px}.checkbox-title[data-v-ad34348c]{color:var(--text-primary);font-size:15px;font-weight:500}.confirmation-buttons[data-v-ad34348c]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cancel-btn[data-v-ad34348c],.confirm-btn[data-v-ad34348c]{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn[data-v-ad34348c]{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.cancel-btn[data-v-ad34348c]:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-secondary)}.confirm-btn[data-v-ad34348c]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.confirm-btn[data-v-ad34348c]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.cancel-btn[data-v-ad34348c]:disabled,.confirm-btn[data-v-ad34348c]:disabled{opacity:.5;cursor:not-allowed}.confirmation-enter-active[data-v-ad34348c],.confirmation-leave-active[data-v-ad34348c]{transition:opacity .3s ease}.confirmation-enter-from[data-v-ad34348c],.confirmation-leave-to[data-v-ad34348c]{opacity:0}.confirmation-enter-active .confirmation-modal[data-v-ad34348c],.confirmation-leave-active .confirmation-modal[data-v-ad34348c]{transition:transform .3s ease}.confirmation-enter-from .confirmation-modal[data-v-ad34348c],.confirmation-leave-to .confirmation-modal[data-v-ad34348c]{transform:scale(.9)}@media(max-width:768px){.create-story-page[data-v-ad34348c]{padding:10px}.page-header[data-v-ad34348c]{padding:16px 20px}.header-content h1[data-v-ad34348c]{font-size:22px}.page-body[data-v-ad34348c]{padding:20px}.page-footer[data-v-ad34348c]{flex-direction:column;align-items:stretch}.footer-left[data-v-ad34348c],.post-btn[data-v-ad34348c]{width:100%}.tags-container[data-v-ad34348c]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.confirmation-modal[data-v-ad34348c]{padding:24px}.confirmation-modal h3[data-v-ad34348c]{font-size:18px}.confirmation-buttons[data-v-ad34348c]{grid-template-columns:1fr}.cancel-btn[data-v-ad34348c],.confirm-btn[data-v-ad34348c]{width:100%}}.cms-page-view[data-v-4dd4887f]{min-height:100vh;background:var(--bg-primary)}.main-layout[data-v-4dd4887f]{max-width:1400px;margin:0 auto;padding:80px 20px 20px;display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start;position:relative}.content-area[data-v-4dd4887f]{min-width:0;width:100%;position:relative;z-index:1}.cms-page-view[data-v-4dd4887f] .sidebar,.cms-page-view[data-v-4dd4887f] aside{position:relative;z-index:2;pointer-events:auto}.cms-page-view[data-v-4dd4887f] .sidebar a,.cms-page-view[data-v-4dd4887f] aside a{pointer-events:auto;cursor:pointer}.back-section[data-v-4dd4887f]{margin-bottom:24px}.back-btn[data-v-4dd4887f]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:none;color:var(--text-link);cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.back-btn[data-v-4dd4887f]:hover{color:var(--text-link-hover);text-decoration:underline}.loading-container[data-v-4dd4887f],.error-container[data-v-4dd4887f]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:40px 20px}.spinner[data-v-4dd4887f]{width:48px;height:48px;border:4px solid var(--border-secondary);border-top-color:var(--accent-info);border-radius:50%;animation:spin-4dd4887f 1s linear infinite;margin-bottom:20px}@keyframes spin-4dd4887f{to{transform:rotate(360deg)}}.loading-container p[data-v-4dd4887f]{color:var(--text-secondary);font-size:16px}.error-icon[data-v-4dd4887f]{color:var(--accent-error);margin-bottom:24px}.error-container h2[data-v-4dd4887f]{color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:12px}.error-container p[data-v-4dd4887f]{color:var(--text-secondary);font-size:16px;margin-bottom:32px;max-width:400px}.back-home-btn[data-v-4dd4887f]{padding:12px 24px;background:var(--accent-info);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.back-home-btn[data-v-4dd4887f]:hover{background:var(--accent-primary);transform:translateY(-2px)}.page-content[data-v-4dd4887f]{background:transparent;border:none;padding:0}.page-header[data-v-4dd4887f]{margin-bottom:32px;padding-bottom:24px;border-bottom:none}.page-header h1[data-v-4dd4887f]{margin:0 0 16px;font-size:32px;font-weight:700;color:var(--text-primary);line-height:1.2}.page-description[data-v-4dd4887f]{color:var(--text-secondary);font-size:16px;line-height:1.6;margin-bottom:16px}.page-meta[data-v-4dd4887f]{display:flex;gap:16px;font-size:13px;color:var(--text-tertiary)}.meta-item[data-v-4dd4887f]{display:flex;align-items:center;gap:6px}.page-body[data-v-4dd4887f]{color:var(--text-secondary);font-size:16px;line-height:1.8;word-wrap:break-word}.page-body[data-v-4dd4887f] h1,.page-body[data-v-4dd4887f] h2,.page-body[data-v-4dd4887f] h3,.page-body[data-v-4dd4887f] h4,.page-body[data-v-4dd4887f] h5,.page-body[data-v-4dd4887f] h6{color:var(--text-primary);margin-top:24px;margin-bottom:12px;font-weight:600}.page-body[data-v-4dd4887f] h1{font-size:28px}.page-body[data-v-4dd4887f] h2{font-size:24px}.page-body[data-v-4dd4887f] h3{font-size:20px}.page-body[data-v-4dd4887f] p{margin-bottom:16px;color:var(--text-secondary)}.page-body[data-v-4dd4887f] ul,.page-body[data-v-4dd4887f] ol{margin-bottom:16px;padding-left:24px;color:var(--text-secondary)}.page-body[data-v-4dd4887f] li{margin-bottom:8px}.page-body[data-v-4dd4887f] a{color:var(--text-link);text-decoration:none}.page-body[data-v-4dd4887f] a:hover{color:var(--text-link-hover);text-decoration:underline}.page-body[data-v-4dd4887f] strong,.page-body[data-v-4dd4887f] b{color:var(--text-primary);font-weight:600}.page-body[data-v-4dd4887f] em,.page-body[data-v-4dd4887f] i{font-style:italic}.page-body[data-v-4dd4887f] blockquote{border-left:4px solid var(--text-link);padding-left:16px;margin:16px 0;color:var(--text-tertiary);font-style:italic}.page-body[data-v-4dd4887f] code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:14px;color:var(--text-link)}.page-body[data-v-4dd4887f] pre{background:var(--bg-tertiary);padding:16px;border-radius:8px;overflow-x:auto;margin:16px 0;border:none}.page-body[data-v-4dd4887f] pre code{background:none;padding:0;color:var(--text-secondary)}@media(max-width:1024px){.main-layout[data-v-4dd4887f]{grid-template-columns:1fr}}@media(max-width:768px){.main-layout[data-v-4dd4887f]{padding:80px 12px 12px}.page-content[data-v-4dd4887f]{padding:0}.page-header h1[data-v-4dd4887f]{font-size:24px}.page-body[data-v-4dd4887f]{font-size:15px}}.admin-login-page[data-v-b11a975a]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.login-container[data-v-b11a975a]{width:100%;max-width:450px}.login-card[data-v-b11a975a]{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000004d}.login-header[data-v-b11a975a]{text-align:center;margin-bottom:30px}.login-logo[data-v-b11a975a]{margin-bottom:20px}.login-logo svg[data-v-b11a975a]{color:#1a1a1a}.login-header h1[data-v-b11a975a]{margin:0 0 10px;font-size:24px;color:#333}.login-header p[data-v-b11a975a]{margin:0;color:#666;font-size:14px}.login-form[data-v-b11a975a]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-b11a975a]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-b11a975a]{font-weight:600;color:#333;font-size:14px}.form-group input[data-v-b11a975a]{padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:15px;transition:border-color .2s}.form-group input[data-v-b11a975a]:focus{outline:none;border-color:#667eea}.recaptcha-info[data-v-b11a975a]{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#888;padding:8px 12px;background:#667eea14;border-radius:6px;border:1px solid rgba(102,126,234,.15);margin-top:8px}.recaptcha-info svg[data-v-b11a975a]{color:#667eea;flex-shrink:0}.error-message[data-v-b11a975a]{padding:12px;background:#fee;color:#c33;border-radius:8px;font-size:14px;text-align:center;border:1px solid #fcc}.login-btn[data-v-b11a975a]{padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.login-btn[data-v-b11a975a]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.login-btn[data-v-b11a975a]:disabled{opacity:.6;cursor:not-allowed}.login-footer[data-v-b11a975a]{margin-top:20px;text-align:center;color:#999;font-size:12px}@media(max-width:480px){.login-card[data-v-b11a975a]{padding:30px 20px}.login-header h1[data-v-b11a975a]{font-size:28px}.recaptcha-info[data-v-b11a975a]{font-size:11px;padding:6px 10px}}.admin-sidebar[data-v-4be6a3dd]{width:260px;height:100vh;background:#1a1a1a;border-right:1px solid #2a2a2a;display:flex;flex-direction:column;position:fixed;left:0;top:0;transition:width .3s ease;z-index:1000}.admin-sidebar.collapsed[data-v-4be6a3dd]{width:70px}.sidebar-header[data-v-4be6a3dd]{padding:20px;border-bottom:1px solid #2a2a2a;display:flex;align-items:center;justify-content:space-between;gap:12px}.logo[data-v-4be6a3dd]{display:flex;align-items:center;gap:8px;color:#fff;font-size:18px;font-weight:700;min-width:0}.logo svg[data-v-4be6a3dd]{color:#fff;flex-shrink:0}.admin-badge[data-v-4be6a3dd]{background:linear-gradient(135deg,#667eea,#764ba2);padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.toggle-btn[data-v-4be6a3dd]{background:#2a2a2a;border:none;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#888;flex-shrink:0;transition:all .2s}.toggle-btn[data-v-4be6a3dd]:hover{background:#3a3a3a;color:#fff}.sidebar-nav[data-v-4be6a3dd]{flex:1;padding:20px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.nav-item[data-v-4be6a3dd]{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#888;border-radius:8px;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap}.nav-item[data-v-4be6a3dd]:hover{background:#2a2a2a;color:#fff}.nav-item.active[data-v-4be6a3dd]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.nav-icon[data-v-4be6a3dd]{flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-label[data-v-4be6a3dd]{font-size:14px;font-weight:500}.collapsed .nav-label[data-v-4be6a3dd]{display:none}.sidebar-footer[data-v-4be6a3dd]{padding:20px;border-top:1px solid #2a2a2a}.user-info[data-v-4be6a3dd]{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:12px;background:#2a2a2a;border-radius:8px}.user-avatar[data-v-4be6a3dd]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:600;flex-shrink:0}.user-details[data-v-4be6a3dd]{min-width:0;flex:1}.user-name[data-v-4be6a3dd]{color:#fff;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role[data-v-4be6a3dd]{color:#888;font-size:12px}.logout-btn[data-v-4be6a3dd]{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#ef4444;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.logout-btn[data-v-4be6a3dd]:hover{background:#dc2626;transform:translateY(-2px)}.collapsed .logout-btn span[data-v-4be6a3dd]{display:none}.sidebar-nav[data-v-4be6a3dd]::-webkit-scrollbar{width:4px}.sidebar-nav[data-v-4be6a3dd]::-webkit-scrollbar-track{background:#1a1a1a}.sidebar-nav[data-v-4be6a3dd]::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}.sidebar-nav[data-v-4be6a3dd]::-webkit-scrollbar-thumb:hover{background:#4a4a4a}@media(max-width:768px){.admin-sidebar[data-v-4be6a3dd]{width:70px}.logo span[data-v-4be6a3dd],.nav-label[data-v-4be6a3dd],.user-info[data-v-4be6a3dd],.logout-btn span[data-v-4be6a3dd]{display:none}}.admin-dashboard[data-v-95fee98a]{display:flex;min-height:100vh;background:#f5f7fa}.admin-main[data-v-95fee98a]{flex:1;margin-left:260px;min-height:100vh;transition:margin-left .3s ease}@media(max-width:768px){.admin-main[data-v-95fee98a]{margin-left:70px}}.admin-header[data-v-95fee98a]{background:#fff;border-bottom:1px solid #e5e7eb;padding:20px 30px;position:sticky;top:0;z-index:10;box-shadow:0 1px 3px #0000000d}.header-content[data-v-95fee98a]{display:flex;justify-content:space-between;align-items:center}.header-content h1[data-v-95fee98a]{margin:0;font-size:24px;color:#1a1a1a;font-weight:700}.refresh-btn[data-v-95fee98a]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s}.refresh-btn[data-v-95fee98a]:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.dashboard-container[data-v-95fee98a]{padding:30px}@media(max-width:768px){.dashboard-container[data-v-95fee98a]{padding:20px}.header-content h1[data-v-95fee98a]{font-size:20px}.refresh-btn[data-v-95fee98a]{padding:8px 16px;font-size:13px}.refresh-btn span[data-v-95fee98a]{display:none}}.stats-section[data-v-400e1b8f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card[data-v-400e1b8f]{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:20px}.stat-icon[data-v-400e1b8f]{font-size:40px}.stat-value[data-v-400e1b8f]{font-size:32px;font-weight:700;color:#333}.stat-label[data-v-400e1b8f]{font-size:14px;color:#666}.content-section[data-v-400e1b8f]{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px #0000001a}.section-header h2[data-v-400e1b8f]{margin:0 0 20px;font-size:20px;color:#1a1a1a;font-weight:600}.dashboard-welcome[data-v-400e1b8f]{padding:40px;text-align:center}.dashboard-welcome p[data-v-400e1b8f]{font-size:16px;color:#666;margin-bottom:30px}.quick-actions[data-v-400e1b8f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:800px;margin:0 auto}.quick-action-btn[data-v-400e1b8f]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 20px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;color:#333;transition:all .3s}.quick-action-btn[data-v-400e1b8f]:hover{border-color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a);transform:translateY(-4px);box-shadow:0 8px 20px #667eea33}.quick-action-btn svg[data-v-400e1b8f]{color:#667eea}@media(max-width:768px){.stats-section[data-v-400e1b8f],.quick-actions[data-v-400e1b8f]{grid-template-columns:1fr}.dashboard-welcome[data-v-400e1b8f]{padding:30px 20px}}.admin-comment-item[data-v-6943666c]{margin-bottom:12px;border-left:3px solid #e9ecef;padding-left:15px;transition:border-color .2s}.admin-comment-item[data-v-6943666c]:hover{border-left-color:#667eea}.admin-comment-item.is-reply[data-v-6943666c]{margin-left:25px;border-left-color:#dee2e6}.comment-content[data-v-6943666c]{background:#f8f9fa;border-radius:10px;padding:15px;box-shadow:0 1px 3px #0000000d;transition:all .2s}.comment-content[data-v-6943666c]:hover{box-shadow:0 2px 8px #0000001a;background:#fff}.comment-header[data-v-6943666c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.comment-author[data-v-6943666c]{font-weight:600;color:#667eea;font-size:14px}.comment-time[data-v-6943666c]{color:#999;font-size:12px}.comment-text[data-v-6943666c]{color:#333;font-size:14px;line-height:1.6;margin:0 0 12px;word-wrap:break-word}.comment-footer[data-v-6943666c]{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #e9ecef}.comment-stats[data-v-6943666c]{display:flex;gap:15px;font-size:13px;color:#666}.likes[data-v-6943666c],.replies-count[data-v-6943666c]{display:inline-flex;align-items:center;gap:4px}.delete-btn[data-v-6943666c]{padding:6px 14px;background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s;white-space:nowrap}.delete-btn[data-v-6943666c]:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d}.delete-btn[data-v-6943666c]:active{transform:translateY(0)}.replies-container[data-v-6943666c]{margin-top:15px}.admin-comment-item.is-reply[data-v-6943666c]{border-left-color:#cbd5e0}.admin-comment-item.is-reply .admin-comment-item.is-reply[data-v-6943666c]{border-left-color:#a0aec0}.admin-comment-item.is-reply .admin-comment-item.is-reply .admin-comment-item.is-reply[data-v-6943666c]{border-left-color:#718096}@media(max-width:768px){.admin-comment-item.is-reply[data-v-6943666c]{margin-left:15px}.comment-footer[data-v-6943666c]{flex-direction:column;align-items:flex-start;gap:10px}.delete-btn[data-v-6943666c]{width:100%}}.content-section[data-v-e9a892b8]{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px #0000001a}.section-header[data-v-e9a892b8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2[data-v-e9a892b8]{margin:0;font-size:20px;color:#1a1a1a;font-weight:600}.loading[data-v-e9a892b8]{text-align:center;padding:60px;color:#666}.spinner[data-v-e9a892b8]{width:50px;height:50px;border:4px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;margin:0 auto 20px;animation:spin-e9a892b8 1s linear infinite}@keyframes spin-e9a892b8{to{transform:rotate(360deg)}}.confessions-list[data-v-e9a892b8]{display:flex;flex-direction:column;gap:20px}.admin-confession-card[data-v-e9a892b8]{border:2px solid #e9ecef;border-radius:10px;padding:20px;transition:all .3s}.admin-confession-card[data-v-e9a892b8]:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.confession-main[data-v-e9a892b8]{margin-bottom:15px}.confession-meta[data-v-e9a892b8]{display:flex;justify-content:space-between;margin-bottom:10px;font-size:12px;color:#999}.confession-id[data-v-e9a892b8]{background:#f0f0f0;padding:4px 8px;border-radius:4px}.confession-text[data-v-e9a892b8]{margin:10px 0;font-size:16px;color:#333;line-height:1.6}.confession-stats[data-v-e9a892b8]{display:flex;gap:15px;font-size:14px;color:#666}.confession-actions[data-v-e9a892b8]{display:flex;gap:10px}.view-comments-btn[data-v-e9a892b8]{padding:8px 16px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.view-comments-btn[data-v-e9a892b8]:hover{background:#e9ecef}.delete-btn[data-v-e9a892b8]{padding:8px 16px;background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.delete-btn[data-v-e9a892b8]:hover{background:#c82333}.comments-section[data-v-e9a892b8]{margin-top:20px;border-top:2px solid #f0f0f0;background:#fafbfc;padding:20px;border-radius:10px}.comments-header[data-v-e9a892b8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.comments-header h3[data-v-e9a892b8]{margin:0;font-size:18px;color:#333}.comment-count-badge[data-v-e9a892b8]{background:#667eea;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.comments-tree[data-v-e9a892b8]{display:flex;flex-direction:column;gap:15px}.no-comments[data-v-e9a892b8]{text-align:center;padding:20px;color:#999}@media(max-width:768px){.confession-actions[data-v-e9a892b8]{flex-direction:column}}.modal-overlay[data-v-bcd8dd9e]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container[data-v-bcd8dd9e]{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-header[data-v-bcd8dd9e]{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #2a2a2a}.modal-header h2[data-v-bcd8dd9e]{color:#fff;font-size:24px;font-weight:600;margin:0}.close-btn[data-v-bcd8dd9e]{width:36px;height:36px;border-radius:50%;background:#2a2a2a;border:none;color:#888;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-btn[data-v-bcd8dd9e]:hover{background:#3a3a3a;color:#fff}.modal-body[data-v-bcd8dd9e]{padding:24px}.auth-form[data-v-bcd8dd9e]{display:flex;flex-direction:column;gap:20px}.profile-avatar[data-v-bcd8dd9e]{display:flex;align-items:center;gap:16px;padding:20px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:12px}.avatar-circle[data-v-bcd8dd9e]{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:600;flex-shrink:0}.avatar-info[data-v-bcd8dd9e]{flex:1;min-width:0}.avatar-name[data-v-bcd8dd9e]{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.avatar-email[data-v-bcd8dd9e]{color:#888;font-size:14px;margin:0}.form-row[data-v-bcd8dd9e]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group[data-v-bcd8dd9e]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-bcd8dd9e]{color:#ccc;font-size:14px;font-weight:500}.form-group input[data-v-bcd8dd9e]{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;transition:all .2s}.form-group input[data-v-bcd8dd9e]:focus{outline:none;border-color:#667eea;background:#333}.form-group input[data-v-bcd8dd9e]::placeholder{color:#666}.disabled-field input[data-v-bcd8dd9e]{opacity:.5;cursor:not-allowed}.field-note[data-v-bcd8dd9e]{color:#666;font-size:12px;margin:0;font-style:italic}.success-message[data-v-bcd8dd9e]{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;padding:12px;color:#10b981;font-size:14px;text-align:center}.error-message[data-v-bcd8dd9e]{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px;color:#ef4444;font-size:14px;text-align:center}.button-group[data-v-bcd8dd9e]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cancel-btn[data-v-bcd8dd9e]{padding:14px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn[data-v-bcd8dd9e]:hover{background:#3a3a3a;border-color:#4a4a4a}.submit-btn[data-v-bcd8dd9e]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:14px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.submit-btn[data-v-bcd8dd9e]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.submit-btn[data-v-bcd8dd9e]:disabled{opacity:.6;cursor:not-allowed}.modal-enter-active[data-v-bcd8dd9e],.modal-leave-active[data-v-bcd8dd9e]{transition:opacity .3s ease}.modal-enter-from[data-v-bcd8dd9e],.modal-leave-to[data-v-bcd8dd9e]{opacity:0}.modal-enter-active .modal-container[data-v-bcd8dd9e],.modal-leave-active .modal-container[data-v-bcd8dd9e]{transition:transform .3s ease}.modal-enter-from .modal-container[data-v-bcd8dd9e],.modal-leave-to .modal-container[data-v-bcd8dd9e]{transform:scale(.9)}@media(max-width:640px){.form-row[data-v-bcd8dd9e],.button-group[data-v-bcd8dd9e]{grid-template-columns:1fr}}.modal-overlay[data-v-4715dd20]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container[data-v-4715dd20]{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;width:100%;max-width:480px;box-shadow:0 20px 60px #00000080}.modal-header[data-v-4715dd20]{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #2a2a2a}.modal-header h2[data-v-4715dd20]{color:#fff;font-size:24px;font-weight:600;margin:0}.close-btn[data-v-4715dd20]{width:36px;height:36px;border-radius:50%;background:#2a2a2a;border:none;color:#888;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-btn[data-v-4715dd20]:hover{background:#3a3a3a;color:#fff}.modal-body[data-v-4715dd20]{padding:24px}.auth-form[data-v-4715dd20]{display:flex;flex-direction:column;gap:20px}.info-message[data-v-4715dd20]{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:8px;color:#ccc;font-size:14px;line-height:1.5}.info-message svg[data-v-4715dd20]{color:#667eea;flex-shrink:0;margin-top:2px}.user-info[data-v-4715dd20]{display:flex;align-items:center;gap:16px;padding:16px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:12px}.user-avatar[data-v-4715dd20]{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:600;flex-shrink:0}.user-details[data-v-4715dd20]{flex:1;min-width:0}.user-name[data-v-4715dd20]{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.user-email[data-v-4715dd20]{color:#888;font-size:14px;margin:0}.success-message[data-v-4715dd20]{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;padding:12px;color:#10b981;font-size:14px;text-align:center}.error-message[data-v-4715dd20]{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px;color:#ef4444;font-size:14px;text-align:center}.button-group[data-v-4715dd20]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cancel-btn[data-v-4715dd20]{padding:14px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn[data-v-4715dd20]:hover{background:#3a3a3a;border-color:#4a4a4a}.submit-btn[data-v-4715dd20]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:14px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.submit-btn[data-v-4715dd20]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.submit-btn[data-v-4715dd20]:disabled{opacity:.6;cursor:not-allowed}.modal-enter-active[data-v-4715dd20],.modal-leave-active[data-v-4715dd20]{transition:opacity .3s ease}.modal-enter-from[data-v-4715dd20],.modal-leave-to[data-v-4715dd20]{opacity:0}.modal-enter-active .modal-container[data-v-4715dd20],.modal-leave-active .modal-container[data-v-4715dd20]{transition:transform .3s ease}.modal-enter-from .modal-container[data-v-4715dd20],.modal-leave-to .modal-container[data-v-4715dd20]{transform:scale(.9)}@media(max-width:640px){.button-group[data-v-4715dd20]{grid-template-columns:1fr}}.content-section[data-v-b4afb4ae]{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px #0000001a}.section-header[data-v-b4afb4ae]{margin-bottom:20px}.section-header h2[data-v-b4afb4ae]{margin:0;font-size:20px;color:#1a1a1a;font-weight:600}.loading[data-v-b4afb4ae]{text-align:center;padding:60px;color:#666}.spinner[data-v-b4afb4ae]{width:50px;height:50px;border:4px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;margin:0 auto 20px;animation:spin-b4afb4ae 1s linear infinite}@keyframes spin-b4afb4ae{to{transform:rotate(360deg)}}.users-table-container[data-v-b4afb4ae]{overflow-x:auto;margin-top:20px}.users-table[data-v-b4afb4ae]{width:100%;border-collapse:collapse;background:#fff}.users-table thead[data-v-b4afb4ae]{background:#f8f9fa;border-bottom:2px solid #e5e7eb}.users-table th[data-v-b4afb4ae]{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:.5px}.users-table tbody tr[data-v-b4afb4ae]{border-bottom:1px solid #f0f0f0;transition:background .2s}.users-table tbody tr[data-v-b4afb4ae]:hover{background:#f9fafb}.users-table td[data-v-b4afb4ae]{padding:16px;font-size:14px;color:#333;vertical-align:middle}.user-name-cell[data-v-b4afb4ae]{display:flex;align-items:center;gap:12px}.user-avatar-small[data-v-b4afb4ae]{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600;flex-shrink:0}.screen-name-badge[data-v-b4afb4ae]{background:#f0f0f0;padding:4px 10px;border-radius:12px;font-size:13px;color:#667eea;font-weight:500}.status-badge[data-v-b4afb4ae]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.verified[data-v-b4afb4ae]{background:#d1fae5;color:#065f46}.status-badge.unverified[data-v-b4afb4ae]{background:#fee2e2;color:#991b1b}.status-badge.active[data-v-b4afb4ae]{background:#dbeafe;color:#1e40af}.status-badge.disabled[data-v-b4afb4ae]{background:#fef3c7;color:#92400e}.action-buttons[data-v-b4afb4ae]{display:flex;align-items:center;gap:8px}.action-btn[data-v-b4afb4ae]{width:36px;height:36px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.action-btn.update-btn[data-v-b4afb4ae]{background:#dbeafe;color:#1e40af}.action-btn.update-btn[data-v-b4afb4ae]:hover{background:#bfdbfe;transform:translateY(-1px)}.action-btn.password-btn[data-v-b4afb4ae]{background:#e0e7ff;color:#4338ca}.action-btn.password-btn[data-v-b4afb4ae]:hover{background:#c7d2fe;transform:translateY(-1px)}.action-btn.toggle-btn[data-v-b4afb4ae]{background:#f3f4f6;color:#374151;font-size:14px;font-weight:600}.action-btn.toggle-btn.disable[data-v-b4afb4ae]{background:#fef3c7;color:#92400e}.action-btn.toggle-btn.disable[data-v-b4afb4ae]:hover:not(:disabled){background:#fde68a}.action-btn.toggle-btn.enable[data-v-b4afb4ae]{background:#d1fae5;color:#065f46}.action-btn.toggle-btn.enable[data-v-b4afb4ae]:hover:not(:disabled){background:#a7f3d0}.action-btn[data-v-b4afb4ae]:disabled{opacity:.5;cursor:not-allowed}.no-users[data-v-b4afb4ae]{text-align:center;padding:60px 20px;color:#999}@media(max-width:768px){.users-table-container[data-v-b4afb4ae]{overflow-x:auto;-webkit-overflow-scrolling:touch}.users-table[data-v-b4afb4ae]{min-width:1000px}.users-table th[data-v-b4afb4ae],.users-table td[data-v-b4afb4ae]{padding:10px 12px;font-size:12px}.user-avatar-small[data-v-b4afb4ae]{width:32px;height:32px;font-size:12px}.toggle-btn[data-v-b4afb4ae]{padding:6px 12px;font-size:12px}}.rich-text-editor[data-v-31271a3d]{width:100%;position:relative}.html-source-editor[data-v-31271a3d]{width:100%;min-height:400px;padding:16px;font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.6;background:#1e1e1e;color:#d4d4d4;border:1px solid #d1d5db;border-radius:8px;resize:vertical;box-sizing:border-box}.html-source-editor[data-v-31271a3d]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.editor-container[data-v-31271a3d]{background:#fff;border:1px solid #d1d5db;border-radius:8px;min-height:300px}[data-v-31271a3d] .ql-toolbar .ql-source-code{width:28px}[data-v-31271a3d] .ql-toolbar .ql-source-code.ql-active{background:#667eea;color:#fff;border-radius:3px}[data-v-31271a3d] .ql-toolbar .ql-source-code.ql-active .ql-stroke{stroke:#fff!important}[data-v-31271a3d] .ql-toolbar .ql-source-code:hover{background:#667eea1a;border-radius:3px}[data-v-31271a3d] .ql-container{font-size:14px;font-family:inherit;min-height:300px}[data-v-31271a3d] .ql-editor{min-height:300px;color:var(--text-primary);background:var(--bg-input)}[data-v-31271a3d] .ql-toolbar{border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary)}[data-v-31271a3d] .ql-container{border-bottom-left-radius:8px;border-bottom-right-radius:8px;background:var(--bg-input)}[data-v-31271a3d] .ql-editor.ql-blank:before{color:var(--text-tertiary);font-style:normal}[data-v-31271a3d] .ql-snow .ql-stroke{stroke:var(--text-secondary)}[data-v-31271a3d] .ql-snow .ql-fill{fill:var(--text-secondary)}[data-v-31271a3d] .ql-snow .ql-picker-label:hover,[data-v-31271a3d] .ql-snow .ql-picker-item:hover{color:var(--accent-primary)}[data-v-31271a3d] .ql-snow .ql-tooltip{background:var(--bg-dropdown);border:1px solid var(--border-primary);color:var(--text-primary);box-shadow:var(--shadow-lg)}[data-v-31271a3d] .ql-snow .ql-tooltip input{background:var(--bg-input);border:1px solid var(--border-primary);color:var(--text-primary)}@media(max-width:768px){[data-v-31271a3d] .ql-toolbar{padding:8px}[data-v-31271a3d] .ql-toolbar .ql-formats{margin-right:4px}}.settings-page[data-v-243493ea]{padding:0;height:calc(100vh - 80px);display:flex;flex-direction:column}.tabs-container[data-v-243493ea]{background:#fff;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:100%}.tabs-header[data-v-243493ea]{display:flex;gap:0;background:#f8f9fa;border-bottom:2px solid #e5e7eb;padding:0;overflow-x:auto;flex-shrink:0}.tab-button[data-v-243493ea]{flex:1;min-width:180px;padding:14px 20px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500;color:#666;position:relative}.tab-button[data-v-243493ea]:hover{background:#667eea0d;color:#667eea}.tab-button.active[data-v-243493ea]{background:#fff;color:#667eea;border-bottom-color:#667eea;font-weight:600}.tab-button.active[data-v-243493ea]:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:linear-gradient(135deg,#667eea,#764ba2)}.tab-icon[data-v-243493ea]{font-size:18px}.tab-label[data-v-243493ea]{white-space:nowrap}.tabs-content[data-v-243493ea]{padding:20px;overflow-y:auto;flex:1}.tab-panel[data-v-243493ea]{animation:fadeIn-243493ea .3s ease-in-out;height:100%}@keyframes fadeIn-243493ea{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-card[data-v-243493ea]{background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000001a;overflow:hidden;height:100%;display:flex;flex-direction:column}.settings-card-header[data-v-243493ea]{padding:16px 20px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#667eea0d,#764ba20d);flex-shrink:0}.settings-card-header h3[data-v-243493ea]{margin:0 0 4px;font-size:18px;color:#1a1a1a}.settings-card-header p[data-v-243493ea]{margin:0;font-size:13px;color:#666}.settings-card-body[data-v-243493ea]{padding:20px;overflow-y:auto;flex:1}.form-group[data-v-243493ea]{margin-bottom:20px}.form-group label[data-v-243493ea]{display:block;font-size:13px;font-weight:600;color:#333;margin-bottom:6px}.form-group small[data-v-243493ea]{display:block;font-size:11px;color:#888;margin-top:4px}.settings-input[data-v-243493ea]{width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;color:#333;transition:border-color .2s}.settings-input[data-v-243493ea]:focus{outline:none;border-color:#667eea}.tag-input-group[data-v-243493ea]{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:start}.save-btn[data-v-243493ea]{width:100%;padding:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:10px}.save-btn[data-v-243493ea]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.save-btn[data-v-243493ea]:disabled{opacity:.6;cursor:not-allowed}.add-btn[data-v-243493ea]{padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.add-btn[data-v-243493ea]:hover:not(:disabled){background:#059669}.add-btn[data-v-243493ea]:disabled{opacity:.5;cursor:not-allowed}.table-container[data-v-243493ea]{max-height:calc(100vh - 350px);overflow-y:auto;margin-bottom:15px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.settings-table[data-v-243493ea]{width:100%;border-collapse:collapse;font-size:13px}.settings-table thead[data-v-243493ea]{position:sticky;top:0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);z-index:1}.settings-table th[data-v-243493ea]{padding:10px 12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #667eea;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.settings-table th.th-narrow[data-v-243493ea]{width:50px;text-align:center}.settings-table th.th-actions[data-v-243493ea]{width:180px;text-align:center}.settings-table tbody tr[data-v-243493ea]{border-bottom:1px solid #e5e7eb;transition:all .2s}.settings-table tbody tr[data-v-243493ea]:hover{background:#f9fafb}.settings-table tbody tr[data-v-243493ea]:last-child{border-bottom:none}.settings-table td[data-v-243493ea]{padding:10px 12px;color:#555;vertical-align:middle}.settings-table td.td-center[data-v-243493ea]{text-align:center;font-weight:600;color:#999;font-size:13px}.settings-table td.td-actions[data-v-243493ea]{text-align:center}.action-buttons[data-v-243493ea]{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.table-input[data-v-243493ea]{width:100%;padding:8px 12px;border:2px solid #667eea;border-radius:6px;font-size:14px;background:#fff;transition:all .2s}.table-input[data-v-243493ea]:focus{outline:none;border-color:#764ba2;box-shadow:0 0 0 3px #667eea1a}.table-input.mono[data-v-243493ea]{font-family:Courier New,monospace}.tag-label[data-v-243493ea]{font-size:15px;font-weight:600;color:#667eea;display:inline-flex;align-items:center;gap:4px}.tag-value[data-v-243493ea]{background:#f3f4f6;padding:4px 10px;border-radius:4px;font-family:Courier New,monospace;font-size:13px;color:#555;border:1px solid #e5e7eb}.empty-row[data-v-243493ea]{text-align:center;padding:40px 20px!important;color:#999;font-style:italic}.icon-btn[data-v-243493ea]{width:30px;height:30px;border:none;border-radius:5px;cursor:pointer;font-size:13px;transition:all .2s;display:flex;align-items:center;justify-content:center}.icon-btn.edit[data-v-243493ea]{background:#dbeafe;color:#1e40af}.icon-btn.edit[data-v-243493ea]:hover{background:#bfdbfe}.icon-btn.delete[data-v-243493ea]{background:#fee2e2;color:#991b1b}.icon-btn.delete[data-v-243493ea]:hover{background:#fecaca}.icon-btn.save[data-v-243493ea]{background:#d1fae5;color:#065f46}.icon-btn.save[data-v-243493ea]:hover{background:#a7f3d0}.icon-btn.cancel[data-v-243493ea]{background:#fef3c7;color:#92400e}.icon-btn.cancel[data-v-243493ea]:hover{background:#fde68a}.table-container[data-v-243493ea]::-webkit-scrollbar{width:8px;height:8px}.table-container[data-v-243493ea]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.table-container[data-v-243493ea]::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.table-container[data-v-243493ea]::-webkit-scrollbar-thumb:hover{background:#5568d3}.regex-input-group[data-v-243493ea]{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:start}.regex-help[data-v-243493ea]{display:block;font-size:11px;color:#666;margin-top:6px;line-height:1.4}.regex-help code[data-v-243493ea]{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:10px;color:#667eea}.regex-list[data-v-243493ea]{max-height:400px;overflow-y:auto;margin-bottom:20px;border:1px solid #e5e7eb;border-radius:8px;padding:10px}.regex-item[data-v-243493ea]{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 16px;background:#f9fafb;border-radius:8px;margin-bottom:8px;transition:background .2s}.regex-item[data-v-243493ea]:last-child{margin-bottom:0}.regex-item[data-v-243493ea]:hover{background:#f3f4f6}.regex-info[data-v-243493ea]{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.regex-pattern-display[data-v-243493ea]{display:flex;align-items:center}.regex-pattern[data-v-243493ea]{background:#1a1a1a;color:#10b981;padding:6px 10px;border-radius:4px;font-family:Courier New,monospace;font-size:13px;word-break:break-all;display:inline-block}.regex-edit-input[data-v-243493ea]{width:100%;padding:6px 10px;border:1px solid #667eea;border-radius:4px;font-size:14px;font-family:Courier New,monospace;margin-bottom:4px}.regex-edit-input.small[data-v-243493ea]{font-size:12px}.regex-description[data-v-243493ea]{font-size:12px;color:#666}.regex-status[data-v-243493ea]{margin-top:4px}.regex-actions[data-v-243493ea]{display:flex;gap:6px;flex-shrink:0;margin-left:12px}.status-badge.enabled[data-v-243493ea]{background:#d1fae5;color:#065f46;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600}.status-badge.disabled[data-v-243493ea]{background:#fee2e2;color:#991b1b;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600}.icon-btn.test[data-v-243493ea]{background:#dbeafe;color:#1e40af}.icon-btn.test[data-v-243493ea]:hover{background:#bfdbfe}.icon-btn.enable[data-v-243493ea]{background:#d1fae5;color:#065f46}.icon-btn.enable[data-v-243493ea]:hover{background:#a7f3d0}.icon-btn.disable[data-v-243493ea]{background:#fef3c7;color:#92400e}.icon-btn.disable[data-v-243493ea]:hover{background:#fde68a}.regex-list[data-v-243493ea]::-webkit-scrollbar{width:6px}.regex-list[data-v-243493ea]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.regex-list[data-v-243493ea]::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.regex-list[data-v-243493ea]::-webkit-scrollbar-thumb:hover{background:#5568d3}.theme-selector[data-v-243493ea]{padding:10px 0}.theme-selector h4[data-v-243493ea]{margin:0 0 5px;font-size:16px;color:#333}.theme-subtitle[data-v-243493ea]{margin:0 0 20px;font-size:13px;color:#888}.theme-status[data-v-243493ea]{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e5e7eb;border-radius:8px;padding:15px;margin-bottom:20px}.status-indicator[data-v-243493ea]{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:14px}.badge-light[data-v-243493ea]{background:linear-gradient(135deg,#fff9e6,#ffe6a8);color:#960;padding:4px 12px;border-radius:12px;font-weight:600;font-size:13px;border:1px solid #ffcc66}.badge-dark[data-v-243493ea]{background:linear-gradient(135deg,#2a2a3a,#1a1a2e);color:#a0a0ff;padding:4px 12px;border-radius:12px;font-weight:600;font-size:13px;border:1px solid #3a3a4a}.status-note[data-v-243493ea]{font-size:12px;color:#667eea;line-height:1.5;padding:8px 12px;background:#667eea1a;border-radius:6px;border-left:3px solid #667eea}.theme-options[data-v-243493ea]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:25px}.theme-card[data-v-243493ea]{border:3px solid #e5e7eb;border-radius:10px;padding:15px;cursor:pointer;transition:all .3s;position:relative;background:#fafafa}.theme-card[data-v-243493ea]:hover{border-color:#667eea;transform:translateY(-3px);box-shadow:0 6px 16px #667eea33}.theme-card.active[data-v-243493ea]{border-color:#667eea;background:linear-gradient(135deg,#667eea0d,#764ba20d);box-shadow:0 4px 12px #667eea4d}.theme-preview[data-v-243493ea]{width:100%;height:120px;border-radius:6px;overflow:hidden;margin-bottom:12px;box-shadow:0 2px 6px #0000001a}.light-preview[data-v-243493ea]{background:#fff}.light-preview .preview-bar[data-v-243493ea]{background:#f8f9fa;height:25px;border-bottom:1px solid #e5e7eb}.light-preview .preview-content[data-v-243493ea]{padding:12px;display:flex;flex-direction:column;gap:8px}.light-preview .preview-box[data-v-243493ea]{background:#f3f4f6;height:30px;border-radius:4px;border:1px solid #e5e7eb}.light-preview .preview-box.small[data-v-243493ea]{height:20px}.dark-preview[data-v-243493ea]{background:#1a1a1a}.dark-preview .preview-bar[data-v-243493ea]{background:#0d0d0d;height:25px;border-bottom:1px solid #333}.dark-preview .preview-content[data-v-243493ea]{padding:12px;display:flex;flex-direction:column;gap:8px}.dark-preview .preview-box[data-v-243493ea]{background:#262626;height:30px;border-radius:4px;border:1px solid #404040}.dark-preview .preview-box.small[data-v-243493ea]{height:20px}.theme-info[data-v-243493ea]{text-align:center}.theme-icon[data-v-243493ea]{font-size:28px;margin-bottom:8px}.theme-name[data-v-243493ea]{font-size:14px;font-weight:600;color:#333;margin-bottom:3px}.theme-desc[data-v-243493ea]{font-size:12px;color:#888}.theme-check[data-v-243493ea]{position:absolute;top:12px;right:12px;width:28px;height:28px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.live-preview-section[data-v-243493ea]{margin-bottom:20px}.live-preview-section h4[data-v-243493ea]{margin:0 0 12px;font-size:16px;color:#333}.live-preview[data-v-243493ea]{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s}.live-preview.light-theme[data-v-243493ea]{background:#fff;color:#1a1a1a}.live-preview.dark-theme[data-v-243493ea]{background:#1a1a1a;color:#f5f5f5}.preview-header[data-v-243493ea]{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid}.light-theme .preview-header[data-v-243493ea]{background:#f8f9fa;border-bottom-color:#e5e7eb}.dark-theme .preview-header[data-v-243493ea]{background:#0d0d0d;border-bottom-color:#333}.preview-logo[data-v-243493ea]{font-size:18px;font-weight:700}.preview-nav[data-v-243493ea]{display:flex;gap:15px;font-size:13px}.preview-body[data-v-243493ea]{padding:20px}.preview-body h3[data-v-243493ea]{font-size:18px;font-weight:700;margin:0 0 10px}.preview-body p[data-v-243493ea]{font-size:13px;line-height:1.6;margin:0 0 15px;opacity:.9}.preview-button[data-v-243493ea]{display:inline-block;padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:6px;font-size:13px;font-weight:600}@media(max-width:768px){.settings-page[data-v-243493ea]{padding:20px}.tabs-header[data-v-243493ea]{overflow-x:scroll}.tab-button[data-v-243493ea]{min-width:150px;padding:14px 16px;font-size:14px}.tab-icon[data-v-243493ea]{font-size:18px}.tabs-content[data-v-243493ea]{padding:20px}.tag-input-group[data-v-243493ea]{grid-template-columns:1fr}.action-buttons[data-v-243493ea]{flex-wrap:wrap}.regex-input-group[data-v-243493ea]{grid-template-columns:1fr}.settings-table[data-v-243493ea]{font-size:13px}.settings-table th[data-v-243493ea],.settings-table td[data-v-243493ea]{padding:10px 12px}}.preview-box[data-v-243493ea]{margin-top:30px;padding:24px;background:#f8f9fa;border:2px solid #e5e7eb;border-radius:12px}.preview-box h4[data-v-243493ea]{margin:0 0 16px;font-size:16px;font-weight:600;color:#374151}.sidebar-preview[data-v-243493ea]{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000004d}.sidebar-preview .preview-header[data-v-243493ea]{padding:20px;border-bottom:1px solid #2a2a2a}.sidebar-preview .preview-header h3[data-v-243493ea]{margin:0;font-size:18px;font-weight:600;color:#fff}.sidebar-preview .preview-body[data-v-243493ea]{padding:20px}.sidebar-preview .preview-body div[data-v-243493ea]{margin:0;font-size:14px;line-height:1.6;color:#aaa}.form-group[data-v-243493ea]{margin-bottom:24px}.form-group label[data-v-243493ea]{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:14px}.form-group .required[data-v-243493ea]{color:#ef4444;margin-left:4px}.form-group small[data-v-243493ea]{display:block;margin-top:6px;font-size:12px;color:#6b7280}.form-input[data-v-243493ea]{width:100%;padding:12px 16px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:15px;font-family:inherit;transition:all .2s;box-sizing:border-box;background:#fff;color:#1a1a1a}.form-input[data-v-243493ea]:hover{border-color:#d1d5db}.form-input[data-v-243493ea]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#fff}.form-input[data-v-243493ea]::placeholder{color:#9ca3af}.form-textarea[data-v-243493ea]{width:100%;padding:12px 16px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;transition:all .2s;box-sizing:border-box}.form-textarea[data-v-243493ea]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-row[data-v-243493ea]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mono[data-v-243493ea]{font-family:Courier New,Courier,monospace}.test-section[data-v-243493ea]{margin-top:24px;padding:20px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px}.test-section h4[data-v-243493ea]{margin:0 0 16px;font-size:16px;color:#1a1a1a;font-weight:600}.test-input-group[data-v-243493ea]{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:12px}.test-btn[data-v-243493ea]{padding:12px 28px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.test-btn[data-v-243493ea]:hover:not(:disabled){background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.test-btn[data-v-243493ea]:disabled{opacity:.5;cursor:not-allowed}.test-result[data-v-243493ea]{padding:14px 18px;border-radius:8px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:10px;line-height:1.5}.test-result.valid[data-v-243493ea]{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#047857}.test-result.invalid[data-v-243493ea]{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626}.result-icon[data-v-243493ea]{font-size:18px;font-weight:700;flex-shrink:0}.result-message[data-v-243493ea]{flex:1}@media(max-width:768px){.form-row[data-v-243493ea],.test-input-group[data-v-243493ea]{grid-template-columns:1fr}.test-btn[data-v-243493ea]{width:100%}}.cms-page[data-v-b555cb6e]{padding:20px}.cms-header[data-v-b555cb6e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.cms-header h2[data-v-b555cb6e]{margin:0;font-size:24px;font-weight:700;color:#1a1a1a}.add-btn[data-v-b555cb6e]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.add-btn[data-v-b555cb6e]:hover{background:#5568d3}.loading[data-v-b555cb6e]{text-align:center;padding:60px 20px}.spinner[data-v-b555cb6e]{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin-b555cb6e 1s linear infinite;margin:0 auto 20px}@keyframes spin-b555cb6e{to{transform:rotate(360deg)}}.empty-state[data-v-b555cb6e]{text-align:center;padding:60px 20px;color:#999}.empty-state svg[data-v-b555cb6e]{color:#ccc;margin-bottom:20px}.empty-state h3[data-v-b555cb6e]{margin:0 0 8px;color:#666}.cms-pages-list[data-v-b555cb6e]{display:grid;gap:16px}.cms-page-card[data-v-b555cb6e]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.cms-page-card[data-v-b555cb6e]:hover{box-shadow:0 4px 12px #0000001a}.page-header[data-v-b555cb6e]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.page-info h3[data-v-b555cb6e]{margin:0 0 4px;font-size:18px;font-weight:600;color:#1a1a1a}.page-slug[data-v-b555cb6e]{color:#667eea;font-size:13px;font-family:monospace}.page-actions[data-v-b555cb6e]{display:flex;gap:8px}.edit-btn[data-v-b555cb6e],.delete-btn[data-v-b555cb6e]{padding:8px;background:transparent;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;color:#666;transition:all .2s;display:flex;align-items:center;justify-content:center}.edit-btn[data-v-b555cb6e]:hover{background:#f3f4f6;border-color:#667eea;color:#667eea}.delete-btn[data-v-b555cb6e]:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.page-content[data-v-b555cb6e]{margin-top:12px}.page-description[data-v-b555cb6e]{color:#666;font-size:14px;margin-bottom:12px}.page-meta[data-v-b555cb6e]{display:flex;gap:16px;font-size:12px;color:#999}.meta-item[data-v-b555cb6e]{display:flex;align-items:center;gap:4px}.meta-item.active[data-v-b555cb6e]{color:#10b981;font-weight:600}.modal-overlay[data-v-b555cb6e]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-container[data-v-b555cb6e]{background:#fff;border-radius:12px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header[data-v-b555cb6e]{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-b555cb6e]{margin:0;font-size:20px;font-weight:600}.close-btn[data-v-b555cb6e]{background:none;border:none;font-size:28px;color:#6b7280;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.close-btn[data-v-b555cb6e]:hover{background:#e5e7eb;color:#1a1a1a}.modal-body[data-v-b555cb6e]{padding:24px}.form-group[data-v-b555cb6e]{margin-bottom:20px}.form-group label[data-v-b555cb6e]{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#374151}.checkbox-label[data-v-b555cb6e]{display:flex;align-items:center;gap:8px;cursor:pointer}.form-input[data-v-b555cb6e],.form-textarea[data-v-b555cb6e]{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s}.form-input[data-v-b555cb6e]:focus,.form-textarea[data-v-b555cb6e]:focus{outline:none;border-color:#667eea}.form-textarea[data-v-b555cb6e]{resize:vertical;min-height:120px}.form-group small[data-v-b555cb6e]{display:block;margin-top:4px;font-size:12px;color:#6b7280}.modal-footer[data-v-b555cb6e]{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.btn-cancel[data-v-b555cb6e],.btn-save[data-v-b555cb6e]{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel[data-v-b555cb6e]{background:#f3f4f6;color:#374151}.btn-cancel[data-v-b555cb6e]:hover{background:#e5e7eb}.btn-save[data-v-b555cb6e]{background:#667eea;color:#fff}.btn-save[data-v-b555cb6e]:hover:not(:disabled){background:#5568d3}.btn-save[data-v-b555cb6e]:disabled{opacity:.5;cursor:not-allowed}.modal-enter-active[data-v-b555cb6e],.modal-leave-active[data-v-b555cb6e]{transition:opacity .3s ease}.modal-enter-active .modal-container[data-v-b555cb6e],.modal-leave-active .modal-container[data-v-b555cb6e]{transition:transform .3s ease,opacity .3s ease}.modal-enter-from[data-v-b555cb6e],.modal-leave-to[data-v-b555cb6e]{opacity:0}.modal-enter-from .modal-container[data-v-b555cb6e],.modal-leave-to .modal-container[data-v-b555cb6e]{transform:translateY(20px);opacity:0}@media(max-width:768px){.cms-header[data-v-b555cb6e]{flex-direction:column;align-items:flex-start;gap:16px}.modal-container[data-v-b555cb6e]{max-width:100%;margin:10px}}