.preorder-page *{margin:0;padding:0;box-sizing:border-box}.preorder-page{--bg: #fff5fb;--card-bg: #ffffff;--border: #ffd3e6;--text: #1a1a1a;--light: #666;--accent: #ff4d94;--shadow: 0 15px 40px rgba(255, 60, 150, .12)}.preorder-page{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}.preorder-page .container{max-width:850px;margin:auto;padding:40px 20px 60px}.preorder-page header{text-align:center;margin-bottom:25px}.preorder-page header h1{font-size:2.2rem;font-weight:800;text-transform:uppercase;letter-spacing:1px}.preorder-page .banner{width:100%;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:25px}.preorder-page .banner img{display:block;width:100%}.preorder-page .card{background:var(--card-bg);border-radius:20px;padding:35px;margin-bottom:25px;box-shadow:var(--shadow);border:1px solid var(--border)}.preorder-page .card-title{font-size:1.5rem;font-weight:800;margin-bottom:25px;text-align:center}.preorder-page .intro-text{text-align:center;font-size:18px;font-weight:600;padding:25px 35px}.preorder-page .intro-text p{color:var(--light);font-weight:400;font-size:16px;margin-top:15px}.preorder-page .buy-section{display:flex;flex-direction:column;align-items:center;gap:20px}.preorder-page .pricing-ticket{background:linear-gradient(145deg,#fff,#fff0f6);border:2px solid var(--accent);border-radius:20px;padding:40px 50px;text-align:center;position:relative;box-shadow:0 10px 30px #ff4d9433;width:100%;max-width:500px}.preorder-page .discount-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:5px 20px;border-radius:20px;font-weight:800;font-size:14px;letter-spacing:1px;text-transform:uppercase}.preorder-page .price-current{font-size:56px;font-weight:900;color:var(--accent);line-height:1;margin-bottom:5px}.preorder-page .price-old{font-size:22px;color:#999;font-weight:600;text-decoration:line-through;margin-bottom:2px}.preorder-page .price-old span{text-decoration:line-through;color:#999}.preorder-page .stars-info{margin-top:8px;font-size:15px;color:var(--light);background:#fff0f6;padding:6px 14px;border-radius:30px;display:inline-block}.preorder-page .stars-info strong{color:var(--accent)}.preorder-page .bonus-highlight{margin-top:12px;background:#fce4ed;padding:10px 16px;border-radius:12px;border:1px solid var(--accent);font-weight:600}.preorder-page .bonus-highlight strong{color:var(--accent)}.preorder-page .progress-container{width:100%;max-width:500px;margin:5px 0 10px}.preorder-page .progress-head{display:flex;justify-content:space-between;margin-bottom:8px;font-weight:700;font-size:16px}.preorder-page .bar{height:18px;background:#fff0f6;border:1px solid var(--border);border-radius:20px;overflow:hidden}.preorder-page .bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#ff4d94,#ff89bd);transition:width .8s cubic-bezier(.4,0,.2,1)}.preorder-page .buy-btn{background:linear-gradient(90deg,#ff4d94,#ff7fb6);border:none;color:#fff;padding:18px 50px;font-size:20px;font-weight:800;border-radius:50px;cursor:pointer;transition:.25s;width:100%;max-width:400px;box-shadow:0 10px 20px #ff4d944d}.preorder-page .buy-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 25px #ff4d9466}.preorder-page .tabs-container{margin-top:5px}.preorder-page .tabs-nav{display:flex;gap:10px;margin-bottom:20px;overflow-x:auto;padding-bottom:5px}.preorder-page .tabs-nav::-webkit-scrollbar{height:4px}.preorder-page .tabs-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.preorder-page .tab-btn{flex:1;white-space:nowrap;padding:12px 20px;background:var(--bg);border:1px solid var(--border);border-radius:12px;font-weight:700;color:var(--light);cursor:pointer;transition:.3s;font-size:15px;text-align:center}.preorder-page .tab-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.preorder-page .tab-content{display:none;animation:preorderFadeIn .4s ease;color:#444}.preorder-page .tab-content.active{display:block}.preorder-page .tab-content p{margin-bottom:15px}.preorder-page .custom-list{list-style:none;margin-bottom:15px}.preorder-page .custom-list li{position:relative;padding-left:20px;margin-bottom:8px;font-weight:500}.preorder-page .custom-list li:before{content:"•";color:var(--accent);font-size:20px;position:absolute;left:0;top:-2px}.preorder-page .highlight-box{background:#fff0f6;border-left:4px solid var(--accent);padding:14px 18px;border-radius:12px;margin:15px 0;font-weight:500}.preorder-page .highlight-box strong{color:var(--accent)}@keyframes preorderFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.preorder-page .audio-sample{display:inline-flex;align-items:center;gap:12px;background:var(--bg);padding:12px 20px;border-radius:60px;border:1px solid var(--border);margin:10px 0;cursor:pointer;transition:.2s;font-weight:600}.preorder-page .audio-sample:hover{border-color:var(--accent);background:#fff}.preorder-page .audio-sample .icon{font-size:24px;line-height:1}.preorder-page .roadmap-wrapper{padding:10px 10px 10px 20px}.preorder-page .roadmap-list{list-style:none;position:relative;padding-left:35px}.preorder-page .roadmap-list:before{content:"";position:absolute;left:7px;top:5px;bottom:20px;width:2px;background:var(--border)}.preorder-page .milestone{position:relative;margin-bottom:30px;font-size:16px;font-weight:600;color:var(--light);transition:.3s}.preorder-page .milestone:last-child{margin-bottom:0}.preorder-page .milestone:before{content:"";position:absolute;left:-32.5px;top:3px;width:11px;height:11px;border-radius:50%;background:var(--bg);border:3px solid #ccc;z-index:2;transition:.4s}.preorder-page .milestone .count{display:inline-block;min-width:85px;font-weight:800;margin-right:10px}.preorder-page .milestone.active{color:var(--text)}.preorder-page .milestone.active:before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px #ff4d9433}.preorder-page .milestone.active .count{color:var(--accent)}.preorder-page .links-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.preorder-page .link-item{display:flex;align-items:center;justify-content:center;padding:15px;background:var(--bg);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text);font-weight:700;font-size:14px;transition:.2s;text-align:center}.preorder-page .link-item:hover{background:#fff;border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.preorder-page .highlight{background:#fff0f6;padding:2px 8px;border-radius:12px;font-weight:700;color:var(--accent)}.preorder-page .platform-badge{display:inline-block;background:#f0e6ea;padding:4px 12px;border-radius:30px;font-size:14px;font-weight:600;color:var(--light);margin:0 4px 8px 0}@media (max-width: 600px){.preorder-page .price-current{font-size:46px}.preorder-page .pricing-ticket{padding:30px 20px}.preorder-page .tabs-nav{flex-direction:column}.preorder-page .links-grid{grid-template-columns:1fr}.preorder-page .roadmap-wrapper{padding-left:5px}}*{margin:0;padding:0;box-sizing:border-box}:root{--white: #fff;--gray-100: #f9f9f9;--gray-200: #f5f5f5;--gray-300: #e5e5e5;--text: #1a1a1a;--text-light: #666;--accent: #ff4d94;--accent-light: #ff7eb9;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .06);--shadow-hover: 0 6px 16px rgba(0, 0, 0, .08);--shadow-card: 0 12px 24px rgba(0, 0, 0, .1);--transition: all .3s ease;--font-sans: "Inter", system-ui, -apple-system, sans-serif}body{background:var(--gray-100);color:var(--text);font-family:var(--font-sans);line-height:1.6;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:60px 20px 40px}.page-header{text-align:center;margin-bottom:24px}.page-header h1{font-size:2.8rem;font-weight:800;color:var(--text)}.header-divider{width:100px;height:4px;margin:8px auto;background:var(--accent);border:none;border-radius:2px}.page-header p{color:var(--text-light);font-size:1.1rem;margin-top:8px}.top-buttons{display:flex;justify-content:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.btn{padding:10px 24px;background:var(--white);border:1px solid var(--gray-300);border-radius:24px;color:var(--text);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);text-decoration:none;display:inline-block}.btn:hover{background:var(--gray-200);border-color:var(--gray-300);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn.active{background:linear-gradient(90deg,var(--accent),var(--accent-light));color:var(--white);border-color:transparent;box-shadow:none}.btn.active:hover{background:linear-gradient(90deg,var(--accent-light),var(--accent));transform:translateY(-2px);color:var(--white)}.search-panel{margin-bottom:40px;text-align:center}.search-title{font-size:1.1rem;font-weight:600;color:var(--text);margin-bottom:16px;text-align:center}.search-form{display:flex;flex-direction:column;align-items:center}.search-input{width:100%;max-width:500px;height:44px;padding:0 20px;margin:0 auto 16px;display:block;border:1px solid var(--gray-300);border-radius:24px;font-size:1rem;font-weight:500;outline:none;box-shadow:var(--shadow-sm)}.filters-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:12px}.filter-btn{padding:10px 20px;background:var(--white);border:1px solid var(--gray-300);border-radius:24px;color:var(--text);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.filter-btn:hover,.filter-btn.active{background:var(--gray-200);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.filter-btn.active{background:linear-gradient(90deg,var(--accent),var(--accent-light));color:var(--white);border-color:transparent}.comics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.comic-card{background:var(--white);border-radius:20px;overflow:hidden;box-shadow:0 2px 8px #0000000f,0 1px 2px #0000000a,1px 2px 10px #0000000a;transition:var(--transition);display:flex;flex-direction:column}.comic-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}.comics-grid .ad-banner-post{width:100%}.comic-cover-wrap{height:340px;background:var(--gray-200);overflow:hidden}.comic-new-flag{position:absolute;top:10px;right:10px;z-index:2;background:#d7263d;color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.06em;padding:.35rem .55rem;border-radius:6px;text-transform:uppercase;box-shadow:0 3px 10px #00000040}.comic-info{padding:24px;flex:1}.comic-title{font-size:1.3rem;font-weight:700;margin-bottom:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comic-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tag{background:#0000000f;color:var(--text-light);padding:5px 10px;border-radius:12px;font-size:.8rem;font-weight:500;letter-spacing:.02em}.comic-desc{font-size:.95rem;color:var(--text-light);line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:18px;-webkit-line-clamp:2;line-clamp:2}.read-btn{display:block;width:calc(100% - 48px);margin:0 auto;padding:12px 24px;background:linear-gradient(90deg,var(--accent),var(--accent-light));color:var(--white);border:none;border-radius:24px;font-size:1rem;font-weight:600;text-align:center;text-decoration:none;transition:var(--transition)}.read-btn:hover{background:linear-gradient(90deg,var(--accent-light),var(--accent));transform:translateY(-2px);color:var(--white)}.vip-btn{display:block;width:calc(100% - 48px);margin:0 auto;padding:12px 24px;background:#ccc;color:var(--text);border:none;border-radius:24px;font-size:1rem;font-weight:600;text-align:center;text-decoration:none;cursor:not-allowed;pointer-events:none}.pagination{display:flex;justify-content:center;gap:16px;margin-top:48px;padding-top:24px;border-top:1px solid var(--gray-300)}.pagination button,.pagination a{padding:12px 28px;background:var(--white);border:1px solid var(--gray-300);color:var(--text);border-radius:12px;text-decoration:none;font-size:1rem;font-weight:600;transition:var(--transition);display:inline-block}.pagination button:hover:not(:disabled),.pagination a:hover{background:var(--gray-200);box-shadow:var(--shadow-sm);color:var(--text)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.reader-container{background:var(--white);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:32px}.reader-header{padding:16px 24px;background:var(--gray-200);display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text-light)}.page-counter{font-weight:600}.reader-content{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center;background:var(--gray-100)}.comic-page-img{width:100%;max-width:800px;max-height:600px;object-fit:contain;display:block;margin:0 auto}.reader-content-clickable>div[role=button],.reader-content-clickable>div[role=button]:focus,.reader-content-clickable>div[role=button]:active,.reader-content-clickable>div[role=button]:focus-visible,.reader-content-clickable>div[role=button]:hover{outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent!important;tap-highlight-color:transparent!important;user-select:none!important;-webkit-user-select:none!important}.reader-nav{display:flex;justify-content:center;gap:16px;padding:20px}.nav-btn{padding:12px 24px;background:var(--white);border:1px solid var(--gray-300);border-radius:24px;color:var(--text);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.nav-btn:hover:not(:disabled){background:var(--gray-200);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.nav-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vip-page{height:100%;min-height:500px;background-size:cover;background-position:center;filter:blur(8px);position:relative}.vip-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--white);font-weight:700;font-size:clamp(2rem,5vw,5rem);text-shadow:0 0 30px rgba(0,0,0,.5);letter-spacing:-.05em;opacity:.9}.vip-rect{width:120px;height:200px;background:var(--accent);margin-top:40px;border-radius:12px;opacity:.9}.comic-info-block{background:var(--white);border-radius:20px;padding:32px;box-shadow:var(--shadow-sm);margin-bottom:32px}.comic-info-block .comic-title{font-size:2.2rem;white-space:normal;margin-bottom:12px}.vip-badge{background:var(--accent);color:var(--white);padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600;margin-left:12px;vertical-align:middle}.comic-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;color:var(--text-light);font-size:.95rem}.comic-desc-block{font-size:1rem;color:var(--text-light);margin-bottom:20px;line-height:1.6}.rating-section{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:32px}.rating-row{display:flex;align-items:center;gap:12px}.rating-stars{display:flex;gap:6px}.rating-text{font-size:.9rem;color:var(--text-light)}.comments-section{background:var(--white);border-radius:20px;padding:32px;box-shadow:var(--shadow-sm)}.section-title{font-size:1.3rem;font-weight:700;margin-bottom:20px;text-align:center}.comment-form{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.comment-input{padding:14px 16px;border:1px solid var(--gray-300);border-radius:12px;font-size:1rem;resize:none;min-height:80px}.submit-btn{padding:12px 24px;background:linear-gradient(90deg,var(--accent),var(--accent-light));color:var(--white);border:none;border-radius:24px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.submit-btn:hover:not(:disabled){background:linear-gradient(90deg,var(--accent-light),var(--accent));transform:translateY(-2px)}.comment-item{background:var(--gray-200);border-radius:12px;padding:16px;margin-bottom:16px}.comment-header{display:flex;justify-content:space-between;margin-bottom:8px}.comment-author{font-weight:600;color:var(--text)}.comment-date{font-size:.85rem;color:var(--text-light)}.comment-body{font-size:.95rem;color:var(--text)}.profile-card{background:var(--white);border-radius:20px;padding:40px 30px;box-shadow:var(--shadow-sm);max-width:500px;margin:0 auto;text-align:center;overflow:visible}.profile-card--guest-auth{padding-bottom:clamp(100px,22vh,160px)}.profile-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-light));color:var(--white);display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:700;margin:0 auto 16px;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-nickname{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:8px}.guest-auth-widget-layout{display:flex;flex-direction:column;gap:12px;text-align:center}.telegram-widget-block{position:relative;width:100%;border-radius:12px;border:1px solid var(--gray-300);background:var(--gray-100);padding:12px;min-height:72px;display:flex;align-items:center;justify-content:center;overflow:hidden}.telegram-widget-mount{width:100%;display:flex;justify-content:center}.telegram-widget-block--disabled{opacity:.85}.telegram-widget-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffed;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;font-size:.82rem;color:var(--text);z-index:3}.telegram-widget-error{margin:8px 0 0;font-size:.82rem;color:#dc3545;line-height:1.4}.guest-auth-fallback{display:flex;flex-direction:column;gap:8px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0}.stat-card{background:var(--gray-200);border-radius:12px;padding:16px 12px;font-size:.9rem;text-align:center}.stat-label{color:var(--text-light);font-weight:500;margin-bottom:4px}.stat-value{font-weight:700;color:var(--text)}@media (max-width: 768px){.container{padding:40px 16px 32px}.page-header h1{font-size:2.2rem}.page-header p{font-size:1rem}.top-buttons{gap:12px}.btn{padding:8px 18px;font-size:.9rem}.comics-grid{grid-template-columns:1fr;gap:24px}.comic-cover-wrap{height:280px}.reader-content,.reader-content-clickable{min-height:400px}.vip-overlay{font-size:2.5rem}.vip-rect{width:90px;height:160px;margin-top:24px}.comic-info-block{padding:24px}.comic-info-block .comic-title{font-size:1.8rem}.reader-nav{flex-wrap:wrap;gap:8px;justify-content:center}}@media (max-width: 480px){.container{padding:24px 12px}.page-header h1{font-size:1.75rem}.page-header p{font-size:.95rem}.header-divider{width:60px;height:3px;margin:6px auto}.top-buttons{gap:8px;margin-bottom:16px}.btn{padding:8px 14px;font-size:.85rem}.comics-grid{gap:16px}.comic-cover-wrap{height:220px}.reader-content,.reader-content-clickable{min-height:300px}.comic-info-block{padding:16px}.comic-info-block .comic-title{font-size:1.4rem}.reader-nav .nav-btn{padding:8px 12px;font-size:.9rem}}.page-transition{animation:pageFadeIn .35s ease-out forwards}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.privileges-title{margin:0 0 16px;font-size:1.6rem;font-weight:700}.privileges-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}.privilege-card{background:var(--white);border-radius:16px;padding:18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}.privilege-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.privilege-card h3{margin:0 0 10px;font-size:1.1rem;font-weight:700}.privilege-card__desc{color:var(--text-light);font-size:.92rem;line-height:1.4;margin:0 0 12px}.privilege-card__hint{color:var(--text-light);font-size:.9rem;text-align:center}.privilege-card--tile{align-items:center;justify-content:center;text-align:center;text-decoration:none;color:var(--text);padding:24px 16px;gap:16px;min-height:220px}.privilege-card__icon{width:96px;height:96px;object-fit:contain;display:block}.privilege-card__title{font-size:1rem;font-weight:600;color:var(--text)}.privilege-card--page{padding:22px}.privilege-card--full{grid-column:1 / -1}.privilege-card--soon{background:repeating-linear-gradient(135deg,#00000006,#00000006 10px,#0000000b 10px,#0000000b 20px);box-shadow:none;opacity:.85;align-items:center;justify-content:center;gap:6px}.privilege-card--soon:hover{transform:none;box-shadow:none}.privilege-card--soon .privilege-card__title{font-weight:700;color:var(--text)}.privilege-page{display:block}.privilege-page__back{display:inline-block;margin:0 0 12px;color:var(--text-light);text-decoration:none;font-size:.9rem}.privilege-page__back:hover{color:var(--accent)}.privilege-form{display:flex;flex-direction:column;gap:8px}.privilege-label{font-size:.85rem;color:var(--text-light);margin-bottom:-2px}.privilege-input{padding:10px 12px;font-size:1rem;border-radius:10px;border:1px solid #d6d6d6;background:var(--white);color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box;width:100%}.privilege-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff4d9426}.privilege-file{padding:8px;font-size:.9rem}textarea.privilege-input{resize:vertical;min-height:70px;font-family:inherit}.privilege-row{display:flex;gap:10px;flex-wrap:wrap}.privilege-col{flex:1 1 130px;min-width:0;display:flex;flex-direction:column;gap:6px}.privilege-summary{display:flex;flex-wrap:wrap;gap:6px 14px;padding:8px 10px;background:#ff4d940f;border-radius:8px;font-size:.88rem;color:var(--text)}.privilege-submit{margin-top:auto;align-self:stretch;text-align:center}.privilege-message{margin:6px 0 0;font-size:.9rem;padding:8px 10px;border-radius:8px}.privilege-message.ok{color:#0f5132;background:#1987541a;border:1px solid rgba(25,135,84,.2)}.privilege-message.err{color:#842029;background:#dc354514;border:1px solid rgba(220,53,69,.2)}.order-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:600;line-height:1.4}.badge-pending{background:#e9ecef;color:#495057}.badge-viewed{background:#cfe2ff;color:#054a91}.badge-accepted{background:#d1e7dd;color:#0f5132}.badge-progress{background:#fff3cd;color:#664d03}.badge-completed{background:#198754;color:#fff}.badge-rejected{background:#f8d7da;color:#842029}.badge-cancelled{background:#e2e3e5;color:#41464b}.orders-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:8px}.order-item{border:1px solid #ececec;border-radius:12px;padding:12px;background:var(--white);display:flex;flex-direction:column;gap:4px}.order-item__head{display:flex;justify-content:space-between;align-items:center;gap:8px}.order-item__title{font-size:.95rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-item__meta{font-size:.85rem;color:var(--text-light)}.order-item__sub{font-size:.78rem;color:var(--text-light)}.order-item__open{margin-top:8px;align-self:flex-start;padding:6px 14px;font-size:.85rem}.order-admin-note{margin-top:8px;padding:8px 10px;background:#0088cc14;border-left:3px solid #0088cc;border-radius:6px;font-size:.85rem;color:var(--text)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:12px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-card{background:var(--white);border-radius:18px;width:100%;max-width:640px;max-height:92vh;overflow:auto;padding:18px;box-shadow:0 20px 60px #00000040}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-head h3{margin:0;font-size:1.15rem}.modal-close{background:transparent;border:none;font-size:1.4rem;line-height:1;width:36px;height:36px;border-radius:50%;cursor:pointer;color:var(--text)}.modal-close:hover{background:#0000000f}.modal-body{display:flex;flex-direction:column;gap:8px}.modal-title{font-weight:700;font-size:1rem;margin:8px 0 4px}.modal-meta{font-size:.9rem;color:var(--text-light)}.modal-thumb{max-width:100%;max-height:240px;border-radius:10px}.modal-quote{background:#f7f7f7;padding:10px 12px;border-radius:8px;font-size:.9rem}.modal-tg{font-size:.85rem;color:var(--text-light)}.modal-section{margin-top:12px;margin-bottom:6px;font-size:1rem}.thread{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto;padding-right:4px}.thread-empty{color:var(--text-light);font-size:.85rem}.thread-msg{max-width:85%;padding:6px 10px;border-radius:12px;font-size:.88rem;line-height:1.35;word-wrap:break-word}.thread-msg--admin{align-self:flex-start;background:#e7f3ff}.thread-msg--user{align-self:flex-end;background:#ffe5ef}.thread-msg__meta{font-size:.7rem;opacity:.65;margin-bottom:2px}.thread-reply{display:flex;gap:6px;margin-top:8px}.thread-reply input{flex:1;padding:10px 12px;border-radius:10px;border:1px solid #d6d6d6;font-size:1rem;outline:none}.thread-reply input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff4d9426}@media (max-width: 900px){.privileges-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.privileges-grid{gap:12px}.privilege-card{padding:14px}.privilege-card--tile{padding:18px 12px;min-height:170px;gap:10px}.privilege-card__icon{width:72px;height:72px}.privilege-card h3{font-size:1.05rem}.privilege-input{font-size:16px}.modal-card{padding:14px;border-radius:14px}.modal-thumb{max-height:180px}.order-item{padding:10px}.privilege-row{flex-direction:column;gap:6px}}.bc-page{max-width:1100px;margin:0 auto}.bc-intro{color:var(--text-light);margin:4px 0 20px;line-height:1.5}.bc-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;align-items:start}@media (max-width: 900px){.bc-layout{grid-template-columns:1fr}}.bc-card{background:var(--white);border:1px solid var(--gray-300);border-radius:16px;padding:20px;box-shadow:var(--shadow-sm)}.bc-card+.bc-card{margin-top:20px}.bc-card__title{margin:0 0 14px;font-size:1.1rem}.bc-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.bc-field__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.bc-optional{font-size:.78rem;color:var(--text-light);font-weight:400}.bc-counter{font-size:.8rem;color:var(--text-light);font-variant-numeric:tabular-nums}.bc-counter--over{color:#d93025;font-weight:600}.bc-hint{font-size:.82rem;color:var(--text-light);margin:0}.bc-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:22px 16px;border:1.5px dashed var(--gray-300);border-radius:12px;background:var(--gray-100);color:var(--text-light);cursor:pointer;text-align:center;transition:border-color .15s,background .15s}.bc-upload:hover{border-color:var(--accent);background:#ff4d940a}.bc-upload input{display:none}.bc-image{display:flex;gap:12px;align-items:flex-start}.bc-image img{width:120px;height:120px;object-fit:cover;border-radius:10px;border:1px solid var(--gray-300)}.bc-btnrow{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr) auto;gap:8px;margin-bottom:8px}@media (max-width: 560px){.bc-btnrow{grid-template-columns:1fr auto}.bc-btnrow>:nth-child(2){grid-column:1}}.bc-icon-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--gray-300);background:var(--white);color:var(--text-light);cursor:pointer;font-size:1rem}.bc-icon-btn:hover{border-color:#d93025;color:#d93025}.bc-add{background:none;border:1px dashed var(--gray-300);border-radius:10px;padding:9px 12px;color:var(--accent);font-weight:600;cursor:pointer;width:100%}.bc-add:hover{border-color:var(--accent);background:#ff4d940a}.bc-audience{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bc-audience label{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--gray-300);border-radius:10px;cursor:pointer;font-size:.93rem}.bc-audience label.is-active{border-color:var(--accent);background:#ff4d940f}.bc-audience input{accent-color:var(--accent)}.bc-reach{margin-top:8px;font-size:.88rem;color:var(--text-light)}.bc-reach strong{color:var(--text)}.bc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.bc-actions .btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.bc-banner{padding:11px 14px;border-radius:10px;margin-bottom:16px;font-size:.93rem}.bc-banner--error{background:#fdecea;color:#a4231a;border:1px solid #f5c2bd}.bc-banner--ok{background:#e8f6ee;color:#1d6b3f;border:1px solid #bfe3cd}.bc-preview{position:sticky;top:20px}.bc-phone{background:#c9d8e6;border-radius:18px;padding:18px 14px;min-height:180px}.bc-bubble{background:#fff;border-radius:14px 14px 14px 4px;overflow:hidden;max-width:320px;box-shadow:0 1px 2px #0000001f}.bc-bubble img{display:block;width:100%;max-height:260px;object-fit:cover}.bc-bubble__text{padding:8px 12px 6px;white-space:pre-wrap;word-break:break-word;font-size:.93rem;line-height:1.4;color:#111}.bc-bubble__meta{text-align:right;padding:0 10px 6px;font-size:.72rem;color:#8a96a3}.bc-bubble__empty{padding:26px 16px;text-align:center;color:#8a96a3;font-size:.88rem}.bc-kbd{display:flex;flex-direction:column;gap:4px;margin-top:4px;max-width:320px}.bc-kbd span{display:block;text-align:center;padding:9px 10px;border-radius:10px;background:#263a526b;color:#fff;font-size:.88rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bc-status{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:600;white-space:nowrap}.bc-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.bc-status--draft{background:var(--gray-200);color:#555}.bc-status--sending{background:#ff4d941f;color:#c2185b}.bc-status--paused{background:#fff4e0;color:#9a5b00}.bc-status--done{background:#e8f6ee;color:#1d6b3f}.bc-status--cancelled{background:#f1f1f1;color:#888}.bc-progress{height:8px;border-radius:99px;background:var(--gray-200);overflow:hidden;display:flex;margin:10px 0 12px}.bc-progress__sent{background:linear-gradient(90deg,var(--accent),var(--accent-light));transition:width .4s}.bc-progress__failed{background:#e57373;transition:width .4s}.bc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}@media (max-width: 560px){.bc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.bc-stat{background:var(--gray-100);border-radius:10px;padding:10px}.bc-stat__value{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums}.bc-stat__label{font-size:.78rem;color:var(--text-light)}.bc-failures{margin:12px 0 0;padding:0;list-style:none;font-size:.85rem}.bc-failures li{padding:6px 0;border-top:1px solid var(--gray-200);color:var(--text-light)}.bc-history{width:100%;border-collapse:collapse;font-size:.92rem}.bc-history th{text-align:left;font-size:.78rem;color:var(--text-light);font-weight:600;padding:0 10px 8px}.bc-history td{padding:12px 10px;border-top:1px solid var(--gray-200);vertical-align:middle}.bc-history tr.is-open td{background:#ff4d940a}.bc-history__title{font-weight:600}.bc-history__sub{font-size:.8rem;color:var(--text-light);margin-top:2px}.bc-history__actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.bc-link{background:none;border:none;padding:4px 6px;color:var(--accent);font-weight:600;cursor:pointer;font-size:.88rem}.bc-link--danger{color:#c62828}.bc-empty{text-align:center;color:var(--text-light);padding:24px 0}@media (max-width: 700px){.bc-history thead{display:none}.bc-history tr{display:block;border-top:1px solid var(--gray-200);padding:8px 0}.bc-history td{display:block;border:none;padding:4px 0}.bc-history__actions{justify-content:flex-start}}.fw-page{max-width:1040px;margin:0 auto}.fw-loading{text-align:center;color:var(--text-light);padding:40px 0}.fw-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.fw-stat{border-radius:18px;padding:16px 18px;box-shadow:var(--shadow-sm);background:var(--white);min-width:0}.fw-stat__label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-light);margin-bottom:4px}.fw-stat__value{font-size:1.6rem;font-weight:800;line-height:1.15;font-variant-numeric:tabular-nums}.fw-stat__sub{font-size:.8rem;color:var(--text-light);margin-top:4px}.fw-stat--spins{background:linear-gradient(135deg,#fff0f6,#ffe3ef)}.fw-stat--spins .fw-stat__value{color:#d62e77}.fw-stat--timer{background:linear-gradient(135deg,#eef2ff,#e0e7ff)}.fw-stat--timer .fw-stat__value{color:#4338ca}.fw-stat--bonus{background:linear-gradient(135deg,#f0fdf4,#e7f8f1)}.fw-stat--bonus .fw-stat__value{color:#15803d}.fw-link{background:none;border:none;padding:0;color:var(--accent);font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}.fw-card{background:var(--white);border-radius:20px;padding:28px 24px;box-shadow:var(--shadow-sm);margin-bottom:18px}.fw-title{margin:0 0 6px;font-size:1.55rem;font-weight:800;text-align:center}.fw-title--sm{font-size:1.15rem;text-align:left;margin-bottom:12px}.fw-sub{margin:0 auto 22px;max-width:600px;text-align:center;color:var(--text-light);font-size:.95rem;line-height:1.5}.fw-banner{max-width:560px;margin:0 auto 16px;padding:11px 14px;border-radius:10px;font-size:.93rem;text-align:center}.fw-banner--error{background:#fdecea;color:#a4231a;border:1px solid #f5c2bd}.fw-banner--warn{background:#fff7e6;color:#8a5a00;border:1px solid #f5dfa8}.fw-checkin{display:flex;align-items:center;gap:14px;flex-wrap:wrap;max-width:680px;margin:0 auto 22px;padding:14px 18px;border-radius:16px;background:linear-gradient(135deg,#eef2ff,#e0e7ff)}.fw-checkin--done{background:linear-gradient(135deg,#e7f8f1,#d6f5e8)}.fw-checkin__dots{display:flex;gap:6px;flex:0 0 auto}.fw-checkin__dot{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #c7d2fe}.fw-checkin__dot--on{background:#4338ca;border-color:#4338ca}.fw-checkin--done .fw-checkin__dot--on{background:#10b981;border-color:#10b981}.fw-checkin__txt{flex:1 1 240px;min-width:0;display:flex;flex-direction:column;gap:2px}.fw-checkin__txt strong{font-size:.98rem}.fw-checkin__txt span{font-size:.82rem;color:var(--text-light);line-height:1.4}.fw-checkin__btn{padding:9px 22px}.fw-checkin__btn:disabled{opacity:.7;cursor:default;transform:none}@media (max-width: 560px){.fw-checkin{padding:12px 14px}.fw-checkin__btn{width:100%;text-align:center}}.fw-wheel-wrap{position:relative;width:100%;max-width:520px;aspect-ratio:1 / 1;margin:0 auto;filter:drop-shadow(0 18px 40px rgba(255,77,148,.18))}.fw-canvas{display:block;width:100%;height:100%}.fw-pointer{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:36px solid var(--accent);filter:drop-shadow(0 4px 6px rgba(0,0,0,.25));z-index:2}.fw-pointer:after{content:"";position:absolute;left:-11px;top:-46px;width:22px;height:22px;border-radius:50%;background:var(--accent);border:3px solid #fff}.fw-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:22%;height:22%;border-radius:50%;background:#fff;box-shadow:0 0 0 8px #fff9,0 10px 26px #0000002e;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--accent);font-size:clamp(11px,2vw,16px);letter-spacing:.04em;pointer-events:none;-webkit-user-select:none;user-select:none}.fw-spin-area{max-width:440px;margin:24px auto 0;text-align:center}.fw-spin-btn{display:block;width:100%;padding:16px 24px;border:none;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-light));color:#fff;font-size:1.05rem;font-weight:800;box-shadow:0 12px 28px #ff4d9459;transition:transform .15s ease,box-shadow .15s ease,opacity .2s ease}.fw-spin-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 36px #ff4d946b}.fw-spin-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.fw-spin-meta{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;font-size:.85rem;color:var(--text-light)}.fw-sound{border:1px solid var(--gray-300);background:var(--white);border-radius:999px;width:34px;height:34px;flex:0 0 auto;font-size:.95rem;line-height:1}.fw-sound:hover{border-color:var(--accent)}.fw-sub-card{display:flex;align-items:center;gap:14px;flex-wrap:wrap;max-width:680px;margin:26px auto 0;padding:16px 18px;border-radius:16px;background:#fafafc;border:1px solid var(--gray-300)}.fw-sub-card--on{background:linear-gradient(135deg,#e7f8f1,#d6f5e8);border-color:#c8eee0}.fw-sub-card__icon{width:44px;height:44px;flex:0 0 auto;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-light))}.fw-sub-card--on .fw-sub-card__icon{background:linear-gradient(135deg,#10b981,#059669);font-weight:800}.fw-sub-card__txt{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:3px}.fw-sub-card__txt strong{font-size:.98rem}.fw-sub-card__txt span{font-size:.85rem;color:var(--text-light);line-height:1.4}.fw-sub-card--on .fw-sub-card__txt span{color:#15803d}.fw-sub-card__actions{display:flex;gap:8px;flex-wrap:wrap}.fw-sub-card__actions .btn{padding:8px 18px}.fw-sub-card__actions .btn:disabled{opacity:.6;cursor:wait}.fw-sub-card__txt .fw-note--ok,.fw-modal .fw-note--ok{color:#15803d;font-weight:600}.fw-sub-card__txt .fw-note--bad,.fw-modal .fw-note--bad{color:#a4231a;font-weight:600}.fw-legend{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-top:26px;padding-top:20px;border-top:1px solid var(--gray-300)}.fw-legend__item{display:flex;align-items:center;gap:8px;font-size:.86rem;font-weight:600;padding:8px 10px;border-radius:10px;background:#fafafc}.fw-legend__item--less .fw-legend__cnt{color:#15803d}.fw-legend__cnt{margin-left:auto;font-size:.78rem;color:var(--text-light);font-weight:800;font-variant-numeric:tabular-nums}.fw-dot{width:12px;height:12px;border-radius:4px;flex:0 0 auto}.fw-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.fw-empty{color:var(--text-light);font-size:.9rem;padding:8px 0}.fw-rows{list-style:none;display:flex;flex-direction:column;gap:6px}.fw-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:#fafafc;font-size:.88rem}.fw-row__name{font-weight:700;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fw-row__who{color:var(--text-light);font-size:.8rem}.fw-row__time{color:var(--text-light);font-size:.78rem;white-space:nowrap;font-variant-numeric:tabular-nums}.fw-tag{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:999px;background:#fff0f6;color:#d62e77;white-space:nowrap}.fw-tag--sub{background:#e7f8f1;color:#15803d}.fw-rules{list-style:none;counter-reset:fw-rule;display:flex;flex-direction:column;gap:10px}.fw-rules li{counter-increment:fw-rule;position:relative;padding-left:38px;font-size:.92rem;line-height:1.6;color:#3a3a3f}.fw-rules li:before{content:counter(fw-rule);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:9px;background:#fff0f6;color:#d62e77;font-weight:800;font-size:.78rem;display:flex;align-items:center;justify-content:center}.fw-modal{max-width:420px;text-align:center;padding:28px 24px 22px}.fw-modal h3{margin:0 0 8px;font-size:1.3rem}.fw-modal p{color:var(--text-light);font-size:.93rem;line-height:1.5;margin:0 0 14px}.fw-modal p b{color:var(--text)}.fw-modal__icon{width:72px;height:72px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;animation:fwPop .5s cubic-bezier(.2,1.4,.4,1) both}@keyframes fwPop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}.fw-modal__actions{display:flex;flex-direction:column;gap:8px;margin-top:6px}.fw-modal__primary,.fw-modal__ghost{width:100%;padding:13px 16px;border-radius:999px;border:none;font-size:.95rem;font-weight:700;transition:var(--transition)}.fw-modal__primary{background:linear-gradient(90deg,var(--accent),var(--accent-light));color:#fff}.fw-modal__primary:hover:not(:disabled){transform:translateY(-1px)}.fw-modal__ghost{background:var(--gray-200);color:var(--text)}.fw-modal__ghost:hover:not(:disabled){background:var(--gray-300)}.fw-modal__primary:disabled,.fw-modal__ghost:disabled{opacity:.6;cursor:wait}.fw-confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1001;width:100vw;height:100vh}@media (prefers-reduced-motion: reduce){.fw-modal__icon{animation:none}}@media (max-width: 768px){.fw-columns{grid-template-columns:1fr;gap:0}}@media (max-width: 560px){.fw-stats{grid-template-columns:1fr 1fr;gap:10px}.fw-stat--bonus{grid-column:1 / -1}.fw-stat{padding:12px 14px}.fw-stat__value{font-size:1.3rem}.fw-card{padding:20px 14px;border-radius:16px}.fw-title{font-size:1.3rem}.fw-sub-card{padding:14px}.fw-sub-card__actions{width:100%}.fw-sub-card__actions .btn{flex:1 1 0;text-align:center}.fw-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.fw-legend__item{font-size:.8rem;padding:7px 8px}.fw-row__who{display:none}}.fwa-table-wrap{overflow-x:auto}.fwa-table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:900px}.fwa-table th{text-align:left;font-size:.75rem;color:var(--text-light);font-weight:600;padding:6px 4px;white-space:nowrap}.fwa-table td{padding:4px;vertical-align:middle}.fwa-table .privilege-input{padding:7px 8px;font-size:.88rem;width:100%}.fwa-table input[type=color]{width:38px;height:34px;padding:2px;border:1px solid var(--gray-300);border-radius:8px;background:#fff}.fwa-table .fwa-num{width:84px;min-width:84px}.fwa-table input[type=color]{min-width:38px}.fwa-table select.privilege-input,.fwa-table .fwa-label{min-width:150px}.fwa-table .fwa-short{min-width:110px}.fwa-prob{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.fwa-prob small{display:block;color:var(--text-light);font-weight:400}.fwa-settings{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.fwa-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:14px}.fwa-check{display:flex;align-items:center;gap:8px;font-size:.93rem;margin-bottom:12px}.fwa-totals{font-size:.85rem;color:var(--text-light);margin:8px 0 0}.mod-count{display:inline-block;min-width:20px;margin-left:6px;padding:0 6px;border-radius:999px;background:#dc3545;color:#fff;font-size:.75rem;line-height:20px;text-align:center}.mod-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.mod-item{display:flex;flex-direction:column;gap:8px;color:var(--text);text-decoration:none;margin:0}.mod-item:hover{text-decoration:none;box-shadow:var(--shadow-hover)}.mod-item__head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mod-item__title{font-size:1rem}.mod-item__meta{display:flex;justify-content:space-between;gap:8px;color:var(--text-light);font-size:.85rem}.mod-item__chips,.mod-tags{display:flex;flex-wrap:wrap;gap:6px}.mod-chip{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--gray-200);font-size:.8rem;font-weight:600}.mod-chip--add{background:#d1e7dd;color:#0f5132}.mod-chip--del{background:#f8d7da;color:#842029;text-decoration:line-through}.mod-review-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.mod-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.mod-section-head h3{margin:0}.mod-fields{width:100%;border-collapse:collapse;font-size:.92rem}.mod-fields th{text-align:left;font-size:.78rem;color:var(--text-light);font-weight:600;padding:6px 8px}.mod-fields td{padding:8px;vertical-align:top;border-top:1px solid var(--gray-200);white-space:pre-wrap;word-break:break-word}.mod-fields td:first-child{white-space:nowrap;color:var(--text-light);width:1%}.mod-old{background:#fdecea;color:#842029;text-decoration:line-through}.mod-new{background:#e8f6ee;color:#0f5132}.mod-hint{margin-top:4px;font-size:.8rem;color:#8a5a00;text-decoration:none}.mod-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.mod-page{position:relative;display:block;border-radius:8px;overflow:hidden;border:2px solid transparent;background:var(--gray-200);aspect-ratio:3 / 4}.mod-page img{width:100%;height:100%;object-fit:cover;display:block}.mod-page__n{position:absolute;left:4px;bottom:4px;padding:1px 6px;border-radius:6px;background:#000000a6;color:#fff;font-size:.72rem;font-weight:600}.mod-page--new{border-color:#198754}.mod-page--new .mod-page__n{background:#198754}.mod-page--removed{border-color:#dc3545;opacity:.6}.mod-page--removed .mod-page__n{background:#dc3545}.mod-removed-title{margin:16px 0 8px;font-size:.95rem;color:#842029}
