:root{--primary-color: #6d0c80;--primary-dark: #4a0859;--primary-light: #8a1ca0;--accent-color: #e74c3c;--white: #ffffff;--off-white: #f8f9fa;--light-gray: #e9ecef;--gray: #6c757d;--dark-gray: #343a40;--text-primary: #212529;--text-secondary: #585858;--success-color: #27ae60;--warning-color: #f39c12;--error-color: #e74c3c;--info-color: #3498db;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-md: 1.125rem;--font-lg: 1.25rem;--font-xl: 1.5rem;--font-2xl: 2rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .12);--shadow-xl: 0 10px 40px rgba(0, 0, 0, .2);--transition: .3s ease;--transition-fast: .2s ease}*{box-sizing:border-box}html{overflow-x:hidden;max-width:100vw;scroll-behavior:smooth}body{overflow-x:hidden;max-width:100vw;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:var(--font-base);line-height:1.6;color:var(--text-primary);background:#ebebeb;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#page-wrapper{max-width:100vw;overflow-x:hidden}img,video,iframe,embed,object,svg{max-width:100%;height:auto}table{max-width:100%;overflow-x:auto;display:block}pre,code{max-width:100%;overflow-x:auto}h1,h2,h3,h4,h5,h6{margin:0 0 var(--spacing-md);font-weight:700;line-height:1.2;color:var(--text-primary)}h1{font-size:clamp(1.75rem,5vw,2.5rem)}h2{font-size:clamp(1.5rem,4vw,2rem)}h3{font-size:clamp(1.25rem,3.5vw,1.75rem)}h4{font-size:clamp(1.125rem,3vw,1.5rem)}h5{font-size:var(--font-md)}h6{font-size:var(--font-base)}p{margin:0 0 var(--spacing-md);color:var(--text-secondary);line-height:1.8}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--primary-dark)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:100%;padding-left:var(--spacing-md);padding-right:var(--spacing-md);margin:0 auto}.row{display:flex;flex-wrap:wrap;margin:0 calc(-1 * var(--spacing-md))}[class*=col-]{padding:0 var(--spacing-md)}.centercont{max-width:1400px;margin:0 auto}.breadcrumbs-below-header{background:var(--off-white);border-bottom:1px solid #e0e0e0;padding:var(--spacing-sm) 0;box-shadow:0 2px 4px #00000014}.breadcrumbs-below-header .container{max-width:100%;padding:0 var(--spacing-md)}.breadcrumbs-below-header ul{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm);padding:0;margin:0;list-style:none}.breadcrumbs-below-header li{display:flex;align-items:center}.breadcrumbs-below-header li:not(:last-child):after{content:"›";margin:0 var(--spacing-sm);color:var(--gray)}.breadcrumbs-below-header a{color:var(--primary-color);font-size:var(--font-sm);font-weight:500;padding:.125rem .25rem;border-radius:4px;transition:all var(--transition);text-shadow:0 1px 2px rgba(0,0,0,.05)}.breadcrumbs-below-header a:hover{background:#6d0c801a;color:var(--primary-dark);text-shadow:0 1px 3px rgba(109,12,128,.2)}#header{background:linear-gradient(135deg,#6d0c80,#4a0859);color:var(--white);padding:var(--spacing-lg) var(--spacing-md);text-align:center;box-shadow:var(--shadow-md);position:relative;overflow:hidden}#header:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.header-content{position:relative;z-index:1;padding:var(--spacing-md)}.header-brand{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.15)}.brand-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--white);transition:transform var(--transition)}.brand-link:hover{transform:scale(1.05)}.brand-name{font-size:var(--font-lg);font-weight:700}.brand-tagline{font-size:var(--font-sm);color:#ffffffd9;margin:var(--spacing-xs) 0 0}.header-title{text-align:center;color:var(--white);text-shadow:0 2px 4px rgba(0,0,0,.3)}.header-title h1{color:var(--white);text-shadow:0 2px 4px rgba(0,0,0,.3)}.header-subtitle{font-size:var(--font-sm);color:var(--white);margin-top:var(--spacing-xs);text-shadow:0 1px 3px rgba(0,0,0,.2)}@media(max-width:768px){#header{padding:var(--spacing-md) var(--spacing-sm)}.header-content{padding:var(--spacing-sm)}.brand-name{font-size:var(--font-md)}}.site-nav{background:linear-gradient(135deg,#6d0c80,#4a0859);padding:.625rem 1.25rem;position:sticky!important;top:0!important;z-index:10000!important;box-shadow:0 4px 16px #0003;transition:all var(--transition)}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-left{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-logo{color:var(--white);display:flex;align-items:center;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:background var(--transition);font-size:var(--font-md);font-weight:700}.nav-logo:hover{background:#ffffff1a}.nav-link{color:#ffffffe6;text-decoration:none;font-size:var(--font-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:all var(--transition)}.nav-link:hover,.nav-link.active{color:var(--white);background:#ffffff26}.nav-right{display:flex;align-items:center;gap:var(--spacing-sm)}.nav-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:600;text-decoration:none;transition:all var(--transition)}.nav-btn-login{color:var(--white);background:#ffffff26}.nav-btn-login:hover{background:#ffffff40}.nav-btn-register{color:var(--primary-color);background:var(--white)}.nav-btn-register:hover{background:#f0e6f3}.nav-user-menu{position:relative}.nav-user-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:#ffffff26;border:none;border-radius:25px;cursor:pointer;color:var(--white);transition:background var(--transition)}.nav-user-btn:hover{background:#ffffff40}.nav-avatar{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.nav-username{font-size:var(--font-sm);font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:260px;background:var(--white);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000026;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition);z-index:10001;overflow:hidden}.nav-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-header{padding:1.25rem;background:linear-gradient(135deg,#6d0c80,#4a0859);color:var(--white)}.dropdown-header strong{display:block;font-size:var(--font-base);font-weight:700;margin-bottom:.25rem}.dropdown-header span{display:block;font-size:var(--font-xs);color:#ffffffe6}.dropdown-badge{display:inline-block;padding:.25rem .75rem;background:#ffffff40;border-radius:1rem;font-size:var(--font-xs);font-weight:600;margin-top:var(--spacing-sm)}.dropdown-divider{height:1px;background:var(--light-gray);margin:0}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-md);padding:.875rem 1.25rem;color:var(--text-primary);text-decoration:none;font-size:var(--font-sm);transition:background var(--transition);border:none;background:none;width:100%;text-align:left;cursor:pointer}.dropdown-item:hover{background:var(--off-white);color:var(--primary-color)}.dropdown-item.logout{color:var(--white);background:linear-gradient(135deg,#e74c3c,#c0392b);font-weight:700;margin-top:.25rem}.dropdown-item.logout:hover{background:linear-gradient(135deg,#c0392b,#a83228);transform:translate(4px)}.mobile-menu-toggle,.mobile-nav-menu{display:none}@media(max-width:767px){.site-nav{padding:.5rem 0}.nav-container{gap:var(--spacing-sm);max-width:100%;padding:0 var(--spacing-sm)}.nav-left{flex:1 1 auto;min-width:0}.nav-link{display:none}.nav-logo{flex:0 0 auto;padding:.45rem}.nav-right{flex:0 0 auto;gap:.4rem}.nav-btn-login,.mobile-menu-toggle{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:var(--radius-sm)}.nav-btn-login{justify-content:center;padding:0;background:#ffffff24;border:1px solid rgba(255,255,255,.24)}.nav-btn-login svg{width:17px;height:17px}.mobile-menu-toggle{display:inline-grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.24);background:#ffffff24;color:var(--white);cursor:pointer}.mobile-menu-lines{display:grid;gap:3px;place-items:center}.mobile-menu-lines span{width:16px;height:2px;display:block;border-radius:999px;background:currentColor}.mobile-nav-menu{display:grid;gap:var(--spacing-xs);max-height:0;overflow:hidden;padding:0 var(--spacing-sm);opacity:0;transition:max-height var(--transition),opacity var(--transition),padding var(--transition)}.mobile-nav-menu.show{max-height:280px;padding-top:var(--spacing-sm);padding-bottom:var(--spacing-xs);opacity:1}.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:.7rem .85rem;border-radius:var(--radius-sm);background:#ffffff21;color:var(--white);font-size:var(--font-sm);font-weight:700;text-decoration:none}.mobile-nav-link:after{content:"›";opacity:.75;font-size:1.2rem}.mobile-nav-link:hover,.mobile-nav-link:focus-visible{background:#ffffff38;color:var(--white);text-decoration:none}}button,.button,.site-btn,input[type=submit],input[type=button]{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,#6d0c80,#4a0859);color:var(--white);border:none;border-radius:var(--radius-md);font-size:var(--font-base);font-weight:600;cursor:pointer;transition:all var(--transition);text-decoration:none;line-height:1}button:hover,.button:hover,.site-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6d0c8066}button:active{transform:translateY(0)}.photos__like-icon,.paragraph-like-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#6d0c80,#4a0859);color:var(--white);border:none;border-radius:2rem;font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition);box-shadow:0 2px 6px #6d0c804d}.photos__like-icon:hover,.paragraph-like-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6d0c8066}.photos__like-icon.active,.paragraph-like-button.active{background:linear-gradient(135deg,#e74c3c,#c0392b)}.likes{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--light-gray);display:flex;align-items:center;gap:var(--spacing-md)}input[type=text],input[type=email],input[type=password],input[type=search],textarea,select{width:100%;padding:var(--spacing-md);background:var(--white);border:2px solid var(--light-gray);border-radius:var(--radius-md);font-size:var(--font-base);color:var(--text-primary);transition:all var(--transition)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6d0c801a}form[action*=search]{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:0;max-width:100%;width:100%}form[action*=search] input[type=text]{flex:1;min-width:0;width:auto}form[action*=search] button[type=submit]{white-space:nowrap;min-width:80px;width:auto;flex-shrink:0}.auth-container{max-width:440px;margin:40px auto;padding:0 20px}.auth-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #6d0c801a;overflow:hidden}.auth-header{background:linear-gradient(135deg,#6d0c80,#4a0859);padding:40px 30px;text-align:center;color:#fff}.auth-icon{width:80px;height:80px;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.auth-icon svg{color:#fff}.auth-header h2{font-size:24px;font-weight:600;margin-bottom:8px;color:#fff}.auth-header p{font-size:14px;opacity:.8;color:#fff;margin:0}.auth-form{padding:30px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:15px;color:#999;pointer-events:none}.input-with-icon input{width:100%;height:50px;padding:0 45px;border:2px solid #e8e8e8;border-radius:12px;font-size:15px;transition:all .3s}.input-with-icon input:focus{border-color:#6d0c80;box-shadow:0 0 0 4px #6d0c801a;outline:none}.input-with-icon input::placeholder{color:#aaa}.toggle-password{position:absolute;right:12px;background:none;border:none;padding:8px;cursor:pointer;color:#999;transition:color .3s}.toggle-password:hover{color:#6d0c80}.form-group-inline{margin-bottom:25px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#555}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#6d0c80}.btn-auth-submit{width:100%;height:54px;background:linear-gradient(135deg,#6d0c80,#4a0859);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s}.btn-auth-submit:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6d0c8059}.btn-auth-submit:active{transform:translateY(0)}.auth-footer{padding:20px 30px 30px;text-align:center;background:#f8f5fa}.auth-footer p{font-size:14px;color:#666;margin:0}.auth-footer a{color:#6d0c80;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.password-strength,.password-match{margin-top:8px;font-size:12px}.strength-weak{color:#e74c3c}.strength-medium{color:#f39c12}.strength-strong,.match-success{color:#27ae60}.match-error{color:#e74c3c}.alert{padding:15px 20px;border-radius:10px;margin:15px 30px;font-size:14px}.alert p{margin:5px 0;line-height:1.5}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.profile-container{max-width:800px;margin:0 auto;padding:20px}.profile-header-card{background:linear-gradient(135deg,#6d0c80,#4a0859);border-radius:20px;padding:40px;display:flex;align-items:center;gap:30px;color:#fff;margin-bottom:25px}.profile-avatar img{width:120px;height:120px;border-radius:50%;border:4px solid rgba(255,255,255,.3)}.admin-badge{position:absolute;bottom:5px;right:5px;width:28px;height:28px;background:gold;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6d0c80}.profile-info h2{font-size:28px;margin-bottom:5px;color:#fff}.profile-email{font-size:14px;opacity:.8;margin-bottom:5px;color:#fff!important}.profile-date{font-size:13px;opacity:.6;margin-bottom:10px;color:#fff!important}.role-badge{display:inline-block;padding:5px 15px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.role-badge.admin{background:gold;color:#6d0c80}.role-badge.user{background:#fff3;color:#fff}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.stat-card{background:#fff;border-radius:15px;padding:20px;text-align:center;box-shadow:0 5px 20px #0000000d}.stat-icon{width:50px;height:50px;background:#f8f5fa;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:#6d0c80}.stat-icon.approved{background:#e8f5e9;color:#27ae60}.stat-icon.pending{background:#fff8e1;color:#f39c12}.stat-icon.reactions{background:#fce4ec;color:#e91e63}.stat-value{font-size:28px;font-weight:700;color:#333;line-height:1;margin-bottom:5px}.stat-label{font-size:12px;color:#888}.profile-edit-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 5px 20px #0000000d;margin-bottom:25px}.profile-edit-card h3{display:flex;align-items:center;gap:10px;font-size:18px;color:#333;margin-bottom:25px}.profile-edit-card h4{font-size:16px;color:#555;margin-bottom:5px}.form-hint{font-size:13px;color:#888;margin-bottom:20px}.profile-form .form-group{margin-bottom:20px}.profile-form label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.profile-form input{width:100%;height:48px;padding:0 15px;border:2px solid #e8e8e8;border-radius:10px;font-size:15px;transition:all .3s}.profile-form input:focus{border-color:#6d0c80;box-shadow:0 0 0 4px #6d0c801a;outline:none}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-divider{border:none;border-top:1px solid #eee;margin:30px 0}.form-actions{margin-top:30px}.btn-save{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;background:linear-gradient(135deg,#6d0c80,#4a0859);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.btn-save:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6d0c8059}.profile-actions-card{background:#fff;border-radius:20px;padding:25px 30px;box-shadow:0 5px 20px #0000000d}.profile-actions-card h3{font-size:16px;color:#333;margin-bottom:20px}.action-buttons{display:flex;flex-wrap:wrap;gap:12px}.action-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#f8f5fa;color:#6d0c80;border:none;border-radius:10px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s}.action-btn:hover{background:#6d0c80;color:#fff}.action-btn.logout{background:#fef5f5;color:#e74c3c}.action-btn.logout:hover{background:#e74c3c;color:#fff}.logout-form{display:inline}@media(max-width:768px){.hide-mobile{display:none!important}.profile-header-card{flex-direction:column;text-align:center;padding:30px 20px}.profile-stats{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.profile-avatar img{width:100px;height:100px}.action-buttons{flex-direction:column}.action-btn{justify-content:center}}@media(max-width:480px){.auth-container{margin:20px auto}.auth-header{padding:30px 20px}.auth-form{padding:20px}.auth-footer{padding:15px 20px 20px}.stat-card{padding:15px}.stat-value{font-size:22px}.profile-edit-card,.profile-actions-card{padding:20px}}.profile-header-card{background:linear-gradient(135deg,#6d0c80,#4a0859);border-radius:var(--radius-lg);padding:var(--spacing-2xl);margin-bottom:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-xl);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.profile-header-card:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.profile-avatar{position:relative;flex-shrink:0}.profile-avatar img{width:120px;height:120px;border-radius:50%;border:4px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #0000004d}.admin-badge{position:absolute;bottom:5px;right:5px;background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:3px solid var(--white);box-shadow:0 2px 8px #0000004d}.admin-badge svg{stroke:#6d0c80;fill:#6d0c80}.profile-info{flex:1;color:var(--white)}.profile-info h2{font-size:clamp(1.5rem,4vw,2rem);margin:0 0 var(--spacing-sm);color:#fff!important;font-weight:700}.profile-email{font-size:var(--font-base);color:#fff!important;opacity:1;margin:0 0 var(--spacing-xs)}.profile-date{font-size:var(--font-sm);color:#ffffffe6!important;opacity:1;margin:0 0 var(--spacing-md)}.role-badge{display:inline-block;padding:.375rem 1rem;border-radius:2rem;font-size:var(--font-sm);font-weight:600}.role-badge.admin{background:#ffd70033;color:gold;border:1px solid rgba(255,215,0,.3)}.role-badge.user{background:#ffffff26;color:var(--white);border:1px solid rgba(255,255,255,.3)}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--white);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;box-shadow:var(--shadow-md);transition:transform var(--transition),box-shadow var(--transition)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#6d0c80,#4a0859);margin-bottom:var(--spacing-md)}.stat-icon svg{stroke:var(--white)}.stat-icon.approved{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.reactions{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-value{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-sm);color:var(--gray)}.alert{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.alert-success{background:#d1fae5;color:#065f46;border-left:4px solid #10b981}.alert-error{background:#fee2e2;color:#991b1b;border-left:4px solid #ef4444}.alert p{margin:0}.profile-edit-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-md)}.profile-edit-card h3{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--primary-color);margin:0 0 var(--spacing-xl);font-size:var(--font-xl)}.profile-edit-card h4{color:var(--primary-color);margin:var(--spacing-lg) 0 var(--spacing-sm);font-size:var(--font-lg)}.profile-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:var(--font-sm)}.form-group input{padding:var(--spacing-md);border:2px solid var(--light-gray);border-radius:var(--radius-md);font-size:var(--font-base);transition:all var(--transition)}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6d0c801a}.form-divider{border:0;height:1px;background:var(--light-gray);margin:var(--spacing-xl) 0}.form-hint{font-size:var(--font-sm);color:var(--gray);margin:0 0 var(--spacing-lg)}.form-actions{margin-top:var(--spacing-xl)}.btn-save{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,#6d0c80,#4a0859);color:var(--white);border:none;border-radius:var(--radius-md);font-size:var(--font-base);font-weight:600;cursor:pointer;transition:all var(--transition);box-shadow:0 4px 12px #6d0c804d}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6d0c8066}.profile-actions-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-md)}.profile-actions-card h3{color:var(--primary-color);margin:0 0 var(--spacing-lg);font-size:var(--font-xl)}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.action-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--off-white);color:var(--primary-color);border:2px solid var(--light-gray);border-radius:var(--radius-md);font-size:var(--font-base);font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--transition);text-align:center;justify-content:center}.action-btn:hover{background:var(--primary-color);color:var(--white);border-color:var(--primary-color);transform:translateY(-2px)}.action-btn svg{flex-shrink:0}.logout-form{margin:0}.action-btn.logout{background:#fee2e2;color:#dc2626;border-color:#fecaca}.action-btn.logout:hover{background:#dc2626;color:var(--white);border-color:#dc2626}.profile-container{max-width:900px;margin:0 auto;padding:0}.profile-container>*{margin-left:auto;margin-right:auto}@media(max-width:768px){.profile-header-card{flex-direction:column;text-align:center;padding:var(--spacing-xl) var(--spacing-md)}.profile-info{text-align:center}.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-form .form-row,.action-buttons{grid-template-columns:1fr}.comment-avatar .user-avatar{width:40px;height:40px;font-size:18px;border-width:2px}}@media(max-width:480px){.profile-stats{grid-template-columns:1fr}.profile-avatar img{width:100px;height:100px}.profile-edit-card,.profile-actions-card{padding:var(--spacing-lg) var(--spacing-md)}.comment-avatar .user-avatar{width:36px;height:36px;font-size:16px;border-width:2px}}article.box.post,section.box{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-md);transition:box-shadow var(--transition);max-width:100%;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word}section.box{background:linear-gradient(135deg,#f8f0ff,#f0e6ff);border-left:4px solid var(--primary-color);position:relative;overflow:visible}section.box:before{content:none}section.box h3{color:var(--primary-color);font-size:clamp(1.25rem,3.5vw,1.75rem);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm)}section.box h3:before{content:"🔍";font-size:1.5em}section.box ol{list-style:none;counter-reset:item;padding-left:0}section.box ol li{counter-increment:item;margin-bottom:var(--spacing-md);padding-left:2.5rem;position:relative;line-height:1.6}section.box ol li:before{content:counter(item);position:absolute;left:0;top:0;width:1.75rem;height:1.75rem;background:linear-gradient(135deg,#6d0c80,#4a0859);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}section.box ol li a{color:var(--primary-color);font-weight:600;transition:all var(--transition)}section.box ol li a:hover{color:var(--primary-dark);text-decoration:none;transform:translate(4px);display:inline-block}article.box.post{background:var(--white)}article.box.post *{max-width:100%}article.box.post img,article.box.post video,article.box.post iframe{max-width:100%;height:auto;display:block}article.box.post table{width:100%;max-width:100%;display:block;overflow-x:auto}article.box.post:hover{box-shadow:var(--shadow-lg)}article.box.post h3{font-size:clamp(1.25rem,4vw,1.75rem);color:var(--primary-color);margin-bottom:var(--spacing-md);word-wrap:break-word}article.box.post h4{font-size:clamp(1.1rem,3.5vw,1.5rem);margin:var(--spacing-lg) 0 var(--spacing-md)}article.box.post p{font-size:clamp(1rem,2.5vw,1.125rem);line-height:1.8;margin-bottom:var(--spacing-md)}article.box.post img{max-width:100%;height:auto;border-radius:var(--radius-sm);margin:var(--spacing-md) 0}article.box.post ul,article.box.post ol{padding-left:1.75rem;margin:var(--spacing-md) 0}article.box.post li{margin-bottom:var(--spacing-sm);line-height:1.75}.astro-forecast{margin-bottom:var(--spacing-xl);padding:clamp(1.25rem,4vw,2rem);border-radius:var(--radius-lg);background:radial-gradient(circle at 18% 10%,rgba(255,255,255,.72),transparent 8rem),radial-gradient(circle at 85% 15%,rgba(231,76,60,.12),transparent 14rem),linear-gradient(135deg,#fff,#f7effa);border:1px solid rgba(109,12,128,.14);box-shadow:var(--shadow-md)}.astro-kicker{margin:0 0 var(--spacing-xs);color:var(--primary-color);font-size:var(--font-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.astro-forecast h3{margin-bottom:var(--spacing-md)}.astro-forecast>p{max-width:780px;color:var(--text-secondary)}.astro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.astro-card{padding:var(--spacing-md);border-radius:var(--radius-md);background:#ffffffc7;border:1px solid rgba(109,12,128,.12)}.astro-card strong{display:block;color:var(--primary-dark);margin-bottom:var(--spacing-xs)}.astro-card p{margin:0;color:var(--text-secondary);font-size:var(--font-base);line-height:1.7}@media(max-width:760px){.astro-grid{grid-template-columns:1fr}}.comments-section{max-width:900px;margin:var(--spacing-xl) auto;padding:0 var(--spacing-md)}.comments-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:linear-gradient(135deg,#6d0c80,#4a0859);border-radius:var(--radius-md)}.comments-title{font-size:clamp(1.25rem,4vw,1.75rem);font-weight:700;color:var(--white);margin:0}.comment{margin-bottom:var(--spacing-lg)}.comment-content{display:flex;gap:var(--spacing-md);background:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--light-gray);transition:box-shadow var(--transition)}.comment-content:hover{box-shadow:var(--shadow-md)}.comment-avatar{flex-shrink:0}.comment-avatar img{width:48px;height:48px;border-radius:50%}.comment-avatar .user-avatar{width:48px;height:48px;border-radius:50%;border:2px solid #6d0c80;box-shadow:0 4px 12px #6d0c8033;transition:transform .3s ease,box-shadow .3s ease;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6d0c80,#8a1ca0);color:#fff;font-size:20px;font-weight:700;text-transform:uppercase;-webkit-user-select:none;user-select:none;overflow:hidden}.comment-avatar .user-avatar:hover{transform:scale(1.05);box-shadow:0 6px 16px #6d0c804d}.comment-body{flex:1}.comment-author{font-weight:700;color:var(--text-primary)}.comment-text{color:var(--text-secondary);line-height:1.6;margin:var(--spacing-sm) 0}.comment-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.comment-actions button{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-sm);background:#6d0c8014;color:var(--primary-color);border:1px solid rgba(109,12,128,.2)}.comment-actions button:hover{background:#6d0c8026}.comments-section .no-comments{text-align:center;padding:60px 20px;color:#6c757d;font-size:1.1rem}.scroll-container{margin:0 0 var(--spacing-2xl);padding:0;width:100%;position:relative}.section-header{text-align:center;margin:var(--spacing-xl) 0 var(--spacing-lg);padding:0 var(--spacing-md)}.section-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:#6d0c80;margin:0 0 var(--spacing-sm);text-shadow:0 2px 4px rgba(0,0,0,.2)}.section-subtitle{font-size:var(--font-sm);color:#6d0c80;margin:0}.scroll-wrapper{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-wrapper::-webkit-scrollbar{display:none}.scroll-item{background:radial-gradient(circle at 18% 10%,rgba(255,255,255,.72),transparent 8rem),radial-gradient(circle at 85% 15%,rgba(231,76,60,.12),transparent 14rem),linear-gradient(135deg,#fff,#f7effa);color:var(--text-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-md);border:1px solid rgba(109,12,128,.14);box-shadow:var(--shadow-md);min-width:220px;max-width:220px;min-height:240px;flex-shrink:0;display:flex;flex-direction:column;text-align:center;transition:transform var(--transition);overflow:hidden;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box}.scroll-item *{max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.scroll-item-link{display:flex;text-decoration:none;color:inherit;flex-direction:column;height:100%}.scroll-item-link:hover{transform:translateY(-4px)}.scroll-item-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm);line-height:1;flex-shrink:0}.scroll-item-title{font-size:var(--font-md);font-weight:700;margin-bottom:var(--spacing-sm);line-height:1.3;color:var(--primary-dark);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.scroll-item-text{font-size:var(--font-sm);line-height:1.5;flex-grow:1;color:var(--text-secondary);word-wrap:break-word;overflow-wrap:break-word;margin-bottom:var(--spacing-md)}.item-footer{margin-top:auto;padding-top:var(--spacing-sm);flex-shrink:0}.item-link-text{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);background:#f4e7f8;border-radius:1.5rem;border:1px solid rgba(109,12,128,.16);color:var(--primary-dark);font-weight:700;transition:all var(--transition);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.scroll-item-link:hover .item-link-text{background:#ead8f0;border-color:#4a08593d;color:var(--primary-dark);box-shadow:inset 0 0 0 1px #4a085914}.scroll-indicator{display:flex;justify-content:center;gap:.4rem;margin-top:.1rem}.scroll-indicator span{width:8px;height:8px;display:block;border-radius:50%;background:#6d0c8038}.scroll-indicator span.is-active{width:22px;border-radius:999px;background:#6d0c809e}.parent-container{display:flex;justify-content:center;align-items:center;padding:var(--spacing-lg)}.chat-container{width:100%;max-width:900px;height:80vh;background-color:var(--white);box-shadow:0 8px 32px #0000001f;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.chat-header{background:linear-gradient(135deg,#6d0c80,#4a0859);padding:1.25rem;color:var(--white);text-align:center;font-weight:700;font-size:1.125rem;box-shadow:0 2px 8px #0000001a}.chat-body{flex:1;padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;background:#f8f9fa}.message{margin-bottom:1rem;display:flex}.message.user{justify-content:flex-end}.message.bot{justify-content:flex-start}.message .content{background-color:#e9ecef;padding:.875rem 1.125rem;border-radius:18px;max-width:80%;font-size:1rem;line-height:1.5;color:#212529;box-shadow:0 2px 6px #00000014}.message.user .content{background:linear-gradient(135deg,#6d0c80,#4a0859);color:var(--white);box-shadow:0 2px 6px #6d0c804d}.typing-indicator{display:none;padding:.75rem;color:#6c757d;font-style:italic;font-size:.875rem}.suggestions{margin-top:1rem;padding:1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.suggestion{background-color:var(--white);padding:.625rem 1rem;border-radius:2rem;cursor:pointer;font-size:.875rem;color:var(--primary-color);border:2px solid var(--primary-color);font-weight:600;transition:all var(--transition)}.suggestion:hover{background-color:var(--primary-color);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 8px #6d0c804d}.chat-footer{padding:1.25rem;background-color:var(--white);display:flex;flex-direction:column;border-top:1px solid #e9ecef}.chat-footer input{padding:.875rem 1.125rem;border:2px solid #e9ecef;border-radius:2rem;margin-bottom:.75rem;font-size:.9375rem;width:100%;transition:border-color var(--transition)}.chat-footer input:focus{outline:none;border-color:var(--primary-color)}.chat-footer button{padding:.875rem 1.5rem;background:linear-gradient(135deg,#6d0c80,#4a0859);color:var(--white);border:none;border-radius:2rem;cursor:pointer;font-size:1rem;font-weight:600;width:100%;transition:all var(--transition);box-shadow:0 4px 12px #6d0c804d}.chat-footer button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6d0c8066}.remaining-messages{text-align:center;color:#6c757d;font-size:.8125rem;margin-top:.75rem;font-weight:500}@media(max-width:768px){.parent-container{padding:var(--spacing-sm)}}@media(max-width:480px){.parent-container{padding:0}.chat-container{border-radius:0;height:100vh;max-width:100%}.chat-header{font-size:1rem;padding:1rem}.suggestion{font-size:.8125rem;padding:.5rem .875rem}}.parent-container{display:flex;justify-content:center;padding:var(--spacing-lg) var(--spacing-md)}.chat-container{width:100%;max-width:900px;height:80vh;background:var(--white);box-shadow:var(--shadow-lg);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden}.chat-header{background:linear-gradient(135deg,#6d0c80,#4a0859);padding:var(--spacing-lg);color:var(--white);text-align:center;font-weight:700}.chat-body{flex:1;padding:var(--spacing-lg);overflow-y:auto;background:var(--off-white)}.message .content{background:var(--light-gray);padding:var(--spacing-md) var(--spacing-lg);border-radius:18px;max-width:80%}.message.user .content{background:linear-gradient(135deg,#6d0c80,#4a0859);color:var(--white)}.chat-footer{padding:var(--spacing-lg);background:var(--white);border-top:1px solid var(--light-gray)}.chat-footer input{padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--light-gray);border-radius:2rem;margin-bottom:var(--spacing-md)}.chat-footer button{width:100%;border-radius:2rem}#page-wrapper>section{margin-bottom:0}section,article{margin-bottom:2.5em}section>:last-child,section:last-child,article>:last-child,article:last-child{margin-bottom:0}header{margin:0 0 1.5em}header>p{display:block;font-style:italic;margin:.5em 0 0;padding-bottom:.5em}header.major{position:relative;text-align:center;border-top:solid 1px #ccc;top:1em;margin:0 0 3em}header.major h2{background:var(--white);position:relative;top:-.65em;display:inline;margin:0;padding:0 1em}footer{margin:2.25em 0 0}#main{position:relative;background:#f7f7f7;padding:4em 0}#main:before{content:"";position:absolute;top:0;left:0;width:100%;background-size:100% 100%;z-index:0;opacity:.1}#main .major h2{background:#f7f7f7}#footer{position:relative;background:#1b043b;color:#858484;padding:4em 0}#footer:before{content:"";position:absolute;top:0;left:0;width:100%;background-size:100% 100%;z-index:0;opacity:.5}#footer a{color:#c5c4c4}#footer h2,#footer h3,#footer h4,#footer h5,#footer h6,#footer strong,#footer b{color:var(--white)}#footer h2 a,#footer h3 a,#footer h4 a,#footer h5 a,#footer h6 a,#footer strong a,#footer b a{color:inherit}#footer ul.contact li,#footer ul.dates li,#footer ul.divided li{border-top-color:#353434;border-top-color:#ffffff0d}#footer header{margin:0 0 3em}#footer header h2{font-size:1.75em}#copyright{text-align:center;margin:3em 0 2em}#copyright ul.links{display:inline-block;background:#2c2929;background:#ffffff0d;border-radius:5px;margin:0;padding:.85em 2.25em}@media screen and (max-width:1280px){#main{padding:30px 0}#footer{padding:3em 0}#footer:before{height:2.5em}#footer header{margin:0 0 1.5em}#footer header h2{font-size:1.25em}#copyright{margin:0}header.major{margin:.75em 0 2.5em}header.major h2{padding:0 1em}}@media screen and (max-width:980px){#main{padding:40px 0}#copyright ul.links{display:block}}@media screen and (max-width:736px){section,article{margin-bottom:20px}header{margin:0 0 1em}footer{margin:2em 0 0}#main{padding:20px 0}#footer{padding:40px 0 20px}}@media(max-width:767px){html,body{max-width:100vw;overflow-x:hidden}*{max-width:100vw}.site-nav{padding:.5rem .75rem}.nav-container{padding:0}.nav-avatar{width:28px;height:28px}.nav-dropdown{min-width:240px;right:-.5rem}.hide-mobile{display:none!important}.section-subtitle{display:none}.container{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);max-width:100%}.row{margin-left:calc(-1 * var(--spacing-sm));margin-right:calc(-1 * var(--spacing-sm))}[class*=col-]{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}article.box.post{padding:var(--spacing-lg) var(--spacing-md);margin-left:var(--spacing-sm);margin-right:var(--spacing-sm);width:calc(100% - 1rem);max-width:calc(100vw - 1rem)}article.box.post *:not(svg):not(path){max-width:100%;word-wrap:break-word;overflow-wrap:break-word}article.box.post img,article.box.post video,article.box.post iframe,article.box.post table{max-width:100%!important;width:100%}.scroll-container{max-width:100vw;padding:0 var(--spacing-sm)}.scroll-wrapper{display:flex;overflow-x:auto}.scroll-item{min-width:200px;max-width:200px;min-height:220px;padding:var(--spacing-md) var(--spacing-sm)}.scroll-item-icon{font-size:2rem}.scroll-item-title{font-size:var(--font-base)}.scroll-item-text{font-size:var(--font-xs)}form[action*=search]{max-width:100%;padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}h1,h2,h3,h4,h5,h6,p{word-wrap:break-word;overflow-wrap:break-word}.srednii_rtb,[class*=rtb]{max-width:100%!important;overflow:hidden}.alphabet-index{padding:var(--spacing-md) var(--spacing-xs);max-width:100%;gap:var(--spacing-xs)}.alphabet-index a{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-sm)}.chat-container{border-radius:0;height:100vh;max-width:100vw}.parent-container{padding:0}.comments-section{padding:0 var(--spacing-sm);max-width:100%}}@media(max-width:480px){.container{padding-left:.375rem;padding-right:.375rem}article.box.post{padding:var(--spacing-md) var(--spacing-sm);margin-left:.25rem;margin-right:.25rem;width:calc(100% - .5rem)}.scroll-item{min-width:180px;max-width:180px;min-height:200px;padding:var(--spacing-sm)}.scroll-item-icon{font-size:1.75rem;margin-bottom:var(--spacing-xs)}.scroll-item-title{font-size:var(--font-sm);margin-bottom:var(--spacing-xs)}.scroll-item-text{font-size:var(--font-xs);margin-bottom:var(--spacing-sm)}.item-link-text{font-size:var(--font-xs);padding:var(--spacing-xs) var(--spacing-sm)}}@media(min-width:768px){.scroll-wrapper{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible}.scroll-item{min-width:auto;max-width:none}.hide-desktop{display:none!important}}@media(min-width:1024px){.container{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}article.box.post{padding:var(--spacing-xl) var(--spacing-2xl)}.header-content{max-width:1200px;margin:0 auto}}.site-pagination{display:flex;justify-content:center;margin:2rem auto;padding:1rem}.site-pagination nav{display:inline-block}.pagination{display:flex;padding-left:0;list-style:none;margin:0;gap:.5rem;flex-wrap:wrap;justify-content:center}.pagination li{display:inline-block}.pagination li a,.pagination li span{display:inline-block;padding:.5rem 1rem;color:var(--primary-color);background:var(--white);border:2px solid var(--light-gray);border-radius:var(--radius-md);text-decoration:none;font-weight:600;transition:all var(--transition);min-width:40px;text-align:center}.pagination li a:hover{background:var(--primary-color);color:var(--white);border-color:var(--primary-color);transform:translateY(-2px)}.pagination li.active span{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.pagination li.disabled span{opacity:.5;cursor:not-allowed;background:var(--light-gray)}@media(max-width:768px){.pagination li a,.pagination li span{padding:.375rem .75rem;font-size:.875rem;min-width:36px}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-0{margin-top:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}a{word-wrap:break-word;overflow-wrap:break-word}.srednii_rtb,.srednii_rtb>div,.srednii_rtb>*{max-width:100%!important}.alphabet-index{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;max-width:100%;margin:var(--spacing-xl) 0;padding:var(--spacing-md);gap:var(--spacing-sm)}.alphabet-index a{padding:var(--spacing-sm) var(--spacing-md);background:var(--white);border:2px solid var(--light-gray);border-radius:var(--radius-md);color:var(--primary-color);font-weight:600;transition:all var(--transition);text-decoration:none}.alphabet-index a:hover{background:var(--primary-color);color:var(--white);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 8px #6d0c8033}ul.divided,ul[class*=list]{max-width:100%;padding-left:1.5rem}ul.divided li,ul[class*=list] li{word-wrap:break-word;overflow-wrap:break-word}blockquote{max-width:100%;overflow-wrap:break-word}.wide,.full-width,[class*=container]{max-width:100%}article.box.post,.scroll-item,.nav-dropdown,button{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}@media(prefers-reduced-motion:no-preference){*{scroll-behavior:smooth}}@media(prefers-color-scheme:dark){body{background:#1a1a1a}}ul.actions{list-style:none;padding-left:0}ul.actions li{display:inline-block;margin-left:1em;padding-left:0}ul.actions li:first-child{margin-left:0}ul.links{list-style:none;padding-left:0}ul.links li{display:inline-block;border-left:solid 1px rgba(255,255,255,.05);padding:0 0 0 1em;margin:0 0 0 1em}ul.links li:first-child{border-left:0;padding-left:0;margin-left:0}ul.contact{list-style:none;padding-left:0}ul.contact li{position:relative;border-top:solid 1px #ddd;padding:1.3em 0 1.3em 7em}ul.contact li h3{position:absolute;left:0;top:1.3em;font-size:1.1em}ul.contact li p{margin:0}ul.contact li:first-child{padding-top:0;border-top:0}ul.contact li:first-child h3{top:0}ul.dates{list-style:none;padding-left:0}ul.dates li{position:relative;border-top:solid 1px #ddd;padding:1.3em 0 1.3em 6.75em}ul.dates .date{display:block;position:absolute;left:0;top:1.3em;background-color:var(--primary-color);height:3.5em;text-align:center;color:var(--white);line-height:1em;border-top-left-radius:5px;border-bottom-left-radius:5px;padding:.5em .75em 0 1em}ul.dates .date:after{content:"";position:absolute;bottom:0;right:-1.2em;border-left:solid 1.25em var(--primary-color);border-top:solid 1.8em transparent;border-bottom:solid 1.8em transparent}ul.dates .date strong{display:block;font-size:1.75em;padding-top:.15em}ul.dates h3{font-size:1.1em}ul.dates p{margin:0}ul.dates li:first-child{border-top:0;padding-top:0}ul.dates li:first-child .date{top:0}ul.divided{list-style:none;padding-left:0}ul.divided li{border-top:solid 1px #ddd;padding:1em 0}ul.divided li:first-child{border-top:0;padding-top:0}ul.social{list-style:none;padding-left:0;overflow:hidden;cursor:default;margin:0 0 3.25em}ul.social li{display:inline-block;padding-left:0;margin-left:.75em}ul.social li:first-child{margin-left:0}ul.social li a{display:inline-block;width:3em;height:3em;text-align:center;border-radius:5px;background:#888;transition:background-color .25s ease-in-out}ul.social li a:before{color:var(--white);font-size:2em;line-height:1.5em}ul.social li a.fa-facebook{background:#3c5a98}ul.social li a.fa-facebook:hover{background:#4c6aa8}ul.social li a.fa-twitter{background:#2daae4}ul.social li a.fa-twitter:hover{background:#3dbaf4}ul.social li a.fa-vk{background:#4a76a8}ul.social li a.fa-vk:hover{background:#5a86b8}.icon.featured{position:relative;display:inline-block;background-color:var(--primary-color);width:9em;padding:1.75em 0 .75em;border-top-left-radius:5px;border-top-right-radius:5px;margin:0 0 4.5em;cursor:default}.icon.featured:before{font-size:4.5em;line-height:1em;color:var(--white)}.icon.featured:after{content:"";position:absolute;bottom:-1.95em;left:0;border-top:solid 2em var(--primary-color);border-left:solid 4.5em transparent;border-right:solid 4.5em transparent}.icon.featured.alt{background-color:#252122}.icon.featured.alt:after{border-top-color:#252122}#navPanel,#titleBar{display:none}@media screen and (max-width:980px){#titleBar{backface-visibility:hidden;transition:transform .5s ease;display:block;height:44px;left:0;position:fixed;top:0;width:100%;z-index:10001;background:none}#titleBar .toggle{text-decoration:none;width:80px;height:60px}#titleBar .toggle:before{content:"";display:block;position:absolute;left:10px;top:10px;width:50px;height:40px;line-height:40px;font-size:18px;color:var(--white);text-align:center;background:#969696bf;border-radius:5px;font-family:"Font Awesome 5 Free";font-weight:900}#titleBar .toggle:active:before{background-color:#969696}#navPanel{backface-visibility:hidden;transform:translate(-275px);transition:transform .5s ease;display:block;height:100%;left:0;overflow-y:auto;position:fixed;top:0;width:275px;z-index:10002;color:#858484;background:#2c2929;box-shadow:inset -3px 0 5px #00000059}#navPanel .link{display:block;color:#888;text-decoration:none;height:44px;line-height:44px;border-top:solid 1px rgba(255,255,255,.05);padding:0 1em;font-style:italic}#navPanel .link:first-child{border-top:0}#navPanel .depth-0{color:var(--white)}body.navPanel-visible #page-wrapper,body.navPanel-visible #titleBar{transform:translate(275px)}body.navPanel-visible #navPanel{transform:translate(0)}}.column{column-width:200px;column-count:3;column-gap:30px;column-rule:1px solid #ccc}.dropotron{border-radius:5px;background-color:#221e1ffa;padding:1.25em 1.5em;font-style:italic;min-width:13em;box-shadow:0 8px 15px #00000080;text-align:left;margin-top:-1.25em;margin-left:-1px;list-style:none}.dropotron a,.dropotron span{color:#aaa;text-decoration:none;transition:color .25s ease-in-out}.dropotron li{padding:.25em 0}.dropotron li:hover>a,.dropotron li:hover>span{color:var(--white)}.dropotron.level-0{margin-top:2em}.dropotron.level-0:before{content:"";display:block;position:absolute;left:50%;margin-left:-10px;top:-9px;border-left:solid 10px transparent;border-right:solid 10px transparent;border-bottom:solid 10px rgba(34,30,31,.98)}@media screen and (max-width:736px){ul.dates li{padding-left:6em}ul.dates h3{margin:0 0 .5em}ul.contact li{padding:.8em 0 .8em 7em}ul.contact li h3{top:.8em}ul.divided li{padding:.5em 0}ul.links li{display:block;padding:.25em 0 0;margin:.25em 0 0;border-left:0}ul.links li:first-child{padding-top:0;margin-top:0}ul.social li{margin:0 .5em .75em 0}ul.actions li{margin:1em 0 0;display:block}ul.actions li .button{width:100%}ul.actions li:first-child{margin-top:0}.icon.featured{width:8em;margin:0 0 3em}.icon.featured:after{border-left:solid 4em transparent;border-right:solid 4em transparent}}.admin-nav{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);padding:var(--spacing-md) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-md)}.admin-nav-left{display:flex;align-items:center;gap:var(--spacing-lg)}.admin-nav-logo{color:var(--white);font-size:var(--font-md);font-weight:700;text-decoration:none;display:flex;align-items:center;gap:var(--spacing-sm)}.admin-nav-links a{color:#ffffffd9;text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all var(--transition)}.admin-nav-links a:hover{color:var(--white);background:#ffffff26}.admin-nav-right{display:flex;align-items:center;gap:var(--spacing-md)}.admin-user-info{color:var(--white);font-size:var(--font-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff1a;border-radius:var(--radius-md)}.admin-user-info strong,.admin-user-info small{display:block}.admin-logout-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 var(--spacing-md);border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-sm);background:#ffffff1f;color:var(--white);font:inherit;font-size:var(--font-sm);font-weight:600;text-decoration:none;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.admin-logout-btn:hover{background:#fff3;border-color:#ffffff5c}.admin-container{max-width:1400px;margin:var(--spacing-xl) auto;padding:0 var(--spacing-lg)}.admin-header{background:var(--white);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.admin-stat-card{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);padding:var(--spacing-lg);border-radius:var(--radius-md);color:var(--white);text-align:center}.admin-stat-value{font-size:var(--font-2xl);font-weight:700;margin-bottom:var(--spacing-xs)}.admin-stat-label{font-size:var(--font-sm);opacity:.9}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-md);margin-top:var(--spacing-xl)}.admin-container .stat-card{min-width:0;padding:var(--spacing-lg);border:1px solid rgba(109,12,128,.1);border-radius:var(--radius-md);background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.85),transparent 5rem),linear-gradient(135deg,#fff,#f7effa);box-shadow:var(--shadow-sm)}.admin-container .stat-card h3{margin:0;color:var(--primary-dark);font-size:clamp(1.6rem,3vw,2.35rem);line-height:1}.admin-container .stat-card p{margin:var(--spacing-sm) 0 0;color:var(--text-secondary);font-size:var(--font-sm)}.filters,.comments-table{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.filters{padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.filter-row{display:grid;grid-template-columns:minmax(160px,220px) minmax(240px,1fr) auto;gap:var(--spacing-md);align-items:end}.filter-group{min-width:0}.filter-group label{display:block;margin-bottom:var(--spacing-xs);color:var(--text-secondary);font-size:var(--font-sm);font-weight:600}.filter-group input,.filter-group select,.filter-group textarea{width:100%;border:1px solid var(--light-gray);border-radius:var(--radius-sm);background:var(--white);color:var(--text-primary);font:inherit;font-size:var(--font-sm)}.filter-group input,.filter-group select{height:42px;padding:0 var(--spacing-md)}.filter-group textarea{min-height:120px;padding:var(--spacing-md);resize:vertical}.comments-table{overflow:hidden}.bulk-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--light-gray);background:#fbf7fd}.select-all-control{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--primary-dark);font-size:var(--font-sm);font-weight:700;cursor:pointer}.comment-select,.select-all-control input{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer}.selected-count{color:var(--text-secondary);font-size:var(--font-sm);font-weight:600}.btn-moderate:disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}.table-responsive{width:100%;overflow-x:auto}.comments-table table{display:table;width:100%;min-width:980px;border-collapse:collapse;table-layout:fixed}.comments-table thead{display:table-header-group}.comments-table tbody{display:table-row-group}.comments-table tr{display:table-row}.comments-table th,.comments-table td{display:table-cell;padding:var(--spacing-md);border-bottom:1px solid var(--light-gray);vertical-align:top;color:var(--text-primary);font-size:var(--font-sm);overflow-wrap:anywhere}.comments-table th{background:#f7effa;color:var(--primary-dark);font-weight:700;text-align:left}.comments-table th:nth-child(1),.comments-table td:nth-child(1){width:54px;text-align:center}.comments-table th:nth-child(2),.comments-table td:nth-child(2){width:64px}.comments-table th:nth-child(3),.comments-table td:nth-child(3){width:150px}.comments-table th:nth-child(5),.comments-table td:nth-child(5){width:210px}.comments-table th:nth-child(6),.comments-table td:nth-child(6){width:115px}.comments-table th:nth-child(7),.comments-table td:nth-child(7){width:135px}.comments-table th:nth-child(8),.comments-table td:nth-child(8){width:190px}.comments-table tbody tr:hover{background:var(--off-white)}.status-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 var(--spacing-sm);border-radius:999px;font-size:var(--font-xs);font-weight:700;white-space:nowrap}.status-pending{background:#f39c121f;color:#9a5f00}.status-approved{background:#27ae601f;color:#176f3c}.status-rejected{background:#e74c3c1f;color:#a33125}.comments-table .action-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.btn-moderate{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 var(--spacing-md);border:0;border-radius:var(--radius-sm);color:var(--white);font:inherit;font-size:var(--font-xs);font-weight:700;line-height:1;text-decoration:none;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.btn-moderate:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-view{background:var(--primary-color)}.btn-view:hover{background:var(--primary-dark)}.modal{position:fixed;inset:0;z-index:1000;display:none;padding:var(--spacing-lg);background:#2125297a;overflow-y:auto}.modal-content{position:relative;width:min(100%,560px);margin:8vh auto;padding:var(--spacing-xl);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-xl)}.modal-content h2{margin:0 0 var(--spacing-lg);color:var(--primary-dark);font-size:var(--font-xl)}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:34px;height:34px;border:0;border-radius:50%;background:var(--off-white);color:var(--text-secondary);font-size:1.45rem;line-height:1;cursor:pointer}.modal-close:hover{background:var(--light-gray);color:var(--text-primary)}.comments-list{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.comment-item{padding:var(--spacing-lg);border-bottom:1px solid var(--light-gray);transition:background var(--transition-fast)}.comment-item:hover{background:var(--off-white)}.comment-item:last-child{border-bottom:none}.comment-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.comment-author{font-weight:600;color:var(--text-primary)}.comment-date{font-size:var(--font-sm);color:var(--gray)}.comment-text{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.comment-actions{display:flex;gap:var(--spacing-md)}.btn-approve,.btn-reject,.btn-delete{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-approve{background:var(--success-color);color:var(--white)}.btn-approve:hover{background:#229954;transform:translateY(-1px)}.btn-reject{background:var(--warning-color);color:var(--white)}.btn-reject:hover{background:#e67e22;transform:translateY(-1px)}.btn-delete{background:var(--error-color);color:var(--white)}.btn-delete:hover{background:#c0392b;transform:translateY(-1px)}@media(max-width:980px){.admin-nav{align-items:flex-start;gap:var(--spacing-md)}.admin-nav-left{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.admin-nav-right{flex-shrink:0}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-row{grid-template-columns:1fr 1fr}.filter-row .filter-group:last-child{grid-column:1 / -1}}@media(max-width:720px){.admin-nav{padding:var(--spacing-md)}.admin-nav-logo{font-size:var(--font-base)}.admin-nav-links{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.admin-nav-links a{padding:var(--spacing-xs) var(--spacing-sm)}.admin-user-info{display:none}.admin-container{margin:var(--spacing-md) auto;padding:0 var(--spacing-md)}.admin-header,.filters{padding:var(--spacing-md);border-radius:var(--radius-md)}.stats-grid,.filter-row{grid-template-columns:1fr}.comments-table{background:transparent;box-shadow:none;overflow:visible}.table-responsive{overflow:visible}.comments-table table,.comments-table thead,.comments-table tbody,.comments-table tr,.comments-table th,.comments-table td{display:block;width:100%;min-width:0}.comments-table thead{display:none}.comments-table tr{margin-bottom:var(--spacing-md);border:1px solid var(--light-gray);border-radius:var(--radius-md);background:var(--white);box-shadow:var(--shadow-sm);overflow:hidden}.comments-table td{display:grid;grid-template-columns:104px minmax(0,1fr);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--light-gray)}.comments-table td:last-child{border-bottom:0}.comments-table td:before{color:var(--text-secondary);font-size:var(--font-xs);font-weight:700;text-transform:uppercase}.comments-table td:nth-child(1):before{content:"Выбор"}.comments-table td:nth-child(2):before{content:"ID"}.comments-table td:nth-child(3):before{content:"Автор"}.comments-table td:nth-child(4):before{content:"Комментарий"}.comments-table td:nth-child(5):before{content:"Страница"}.comments-table td:nth-child(6):before{content:"Дата"}.comments-table td:nth-child(7):before{content:"Статус"}.comments-table td:nth-child(8):before{content:"Действия"}.comments-table td[colspan]{display:block;text-align:center}.comments-table td[colspan]:before{content:none}.comments-table .action-buttons{align-items:stretch}.btn-moderate{flex:1 1 118px}.modal{padding:var(--spacing-md)}.modal-content{margin:4vh auto;padding:var(--spacing-lg)}}@media(max-width:420px){.comments-table td{grid-template-columns:1fr}.comments-table td:before{margin-bottom:-2px}}.angel-container{max-width:800px;margin:var(--spacing-xl) auto;padding:var(--spacing-xl);text-align:center}.angel-header{margin-bottom:var(--spacing-2xl)}.angel-header h1{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-md)}.button_magic{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-base);font-weight:600;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--white);border:none;border-radius:var(--radius-lg);cursor:pointer;margin-bottom:var(--spacing-lg);transition:all var(--transition);box-shadow:var(--shadow-md)}.button_magic:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6d0c8059}.button_magic:active{transform:translateY(0)}.angel-message{background:var(--white);padding:var(--spacing-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-xl)}.angel-message h2{color:var(--primary-color);margin-bottom:var(--spacing-lg)}.angel-message p{color:var(--text-secondary);line-height:1.8;font-size:var(--font-md)}.angel-image{margin:var(--spacing-xl) 0}.angel-image img{max-width:200px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:0 auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.angel-message{animation:fadeIn .6s ease-out}.magic-shell{color:var(--text-primary);max-width:980px;margin:0 auto}@media(min-width:761px){#main .row:has(.magic-shell){justify-content:center}#main .row:has(.magic-shell)>.col-11{width:100%;max-width:100%;flex:0 1 100%}}.magic-intro{margin-bottom:var(--spacing-xl);padding:clamp(1.25rem,4vw,2rem);border-radius:var(--radius-lg);background:radial-gradient(circle at top left,rgba(231,76,60,.13),transparent 32rem),linear-gradient(135deg,#fff,#f7effa);border:1px solid rgba(109,12,128,.12);box-shadow:var(--shadow-md);text-align:center}.magic-kicker{margin:0 0 var(--spacing-xs);color:var(--primary-color);font-size:var(--font-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.magic-intro h2,.magic-reading h3,.yes-no-oracle h3,.angel-panel h3,.angel-message-card h3{margin:0 0 var(--spacing-sm);color:var(--primary-dark)}.magic-intro p{max-width:760px;margin:0 auto;color:var(--text-secondary);line-height:1.7}.magic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-lg)}.magic-tile{min-height:220px;display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-xl);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-lg);background:linear-gradient(145deg,#fffffff5,#f8f0fff5),var(--white);border:1px solid rgba(109,12,128,.14);box-shadow:var(--shadow-md);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.magic-tile:hover,.magic-tile:focus-visible{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#6d0c8052;text-decoration:none}.magic-tile-featured{background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.24),transparent 10rem),linear-gradient(135deg,#6d0c80,#4a0859);color:var(--white)}.magic-tile h3{margin:var(--spacing-md) 0 var(--spacing-sm);color:inherit;font-size:clamp(1.25rem,3vw,1.7rem)}.magic-tile p{margin:0;color:inherit;opacity:.82;line-height:1.65}.magic-tile-mark{width:max-content;padding:.35rem .7rem;border-radius:var(--radius-sm);background:#6d0c801a;color:var(--primary-color);font-size:var(--font-xs);font-weight:800}.magic-tile-featured .magic-tile-mark{background:#ffffff24;color:var(--white)}.magic-tile-action{margin-top:var(--spacing-lg);color:var(--primary-color);font-weight:800}.magic-tile-featured .magic-tile-action{color:var(--white)}.magic-controls{display:grid;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);border-radius:var(--radius-lg);background:var(--white);border:1px solid rgba(109,12,128,.12);box-shadow:var(--shadow-sm);justify-items:center}.magic-field{display:grid;gap:var(--spacing-xs);width:min(100%,720px)}.magic-field span{color:var(--primary-dark);font-size:var(--font-sm);font-weight:800}.magic-field input{width:100%;min-height:48px;padding:.8rem 1rem;border:1px solid rgba(109,12,128,.22);border-radius:var(--radius-sm);font:inherit;color:var(--text-primary);background:var(--off-white)}.magic-field input:focus{border-color:var(--primary-color);outline:3px solid rgba(109,12,128,.14)}.magic-tabs{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.magic-tab,.magic-primary,.magic-secondary{min-height:44px;border:0;border-radius:var(--radius-sm);cursor:pointer;font:inherit;font-weight:800;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.magic-tab:disabled,.magic-primary:disabled,.magic-secondary:disabled{cursor:wait;opacity:.78}.magic-primary.is-loading{background:linear-gradient(135deg,#4a0859,#2d0935)}.magic-tab{padding:.7rem 1rem;color:var(--primary-dark);background:#f4e7f8}.magic-tab.is-active{color:var(--white);background:var(--primary-color)}.magic-primary{width:max-content;padding:.85rem 1.25rem;color:var(--white);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);box-shadow:var(--shadow-md)}.magic-secondary{width:max-content;padding:.75rem 1.1rem;color:var(--primary-dark);background:#f4e7f8}.magic-primary:hover,.magic-secondary:hover,.magic-tab:hover{transform:translateY(-1px)}.tarot-table,.rune-cast{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,172px));gap:var(--spacing-lg);align-items:start;margin-bottom:var(--spacing-xl);justify-content:center}.magic-process{display:grid;justify-items:center;gap:var(--spacing-md);margin:0 0 var(--spacing-xl);padding:var(--spacing-xl);border-radius:var(--radius-lg);background:radial-gradient(circle at center,rgba(109,12,128,.12),transparent 16rem),var(--white);border:1px solid rgba(109,12,128,.12);box-shadow:var(--shadow-md);text-align:center}.magic-process[hidden]{display:none}.magic-process p{margin:0;color:var(--primary-dark);font-weight:800}.magic-card-stack{position:relative;width:92px;height:132px}.magic-card-stack span{position:absolute;inset:0;border-radius:.65rem;background:radial-gradient(circle at 50% 25%,rgba(255,255,255,.2),transparent 3.8rem),linear-gradient(160deg,#6d0c80,#23082d);border:1px solid rgba(255,255,255,.38);box-shadow:var(--shadow-md);animation:magicShuffle 1.2s ease-in-out infinite}.magic-card-stack span:nth-child(2){animation-delay:.12s}.magic-card-stack span:nth-child(3){animation-delay:.24s}.magic-rune-spark,.magic-oracle-pulse,.angel-orb{width:92px;height:92px;display:grid;place-items:center;border-radius:50%;color:var(--white);background:linear-gradient(135deg,#6d0c80,#4a0859);box-shadow:var(--shadow-lg)}.magic-rune-spark{font-size:3rem;animation:runeThinking 1.35s ease-in-out infinite}.magic-oracle-pulse{position:relative;animation:oraclePulse 1.45s ease-in-out infinite}.magic-oracle-pulse:before,.magic-oracle-pulse:after,.angel-orb:before,.angel-orb:after{content:"";position:absolute;border-radius:inherit;border:1px solid rgba(109,12,128,.28);inset:-.45rem;animation:oracleRing 1.8s ease-out infinite}.magic-oracle-pulse:after,.angel-orb:after{animation-delay:.35s}.angel-orb{position:relative;background:radial-gradient(circle at 45% 35%,rgba(255,255,255,.95),rgba(255,255,255,.35) 22%,transparent 24%),linear-gradient(135deg,#8a1ca0,#4a0859);animation:angelFloat 1.8s ease-in-out infinite}.tarot-card{width:100%;max-width:172px;display:grid;gap:var(--spacing-sm);text-align:center;opacity:0;transform:translateY(18px) scale(.96);animation:dealCard .62s ease-out forwards;animation-delay:var(--deal-delay, 0ms)}.tarot-card-button{position:relative;display:block;width:100%;aspect-ratio:2 / 3;min-height:0;padding:0;border:0;border-radius:.85rem;cursor:pointer;overflow:hidden;background-color:#23082d;background-image:none;color:var(--white);box-shadow:var(--shadow-lg);transform-style:preserve-3d;transition:transform .62s ease,box-shadow var(--transition)}.tarot-card-button:hover{transform:translateY(-3px) rotate(-1deg)}.tarot-card-button.is-flipping{transform:rotateY(92deg) scale(.98)}.tarot-card-button.is-open{background-color:#23082d;animation:cardReveal .7s ease-out}.tarot-card-image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;transition:opacity .24s ease}.tarot-card-back{opacity:1}.tarot-card-front,.tarot-card-button.is-open .tarot-card-back{opacity:0}.tarot-card-button.is-open .tarot-card-front{opacity:1}.tarot-card-button:before{content:"";position:absolute;inset:.7rem;border:1px solid rgba(255,255,255,.48);border-radius:.55rem;pointer-events:none}.tarot-card-button.is-open:before{border-color:#ffffff57}.tarot-card-symbol,.tarot-card-watermark{display:none}.tarot-card-name{min-height:1.55rem;display:flex;align-items:center;justify-content:center;padding:.18rem .45rem;border-radius:999px;background:#6d0c8014;color:var(--primary-dark);font-size:clamp(.72rem,1.4vw,.84rem);font-weight:800;line-height:1.15;opacity:0;transform:translateY(-4px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.tarot-card.is-open .tarot-card-name{opacity:1;transform:translateY(0)}.tarot-card-position{color:var(--primary-dark);font-weight:800}.magic-reading,.yes-no-oracle,.angel-message-card{padding:var(--spacing-xl);border-radius:var(--radius-lg);background:var(--white);border:1px solid rgba(109,12,128,.14);box-shadow:var(--shadow-md);animation:fadeUp .46s ease-out}.magic-reading-head,.yes-no-oracle,.angel-message-card{text-align:center}.magic-reading-list{text-align:left}.magic-reading-list{display:grid;gap:var(--spacing-md);margin:var(--spacing-lg) 0}.magic-reading-item{padding:var(--spacing-md);border-radius:var(--radius-sm);background:var(--off-white);border-left:4px solid var(--primary-color)}.magic-reading-item h4{margin:0 0 var(--spacing-xs);color:var(--primary-dark)}.magic-reading-item p,.magic-note,.yes-no-oracle p{margin:0;color:var(--text-secondary);line-height:1.7}.magic-note{margin-bottom:var(--spacing-lg);font-size:var(--font-sm)}.rune-stone{min-height:190px;display:grid;align-content:center;justify-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border:1px solid rgba(109,12,128,.14);border-radius:var(--radius-lg);background:radial-gradient(circle at top,rgba(109,12,128,.12),transparent 9rem),var(--white);box-shadow:var(--shadow-md);text-align:center;opacity:0;transform:translateY(-24px) rotate(-4deg) scale(.94);animation:castRune .7s cubic-bezier(.2,.85,.28,1.2) forwards;animation-delay:var(--cast-delay, 0ms)}.rune-symbol{width:88px;height:88px;display:grid;place-items:center;border-radius:50%;color:var(--white);background:linear-gradient(135deg,#6d0c80,#4a0859);font-size:3rem;line-height:1;box-shadow:var(--shadow-md)}.rune-stone strong{color:var(--primary-dark)}.yes-no-oracle{text-align:center}.yes-no-label{display:inline-grid;place-items:center;min-width:110px;min-height:110px;margin-bottom:var(--spacing-md);border-radius:50%;color:var(--white);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));font-size:var(--font-xl);font-weight:900;box-shadow:var(--shadow-lg);animation:answerPop .42s ease-out}.angel-hero{background:radial-gradient(circle at 18% 10%,rgba(255,255,255,.72),transparent 8rem),radial-gradient(circle at 80% 20%,rgba(231,76,60,.13),transparent 14rem),linear-gradient(135deg,#fff,#f7effa)}.angel-panel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--spacing-lg);align-items:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);border-radius:var(--radius-lg);background:radial-gradient(circle at 100% 0%,rgba(109,12,128,.1),transparent 14rem),var(--white);border:1px solid rgba(109,12,128,.14);box-shadow:var(--shadow-md);max-width:840px;margin-right:auto;margin-left:auto}.angel-panel p:not(.magic-kicker),.angel-message-card p:not(.magic-kicker){margin:0;color:var(--text-secondary);line-height:1.8}.angel-sigil,.angel-mark{display:grid;place-items:center;border-radius:50%;color:var(--white);background:linear-gradient(135deg,#6d0c80,#4a0859);box-shadow:var(--shadow-md)}.angel-sigil{width:84px;height:84px;font-size:2.4rem}.angel-controls{justify-items:center}.angel-message-card{position:relative;overflow:hidden;margin-bottom:var(--spacing-xl)}.angel-message-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 0%,rgba(109,12,128,.13),transparent 14rem),radial-gradient(circle at 0% 100%,rgba(231,76,60,.1),transparent 12rem);pointer-events:none}.angel-message-card>*{position:relative;z-index:1}.angel-mark{width:56px;height:56px;margin-bottom:var(--spacing-md);margin-right:auto;margin-left:auto;font-size:1.7rem}.angel-message-card p:not(.magic-kicker){max-width:760px;margin-bottom:var(--spacing-lg);font-size:var(--font-md)}@keyframes magicShuffle{0%{transform:translate(0) rotate(0);z-index:1}38%{transform:translate(-18px) rotate(-9deg)}72%{transform:translate(18px) rotate(9deg);z-index:3}to{transform:translate(0) rotate(0);z-index:1}}@keyframes dealCard{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardReveal{0%{filter:brightness(.9)}55%{filter:brightness(1.12)}to{filter:brightness(1)}}@keyframes castRune{68%{opacity:1;transform:translateY(4px) rotate(2deg) scale(1.02)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes runeThinking{0%,to{transform:rotate(-5deg) scale(.96)}50%{transform:rotate(7deg) scale(1.04)}}@keyframes oraclePulse{0%,to{transform:scale(.96)}50%{transform:scale(1.04)}}@keyframes oracleRing{0%{opacity:.5;transform:scale(.92)}to{opacity:0;transform:scale(1.38)}}@keyframes angelFloat{0%,to{transform:translateY(0) scale(.98)}50%{transform:translateY(-6px) scale(1.04)}}@keyframes answerPop{0%{opacity:0;transform:scale(.76)}70%{transform:scale(1.07)}to{opacity:1;transform:scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.magic-card-stack span,.magic-rune-spark,.magic-oracle-pulse,.magic-oracle-pulse:before,.magic-oracle-pulse:after,.angel-orb,.angel-orb:before,.angel-orb:after,.tarot-card,.tarot-card-button.is-open,.magic-reading,.yes-no-oracle,.angel-message-card,.rune-stone,.yes-no-label{animation:none}.tarot-card,.rune-stone{opacity:1;transform:none}}@media(max-width:760px){.magic-shell{max-width:none}.magic-grid{grid-template-columns:1fr}.magic-tile{min-height:180px;padding:var(--spacing-lg)}.magic-controls,.magic-reading,.yes-no-oracle,.angel-panel,.angel-message-card{padding:var(--spacing-md)}.magic-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.magic-tab,.magic-primary,.magic-secondary{width:100%}.magic-tab{min-height:40px;padding:.62rem .7rem;font-size:var(--font-sm)}.tarot-table,.rune-cast{grid-template-columns:repeat(auto-fit,minmax(104px,136px));gap:var(--spacing-md)}.magic-process{padding:var(--spacing-lg) var(--spacing-md)}.magic-card-stack{width:72px;height:108px}.magic-rune-spark,.magic-oracle-pulse,.angel-orb{width:74px;height:74px}.magic-rune-spark{font-size:2.4rem}.tarot-card-button:before{inset:.5rem}.tarot-card-symbol{padding:.8rem;font-size:clamp(.68rem,3.2vw,.82rem);overflow-wrap:anywhere}.tarot-card-watermark{right:.6rem;bottom:.58rem;left:.6rem;font-size:.62rem}.tarot-card-name{min-height:1.35rem;padding:.14rem .35rem;font-size:.72rem}.tarot-card-position{min-height:2.6em;display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);line-height:1.3}.rune-stone{min-height:168px;padding:var(--spacing-md)}.rune-symbol{width:68px;height:68px;font-size:2.35rem}.yes-no-label{min-width:88px;min-height:88px;font-size:var(--font-lg)}.angel-panel{grid-template-columns:1fr;text-align:center}.angel-sigil{width:68px;height:68px;margin:0 auto;font-size:2rem}.angel-controls{justify-items:stretch}}@media(max-width:420px){.tarot-table{grid-template-columns:repeat(2,minmax(0,132px))}.tarot-table .tarot-card:nth-child(odd):last-child:not(:only-child){grid-column:1 / -1;justify-self:center}.tarot-table:has(.tarot-card:only-child){grid-template-columns:minmax(118px,148px);justify-content:center}.rune-cast{grid-template-columns:1fr}}