:root,:root[data-skin="dark-3d"]{--color-bg-base: #020203;--color-bg-elevated: #0a0a10;--color-bg-subtle: #13131c;--color-bg-inset: #000000;--color-text-primary: #ecedf2;--color-text-secondary: #a4a6b3;--color-text-muted: #7d7f89;--color-text-inverse: #0a0a10;--color-border-subtle: #1a1c26;--color-border-default: #262936;--color-border-strong: #3a3e4f;--color-accent: #e23535;--color-accent-text: #e44545;--color-accent-cool: #3580ff;--color-accent-soft: #a92424;--color-state-danger: #e23535;--color-state-warning: #d6a02a;--color-state-success: #3aaf64;--color-state-info: #3580ff;--radius-none: 0;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 10px;--radius-full: 9999px;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--space-12: 96px;--font-family-ui: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Inter,sans-serif;--font-family-mono: ui-monospace,"JetBrains Mono",Menlo,monospace;--font-family-display: var(--font-family-ui);--font-size-xs: 12px;--font-size-sm: 13px;--font-size-body: 16px;--font-size-md: 18px;--font-size-lg: 22px;--font-size-xl: 32px;--font-size-display: 56px;--shadow-sm: 0 1px 0 rgba(255,255,255,0.04),0 1px 2px rgba(0,0,0,0.6);--shadow-md: 0 1px 0 rgba(255,255,255,0.05),0 6px 18px rgba(0,0,0,0.7);--shadow-lg: 0 1px 0 rgba(255,255,255,0.06),0 18px 40px rgba(0,0,0,0.8);--motion-duration-fast: 120ms;--motion-duration-base: 200ms;--motion-duration-slow: 400ms;--motion-ease-standard: cubic-bezier(0.2,0.8,0.2,1);--wave-fg: var(--color-accent);--wave-bg: var(--color-bg-subtle);--wave-peak: var(--color-text-secondary);--wave-playhead: var(--color-accent);--anaglyph-shift: 2px;--watermark-color: rgba(255,255,255,0.025);--scroll-track: #000000;--scroll-thumb: #2865d6;--scroll-thumb-hover: #3580ff;--scroll-arrow-bg: #b22323;--scroll-arrow-bg-hover: #e23535;--scroll-arrow-fg: #ffffff;color-scheme: dark}
*,*::before,*::after{box-sizing: border-box}html,body{margin: 0;padding: 0;background: var(--color-bg-base);color: var(--color-text-primary);font-family: var(--font-family-ui);font-size: var(--font-size-body);line-height: 1.55;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility}img,svg,video{display: block;max-width: 100%}img{height: auto}a{color: var(--color-accent-text);text-decoration: none;transition: color var(--motion-duration-fast) var(--motion-ease-standard)}a:hover{color: var(--color-accent-cool);text-decoration: underline;text-underline-offset: 3px}.iblis-main :where(p,li,td) a:not(.iblis-button){text-decoration: underline;text-decoration-color: color-mix(in srgb,currentColor 45%,transparent);text-underline-offset: 3px}p{margin: 0 0 var(--space-3)}h1,h2,h3,h4{margin: 0 0 var(--space-3);font-family: var(--font-family-display);font-weight: 600;letter-spacing: -0.01em}h1{font-size: var(--font-size-display);line-height: 1.05}h2{font-size: var(--font-size-xl);line-height: 1.15}h3{font-size: var(--font-size-lg);line-height: 1.25}h4{font-size: var(--font-size-md);line-height: 1.3}code,pre,kbd,samp{font-family: var(--font-family-mono);font-size: 0.92em}button,input,select,textarea{font: inherit}::selection{background: var(--color-accent);color: var(--color-text-inverse)}.iblis-skip{position: absolute;top: -100px;left: 0;background: var(--color-accent);color: var(--color-text-inverse);padding: var(--space-2) var(--space-3);z-index: 100}.iblis-skip:focus{top: 0}:focus-visible{outline: 2px solid var(--color-accent-cool);outline-offset: 2px;border-radius: var(--radius-sm)}hr{border: 0;border-top: 1px solid var(--color-border-subtle);margin: var(--space-6) 0}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}}
.iblis-header{display: flex;align-items: center;justify-content: space-between;gap: var(--space-4);padding: var(--space-4) var(--space-6);border-bottom: 1px solid var(--color-border-subtle);background: linear-gradient(180deg,var(--color-bg-elevated) 0%,var(--color-bg-base) 100%);position: sticky;top: 0;z-index: 10;backdrop-filter: saturate(140%)}.iblis-brand{display: inline-flex;align-items: center;gap: var(--space-2);font-weight: 700;letter-spacing: 0.02em;font-size: var(--font-size-md);color: var(--color-text-primary)}.iblis-brand:hover{text-decoration: none}.iblis-brand-mark{width: 28px;height: 28px;display: block}.iblis-nav{display: flex;align-items: center;gap: var(--space-1);flex-wrap: nowrap}.iblis-nav-link{display: inline-flex;align-items: center;gap: var(--space-2);color: var(--color-text-secondary);padding: var(--space-2) var(--space-3);border-radius: var(--radius-sm);font-size: var(--font-size-sm);transition: color var(--motion-duration-fast),background var(--motion-duration-fast);white-space: nowrap}.iblis-nav-link:hover{color: var(--color-text-primary);background: var(--color-bg-subtle);text-decoration: none}.iblis-nav-link.is-active{color: var(--color-accent-text);background: var(--color-bg-subtle)}.iblis-nav-link .iblis-icon{color: inherit}.iblis-skin-toggle{display: inline-flex;align-items: center;gap: var(--space-2);padding: var(--space-2) var(--space-3);background: var(--color-bg-subtle);color: var(--color-text-secondary);border: 1px solid var(--color-border-subtle);border-radius: var(--radius-sm);font: inherit;font-size: var(--font-size-sm);cursor: pointer;transition: color var(--motion-duration-fast),border-color var(--motion-duration-fast),background var(--motion-duration-fast)}.iblis-skin-toggle:hover{color: var(--color-text-primary);border-color: var(--color-accent);background: var(--color-bg-elevated)}.iblis-skin-toggle:focus-visible{outline: 2px solid var(--color-accent-cool);outline-offset: 2px}.iblis-main{max-width: 1040px;margin: 0 auto;padding: var(--space-8) var(--space-5) var(--space-12);position: relative}.iblis-section{position: relative;padding: var(--space-8) 0}.iblis-grid{display: grid;gap: var(--space-5)}.iblis-grid-3{grid-template-columns: repeat(auto-fit,minmax(240px,1fr))}.iblis-grid-2{grid-template-columns: repeat(auto-fit,minmax(320px,1fr))}.iblis-footer{border-top: 1px solid var(--color-border-subtle);padding: var(--space-6) var(--space-5);text-align: center;color: var(--color-text-muted);font-size: var(--font-size-sm);background: var(--color-bg-elevated)}.iblis-footer p{margin: var(--space-1) 0}.iblis-footer a{color: var(--color-text-secondary)}.iblis-footer-row{display: flex;gap: var(--space-3);justify-content: center;flex-wrap: wrap;margin-top: var(--space-2)}@media (max-width: 860px){.iblis-nav-label,.iblis-skin-toggle .iblis-nav-label{display: none}.iblis-nav{gap: 2px}.iblis-nav-link{padding: var(--space-2)}.iblis-skin-toggle{padding: var(--space-2)}.iblis-nav-link .iblis-icon,.iblis-skin-toggle .iblis-icon{width: 18px;height: 18px}}@media (max-width: 560px){.iblis-brand-name{display: none}.iblis-header{padding: var(--space-3);gap: var(--space-2)}.iblis-main{padding: var(--space-5) var(--space-4) var(--space-8)}h1{font-size: 38px}}
*{scrollbar-color: var(--scroll-thumb) var(--scroll-track);scrollbar-width: auto}::-webkit-scrollbar{width: 16px;height: 16px;background: var(--scroll-track)}::-webkit-scrollbar-track{background: var(--scroll-track);box-shadow: inset 1px 0 0 var(--color-border-subtle)}::-webkit-scrollbar-thumb{background: linear-gradient( 180deg,color-mix(in srgb,var(--scroll-thumb) 100%,white 12%) 0%,var(--scroll-thumb) 50%,color-mix(in srgb,var(--scroll-thumb) 100%,black 30%) 100% );border: 1px solid color-mix(in srgb,var(--scroll-thumb) 100%,black 40%);border-radius: var(--radius-sm);box-shadow: inset 0 1px 0 rgba(255,255,255,0.18),inset 0 -1px 0 rgba(0,0,0,0.40)}::-webkit-scrollbar-thumb:hover{background: var(--scroll-thumb-hover)}::-webkit-scrollbar-thumb:active{background: color-mix(in srgb,var(--scroll-thumb-hover) 100%,black 15%)}::-webkit-scrollbar-button{background: var(--scroll-arrow-bg);border: 1px solid color-mix(in srgb,var(--scroll-arrow-bg) 100%,black 40%);height: 16px;width: 16px;background-repeat: no-repeat;background-position: center;background-size: 8px 8px;box-shadow: inset 0 1px 0 rgba(255,255,255,0.20),inset 0 -1px 0 rgba(0,0,0,0.40)}::-webkit-scrollbar-button:hover{background-color: var(--scroll-arrow-bg-hover)}::-webkit-scrollbar-button:vertical:decrement{background-image: url("data:image/svg+xml;utf8,")}::-webkit-scrollbar-button:vertical:increment{background-image: url("data:image/svg+xml;utf8,")}::-webkit-scrollbar-button:horizontal:decrement{background-image: url("data:image/svg+xml;utf8,")}::-webkit-scrollbar-button:horizontal:increment{background-image: url("data:image/svg+xml;utf8,")}::-webkit-scrollbar-corner{background: var(--scroll-track)}
.iblis-icon{display: inline-block;width: 1em;height: 1em;vertical-align: -0.15em;fill: currentColor;flex-shrink: 0}.iblis-icon-sm{width: 14px;height: 14px}.iblis-icon-md{width: 18px;height: 18px}.iblis-icon-lg{width: 24px;height: 24px}.iblis-icon-xl{width: 36px;height: 36px}.iblis-button .iblis-icon{color: inherit}
.iblis-button{--btn-bg-top: color-mix(in srgb,var(--color-bg-elevated) 100%,white 5%);--btn-bg-bot: var(--color-bg-elevated);--btn-border: var(--color-border-default);--btn-shine: rgba(255,255,255,0.06);--btn-edge: rgba(0,0,0,0.45);--btn-fg: var(--color-text-primary);display: inline-flex;align-items: center;gap: var(--space-2);padding: var(--space-3) var(--space-5);border-radius: var(--radius-md);border: 1px solid var(--btn-border);background: linear-gradient(180deg,var(--btn-bg-top) 0%,var(--btn-bg-bot) 100%);color: var(--btn-fg);font: inherit;font-weight: 500;cursor: pointer;text-decoration: none;position: relative;box-shadow: inset 0 1px 0 var(--btn-shine),inset 0 -1px 0 var(--btn-edge),0 1px 2px rgba(0,0,0,0.45),0 2px 6px rgba(0,0,0,0.30);transition: background var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard)}.iblis-button:hover{--btn-bg-top: color-mix(in srgb,var(--color-bg-elevated) 100%,white 9%);--btn-border: var(--color-border-strong);text-decoration: none;transform: translateY(-1px);box-shadow: inset 0 1px 0 var(--btn-shine),inset 0 -1px 0 var(--btn-edge),0 4px 10px rgba(0,0,0,0.55),0 8px 20px rgba(0,0,0,0.40)}.iblis-button:active{transform: translateY(0);box-shadow: inset 0 2px 4px rgba(0,0,0,0.55),inset 0 -1px 0 rgba(255,255,255,0.05),0 1px 1px rgba(0,0,0,0.30)}.iblis-button[disabled],.iblis-button.is-disabled{opacity: 0.45;cursor: not-allowed;transform: none;filter: saturate(60%)}.iblis-button:focus-visible{outline: 2px solid var(--color-accent-cool);outline-offset: 2px}.iblis-button-primary{--btn-bg-top: color-mix(in srgb,var(--color-accent) 100%,white 12%);--btn-bg-bot: color-mix(in srgb,var(--color-accent) 100%,black 18%);--btn-border: color-mix(in srgb,var(--color-accent) 100%,black 35%);--btn-shine: rgba(255,255,255,0.18);--btn-edge: rgba(0,0,0,0.55);--btn-fg: #fff}.iblis-button-primary:hover{--btn-bg-top: color-mix(in srgb,var(--color-accent) 100%,white 20%);--btn-border: var(--color-accent-cool)}.iblis-button-cool{--btn-bg-top: color-mix(in srgb,var(--color-accent-cool) 100%,white 12%);--btn-bg-bot: color-mix(in srgb,var(--color-accent-cool) 100%,black 22%);--btn-border: color-mix(in srgb,var(--color-accent-cool) 100%,black 40%);--btn-shine: rgba(255,255,255,0.20);--btn-edge: rgba(0,0,0,0.55);--btn-fg: #fff}.iblis-button-cool:hover{--btn-border: var(--color-accent)}.iblis-button-ghost{--btn-bg-top: transparent;--btn-bg-bot: transparent;--btn-border: var(--color-border-subtle);--btn-shine: transparent;--btn-edge: transparent;--btn-fg: var(--color-text-secondary);box-shadow: none}.iblis-button-ghost:hover{--btn-bg-top: var(--color-bg-subtle);--btn-bg-bot: var(--color-bg-subtle);--btn-fg: var(--color-text-primary);box-shadow: var(--shadow-sm)}.iblis-button-sm{padding: var(--space-1) var(--space-3);font-size: var(--font-size-sm)}.iblis-card{position: relative;background: linear-gradient(180deg,color-mix(in srgb,var(--color-bg-elevated) 100%,white 2%) 0%,var(--color-bg-elevated) 100%);border: 1px solid var(--color-border-subtle);padding: var(--space-5);border-radius: var(--radius-md);box-shadow: inset 0 1px 0 rgba(255,255,255,0.04),var(--shadow-sm);transition: transform var(--motion-duration-base) var(--motion-ease-standard),box-shadow var(--motion-duration-base) var(--motion-ease-standard),border-color var(--motion-duration-base) var(--motion-ease-standard);overflow: hidden}.iblis-card:hover{transform: translateY(-3px);box-shadow: inset 0 1px 0 rgba(255,255,255,0.06),var(--shadow-md),0 0 0 1px color-mix(in srgb,var(--color-accent) 18%,transparent);border-color: var(--color-border-default)}.iblis-card h2,.iblis-card h3{margin-top: 0}.iblis-card-title{display: flex;align-items: center;gap: var(--space-2);margin: 0 0 var(--space-2);color: var(--color-text-primary)}.iblis-card-title .iblis-icon{color: var(--color-accent)}.iblis-badge{display: inline-flex;align-items: center;gap: var(--space-1);padding: 2px var(--space-2);border-radius: var(--radius-full);background: linear-gradient(180deg,var(--color-bg-subtle),var(--color-bg-base));border: 1px solid var(--color-border-subtle);color: var(--color-text-secondary);font-size: var(--font-size-xs);font-weight: 500;box-shadow: inset 0 1px 0 rgba(255,255,255,0.04)}.iblis-badge-accent{color: var(--color-accent);border-color: color-mix(in srgb,var(--color-accent) 60%,transparent)}.iblis-badge-cool{color: var(--color-accent-cool);border-color: color-mix(in srgb,var(--color-accent-cool) 60%,transparent)}.iblis-kbd{display: inline-block;padding: 1px 6px;border-radius: var(--radius-sm);border: 1px solid var(--color-border-default);background: linear-gradient(180deg,var(--color-bg-subtle),var(--color-bg-inset));color: var(--color-text-secondary);font-family: var(--font-family-mono);font-size: var(--font-size-xs);box-shadow: inset 0 1px 0 rgba(255,255,255,0.06),0 1px 0 var(--color-border-default)}.iblis-callout{margin: var(--space-6) 0;padding: var(--space-5);border-left: 3px solid var(--color-accent);background: linear-gradient(90deg,color-mix(in srgb,var(--color-accent) 6%,var(--color-bg-subtle)) 0%,var(--color-bg-subtle) 60%);border-radius: 0 var(--radius-md) var(--radius-md) 0;color: var(--color-text-secondary)}.iblis-callout-cool{border-left-color: var(--color-accent-cool);background: linear-gradient(90deg,color-mix(in srgb,var(--color-accent-cool) 6%,var(--color-bg-subtle)) 0%,var(--color-bg-subtle) 60%)}
.iblis-field{display: flex;flex-direction: column;gap: var(--space-1);margin-bottom: var(--space-3)}.iblis-label{font-size: var(--font-size-sm);color: var(--color-text-secondary);font-weight: 500}.iblis-help{font-size: var(--font-size-xs);color: var(--color-text-muted)}.iblis-input,.iblis-textarea,.iblis-select{width: 100%;padding: var(--space-2) var(--space-3);background: linear-gradient(180deg,var(--color-bg-inset),color-mix(in srgb,var(--color-bg-inset) 100%,white 2%));color: var(--color-text-primary);border: 1px solid var(--color-border-default);border-radius: var(--radius-sm);font: inherit;font-size: var(--font-size-sm);box-shadow: inset 0 1px 2px rgba(0,0,0,0.45),inset 0 -1px 0 rgba(255,255,255,0.03);transition: border-color var(--motion-duration-fast),box-shadow var(--motion-duration-fast) var(--motion-ease-standard),background var(--motion-duration-fast)}.iblis-input:hover,.iblis-textarea:hover,.iblis-select:hover{border-color: var(--color-border-strong)}.iblis-input:focus,.iblis-textarea:focus,.iblis-select:focus{outline: none;border-color: var(--color-accent-cool);box-shadow: inset 0 1px 2px rgba(0,0,0,0.45),0 0 0 3px color-mix(in srgb,var(--color-accent-cool) 30%,transparent)}.iblis-textarea{min-height: 90px;resize: vertical;line-height: 1.5}.iblis-select{appearance: none;background-image: linear-gradient(180deg,var(--color-bg-inset),color-mix(in srgb,var(--color-bg-inset) 100%,white 2%)),url("data:image/svg+xml;utf8,");background-repeat: no-repeat,no-repeat;background-position: 0 0,right var(--space-3) center;background-size: auto,10px;padding-right: var(--space-6)}.iblis-check,.iblis-radio{appearance: none;position: relative;width: 18px;height: 18px;margin: 0;background: linear-gradient(180deg,var(--color-bg-inset),color-mix(in srgb,var(--color-bg-inset) 100%,white 3%));border: 1px solid var(--color-border-strong);display: inline-block;vertical-align: -4px;cursor: pointer;box-shadow: inset 0 1px 2px rgba(0,0,0,0.50),0 1px 0 rgba(255,255,255,0.03);transition: border-color var(--motion-duration-fast),background var(--motion-duration-base),box-shadow var(--motion-duration-fast)}.iblis-check{border-radius: var(--radius-sm)}.iblis-radio{border-radius: var(--radius-full)}.iblis-check:hover,.iblis-radio:hover{border-color: var(--color-accent-cool)}.iblis-check:checked,.iblis-radio:checked{background: linear-gradient(180deg,color-mix(in srgb,var(--color-accent) 100%,white 18%),color-mix(in srgb,var(--color-accent) 100%,black 25%));border-color: var(--color-accent-cool);box-shadow: inset 0 1px 0 rgba(255,255,255,0.30),inset 0 -1px 0 rgba(0,0,0,0.45),0 0 0 1px color-mix(in srgb,var(--color-accent-cool) 35%,transparent)}.iblis-check:checked::after{content: "";position: absolute;inset: 0;background: #fff;-webkit-mask: url("data:image/svg+xml;utf8,") center/14px no-repeat;mask: url("data:image/svg+xml;utf8,") center/14px no-repeat;animation: iblis-check-pop var(--motion-duration-base) var(--motion-ease-standard) both}.iblis-radio:checked::after{content: "";position: absolute;top: 4px;left: 4px;width: 8px;height: 8px;background: #fff;border-radius: var(--radius-full);box-shadow: 0 0 6px rgba(255,255,255,0.5);animation: iblis-radio-pop var(--motion-duration-base) var(--motion-ease-standard) both}@keyframes iblis-check-pop{0%{transform: scale(0.6);opacity: 0}60%{transform: scale(1.15);opacity: 1}100%{transform: scale(1);opacity: 1}}@keyframes iblis-radio-pop{0%{transform: scale(0.2);opacity: 0}60%{transform: scale(1.25);opacity: 1}100%{transform: scale(1);opacity: 1}}.iblis-switch{position: relative;display: inline-block;width: 44px;height: 24px;vertical-align: -7px}.iblis-switch input{opacity: 0;width: 0;height: 0;position: absolute}.iblis-switch-track{position: absolute;inset: 0;background: linear-gradient(180deg,var(--color-bg-inset),color-mix(in srgb,var(--color-bg-inset) 100%,white 4%));border: 1px solid var(--color-border-strong);border-radius: var(--radius-full);cursor: pointer;box-shadow: inset 0 1px 3px rgba(0,0,0,0.55),inset 0 -1px 0 rgba(255,255,255,0.04);transition: background var(--motion-duration-base) var(--motion-ease-standard),border-color var(--motion-duration-base)}.iblis-switch-track::after{content: "";position: absolute;top: 2px;left: 2px;width: 18px;height: 18px;background: radial-gradient(circle at 30% 25%,#fdfdff 0%,#c9cbd4 60%,#8e909a 100%);border-radius: var(--radius-full);box-shadow: inset 0 1px 0 rgba(255,255,255,0.7),inset 0 -2px 3px rgba(0,0,0,0.30),0 1px 2px rgba(0,0,0,0.55),0 2px 4px rgba(0,0,0,0.30);transition: transform var(--motion-duration-base) var(--motion-ease-standard),background var(--motion-duration-base)}.iblis-switch input:checked + .iblis-switch-track{background: linear-gradient(90deg,color-mix(in srgb,var(--color-accent) 100%,black 20%) 0%,color-mix(in srgb,var(--color-accent-cool) 100%,black 15%) 100%);border-color: color-mix(in srgb,var(--color-accent-cool) 100%,black 30%);box-shadow: inset 0 1px 3px rgba(0,0,0,0.45),inset 0 -1px 0 rgba(255,255,255,0.10),0 0 0 1px color-mix(in srgb,var(--color-accent-cool) 25%,transparent)}.iblis-switch input:checked + .iblis-switch-track::after{transform: translateX(20px);background: radial-gradient(circle at 30% 25%,#ffffff 0%,#e8eaf2 60%,#b2b6c3 100%)}.iblis-switch input:focus-visible + .iblis-switch-track{outline: 2px solid var(--color-accent-cool);outline-offset: 3px}.iblis-range{appearance: none;-webkit-appearance: none;width: 100%;height: 26px;background: transparent;cursor: pointer}.iblis-range::-webkit-slider-runnable-track{height: 6px;background: linear-gradient(90deg,var(--color-accent) 0%,var(--color-accent-cool) 100%);border-radius: var(--radius-full);box-shadow: inset 0 1px 2px rgba(0,0,0,0.55),inset 0 -1px 0 rgba(255,255,255,0.10);border: 1px solid rgba(0,0,0,0.4)}.iblis-range::-webkit-slider-thumb{appearance: none;-webkit-appearance: none;width: 18px;height: 18px;margin-top: -7px;background: radial-gradient(circle at 30% 25%,#ffffff 0%,#d4d6df 70%,#9ea1ad 100%);border: 1.5px solid color-mix(in srgb,var(--color-accent-cool) 100%,black 25%);border-radius: var(--radius-full);box-shadow: inset 0 1px 0 rgba(255,255,255,0.7),inset 0 -2px 3px rgba(0,0,0,0.35),0 1px 2px rgba(0,0,0,0.55),0 3px 6px rgba(0,0,0,0.35);transition: transform var(--motion-duration-fast),box-shadow var(--motion-duration-fast)}.iblis-range::-webkit-slider-thumb:hover{transform: scale(1.08)}.iblis-range::-webkit-slider-thumb:active{transform: scale(0.96);box-shadow: inset 0 2px 3px rgba(0,0,0,0.5),0 1px 1px rgba(0,0,0,0.55)}.iblis-range::-moz-range-track{height: 6px;background: linear-gradient(90deg,var(--color-accent),var(--color-accent-cool));border-radius: var(--radius-full);box-shadow: inset 0 1px 2px rgba(0,0,0,0.55)}.iblis-range::-moz-range-thumb{width: 18px;height: 18px;background: radial-gradient(circle at 30% 25%,#ffffff,#c9cbd4 70%,#8e909a);border: 1.5px solid color-mix(in srgb,var(--color-accent-cool) 100%,black 25%);border-radius: var(--radius-full);box-shadow: 0 2px 4px rgba(0,0,0,0.5)}
.iblis-knob{--knob-size: 64px;--knob-rim: color-mix(in srgb,var(--color-bg-base) 100%,black 20%);--knob-face: color-mix(in srgb,var(--color-bg-elevated) 100%,white 6%);--knob-face-low: color-mix(in srgb,var(--color-bg-base) 100%,black 12%);--knob-tick: color-mix(in srgb,var(--color-text-muted) 100%,transparent 40%);position: relative;display: inline-block;width: var(--knob-size);height: var(--knob-size);border-radius: var(--radius-full);cursor: ns-resize;user-select: none;-webkit-user-select: none;background: radial-gradient(circle at 50% 50%,transparent 38%,var(--knob-rim) 38%,var(--knob-rim) 50%,transparent 50%),radial-gradient(circle at 35% 30%,var(--knob-face) 0%,var(--knob-face) 38%,var(--knob-face-low) 70%,color-mix(in srgb,var(--color-bg-base) 100%,black 25%) 100%);box-shadow: inset 0 1px 0 rgba(255,255,255,0.10),inset 0 -2px 4px rgba(0,0,0,0.55),0 2px 4px rgba(0,0,0,0.55),0 6px 14px rgba(0,0,0,0.45);transition: box-shadow var(--motion-duration-base)}.iblis-knob::before{content: "";position: absolute;inset: -8px;border-radius: var(--radius-full);background: conic-gradient(from -135deg,var(--knob-tick) 0deg 1.5deg,transparent 1.5deg 30deg,var(--knob-tick) 30deg 31.5deg,transparent 31.5deg 60deg,var(--knob-tick) 60deg 61.5deg,transparent 61.5deg 90deg,var(--knob-tick) 90deg 91.5deg,transparent 91.5deg 120deg,var(--knob-tick) 120deg 121.5deg,transparent 121.5deg 150deg,var(--knob-tick) 150deg 151.5deg,transparent 151.5deg 180deg,var(--knob-tick) 180deg 181.5deg,transparent 181.5deg 210deg,var(--knob-tick) 210deg 211.5deg,transparent 211.5deg 240deg,var(--knob-tick) 240deg 241.5deg,transparent 241.5deg 270deg);-webkit-mask: radial-gradient(circle,transparent 50%,#000 50%,#000 56%,transparent 56%);mask: radial-gradient(circle,transparent 50%,#000 50%,#000 56%,transparent 56%);pointer-events: none}.iblis-knob::after{content: "";position: absolute;top: 6px;left: 50%;width: 3px;height: 18px;background: linear-gradient(180deg,color-mix(in srgb,var(--color-accent) 100%,white 25%),var(--color-accent));transform-origin: 50% calc(var(--knob-size) / 2 - 6px);transform: translateX(-50%) rotate(var(--iblis-knob-angle,0deg));border-radius: var(--radius-full);box-shadow: 0 0 6px color-mix(in srgb,var(--color-accent) 60%,transparent),0 1px 2px rgba(0,0,0,0.6);transition: box-shadow var(--motion-duration-base)}.iblis-knob:hover{box-shadow: inset 0 1px 0 rgba(255,255,255,0.14),inset 0 -2px 4px rgba(0,0,0,0.55),0 0 0 1px color-mix(in srgb,var(--color-accent-cool) 30%,transparent),0 4px 8px rgba(0,0,0,0.6),0 8px 18px rgba(0,0,0,0.50)}.iblis-knob:hover::after{box-shadow: 0 0 10px color-mix(in srgb,var(--color-accent) 80%,transparent),0 1px 2px rgba(0,0,0,0.7)}.iblis-knob:focus-visible{outline: 2px solid var(--color-accent-cool);outline-offset: 4px}.iblis-knob-sm{--knob-size: 48px}.iblis-knob-lg{--knob-size: 88px}
@keyframes iblis-fade-up{from{opacity: 0;transform: translateY(12px)}to{opacity: 1;transform: translateY(0)}}@keyframes iblis-fade-in{from{opacity: 0}to{opacity: 1}}@keyframes iblis-anaglyph-drift{0%,100%{text-shadow: var(--anaglyph-shift) 0 0 var(--color-accent),calc(var(--anaglyph-shift) * -1) 0 0 var(--color-accent-cool)}50%{text-shadow: 1px 0 0 var(--color-accent),-1px 0 0 var(--color-accent-cool)}}@keyframes iblis-watermark-float{0%,100%{transform: translate(0,0) rotate(0deg)}50%{transform: translate(0,-6px) rotate(0.4deg)}}@keyframes iblis-blink{0%,92%{opacity: 1}95%{opacity: 0.2}100%{opacity: 1}}@keyframes iblis-caret{0%,50%{opacity: 1}51%,100%{opacity: 0}}.iblis-reveal{opacity: 0;transform: translateY(12px);transition: opacity var(--motion-duration-slow) var(--motion-ease-standard),transform var(--motion-duration-slow) var(--motion-ease-standard);will-change: opacity,transform}.iblis-reveal.is-visible{opacity: 1;transform: none}.iblis-reveal-delay-1{transition-delay: 80ms}.iblis-reveal-delay-2{transition-delay: 160ms}.iblis-reveal-delay-3{transition-delay: 240ms}.iblis-reveal-delay-4{transition-delay: 320ms}.is-anaglyph{text-shadow: var(--anaglyph-shift) 0 0 var(--color-accent),calc(var(--anaglyph-shift) * -1) 0 0 var(--color-accent-cool)}.is-anaglyph-live{animation: iblis-anaglyph-drift 6s ease-in-out infinite}.is-anaglyph:hover{animation: iblis-anaglyph-drift 1.4s ease-in-out infinite}.iblis-caret::after{content: "_";display: inline-block;margin-left: 2px;color: var(--color-accent);animation: iblis-caret 1.1s step-end infinite}.iblis-watermark{animation: iblis-watermark-float 14s ease-in-out infinite}.iblis-enter{animation: iblis-fade-up var(--motion-duration-slow) var(--motion-ease-standard) both}.iblis-enter-1{animation-delay: 50ms}.iblis-enter-2{animation-delay: 150ms}.iblis-enter-3{animation-delay: 250ms}.iblis-pulse{display: inline-block;width: 8px;height: 8px;border-radius: var(--radius-full);background: var(--color-state-success);box-shadow: 0 0 0 0 currentColor;animation: iblis-blink 3s ease-in-out infinite}.iblis-pulse-warn{background: var(--color-state-warning)}.iblis-pulse-danger{background: var(--color-state-danger)}
.iblis-watermark-host{position: relative;isolation: isolate;overflow: hidden}.iblis-watermark{position: absolute;pointer-events: none;z-index: 0;color: var(--watermark-color);width: 360px;height: 360px;opacity: 1}.iblis-watermark svg{width: 100%;height: 100%}.iblis-watermark-tr{top: -60px;right: -60px;transform: rotate(8deg)}.iblis-watermark-tl{top: -60px;left: -60px;transform: rotate(-8deg)}.iblis-watermark-br{bottom: -80px;right: -80px;transform: rotate(-6deg)}.iblis-watermark-bl{bottom: -80px;left: -80px;transform: rotate(6deg)}.iblis-watermark-c{top: 50%;left: 50%;transform: translate(-50%,-50%)}.iblis-card .iblis-watermark{width: 180px;height: 180px;top: auto;bottom: -28px;right: -28px;transform: rotate(-12deg)}.iblis-card > *:not(.iblis-watermark){position: relative;z-index: 1}@media (max-width: 720px){.iblis-watermark{width: 240px;height: 240px}.iblis-card .iblis-watermark{width: 140px;height: 140px}}
.iblis-decor-frame{position: fixed;inset: 0;pointer-events: none;z-index: -1}.iblis-decor-bg{position: absolute;inset: 0;background-size: cover;background-position: center;background-repeat: no-repeat;opacity: 0;transition: opacity 360ms ease}html[data-skin="dark-3d"] .iblis-decor-bg{background-image: url("/assets/img/decor/bg-dark-3d.webp");opacity: .18}html[data-skin="light-paper"] .iblis-decor-bg{background-image: url("/assets/img/decor/bg-light-paper.webp");opacity: .32}html[data-skin="infernal"] .iblis-decor-bg{background-image: url("/assets/img/decor/bg-infernal.webp");opacity: .26}html[data-skin="cathedral"] .iblis-decor-bg{background-image: url("/assets/img/decor/bg-cathedral.webp");opacity: .22}.iblis-decor-corner{position: absolute;top: 0;width: 140px;height: 140px;background-size: contain;background-repeat: no-repeat;opacity: .14;filter: none}.iblis-decor-corner-tl{left: 0;background-image: url("/assets/img/decor/ornament-corner-tl.webp");background-position: top left}.iblis-decor-corner-tr{right: 0;background-image: url("/assets/img/decor/ornament-corner-tr.webp");background-position: top right}html[data-skin="dark-3d"] .iblis-decor-corner,html[data-skin="infernal"] .iblis-decor-corner,html[data-skin="cathedral"] .iblis-decor-corner{filter: invert(1) brightness(.85)}@media (max-width: 720px){.iblis-decor-corner{width: 84px;height: 84px;opacity: .10}}.iblis-hero{position: relative;isolation: isolate}.iblis-hero > *{position: relative;z-index: 1}@media (min-width: 1100px){.iblis-hero::after{content: "";position: absolute;right: 3vw;top: 50%;width: 260px;height: 380px;transform: translateY(-50%);background-image: url("/assets/img/decor/hero-baphomet-figure.webp");background-size: contain;background-repeat: no-repeat;background-position: center;opacity: .12;z-index: 0;pointer-events: none}html[data-skin="dark-3d"] .iblis-hero::after,html[data-skin="infernal"] .iblis-hero::after,html[data-skin="cathedral"] .iblis-hero::after{filter: invert(1) brightness(.88)}}.iblis-footer{position: relative}.iblis-footer::before{content: "";display: block;width: 100%;max-width: 720px;height: 68px;margin: 0 auto var(--space-3);background-image: url("/assets/img/decor/footer-ornament.webp");background-size: contain;background-repeat: no-repeat;background-position: center;opacity: .26}html[data-skin="dark-3d"] .iblis-footer::before,html[data-skin="infernal"] .iblis-footer::before,html[data-skin="cathedral"] .iblis-footer::before{filter: invert(1) brightness(.85)}.iblis-decor-divider{display: block;width: 100%;max-width: 640px;height: 56px;margin: var(--space-5) auto;background-image: url("/assets/img/decor/divider-sigil.webp");background-size: contain;background-repeat: no-repeat;background-position: center;opacity: .28}html[data-skin="dark-3d"] .iblis-decor-divider,html[data-skin="infernal"] .iblis-decor-divider,html[data-skin="cathedral"] .iblis-decor-divider{filter: invert(1) brightness(.85)}.iblis-decor-seal{width: 96px;height: 96px;background-image: url("/assets/img/decor/card-seal-baphomet.webp");background-size: contain;background-repeat: no-repeat;background-position: center;opacity: .32;flex-shrink: 0}html[data-skin="dark-3d"] .iblis-decor-seal,html[data-skin="infernal"] .iblis-decor-seal,html[data-skin="cathedral"] .iblis-decor-seal{filter: invert(1) brightness(.85)}.iblis-decor-glyph{display: inline-block;width: 48px;height: 48px;background-size: contain;background-repeat: no-repeat;background-position: center;opacity: .55;vertical-align: middle}.iblis-decor-glyph.is-triangle{background-image: url("/assets/img/decor/glyph-inverted-triangle.webp")}.iblis-decor-glyph.is-pentagram{background-image: url("/assets/img/decor/glyph-pentagram.webp")}html[data-skin="dark-3d"] .iblis-decor-glyph,html[data-skin="infernal"] .iblis-decor-glyph,html[data-skin="cathedral"] .iblis-decor-glyph{filter: invert(1) brightness(.85)}.iblis-banner-landing{position: relative;isolation: isolate;overflow: hidden;border-radius: var(--radius-md)}.iblis-banner-landing::before{content: "";position: absolute;inset: 0;background-image: url("/assets/img/decor/banner-landing.webp");background-size: cover;background-position: center;opacity: .35;z-index: -1}
.iblis-modal[hidden]{display: none}.iblis-modal{position: fixed;inset: 0;z-index: 100;display: flex;align-items: center;justify-content: center;padding: var(--space-4);animation: iblis-fade-in var(--motion-duration-base) var(--motion-ease-standard) both}.iblis-modal-backdrop{position: absolute;inset: 0;background: rgba(0,0,0,0.65);backdrop-filter: blur(6px) saturate(120%);-webkit-backdrop-filter: blur(6px) saturate(120%)}.iblis-modal-panel{position: relative;background: linear-gradient(180deg,color-mix(in srgb,var(--color-bg-elevated) 100%,white 4%) 0%,var(--color-bg-elevated) 100%);border: 1px solid var(--color-border-default);border-radius: var(--radius-lg);box-shadow: var(--shadow-lg),inset 0 1px 0 rgba(255,255,255,0.05);padding: var(--space-5);width: 100%;max-width: 720px;max-height: calc(100vh - var(--space-8));overflow-y: auto;animation: iblis-fade-up var(--motion-duration-base) var(--motion-ease-standard) both}.iblis-modal-head{display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);margin-bottom: var(--space-2)}.iblis-modal-head h2{margin: 0;font-size: var(--font-size-lg)}.iblis-modal-help{color: var(--color-text-muted);font-size: var(--font-size-sm);margin: 0 0 var(--space-4)}.iblis-modal-close{display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;background: transparent;color: var(--color-text-secondary);border: 1px solid var(--color-border-subtle);border-radius: var(--radius-sm);cursor: pointer;transition: background var(--motion-duration-fast),color var(--motion-duration-fast),border-color var(--motion-duration-fast)}.iblis-modal-close:hover{color: var(--color-text-primary);background: var(--color-bg-subtle);border-color: var(--color-accent)}.iblis-modal-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));gap: var(--space-3)}.iblis-modal-foot{margin-top: var(--space-4);padding-top: var(--space-3);border-top: 1px solid var(--color-border-subtle);display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);flex-wrap: wrap}.iblis-modal-current{color: var(--color-text-muted);font-size: var(--font-size-sm)}.iblis-modal-current code{font-family: var(--font-family-mono);color: var(--color-accent)}body.iblis-modal-open{overflow: hidden}.iblis-skin-vibe{color: var(--color-text-secondary);font-size: var(--font-size-sm);margin: 0}
.iblis-hero{position: relative;padding: var(--space-8) 0 var(--space-6);text-align: left}.iblis-hero-mark{display: block;margin: 0 0 var(--space-5)}.iblis-hero-mark img{width: 140px;height: 140px;display: block}.iblis-hero h1{margin: 0 0 var(--space-3);font-size: clamp(40px,7vw,var(--font-size-display))}.iblis-tagline{font-size: var(--font-size-md);color: var(--color-text-secondary);margin: 0 0 var(--space-5);max-width: 60ch}.iblis-cta{display: flex;gap: var(--space-3);margin: var(--space-5) 0;flex-wrap: wrap}@media (max-width: 560px){.iblis-cta{flex-direction: column;align-items: stretch}.iblis-cta .iblis-button{justify-content: center}}.iblis-status{color: var(--color-text-muted);font-size: var(--font-size-sm)}.iblis-status .iblis-pulse{margin-right: var(--space-2);vertical-align: middle}.iblis-download-note{display: block;max-width: 70ch;margin: var(--space-2) 0 0}.iblis-pillars{margin: var(--space-8) 0}.iblis-pillars h2{margin: 0 0 var(--space-2);font-size: var(--font-size-md)}.iblis-pillars p{margin: 0;color: var(--color-text-secondary);font-size: var(--font-size-sm)}.iblis-prose h1,.iblis-prose h2,.iblis-prose h3{margin-top: var(--space-6)}.iblis-prose h1{font-size: var(--font-size-xl)}.iblis-prose h2{font-size: var(--font-size-lg);border-bottom: 1px solid var(--color-border-subtle);padding-bottom: var(--space-2)}.iblis-prose h3{font-size: var(--font-size-md)}.iblis-prose code{background: var(--color-bg-subtle);padding: 2px 6px;border-radius: var(--radius-sm);font-family: var(--font-family-mono);font-size: 0.9em}.iblis-prose pre{background: var(--color-bg-inset);padding: var(--space-4);border-radius: var(--radius-md);overflow-x: auto;border: 1px solid var(--color-border-subtle);font-family: var(--font-family-mono);font-size: 0.9em}.iblis-prose pre code{background: transparent;padding: 0}.iblis-prose table{border-collapse: collapse;width: 100%;margin: var(--space-4) 0}.iblis-prose th,.iblis-prose td{border: 1px solid var(--color-border-subtle);padding: var(--space-2) var(--space-3);text-align: left}.iblis-prose th{background: var(--color-bg-subtle)}.iblis-prose blockquote{border-left: 3px solid var(--color-border-default);padding-left: var(--space-4);color: var(--color-text-secondary);margin: var(--space-4) 0}.iblis-elements{display: grid;gap: var(--space-5)}.iblis-element-block{display: grid;grid-template-columns: 180px 1fr;gap: var(--space-5);padding: var(--space-5);background: var(--color-bg-elevated);border: 1px solid var(--color-border-subtle);border-radius: var(--radius-md)}.iblis-element-block h2{margin: 0;font-size: var(--font-size-lg);color: var(--color-text-primary)}.iblis-element-block p{color: var(--color-text-muted);font-size: var(--font-size-sm)}.iblis-element-demo{display: flex;gap: var(--space-3);flex-wrap: wrap;align-items: center}@media (max-width: 720px){.iblis-element-block{grid-template-columns: 1fr}}.iblis-skin-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(260px,1fr));gap: var(--space-4)}.iblis-skin-card{cursor: pointer;display: flex;flex-direction: column;gap: var(--space-3);background: var(--color-bg-elevated);border: 1px solid var(--color-border-subtle);border-radius: var(--radius-md);padding: var(--space-4);transition: border-color var(--motion-duration-base),transform var(--motion-duration-base)}.iblis-skin-card:hover{transform: translateY(-2px);border-color: var(--color-border-default)}.iblis-skin-card.is-active{border-color: var(--color-accent);box-shadow: 0 0 0 1px var(--color-accent)}.iblis-skin-swatches{display: flex;gap: 4px;height: 32px;border-radius: var(--radius-sm);overflow: hidden}.iblis-skin-swatches > span{flex: 1}.iblis-skin-name{font-weight: 600}.iblis-skin-meta{color: var(--color-text-muted);font-size: var(--font-size-xs)}.iblis-contact{display: grid;gap: var(--space-5);grid-template-columns: 1fr;max-width: 640px}.iblis-contact-row{display: flex;align-items: center;gap: var(--space-3);padding: var(--space-4);background: var(--color-bg-elevated);border: 1px solid var(--color-border-subtle);border-radius: var(--radius-md)}.iblis-contact-row .iblis-icon{color: var(--color-accent);flex-shrink: 0}.iblis-contact-row strong{display: block;color: var(--color-text-primary)}.iblis-contact-row span{color: var(--color-text-secondary);font-size: var(--font-size-sm)}.iblis-form{max-width: 720px}.iblis-fieldset{border: 0;padding: 0;margin: 0 0 var(--space-3);min-width: 0}.iblis-fieldset legend{padding: 0;margin-bottom: var(--space-1)}.iblis-choices{display: flex;flex-wrap: wrap;gap: var(--space-4)}.iblis-choice{display: inline-flex;align-items: flex-start;gap: var(--space-2);cursor: pointer}.iblis-choice .iblis-check,.iblis-choice .iblis-radio{flex-shrink: 0;margin-top: 2px}.iblis-form-grid{gap: 0 var(--space-4)}.iblis-field-error{font-size: var(--font-size-sm);color: var(--color-text-primary);border-left: 3px solid var(--color-state-danger);padding-left: var(--space-2)}.iblis-notice{max-width: 720px;margin-bottom: var(--space-5);padding: var(--space-3) var(--space-4);background: var(--color-bg-elevated);border: 1px solid var(--color-border-default);border-left: 4px solid var(--color-state-info);border-radius: var(--radius-md)}.iblis-notice-error{border-left-color: var(--color-state-danger)}.iblis-notice p,.iblis-notice ul{margin: var(--space-1) 0}.iblis-hp{position: absolute;left: -10000px;width: 1px;height: 1px;overflow: hidden}.iblis-ref{font-family: var(--font-family-mono);font-size: var(--font-size-sm);color: var(--color-text-secondary)}.iblis-accepted{padding-left: var(--space-5)}.iblis-accepted li{margin: var(--space-1) 0}.iblis-table-scroll{overflow-x: auto}.iblis-shots{margin-top: var(--space-5)}.iblis-shot{margin: 0}.iblis-shot img{display: block;width: 100%;height: auto;border: 1px solid var(--color-border-default);border-radius: var(--radius-md);box-shadow: 0 12px 32px color-mix(in srgb,var(--color-bg-base) 60%,transparent)}.iblis-shot figcaption{margin-top: var(--space-2);font-size: var(--font-size-sm);color: var(--color-text-muted)}.iblis-board-filters{display: flex;flex-wrap: wrap;gap: var(--space-2)}.iblis-board-group{margin: var(--space-6) 0}.iblis-board-group h2{display: flex;align-items: center;gap: var(--space-3);flex-wrap: wrap}.iblis-board-count{color: var(--color-text-muted);font-weight: 400;font-size: var(--font-size-md)}.iblis-board-list{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--space-3)}.iblis-board-row{padding: var(--space-3) var(--space-4);background: var(--color-bg-elevated);border: 1px solid var(--color-border-subtle);border-left: 3px solid var(--color-border-strong);border-radius: var(--radius-md)}.iblis-board-head{display: flex;align-items: baseline;gap: var(--space-3);flex-wrap: wrap}.iblis-board-title{font-weight: 600;color: var(--color-text-primary)}.iblis-board-meta{margin-top: var(--space-1);color: var(--color-text-muted);font-size: var(--font-size-sm)}.iblis-board-note{margin: var(--space-2) 0 0;padding-left: var(--space-3);border-left: 2px solid var(--color-accent-cool);color: var(--color-text-secondary);font-size: var(--font-size-sm)}.iblis-board-status h2{display: flex;align-items: center;gap: var(--space-3);margin-top: 0}.iblis-board-status .iblis-board-note{margin-bottom: var(--space-4)}.iblis-state{display: inline-block;padding: 2px 10px;border-radius: var(--radius-full);border: 1px solid var(--color-border-default);font-size: var(--font-size-xs);font-weight: 600;letter-spacing: 0.04em;text-transform: uppercase;color: var(--color-text-secondary);background: var(--color-bg-subtle)}.iblis-state.is-in_progress{color: #fff;background: var(--color-accent);border-color: var(--color-accent)}.iblis-state.is-accepted{color: var(--color-accent-cool);border-color: var(--color-accent-cool)}.iblis-state.is-done{color: var(--color-state-success);border-color: var(--color-state-success)}.iblis-state.is-new{color: var(--color-state-warning);border-color: var(--color-state-warning)}#in_progress .iblis-board-row{border-left-color: var(--color-accent)}#accepted .iblis-board-row{border-left-color: var(--color-accent-cool)}#done .iblis-board-row{border-left-color: var(--color-state-success)}
.iblis-beta{display: flex;align-items: flex-start;gap: var(--space-4);margin: var(--space-5) 0 0;padding: var(--space-4) var(--space-5);border: 1px solid var(--color-border-default);border-left: 4px solid var(--color-state-warning);border-radius: var(--radius-md);background: linear-gradient(90deg,color-mix(in srgb,var(--color-state-warning) 7%,var(--color-bg-elevated)) 0%,var(--color-bg-elevated) 55%);color: var(--color-text-secondary);max-width: 76ch}.iblis-beta-tag{flex-shrink: 0;padding: 3px 10px;border-radius: var(--radius-sm);background: var(--color-state-warning);color: var(--color-text-inverse);font-size: var(--font-size-xs);font-weight: 700;letter-spacing: 0.08em;transform: rotate(-4deg);box-shadow: 0 2px 6px rgba(0,0,0,0.5)}.iblis-beta p{margin: 0}.iblis-beta strong{color: var(--color-text-primary)}.iblis-imgbtn{display: inline-block;line-height: 0;border-radius: var(--radius-lg);filter: drop-shadow(0 6px 14px rgba(0,0,0,0.65));transition: transform var(--motion-duration-fast) var(--motion-ease-standard),filter var(--motion-duration-fast) var(--motion-ease-standard)}.iblis-imgbtn img{display: block;width: 100%;height: auto;max-width: 320px}.iblis-imgbtn:hover{transform: translateY(-2px) scale(1.02);filter: drop-shadow(0 12px 24px rgba(0,0,0,0.75))}.iblis-imgbtn:active{transform: translateY(0) scale(0.99)}.iblis-imgbtn:focus-visible{outline: 2px solid var(--color-accent-cool);outline-offset: 4px}.iblis-cta-art{align-items: center}@media (max-width: 560px){.iblis-cta-art{align-items: center}.iblis-imgbtn img{max-width: 280px}}.iblis-feat{display: grid;gap: var(--space-6);grid-template-columns: repeat(auto-fit,minmax(300px,1fr))}.iblis-feat h2{display: flex;align-items: center;gap: var(--space-3);margin: 0 0 var(--space-4)}.iblis-feat h2 .iblis-icon{color: var(--color-accent)}.iblis-feat-list{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--space-2)}.iblis-feat-list li{display: grid;grid-template-columns: 28px 1fr;gap: var(--space-3);align-items: start;padding: var(--space-3) var(--space-4);background: linear-gradient(180deg,color-mix(in srgb,var(--color-bg-elevated) 100%,white 2%),var(--color-bg-elevated));border: 1px solid var(--color-border-subtle);border-radius: var(--radius-md);box-shadow: inset 0 1px 0 rgba(255,255,255,0.04),0 1px 2px rgba(0,0,0,0.5);opacity: 0;transform: translateX(-14px);transition: opacity var(--motion-duration-slow) var(--motion-ease-standard),transform var(--motion-duration-slow) var(--motion-ease-standard),border-color var(--motion-duration-fast);transition-delay: calc(var(--i,0) * 70ms)}.iblis-feat-list li:hover{border-color: var(--color-border-strong)}.is-visible .iblis-feat-list li{opacity: 1;transform: none}.iblis-feat-list strong{display: block;color: var(--color-text-primary)}.iblis-feat-list span{color: var(--color-text-secondary);font-size: var(--font-size-sm)}.iblis-feat-check{width: 28px;height: 28px;border-radius: var(--radius-full);border: 1px solid color-mix(in srgb,var(--color-state-success) 55%,transparent);background: color-mix(in srgb,var(--color-state-success) 12%,var(--color-bg-inset));display: grid;place-items: center}.iblis-feat-check svg{width: 16px;height: 16px;fill: none;stroke: var(--color-state-success);stroke-width: 2.4;stroke-linecap: round;stroke-linejoin: round}.iblis-feat-check path{stroke-dasharray: 24;stroke-dashoffset: 24}.is-visible .iblis-feat-check path{animation: iblis-draw 420ms var(--motion-ease-standard) forwards;animation-delay: calc(var(--i,0) * 70ms + 220ms)}@keyframes iblis-draw{to{stroke-dashoffset: 0}}.iblis-feat-soon{width: 28px;height: 28px;border-radius: var(--radius-full);border: 1px dashed var(--color-border-strong);display: grid;place-items: center}.iblis-feat-soon::after{content: "";width: 8px;height: 8px;border-radius: var(--radius-full);background: var(--color-accent-cool);animation: iblis-breathe 2.6s ease-in-out infinite;animation-delay: calc(var(--i,0) * 180ms)}@keyframes iblis-breathe{0%,100%{transform: scale(0.7);opacity: 0.5}50%{transform: scale(1.15);opacity: 1}}.iblis-feat-soon-list li{border-style: dashed}.iblis-video{display: block;width: 100%;height: auto;aspect-ratio: 16 / 9;background: var(--color-bg-inset);border: 1px solid var(--color-border-default);border-radius: var(--radius-md);box-shadow: 0 18px 40px rgba(0,0,0,0.8)}.iblis-video-note{margin-top: var(--space-2)}.iblis-hero-shot{margin: var(--space-6) 0 0;position: relative}.iblis-hero-shot img{display: block;width: 100%;height: auto;border: 1px solid var(--color-border-strong);border-radius: var(--radius-md);box-shadow: var(--anaglyph-shift) 0 0 color-mix(in srgb,var(--color-accent) 55%,transparent),calc(var(--anaglyph-shift) * -1) 0 0 color-mix(in srgb,var(--color-accent-cool) 55%,transparent),0 24px 60px rgba(0,0,0,0.85)}.iblis-hero-shot figcaption{margin-top: var(--space-2);color: var(--color-text-muted);font-size: var(--font-size-sm)}
:root[data-skin="dark-3d"]{--color-bg-base: #020203;--color-bg-elevated: #0a0a10;--color-bg-subtle: #13131c;--color-bg-inset: #000000;--color-text-primary: #ecedf2;--color-text-secondary: #a4a6b3;--color-text-muted: #7d7f89;--color-border-subtle: #1a1c26;--color-border-default: #262936;--color-border-strong: #3a3e4f;--color-accent: #e23535;--color-accent-text: #e44545;--color-accent-cool: #3580ff;--watermark-color: rgba(255,255,255,0.025);--scroll-track: #000000;--scroll-thumb: #2865d6;--scroll-thumb-hover: #3580ff;--scroll-arrow-bg: #b22323;--scroll-arrow-bg-hover: #e23535;--scroll-arrow-fg: #ffffff;color-scheme: dark}
:root[data-skin="light-paper"]{--color-bg-base: #f6f5f1;--color-bg-elevated: #ffffff;--color-bg-subtle: #ecebe6;--color-bg-inset: #e6e4dd;--color-text-primary: #161615;--color-text-secondary: #4b4c52;--color-text-muted: #67676e;--color-text-inverse: #ffffff;--color-border-subtle: #e3e2dc;--color-border-default: #c9c8c2;--color-border-strong: #a8a7a1;--color-accent: #c92626;--color-accent-text: #c92626;--color-accent-cool: #2057c8;--color-accent-soft: #8c1e1e;--shadow-sm: 0 1px 0 rgba(255,255,255,0.6),0 1px 2px rgba(0,0,0,0.06);--shadow-md: 0 1px 0 rgba(255,255,255,0.7),0 6px 18px rgba(0,0,0,0.08);--shadow-lg: 0 1px 0 rgba(255,255,255,0.8),0 18px 40px rgba(0,0,0,0.10);--watermark-color: rgba(0,0,0,0.04);--scroll-track: #e3e2dc;--scroll-thumb: #2057c8;--scroll-thumb-hover: #3580ff;--scroll-arrow-bg: #c92626;--scroll-arrow-bg-hover: #e23535;--scroll-arrow-fg: #ffffff;color-scheme: light}
:root[data-skin="infernal"]{--color-bg-base: #0a0204;--color-bg-elevated: #150508;--color-bg-subtle: #1f0810;--color-bg-inset: #050102;--color-text-primary: #f0d8da;--color-text-secondary: #b9939a;--color-text-muted: #91777d;--color-border-subtle: #2a0c14;--color-border-default: #3d1019;--color-border-strong: #5b1825;--color-accent: #ff3b3b;--color-accent-text: #ff3b3b;--color-accent-cool: #d24a4a;--color-accent-soft: #a01818;--watermark-color: rgba(255,40,40,0.045);--scroll-track: #050102;--scroll-thumb: #5b1825;--scroll-thumb-hover: #8b2030;--scroll-arrow-bg: #ff3b3b;--scroll-arrow-bg-hover: #ff6060;--scroll-arrow-fg: #1a0508;color-scheme: dark}
:root[data-skin="cathedral"]{--color-bg-base: #0e0a05;--color-bg-elevated: #1a1308;--color-bg-subtle: #251a0c;--color-bg-inset: #050302;--color-text-primary: #f4e3c1;--color-text-secondary: #c5ad7e;--color-text-muted: #938365;--color-border-subtle: #2a1f10;--color-border-default: #3a2b18;--color-border-strong: #5a4524;--color-accent: #d8a13a;--color-accent-text: #d8a13a;--color-accent-cool: #6e9bc4;--color-accent-soft: #a07820;--watermark-color: rgba(216,161,58,0.05);--scroll-track: #0a0703;--scroll-thumb: #6e9bc4;--scroll-thumb-hover: #92b6d6;--scroll-arrow-bg: #a07820;--scroll-arrow-bg-hover: #d8a13a;--scroll-arrow-fg: #1a1308;color-scheme: dark}