*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--blue-50:#ebf4ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-900:#1e3a8a;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-800:#1e293b;--gray-900:#0f172a;--white:#fff;--radius:14px;--shadow:0 4px 24px #00000012;--font-scale-headings:1;--font-scale-body:1;--font-scale-buttons:1;--font-scale-nav:1;--font-scale-footer:1;--transition-fast:.18s cubic-bezier(.4, 0, .2, 1);--transition-base:.28s cubic-bezier(.4, 0, .2, 1);--transition-slow:.45s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--blue-50:#0f2340;--blue-100:#143154;--blue-200:#1e4066;--blue-300:#2c5484;--blue-500:#4c93f7;--blue-600:#5fa0ff;--blue-700:#8cbbff;--blue-900:#dce9ff;--gray-50:#12151c;--gray-100:#171b24;--gray-200:#262c38;--gray-300:#384252;--gray-400:#7c8aa0;--gray-500:#96a3b8;--gray-600:#b7c1d1;--gray-800:#e7ecf4;--gray-900:#f8fafc;--white:#1a1f2a;--shadow:0 4px 28px #00000073}html{transition:background-color var(--transition-slow)}body{background:var(--gray-50);color:var(--gray-800);min-height:100vh;transition:background-color var(--transition-slow), color var(--transition-slow);flex-direction:column;font-family:Tajawal,sans-serif;display:flex}*,:before,:after{transition-property:background-color,border-color,color,box-shadow;transition-duration:var(--transition-base);transition-timing-function:cubic-bezier(.4,0,.2,1)}nav{background:var(--white);border-bottom:1px solid var(--gray-200);z-index:500;position:sticky;top:0;box-shadow:0 2px 16px #3b82f612}.nav-inner{flex-wrap:wrap;align-items:center;gap:8px;max-width:1240px;height:66px;margin:auto;padding:0 24px;display:flex}.nav-logo{color:var(--blue-700);cursor:pointer;flex-shrink:0;align-items:center;gap:10px;margin-left:auto;text-decoration:none;display:flex}.nav-logo-mark{background:linear-gradient(135deg, var(--blue-500), var(--blue-700));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;font-weight:900;display:flex}[data-theme=dark] .nav-logo-mark{background:linear-gradient(135deg,#2c5484,#1e4066)}.nav-logo span{font-size:calc(1.15rem * var(--font-scale-nav));letter-spacing:-.3px;font-weight:800}.nav-tabs{flex-wrap:wrap;gap:4px;margin:0 8px;display:flex}.nav-tab{font-size:calc(.85rem * var(--font-scale-nav));color:var(--gray-500);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:30px;padding:6px 14px;font-family:Tajawal,sans-serif;font-weight:600;transition:all .15s}.nav-tab:hover{background:var(--gray-100);color:var(--gray-700)}.nav-tab.active{background:var(--blue-50);color:var(--blue-700)}.nav-right{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.nav-search{position:relative}.nav-search-btn,.theme-toggle-btn{width:38px;height:38px;color:var(--gray-500);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.nav-search-btn:hover,.theme-toggle-btn:hover{background:var(--gray-100);color:var(--blue-600)}.nav-search-btn:active,.theme-toggle-btn:active{transform:scale(.92)}.nav-search.open .nav-search-btn{background:var(--blue-50);color:var(--blue-700)}.nav-search-panel{background:var(--white);border:1px solid var(--gray-200);opacity:0;visibility:hidden;transform-origin:0 0;width:min(380px,88vw);transition:opacity var(--transition-base), transform var(--transition-base), visibility var(--transition-base);z-index:600;border-radius:16px;padding:10px;position:absolute;top:calc(100% + 10px);left:0;transform:translateY(-8px)scale(.98);box-shadow:0 12px 40px #0f172a2e}.nav-search.open .nav-search-panel{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.nav-search-input-wrap{border:1.5px solid var(--gray-200);color:var(--gray-400);border-radius:12px;align-items:center;gap:8px;padding:8px 12px;display:flex}.nav-search-input-wrap:focus-within{border-color:var(--blue-400,var(--blue-500));color:var(--blue-600)}.nav-search-input-wrap input{color:var(--gray-800);background:0 0;border:none;outline:none;flex:1;font-family:Tajawal,sans-serif;font-size:.92rem}.nav-search-results{max-height:340px;margin-top:6px;overflow-y:auto}.nav-search-results.visible{margin-top:8px}.gs-group+.gs-group{border-top:1px solid var(--gray-100);margin-top:6px;padding-top:6px}.gs-group-title{color:var(--gray-400);padding:4px 8px;font-size:.72rem;font-weight:700}.gs-item{cursor:pointer;text-align:right;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px;font-family:Tajawal,sans-serif;display:flex}.gs-item:hover{background:var(--gray-100)}.gs-item-icon{flex-shrink:0;font-size:1.1rem}.gs-item-text{flex-direction:column;min-width:0;display:flex}.gs-item-title{color:var(--gray-800);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.gs-item-title mark{background:var(--blue-100);color:var(--blue-700);border-radius:3px;padding:0 2px}.gs-item-sub{color:var(--gray-400);text-align:right;direction:ltr;font-size:.76rem}.gs-empty{text-align:center;color:var(--gray-400);padding:16px 8px;font-size:.85rem}.theme-toggle-btn{position:relative}.theme-toggle-btn .icon-sun,.theme-toggle-btn .icon-moon{transition:opacity var(--transition-base), transform var(--transition-base);position:absolute}.theme-toggle-btn .icon-sun{opacity:1;transform:rotate(0)scale(1)}.theme-toggle-btn .icon-moon{opacity:0;transform:rotate(-60deg)scale(.5)}[data-theme=dark] .theme-toggle-btn .icon-sun{opacity:0;transform:rotate(60deg)scale(.5)}[data-theme=dark] .theme-toggle-btn .icon-moon{opacity:1;transform:rotate(0)scale(1)}.nav-mobile-search{border:1.5px solid var(--gray-200);color:var(--gray-400);border-radius:12px;align-items:center;gap:8px;margin-bottom:6px;padding:9px 12px;display:flex}.nav-mobile-search:focus-within{border-color:var(--blue-500);color:var(--blue-600)}.nav-mobile-search input{color:var(--gray-800);background:0 0;border:none;outline:none;flex:1;font-family:Tajawal,sans-serif;font-size:.92rem}#globalSearchResultsMobile{margin-bottom:6px}#globalSearchResultsMobile:empty{margin-bottom:0}.nav-burger{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;margin-left:4px;display:none}.nav-burger:hover{background:var(--gray-100)}.nav-burger span{background:var(--gray-600);border-radius:2px;width:22px;height:2px;transition:transform .2s,opacity .2s;display:block}.nav-burger.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-burger.open span:nth-child(2){opacity:0}.nav-burger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-mobile-menu{background:var(--white);opacity:0;max-height:0;transition:max-height var(--transition-slow), opacity var(--transition-base), padding var(--transition-base), border-color var(--transition-base);border-top:1px solid #0000;flex-direction:column;gap:2px;padding:0 16px;display:flex;overflow:hidden}.nav-mobile-menu.open{opacity:1;border-top-color:var(--gray-200);max-height:70vh;padding:8px 16px 14px;overflow-y:auto}.nav-mobile-menu .nav-tab{text-align:center;width:100%;font-size:calc(.95rem * var(--font-scale-nav));border-radius:10px;padding:12px 14px}.btn-primary{background:var(--blue-600);color:#fff;font-family:Tajawal,sans-serif;font-size:calc(.88rem * var(--font-scale-buttons));cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:5px;padding:9px 18px;font-weight:700;transition:background .18s,box-shadow .18s;display:flex}.btn-primary:hover{background:var(--blue-700);box-shadow:0 4px 14px #2563eb59}.btn-outline{background:var(--white);color:var(--blue-600);border:1.5px solid var(--blue-200);font-family:Tajawal,sans-serif;font-size:calc(.88rem * var(--font-scale-buttons));cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:5px;padding:8px 16px;font-weight:600;transition:all .18s;display:flex}.btn-outline:hover{background:var(--blue-50);border-color:var(--blue-300)}.page{overflow-wrap:break-word;flex:1;width:100%;max-width:1240px;margin:20px auto 40px;padding:0 24px;display:none}.page.active{animation:.42s cubic-bezier(.16,1,.3,1) page-in;display:block}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.page.active{animation:none}}.home-hero{background:linear-gradient(135deg, var(--blue-600) 0%, var(--blue-700) 55%, var(--blue-900) 100%);color:#fff;text-align:center;border-radius:28px;margin-bottom:32px;padding:56px 28px 64px;position:relative;overflow:hidden}[data-theme=dark] .home-hero{background:linear-gradient(135deg,#14304f 0%,#0f2340 55%,#0a1830 100%);box-shadow:inset 0 1px #ffffff0a}.home-hero h1{font-size:calc(2.3rem * var(--font-scale-headings));margin-bottom:8px;font-weight:900}.home-hero p{font-size:calc(1rem * var(--font-scale-body));opacity:.85;max-width:600px;margin:0 auto 16px;line-height:1.7}.home-features{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-top:20px;display:grid}.feature-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:18px;padding:20px 16px}.feature-card .icon{margin-bottom:8px;font-size:2rem;display:block}.feature-card h3{font-size:calc(1rem * var(--font-scale-headings));font-weight:700}.feature-card p{font-size:calc(.85rem * var(--font-scale-body));opacity:.7;margin-top:4px}.home-discover{margin-top:36px}.home-discover-title{font-size:calc(1.35rem * var(--font-scale-headings));color:var(--gray-800);text-align:center;margin-bottom:16px;font-weight:800}@media (width<=600px){.home-hero{border-radius:20px;padding:36px 18px 40px}.home-hero h1{font-size:calc(1.7rem * var(--font-scale-headings))}.home-hero p{font-size:calc(.9rem * var(--font-scale-body));margin-bottom:12px}.home-features{grid-template-columns:1fr;gap:12px;margin-top:16px}.feature-card{border-radius:14px;padding:14px 10px}.feature-card .icon{margin-bottom:6px;font-size:1.6rem}.feature-card h3{font-size:calc(.9rem * var(--font-scale-headings))}.feature-card p{font-size:calc(.78rem * var(--font-scale-body))}.home-discover{margin-top:24px}.home-discover-title{font-size:calc(1.1rem * var(--font-scale-headings));margin-bottom:12px}}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.toolbar .filter-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-group select,.filter-group input{border:1.5px solid var(--gray-200);background:var(--white);color:var(--gray-800);border-radius:10px;outline:none;padding:7px 12px;font-family:Tajawal,sans-serif;font-size:.85rem}.filter-group select:focus,.filter-group input:focus{border-color:var(--blue-500)}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-top:8px;display:grid}.card{background:var(--white);border:1.5px solid var(--gray-200);color:inherit;cursor:pointer;border-radius:18px;text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s;display:block;position:relative;overflow:hidden}.card:hover{border-color:var(--blue-200);transform:translateY(-4px);box-shadow:0 16px 40px #3b82f61f}.card-img{aspect-ratio:1;background:var(--gray-100);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.card-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.card:hover .card-img img{transform:scale(1.04)}.card-img .no-img{opacity:.4;font-size:3rem}.card-badges{flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:8px;right:8px}.cat-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:20px;align-items:center;gap:4px;padding:2px 10px;font-size:.7rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #0000001f;color:#fff!important}.cat-badge span{color:#fff!important}.type-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--gray-500);color:#fff;border-radius:20px;padding:1px 10px;font-size:.65rem;font-weight:700;display:inline-block;box-shadow:0 1px 6px #00000014}.card-body{cursor:pointer;padding:12px 14px 16px}.card-title{color:var(--gray-800);overflow-wrap:break-word;margin-bottom:2px;font-size:1.05rem;font-weight:700}.card-sub{color:var(--gray-400);overflow-wrap:break-word;font-size:.8rem}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:700;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.overlay.open{display:flex}.modal{background:var(--white);border-radius:22px;flex-direction:column;width:100%;max-height:90vh;animation:.24s cubic-bezier(.34,1.4,.64,1) pop;display:flex;position:relative;overflow:hidden}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-close-btn{cursor:pointer;z-index:20;width:32px;height:32px;color:var(--gray-600);background:#ffffffeb;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:background .15s;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 2px 10px #0000002e}.modal-close-btn:hover{background:var(--gray-100)}.form-modal-inner{max-width:520px}.form-scroll{max-height:90vh;padding:26px 24px 28px;overflow-y:auto}.form-title{color:var(--gray-900);align-items:center;gap:8px;margin-bottom:20px;font-size:1.15rem;font-weight:800;display:flex}.form-row{margin-bottom:14px}.form-row label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:.82rem;font-weight:700;display:block}.form-row input,.form-row select,.form-row textarea{border:1.5px solid var(--gray-200);width:100%;color:var(--gray-800);background:var(--white);border-radius:10px;outline:none;padding:10px 12px;font-family:Tajawal,sans-serif;font-size:.92rem;transition:border-color .18s,box-shadow .18s}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #3b82f61a}.form-row textarea{resize:vertical;min-height:70px;line-height:1.65}.form-two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-actions{border-top:1px solid var(--gray-100);justify-content:flex-end;gap:8px;margin-top:16px;padding-top:14px;display:flex}.btn-ghost{border:1.5px solid var(--gray-200);background:var(--white);color:var(--gray-600);cursor:pointer;border-radius:10px;padding:9px 18px;font-family:Tajawal,sans-serif;font-size:.88rem;font-weight:600;transition:background .15s}.btn-ghost:hover{background:var(--gray-50)}.btn-danger{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:10px;padding:9px 18px;font-family:Tajawal,sans-serif;font-size:.88rem;font-weight:700;transition:background .15s}.btn-danger:hover{background:#fecaca}.btn-save{background:var(--blue-600);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:9px 22px;font-family:Tajawal,sans-serif;font-size:.88rem;font-weight:700;transition:background .18s,box-shadow .18s}.btn-save:hover{background:var(--blue-700);box-shadow:0 4px 14px #2563eb4d}.upload-zone{border:2px dashed var(--gray-200);text-align:center;cursor:pointer;background:var(--gray-50);border-radius:12px;padding:18px;transition:all .2s;position:relative}.upload-zone:hover,.upload-zone.drag{border-color:var(--blue-400);background:var(--blue-50)}.upload-zone input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload-zone .uz-icon{margin-bottom:4px;font-size:2rem;display:block}.upload-zone p{color:var(--gray-400);font-size:.82rem}.upload-zone strong{color:var(--blue-600)}.uz-preview{object-fit:cover;border:1px solid var(--gray-200);border-radius:9px;width:100%;max-height:150px;margin-top:10px;display:none}.empty-state{text-align:center;color:var(--gray-400);grid-column:1/-1;padding:60px 20px}.empty-state .empty-icon{opacity:.5;margin-bottom:10px;font-size:3rem;display:block}.empty-state h3{color:var(--gray-500);margin-bottom:4px;font-size:1rem;font-weight:700}footer{border-top:1px solid var(--gray-200);text-align:center;font-size:calc(.78rem * var(--font-scale-footer));color:var(--gray-400);margin-top:auto;padding:18px 24px}.detail-modal{max-width:740px;max-height:82vh;flex-direction:row!important}.detail-hero{aspect-ratio:1;background:var(--gray-100);flex-shrink:0;justify-content:center;align-items:center;width:300px;min-width:300px;display:flex;overflow:hidden}.detail-hero img{object-fit:cover;width:100%;height:100%}.detail-hero .no-img-lg{opacity:.35;font-size:5rem}.detail-body{flex-direction:column;flex:1;min-width:0;padding:28px 28px 24px;display:flex;overflow-y:auto}.detail-top-badges{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.detail-title{color:var(--gray-900);margin-bottom:4px;font-size:1.55rem;font-weight:900;line-height:1.2}.detail-en{color:var(--blue-500);margin-bottom:12px;font-size:.95rem;font-weight:600}.detail-desc{font-size:calc(1.2rem * var(--font-scale-body));color:var(--gray-800);flex:1;line-height:1.9}@media (width<=600px){.detail-modal{max-width:98vw;flex-direction:column!important}.detail-hero{width:100%;min-width:0}.detail-body{padding:18px 18px 20px}.form-two{grid-template-columns:1fr}}@media (width<=768px){.nav-tabs{display:none}.nav-burger{display:flex}.nav-inner{flex-wrap:nowrap;height:58px;padding:0 14px}.nav-logo span{font-size:calc(1.02rem * var(--font-scale-nav))}.nav-logo-mark{width:32px;height:32px}.nav-search-btn{display:none}.nav-right{gap:2px;margin-left:0}}.type-عريق{color:#fff;background:#8b5cf6}.type-مولد{color:#fff;background:#f59e0b}.type-جديد{color:#fff;background:#22c55e}.type-معرب{color:#fff;background:#ef4444}.type-مجموعة{color:#fff;background:#06b6d4}.stories-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:16px;display:grid}.story-card{background:var(--white);border:1.5px solid var(--gray-200);cursor:pointer;color:inherit;border-radius:18px;text-decoration:none;transition:transform .22s,box-shadow .22s;display:block;overflow:hidden}.story-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #3b82f61f}.story-card .story-cover{aspect-ratio:3/4;background:var(--gray-100);justify-content:center;align-items:center;display:flex;overflow:hidden}.story-card .story-cover img{object-fit:cover;width:100%;height:100%}.story-card .story-cover .no-cover{opacity:.3;font-size:3rem}.story-card .story-title{color:var(--gray-800);text-align:center;padding:12px 14px 16px;font-size:.95rem;font-weight:700}.story-modal{background:#1a1a2e;border-radius:22px;max-width:95vw;max-height:92vh;flex-direction:row!important}.story-modal .story-left{background:#1a1a2e;flex-direction:column;flex:1;min-height:500px;padding:12px;display:flex;position:relative;overflow:hidden}.story-modal .story-left .page-container{cursor:grab;touch-action:none;flex:1;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative;overflow:hidden}.story-modal .story-left .page-container:active{cursor:grabbing}.story-modal .story-left .page-container .page-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.story-modal .story-left .page-container .page-wrapper img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;transform-origin:50%;border-radius:8px;max-width:100%;max-height:100%;transition:transform .15s;box-shadow:0 4px 30px #00000080}.story-modal .story-left .page-container .page-wrapper img.pan-enabled{cursor:grab;pointer-events:auto}.story-modal .story-left .page-container .page-wrapper img.pan-enabled:active{cursor:grabbing}.story-modal .story-left .controls{background:#1a1a2e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px 6px;display:flex}.story-modal .story-left .controls .nav-group{gap:8px;display:flex}.story-modal .story-left .controls .nav-group button{color:#fff;cursor:pointer;background:#ffffff14;border:1.5px solid #ffffff26;border-radius:12px;padding:8px 20px;font-family:Tajawal,sans-serif;font-size:.88rem;font-weight:600;transition:all .15s}.story-modal .story-left .controls .nav-group button:hover:not(:disabled){border-color:var(--blue-500);background:#3b82f64d}.story-modal .story-left .controls .nav-group button:disabled{opacity:.25;cursor:not-allowed}.story-modal .story-left .controls .zoom-group{align-items:center;gap:6px;display:flex}.story-modal .story-left .controls .zoom-group button{color:#fff;cursor:pointer;background:#ffffff14;border:1.5px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;transition:all .15s;display:flex}.story-modal .story-left .controls .zoom-group button:hover{border-color:var(--blue-500);background:#3b82f64d}.story-modal .story-left .controls .page-counter{color:#ffffff80;background:#ffffff0f;border-radius:20px;padding:4px 12px;font-size:.85rem;font-weight:500}.story-modal .story-left .controls .toggle-desc-btn{color:#fff9;cursor:pointer;background:#ffffff0f;border:1.5px solid #ffffff26;border-radius:10px;padding:6px 14px;font-family:Tajawal,sans-serif;font-size:.78rem;transition:all .15s}.story-modal .story-left .controls .toggle-desc-btn:hover{background:#ffffff1f}.story-modal .story-right{background:var(--white);flex-direction:column;width:320px;min-width:260px;padding:28px 24px 24px;transition:all .3s;display:flex;overflow-y:auto}.story-modal .story-right.hidden{opacity:0;width:0;min-width:0;padding:0;overflow:hidden}.story-modal .story-right .sr-title{color:var(--gray-900);margin-bottom:8px;font-size:1.3rem;font-weight:900}.story-modal .story-right .sr-desc{color:var(--gray-600);text-align:justify;text-align-last:right;flex:1;font-size:.95rem;line-height:1.9}.story-modal .story-right .sr-meta{border-top:1px solid var(--gray-100);color:var(--gray-400);margin-top:16px;padding-top:14px;font-size:.8rem}@media (width<=820px){.story-modal{max-width:98vw;flex-direction:column!important}.story-modal .story-right{width:100%;min-width:0;max-height:30vh;padding:16px 18px 18px}.story-modal .story-left{min-height:300px;max-height:60vh}.story-modal .story-left .controls{flex-wrap:wrap;justify-content:center}}.multi-preview{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.multi-preview img{object-fit:cover;border:1px solid var(--gray-200);border-radius:10px;width:70px;height:70px}.color-picker-wrapper{flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;display:flex}.color-picker-wrapper input[type=color]{border:2px solid var(--gray-200);cursor:pointer;background:var(--white);border-radius:10px;width:48px;height:48px;padding:2px}.color-picker-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-picker-wrapper input[type=color]::-webkit-color-swatch{border:none;border-radius:8px}.color-picker-wrapper input[type=color]:focus{border-color:var(--blue-500);outline:none}.color-picker-wrapper .color-hex{color:var(--gray-500);background:var(--gray-50);border:1px solid var(--gray-200);direction:ltr;border-radius:8px;padding:4px 12px;font-family:monospace;font-size:.85rem;font-weight:600}.color-picker-wrapper .color-label{color:var(--gray-400);font-size:.8rem}.about-card{background:var(--white);border:1px solid var(--gray-200);max-width:820px;box-shadow:var(--shadow);line-height:2;font-size:calc(1rem * var(--font-scale-body));color:var(--gray-700);text-align:right;border-radius:24px;margin:0 auto;padding:40px 36px}.about-card.text-justify p{text-align:justify;text-align-last:right}.about-card ul{text-align:right;margin:12px 0 16px;padding:0;list-style:none}.about-card strong,.about-card b{color:var(--gray-900);font-weight:800}.about-card p{margin:0 0 14px}.about-card p:last-child{margin-bottom:0}.about-card img{border-radius:12px;max-width:100%;height:auto;margin:10px 0;display:block}.about-card ol{text-align:right;margin:12px 0 16px;padding:0 28px 0 0}.about-card ol li{padding:4px 0}.about-card ul li{padding:6px 28px 6px 0;position:relative}.about-card ul li:before{content:"•";color:var(--blue-600);font-size:1.4rem;font-weight:900;position:absolute;top:2px;right:0}.about-card .signature{border-top:1px solid var(--gray-100);color:var(--gray-500);margin-top:24px;padding-top:18px;font-size:.95rem}.about-card .signature strong{color:var(--gray-800)}@media (width<=600px){.about-card{font-size:calc(.88rem * var(--font-scale-body));padding:22px 16px;line-height:1.85}}.term-detail-page{flex-direction:column;display:flex}.term-detail-topline{justify-content:flex-start;margin-bottom:10px;display:flex}.term-detail-section-badge{border-radius:20px;align-items:center;gap:4px;padding:3px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.term-detail-title{font-size:calc(2rem * var(--font-scale-headings));color:var(--gray-900);overflow-wrap:break-word;margin:0 0 22px;font-weight:900;line-height:1.2}.term-detail-columns{grid-template-columns:1.4fr 1fr;align-items:start;gap:28px;min-width:0;display:grid}.term-detail-media{min-width:0;position:relative}.term-detail-type-badge{z-index:2;position:absolute;top:10px;right:10px}.term-detail-hero{aspect-ratio:1;border-radius:18px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.term-detail-hero img{object-fit:cover;width:100%;height:100%}.term-detail-hero .no-img-lg{opacity:.35;font-size:5rem}.term-detail-info{flex-direction:column;min-width:0;display:flex}.term-detail-en{color:var(--blue-500);overflow-wrap:break-word;font-size:1rem;font-weight:600}.term-detail-divider{border:none;border-top:1px solid var(--gray-200);width:100%;margin:14px 0}.term-detail-desc{font-size:calc(1.2rem * var(--font-scale-body));color:var(--gray-800);overflow-wrap:break-word;text-align:right;max-width:100%;line-height:1.9}.term-detail-desc.text-justify{text-align:justify;text-align-last:right}.term-detail-desc p{margin:0 0 12px}.term-detail-desc p:last-child{margin-bottom:0}.term-detail-desc a.rte-link{color:var(--blue-500);cursor:pointer;font-weight:700;text-decoration:none}.term-detail-desc a.rte-link:hover{color:var(--blue-700,#1d4ed8)}.about-card a.rte-link,.story-reader-page-wrap a.rte-link{color:var(--blue-500);cursor:pointer;font-weight:700;text-decoration:none}.about-card a.rte-link:hover,.story-reader-page-wrap a.rte-link:hover{color:var(--blue-700,#1d4ed8)}.video-embed{aspect-ratio:16/9;background:var(--gray-100);border-radius:14px;width:100%;margin:16px 0;position:relative;overflow:hidden}.video-embed iframe{border:none;width:100%;height:100%;display:block;position:absolute;inset:0}@media (width>=601px){.video-embed{max-width:var(--video-max-width,640px);margin-left:auto;margin-right:auto}}@media (width<=600px){.video-embed{border-radius:10px;margin:12px 0}}.term-detail-tags{border-top:1px solid var(--gray-100);flex-wrap:wrap;grid-column:1/-1;gap:8px;width:100%;margin-top:28px;padding-top:18px;display:flex}.term-detail-tag{background:var(--gray-100);color:var(--gray-600);overflow-wrap:break-word;border-radius:20px;max-width:100%;padding:5px 14px;font-size:.82rem;font-weight:600;display:inline-block}@media (width<=700px){.term-detail-columns{grid-template-columns:1fr}.term-detail-title{font-size:calc(1.5rem * var(--font-scale-headings))}}.story-reader-page-wrap{flex-direction:column;min-width:0;display:flex}.story-reader-title{font-size:calc(2rem * var(--font-scale-headings));color:var(--gray-900);overflow-wrap:break-word;margin:0;font-weight:900;line-height:1.2}.story-reader-divider{border:none;border-top:1px solid var(--gray-200);width:100%;margin:16px 0}.story-reader-desc{font-size:calc(1.2rem * var(--font-scale-body));color:var(--gray-800);overflow-wrap:break-word;text-align:right;max-width:100%;margin-bottom:30px;line-height:1.9}.story-reader-desc.text-justify{text-align:justify;text-align-last:right}.story-reader-pages{flex-direction:column;align-items:center;gap:0;display:flex}.story-reader-page{width:100%;max-width:720px;height:auto;display:block}.story-reader-empty{text-align:center;color:var(--gray-400);padding:40px 20px}@media (width<=700px){.story-reader-title{font-size:calc(1.5rem * var(--font-scale-headings))}}@media (width<=600px){.grid{grid-template-columns:1fr 1fr;gap:10px}.card{border-radius:14px}.card-img .no-img{font-size:2rem}.card-badges{gap:3px;top:6px;right:6px}.cat-badge{gap:3px;padding:2px 8px;font-size:.62rem}.type-badge{padding:1px 8px;font-size:.58rem}.card-body{padding:8px 10px 10px}.card-title{font-size:.88rem}.card-sub{font-size:.72rem}.stories-grid{grid-template-columns:1fr 1fr;gap:10px}.story-card{border-radius:14px}.story-card .story-cover .no-cover{font-size:2rem}.story-card .story-title{padding:8px 10px 10px;font-size:.82rem}}