@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Black.woff2)format("woff2");font-weight:900;font-display:swap}:root{--bg:#09090b;--bg-2:#0e0e12;--surface:#131318;--surface-2:#1a1a21;--border:#ffffff14;--border-2:#ffffff24;--text:#f5f2ea;--text-2:#b8b4a9;--muted:#807d74;--accent:#ffb300;--accent-hi:#ffc94d;--accent-dim:#ffb3001f;--accent-glow:#ffb30040;--danger:#f0564a;--font-ui:"Vazirmatn", "Shabnam-Light", "Segoe UI", Tahoma, sans-serif;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--z-sheet:40;--z-loader:50;--z-preloader:60;--ease-out:cubic-bezier(.22, 1, .36, 1)}@font-face{font-family:Shabnam-Light;src:url(/fonts/Shabnam.ttf)format("truetype");font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.7;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:1;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px;position:fixed;inset:0}img,svg,canvas{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;font-family:inherit}button{cursor:pointer;background:0 0;border:none}ul,ol{list-style:none}::selection{background:var(--accent);color:#1a1206}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff24 padding-box content-box;border:2px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background-color:#ffffff40;background-clip:content-box}.btn{cursor:pointer;white-space:nowrap;min-height:44px;transition:background-color .2s var(--ease-out), color .2s var(--ease-out), border-color .2s var(--ease-out), box-shadow .25s var(--ease-out), transform .2s var(--ease-out);border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:15px;font-weight:700;line-height:1;display:inline-flex}.btn--primary{background:var(--accent);color:#1a1206;box-shadow:0 0 0 0 var(--accent-glow)}.btn--primary:hover{background:var(--accent-hi);box-shadow:0 6px 28px -4px var(--accent-glow);transform:translateY(-1px)}.btn--ghost{color:var(--text);border:1px solid var(--border-2);background:0 0}.btn--ghost:hover{border-color:var(--text-2);background:#ffffff0d}.btn--lg{min-height:52px;padding:14px 32px;font-size:16px}
.preloader{z-index:var(--z-preloader);background:var(--bg);justify-content:center;align-items:center;animation:.6s 6s forwards preloader-bail;display:flex;position:fixed;inset:0}@keyframes preloader-bail{to{opacity:0;visibility:hidden}}.preloader__inner{text-align:center}.preloader__word{letter-spacing:0;background:linear-gradient(120deg, var(--text) 40%, var(--accent) 50%, var(--text) 60%);-webkit-text-fill-color:transparent;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,7vw,4rem);font-weight:900;animation:1.6s linear infinite preloader-sheen}@keyframes preloader-sheen{0%{background-position:120% 0}to{background-position:-130% 0}}.preloader__bar{background:var(--border);border-radius:99px;width:min(220px,50vw);height:2px;margin:24px auto 0;overflow:hidden}.preloader__bar span{background:var(--accent);width:0%;height:100%;transition:width .35s var(--ease-out);border-radius:99px;display:block}.loader{z-index:var(--z-loader);border:1px solid var(--border-2);-webkit-backdrop-filter:blur(12px);background:#131318eb;border-radius:99px;padding:12px 22px;display:none;position:fixed;bottom:28px;right:50%;transform:translate(50%);box-shadow:0 10px 40px #00000080}.loader[style*=block]{align-items:center;gap:7px;display:flex!important}.loader__dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:.9s ease-in-out infinite loader-bounce}.loader__dot:nth-child(2){animation-delay:.15s}.loader__dot:nth-child(3){animation-delay:.3s}@keyframes loader-bounce{0%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.app{box-sizing:border-box;flex-direction:column;height:100svh;padding-top:18px;display:flex}.hero{flex-direction:column;flex:none;justify-content:center;align-items:center;padding:2px 24px 6px;display:flex;position:relative;overflow:hidden}.hero__canvas{z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero__glow{aspect-ratio:1.6;z-index:0;pointer-events:none;background:radial-gradient(#ffb30024 0%,#ffb3000d 35%,#0000 70%);width:min(1100px,140vw);position:absolute;top:-30%;right:50%;transform:translate(50%)}.hero__content{z-index:2;text-align:center;max-width:900px;position:relative}.hero__title{justify-content:center;align-items:center;height:clamp(52px,8vw,84px);margin-top:2px;font-weight:900;line-height:1;display:flex}.hero__word{letter-spacing:0;white-space:nowrap;will-change:transform, opacity, filter;font-size:clamp(2.1rem,5vw,3.4rem)}.hero__brand-button{color:inherit;cursor:pointer;transition:color .2s var(--ease-out), transform .2s var(--ease-out);justify-content:center;align-items:center;line-height:1;display:inline-flex}.hero__brand-button:hover{color:var(--accent-hi);transform:translateY(-1px)}.hero__fontname{letter-spacing:0;text-transform:uppercase;min-height:22px;color:var(--muted);font-size:13px;font-weight:500;transition:color .3s}.hero__fontname:before{content:"— ";color:var(--accent)}.hero__stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(16px,4vw,36px);margin-top:8px;display:flex}.hero__stat{align-items:baseline;gap:7px;display:flex;position:relative}.hero__stat+.hero__stat:before{content:"";inset-inline-start:calc(-1*clamp(9px,2vw,20px));background:var(--border-2);width:1px;height:60%;position:absolute;top:20%}.hero__stat dd{color:var(--text);font-variant-numeric:tabular-nums;font-size:clamp(1.15rem,2.4vw,1.5rem);font-weight:900}.hero__stat dt{color:var(--muted);font-size:13px;font-weight:500}@media (max-width:640px){.hero__title{height:clamp(46px,13vw,68px)}.hero__word{font-size:clamp(1.9rem,8.5vw,2.6rem)}.hero__stat dd{font-size:clamp(1rem,4.5vw,1.3rem)}}.browse{flex:auto;max-width:none;min-height:0;padding:6px clamp(12px,2vw,28px) 12px;display:flex}
.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 30px 80px -30px #000000b3}.header{border-bottom:1px solid var(--border);background:#0e0e1280;flex-shrink:0;align-items:center;gap:12px;padding:14px 18px;display:flex}.search-form{background:var(--bg-2);border:1px solid var(--border);border-radius:99px;flex:1;align-items:center;gap:10px;max-width:520px;height:46px;padding:0 18px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.search-form:focus-within{box-shadow:0 0 0 3px var(--accent-dim);border-color:#ffb30080}.search-icon{width:18px;height:18px;color:var(--muted);flex-shrink:0}.search-input{min-width:0;height:100%;color:var(--text);text-align:right;background:0 0;border:none;outline:none;flex:1;font-size:15px}.search-input::placeholder{color:var(--muted)}.search-input::-webkit-search-cancel-button{appearance:none}.list-controls{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.select-control{background:var(--bg-2);border:1px solid var(--border);height:46px;color:var(--muted);white-space:nowrap;border-radius:12px;align-items:center;gap:7px;padding:0 12px;font-size:12px;display:inline-flex}.toolbar-select{font-family:var(--font-ui);max-width:132px;height:32px;color:var(--text-2);cursor:pointer;background:0 0;border:none;outline:none;font-size:13px;font-weight:700}.toolbar-select option{font-family:var(--font-ui);background:var(--surface);color:var(--text)}.shuffle-button{background:var(--bg-2);border:1px solid var(--border);width:46px;height:46px;color:var(--text-2);transition:background-color .2s, border-color .2s, color .2s, transform .2s var(--ease-out);border-radius:12px;flex:0 0 46px;place-items:center;display:grid}.shuffle-button svg{width:19px;height:19px}.shuffle-button:hover{background:var(--accent-dim);color:var(--accent);border-color:#ffb30059;transform:translateY(-1px)}.search-suggestions{top:calc(100% + 8px);z-index:20;border:1px solid var(--border-2);-webkit-backdrop-filter:blur(16px);background:#131318fa;border-radius:14px;max-height:min(360px,58svh);padding:6px;display:none;position:absolute;inset-inline:0;overflow-y:auto;box-shadow:0 18px 50px #00000073}.search-suggestions.visible{display:block}.search-suggestion{text-align:right;width:100%;min-height:44px;color:var(--text-2);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;transition:background-color .16s,color .16s;display:flex}.search-suggestion:hover,.search-suggestion.active{background:var(--accent-dim);color:var(--text)}.search-suggestion__name{text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext;min-width:0;font-size:14px;font-weight:700;overflow:hidden}.search-suggestion__meta{text-overflow:ellipsis;white-space:nowrap;max-width:44%;color:var(--muted);direction:ltr;unicode-bidi:plaintext;flex-shrink:0;font-size:12px;overflow:hidden}.search-suggestion:hover .search-suggestion__meta,.search-suggestion.active .search-suggestion__meta{color:var(--accent-hi)}.view-toggle{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;flex-shrink:0;gap:4px;margin-inline-start:auto;padding:4px;display:inline-flex}.view-btn{width:38px;height:38px;color:var(--muted);border-radius:9px;place-items:center;transition:background-color .2s,color .2s;display:grid}.view-btn svg{width:18px;height:18px}.view-btn:hover{color:var(--text-2);background:#ffffff0d}.view-btn.active{background:var(--accent-dim);color:var(--accent)}.sidebar-toggle{border:1px solid var(--border);background:var(--bg-2);height:46px;color:var(--text-2);border-radius:99px;flex-shrink:0;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:500;transition:border-color .2s,color .2s;display:inline-flex}.sidebar-toggle:hover{border-color:var(--border-2);color:var(--text)}@media (max-width:640px){.header{flex-wrap:wrap;padding:12px}.search-form{flex-basis:100%;order:4;max-width:none;height:44px}.list-controls{flex:100%;order:3;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);display:grid}.select-control{min-width:0}.toolbar-select{min-width:0;max-width:100%}.sidebar-toggle__label{display:none}.sidebar-toggle{justify-content:center;width:46px;padding:0}}.search-status{background:var(--accent-dim);border-bottom:1px solid var(--border);color:var(--text);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:11px 20px;font-size:14px;display:none}.search-status .clear-search{color:var(--accent);border:1px solid #ffb30066;border-radius:99px;padding:7px 16px;font-size:13px;font-weight:500;transition:background-color .2s,color .2s}.search-status .clear-search:hover{background:var(--accent);color:#1a1206}.main-container{flex:1;min-height:0;display:flex}.content-area{flex:1;min-width:0;position:relative}.responsive{overscroll-behavior:contain;scrollbar-gutter:stable;height:100%;padding:20px;position:relative;overflow-y:auto}.sidebar{border-inline-end:1px solid var(--border);opacity:1;width:292px;transition:width .32s var(--ease-out), padding .32s var(--ease-out), opacity .22s var(--ease-out), transform .32s var(--ease-out), border-color .32s var(--ease-out), border-width .32s var(--ease-out);background:#0e0e1259;flex-direction:column;flex-shrink:0;gap:24px;padding:22px 20px;display:flex;overflow:hidden auto;transform:translate(0)}.sidebar.hidden{opacity:0;border-color:#0000;pointer-events:none;border-inline-end-width:0;width:0;padding-inline:0;transform:translate(18px)}.sidebar-footer{border-top:1px solid var(--border);text-align:center;margin-top:auto;padding-top:18px}.sidebar-footer__brand{transition:opacity .2s, transform .25s var(--ease-out);border-radius:8px;align-items:center;display:inline-flex}.sidebar-footer__brand:hover{opacity:.85;transform:translateY(-2px)}.sidebar-footer__brand img{width:auto;height:26px}.sidebar-footer__copy{color:var(--muted);margin-top:10px;font-size:11.5px}@media (max-width:900px){.sidebar-footer{margin-top:4px}}.sidebar-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.sidebar-title{font-size:14px;font-weight:700}.sidebar-header__actions{align-items:center;gap:6px;display:flex}.sidebar-reset{border:1px solid var(--border);color:var(--text-2);border-radius:99px;align-items:center;gap:6px;padding:7px 13px;font-size:12.5px;transition:border-color .2s,color .2s;display:inline-flex}.sidebar-reset:hover{color:var(--accent);border-color:#ffb30066}.sidebar-close{width:34px;height:34px;color:var(--muted);border-radius:10px;place-items:center;transition:background-color .2s,color .2s;display:grid}.sidebar-close:hover{color:var(--text);background:#ffffff12}.sidebar-label{color:var(--muted);margin-bottom:10px;font-size:12.5px;font-weight:500;display:block}.preview-input{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:96px;color:var(--text);resize:vertical;outline:none;padding:12px 14px;font-size:15px;line-height:1.8;transition:border-color .2s,box-shadow .2s}.preview-input:focus{box-shadow:0 0 0 3px var(--accent-dim);border-color:#ffb30080}.preview-input::placeholder{color:var(--muted)}.size-control{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.size-control .sidebar-label{margin-bottom:0}.size-value{background:var(--accent-dim);color:var(--accent);font-variant-numeric:tabular-nums;direction:ltr;border-radius:99px;padding:3px 11px;font-size:12.5px;font-weight:700}.size-slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:20px}.size-slider::-webkit-slider-runnable-track{background:var(--border-2);border-radius:99px;height:4px}.size-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);border:3px solid var(--surface);border-radius:50%;width:18px;height:18px;margin-top:-7px;transition:box-shadow .2s;box-shadow:0 0 0 1px #ffb30080,0 2px 8px #0006}.size-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px var(--accent-dim), 0 2px 8px #0006}.size-slider::-moz-range-track{background:var(--border-2);border-radius:99px;height:4px}.size-slider::-moz-range-thumb{background:var(--accent);border:3px solid var(--surface);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #ffb30080}@media (max-width:900px){.sidebar{width:auto;max-height:62svh;z-index:var(--z-sheet);border:1px solid var(--border-2);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);opacity:1;transition:opacity .25s var(--ease-out), transform .32s var(--ease-out), visibility .32s var(--ease-out);animation:sheet-up .4s var(--ease-out);background:#131318f7;position:fixed;bottom:12px;left:12px;right:12px;transform:translateY(0);box-shadow:0 -10px 60px #0009}.sidebar.hidden{opacity:0;visibility:hidden;border-color:var(--border-2);pointer-events:none;border-width:1px;width:auto;padding:22px 20px;animation:none;transform:translateY(calc(100% + 24px))}}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}}.content{--card-min:246px;--card-h:156px;--glyph-h:88px;grid-template-columns:repeat(auto-fill, minmax(min(var(--card-min), 100%), 1fr));gap:14px;display:grid}.content li{min-height:var(--card-h);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .25s var(--ease-out), transform .25s var(--ease-out), box-shadow .25s var(--ease-out);background:#16161c;flex-direction:column;padding:14px 18px 12px;display:flex;position:relative;overflow:hidden}.content li:hover{border-color:#ffb30059;transform:translateY(-3px);box-shadow:0 14px 36px -14px #0009}.card-front{flex-direction:column;flex:1;min-width:0;display:flex}.card-front h2{min-height:var(--glyph-h,88px);text-align:center;flex:1;justify-content:center;align-items:center;padding:2px 0;display:flex;overflow:hidden}.card-front h2 b{color:var(--text);word-break:break-word;font-weight:400;line-height:1.6}.card-meta{border-top:1px dashed var(--border);align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.card-meta__name{min-width:0;color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;unicode-bidi:plaintext;flex:0 auto;font-size:12.5px;font-weight:500;overflow:hidden}.card-meta__style{letter-spacing:0;color:var(--muted);unicode-bidi:plaintext;background:#ffffff0d;border-radius:5px;flex-shrink:0;margin-inline-start:auto;padding:1px 7px;font-size:9.5px;font-weight:500}.card-back{inset-inline:0;opacity:0;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);pointer-events:none;background:linear-gradient(#0000,#09090bf5 70%);padding:14px 20px 12px;position:absolute;bottom:0;transform:translateY(8px)}.card-back h2{color:var(--accent-hi);white-space:nowrap;font-size:16px;font-weight:400;line-height:1.6;overflow:hidden}@media (hover:hover){.content li:hover .card-back{opacity:1;transform:none}}.content.list-view{flex-direction:column;gap:10px;display:flex}.content.list-view li{min-height:0;padding:14px 22px}.content.list-view .card-front{flex-direction:row;align-items:center;gap:18px}.content.list-view .card-front h2{text-align:start;flex:1;justify-content:flex-start;min-height:0;padding:0}.content.list-view .card-meta{border-top:none;flex-shrink:0;gap:10px;margin-top:0;padding-top:0}.content.list-view .card-meta__name{max-width:240px}.content.list-view .card-back{display:none}@media (max-width:640px){.content.list-view .card-front{flex-wrap:wrap;gap:8px 12px}.content.list-view .card-front h2{flex-basis:100%}}.content li.active{min-height:0;box-shadow:none;cursor:default;background:0 0;border:none;grid-column:1/-1;padding:clamp(20px,4vw,48px) clamp(8px,3vw,40px);overflow:visible;transform:none}.all-content{visibility:hidden;text-align:center;max-width:860px;margin:0 auto;display:none}.all-content h2{unicode-bidi:plaintext;font-size:clamp(1.5rem,4vw,2.3rem);font-weight:900;line-height:1.4}.all-content>p{margin-top:6px}.font-category{border:1px solid var(--border);color:var(--text-2);unicode-bidi:plaintext;background:#ffffff0d;border-radius:99px;padding:4px 14px;font-size:13px;display:inline-block}.loadchannel{margin-top:22px}.loadchannel a{background:var(--accent);color:#1a1206;border-radius:99px;align-items:center;gap:8px;min-height:48px;padding:12px 30px;font-size:15px;font-weight:700;transition:background-color .2s,box-shadow .25s,transform .2s;display:inline-flex}.loadchannel a:before{content:"";background:currentColor;width:18px;height:18px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z'/%3E%3C/svg%3E") 50%/contain no-repeat}.loadchannel a:hover{background:var(--accent-hi);box-shadow:0 6px 28px -4px var(--accent-glow);transform:translateY(-1px)}.all-content textarea{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;width:100%;min-height:200px;color:var(--text);resize:vertical;outline:none;margin-top:28px;padding:28px;font-size:clamp(26px,5vw,52px);line-height:2;transition:border-color .2s}.all-content textarea:focus{border-color:#ffb30066}.responsive .close{top:16px;z-index:5;background:var(--surface-2);border:1px solid var(--border-2);width:42px;height:42px;color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s, border-color .2s, transform .3s var(--ease-out);border-radius:50%;place-items:center;font-size:15px;font-weight:700;line-height:1;display:grid;position:absolute;inset-inline-end:20px}.responsive .close:hover{color:var(--text);border-color:#ffb30080;transform:rotate(90deg)}.detail-bg{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(46% 34% at 50% 24%,#00000040 20%,#000 78%);mask-image:radial-gradient(46% 34% at 50% 24%,#00000040 20%,#000 78%)}.detail-bg__row{white-space:nowrap;color:var(--text);flex:none;line-height:1.9;overflow:hidden}.detail-bg__track{will-change:transform;animation:linear infinite tick-drift-a;display:inline-block}.detail-bg__track.is-reverse{animation-name:tick-drift-b}.detail-bg__track span{margin-inline-end:1.6em}.detail-bg__track span.tick-accent{color:var(--accent)}@keyframes tick-drift-a{0%{transform:translate(0)}to{transform:translate(50%)}}@keyframes tick-drift-b{0%{transform:translate(50%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.detail-bg__track{animation:none}}.detail-nav{z-index:5;pointer-events:none;position:absolute;inset:0}.detail-nav__btn{pointer-events:auto;background:var(--surface-2);border:1px solid var(--border-2);width:46px;height:46px;color:var(--text-2);cursor:pointer;transition:color .2s, border-color .2s, background-color .2s, opacity .2s, transform .2s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.detail-nav__prev{left:16px}.detail-nav__next{right:16px}.detail-nav__btn:hover:not(:disabled){color:var(--text);background:var(--surface);border-color:#ffb30080;transform:translateY(-50%)scale(1.06)}.detail-nav__btn:disabled{opacity:.25;cursor:default;pointer-events:none}@media (hover:none) and (pointer:coarse){.detail-nav{display:none}}.card-expand{animation:card-expand .45s var(--ease-out)}@keyframes card-expand{0%{opacity:0;transform:translateY(14px)}}.all-content.slide-next{animation:detail-slide-next .3s var(--ease-out)}.all-content.slide-prev{animation:detail-slide-prev .3s var(--ease-out)}@keyframes detail-slide-next{0%{opacity:0;transform:translate(-38px)}}@keyframes detail-slide-prev{0%{opacity:0;transform:translate(38px)}}@media (prefers-reduced-motion:reduce){.all-content.slide-next,.all-content.slide-prev{animation:none}}#loading{text-align:center;color:var(--muted);padding:20px;font-size:13.5px;display:none}.load-error{z-index:var(--z-loader);background:var(--danger);color:#fff;border-radius:var(--radius-sm);align-items:center;gap:12px;padding:13px 22px;font-size:14px;display:flex;position:fixed;bottom:28px;right:50%;transform:translate(50%);box-shadow:0 10px 40px #00000080}.load-error button{color:#fff;padding:0 4px;font-size:20px;line-height:1}.load-error button:hover{opacity:.8}