/*! Sıvı cam yüzeyi: liquefy-ui 1.3.0 styles.css'ten yalnızca yüzey ve tema kuralları (MIT) —
    Copyright (c) 2026 liquefy-ui contributors — https://github.com/liquefy-ui/liquefy-ui — lisans: /assets/js/cam.LICENSE.txt */
@layer liquefy-ui {
  :root { --lq-accent: #8f8f8f; --lq-space: 4px; --lq-radius-default: 18px; --lq-duration: 420ms; --lq-easing: cubic-bezier(0.22, 1, 0.36, 1); --lq-text: #f8faff; --lq-muted: rgba(242, 246, 255, 0.66); }
  .lq-provider { --lq-veil-floor: 0.34; --lq-clear-fill: rgba(255, 255, 255, 0.12); --lq-clear-line: rgba(255, 255, 255, 0.15); --lq-control-fill: transparent; --lq-control-line: rgba(255, 255, 255, 0.16); --lq-control-hover-line: color-mix(in srgb, var(--lq-button-tint, var(--lq-accent)) 28%, rgba(255, 255, 255, 0.18)); --lq-dock-active: #fff; --lq-dock-hover-fill: rgba(255, 255, 255, 0.012); --lq-dock-indicator-fill: transparent; --lq-field-fill: transparent; --lq-field-focus-fill: color-mix(in srgb, var(--lq-accent) 2%, transparent); --lq-field-line: rgba(255, 255, 255, 0.13); --lq-foreground: #f8faff; --lq-glass-bright: rgba(255, 255, 255, 0.32); --lq-glass-shade: rgba(73, 111, 209, 0.07); --lq-glass-soft: rgba(255, 255, 255, 0.06); --lq-muted: rgba(242, 246, 255, 0.66); --lq-placeholder: rgba(235, 241, 255, 0.42); --lq-quiet-fill: transparent; --lq-quiet-line: rgba(255, 255, 255, 0.13); --lq-regular-fill: rgba(255, 255, 255, 0.012); --lq-regular-line: rgba(255, 255, 255, 0.18); --lq-rim-bright: rgba(255, 255, 255, 1); --lq-rim-dim: rgba(255, 255, 255, 0.7); --lq-rim-mid: rgba(255, 255, 255, 0.55); --lq-rim-width: 1.6px; --lq-shadow-color: rgba(4, 9, 24, 0.14); --lq-solid-fill: rgb(30, 38, 60); --lq-switch-fill: transparent; --lq-switch-line: rgba(255, 255, 255, 0.14); color: var(--lq-text); color-scheme: dark light; min-width: 0; }
  .lq-provider[data-liquid-theme='dark'] { color: var(--lq-foreground); color-scheme: dark; }
  .lq-provider[data-liquid-theme='light'] { --lq-veil-floor: 0; --lq-clear-fill: rgba(255, 255, 255, 0.55); --lq-clear-line: rgba(66, 85, 128, 0.22); --lq-control-fill: transparent; --lq-control-line: rgba(66, 85, 128, 0.24); --lq-control-hover-line: color-mix(in srgb, var(--lq-button-tint, var(--lq-accent)) 28%, rgba(255, 255, 255, 0.18)); --lq-dock-active: #17203a; --lq-dock-hover-fill: rgba(255, 255, 255, 0.015); --lq-dock-indicator-fill: transparent; --lq-field-fill: transparent; --lq-field-focus-fill: color-mix(in srgb, var(--lq-accent) 1.5%, transparent); --lq-field-line: rgba(66, 85, 128, 0.24); --lq-foreground: #12182a; --lq-glass-bright: rgba(255, 255, 255, 0.56); --lq-glass-shade: rgba(62, 91, 164, 0.07); --lq-glass-soft: rgba(255, 255, 255, 0.16); --lq-muted: rgba(26, 35, 58, 0.62); --lq-placeholder: rgba(28, 40, 68, 0.42); --lq-quiet-fill: transparent; --lq-quiet-line: rgba(66, 85, 128, 0.16); --lq-regular-fill: rgba(255, 255, 255, 0.015); --lq-regular-line: rgba(66, 85, 128, 0.26); --lq-rim-bright: rgba(255, 255, 255, 0.94); --lq-rim-dim: rgba(255, 255, 255, 0.62); --lq-rim-mid: rgba(255, 255, 255, 0.4); --lq-rim-width: 1.6px; --lq-shadow-color: rgba(42, 55, 91, 0.1); --lq-solid-fill: rgb(239, 244, 255); --lq-switch-fill: transparent; --lq-switch-line: rgba(66, 85, 128, 0.24); color: var(--lq-foreground); color-scheme: light; }
  .lq-surface { --lq-edge-angle: 145deg; --lq-elastic-x: 0px; --lq-elastic-y: 0px; --lq-pointer-x: 50%; --lq-pointer-y: 50%; --lq-rotate-x: 0deg; --lq-rotate-y: 0deg; --lq-skew-x: 0deg; --lq-squish: 0; --lq-lift: 0px; --lq-magnet-x: 0px; --lq-magnet-y: 0px; --lq-scale-x: 1; --lq-scale-y: 1; --lq-shine-opacity: 0; -webkit-tap-highlight-color: transparent; isolation: isolate; position: relative; transform: perspective(900px) translate3d( calc(var(--lq-magnet-x) + var(--lq-elastic-x)), calc(var(--lq-lift) + var(--lq-magnet-y) + var(--lq-elastic-y)), 0) rotateX(var(--lq-rotate-x)) rotateY(var(--lq-rotate-y)) skewX(var(--lq-skew-x)) scaleX(var(--lq-scale-x)) scaleY(var(--lq-scale-y)); transform-style: preserve-3d; transition: box-shadow var(--lq-duration) var(--lq-easing), border-color var(--lq-duration) var(--lq-easing), background var(--lq-duration) var(--lq-easing); will-change: transform; }
  .lq-surface { --lq-veil-amount: clamp(var(--lq-veil-floor, 0), var(--lq-veil, 1), 1); --lq-cast: color-mix(in srgb, var(--lq-shadow-color) calc(var(--lq-veil-amount) * 100%), transparent); --lq-sheen: color-mix(in srgb, var(--lq-glass-bright) calc(var(--lq-veil-amount) * 100%), transparent); --lq-sheen-shade: color-mix(in srgb, var(--lq-glass-shade) calc(var(--lq-veil-amount) * 100%), transparent); --lq-blur: calc(1.5px + var(--lq-frost, 0px)); --lq-saturate: calc(1 + 0.4 * var(--lq-veil-amount)); --lq-brighten: calc(1 + 0.05 * var(--lq-veil-amount)); --lq-glow: calc(0.4 * var(--lq-veil-amount)); --lq-fill-base: var(--lq-clear-fill); --lq-fill: color-mix(in srgb, var(--lq-fill-base) calc(var(--lq-veil-amount) * 100%), transparent); --lq-line: var(--lq-clear-line); --lq-shadow: 0 16px 40px var(--lq-cast), 0 2px 8px color-mix(in srgb, var(--lq-cast) 52%, transparent); -webkit-backdrop-filter: blur(var(--lq-blur)) saturate(var(--lq-saturate)) brightness(var(--lq-brighten)) var(--lq-lens, ); backdrop-filter: blur(var(--lq-blur)) saturate(var(--lq-saturate)) brightness(var(--lq-brighten)) var(--lq-lens, ); background: var(--lq-fill); border: 1px solid var(--lq-line); border-radius: calc(var(--lq-radius) + var(--lq-squish) * 6px); box-shadow: var(--lq-shadow), inset 0 1px 0 var(--lq-sheen), inset 0 -1.25px 0 var(--lq-sheen-shade), inset 0 0 22px -14px rgba(255, 255, 255, var(--lq-glow)); overflow: hidden; }
  .lq-surface[data-liquid-variant='clear'] { --lq-blur: var(--lq-frost, 0px); --lq-saturate: calc(1 + 0.08 * var(--lq-veil-amount)); --lq-brighten: 1; --lq-glow: calc(0.1 * var(--lq-veil-amount)); }
  .lq-surface[data-liquid-variant='clear'] > .lq-surface__edge { opacity: 0.88; }
  .lq-surface[data-liquid-variant='tinted'] { --lq-blur: calc(2px + var(--lq-frost, 0px)); --lq-fill-base: color-mix(in srgb, var(--lq-tint) 14%, transparent); --lq-line: color-mix(in srgb, var(--lq-tint) 48%, rgba(255, 255, 255, 0.12)); }
  .lq-surface[data-liquid-active='true'] { border-color: color-mix(in srgb, var(--lq-tint) 32%, rgba(255, 255, 255, 0.14)); box-shadow: 0 20px 52px color-mix(in srgb, var(--lq-shadow-color) 86%, transparent), 0 3px 12px color-mix(in srgb, var(--lq-shadow-color) 54%, transparent), inset 0 0.75px 0 var(--lq-glass-bright), inset 0 -1px 0 var(--lq-glass-shade); }
  .lq-surface__edge, .lq-surface__edge::after { border-radius: inherit; content: ''; inset: 0; padding: var(--lq-rim-width); pointer-events: none; position: absolute; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; }
  .lq-surface__edge { background: radial-gradient( circle 124px at var(--lq-pointer-x) var(--lq-pointer-y), rgba(255, 255, 255, calc(0.22 + var(--lq-shine-opacity) * 0.42)), rgba(255, 255, 255, 0.08) 36%, transparent 72% ), linear-gradient( var(--lq-edge-angle), var(--lq-rim-bright) 0%, var(--lq-rim-mid) 34%, var(--lq-glass-shade) 62%, var(--lq-rim-dim) 100% ); filter: drop-shadow(0 0 2px color-mix(in srgb, var(--lq-tint, var(--lq-button-tint)) 8%, transparent)); mix-blend-mode: screen; transition: opacity 260ms ease; z-index: 2; }
  .lq-surface__edge::after { background: linear-gradient( var(--lq-edge-angle), color-mix(in srgb, var(--lq-rim-bright) 80%, transparent) 0%, color-mix(in srgb, var(--lq-rim-mid) 80%, transparent) 34%, transparent 62%, color-mix(in srgb, var(--lq-rim-dim) 80%, transparent) 100% ); mix-blend-mode: overlay; }
  .lq-surface[data-liquid-interactive='false'] > .lq-surface__edge { background: linear-gradient( 145deg, var(--lq-rim-bright) 0%, var(--lq-rim-mid) 34%, var(--lq-glass-shade) 62%, var(--lq-rim-dim) 100% ); }
  .lq-surface::after { border-radius: inherit; box-shadow: inset 0 0.75px 0 rgba(255, 255, 255, 0.1), inset 0 -0.75px 0 color-mix(in srgb, var(--lq-tint, var(--lq-button-tint)) 8%, transparent); content: ''; inset: 1px; pointer-events: none; position: absolute; z-index: 2; }
  .lq-surface__shader { border-radius: inherit; height: 100%; inset: 0; mix-blend-mode: screen; opacity: var(--lq-veil-amount, 1); pointer-events: none; position: absolute; width: 100%; z-index: 1; }
  .lq-surface__shader[data-fallback='true'] { display: none; }
  .lq-surface__content { display: contents; }
  .lq-surface__content > * { position: relative; z-index: 3; }
  @media (prefers-color-scheme: light) {
    .lq-provider[data-liquid-theme='system'] { --lq-veil-floor: 0; --lq-clear-fill: rgba(255, 255, 255, 0.55); --lq-clear-line: rgba(66, 85, 128, 0.22); --lq-control-fill: transparent; --lq-control-line: rgba(66, 85, 128, 0.24); --lq-control-hover-line: color-mix(in srgb, var(--lq-button-tint, var(--lq-accent)) 28%, rgba(255, 255, 255, 0.18)); --lq-dock-active: #17203a; --lq-dock-hover-fill: rgba(255, 255, 255, 0.015); --lq-dock-indicator-fill: transparent; --lq-field-fill: transparent; --lq-field-focus-fill: color-mix(in srgb, var(--lq-accent) 1.5%, transparent); --lq-field-line: rgba(66, 85, 128, 0.24); --lq-foreground: #12182a; --lq-glass-bright: rgba(255, 255, 255, 0.56); --lq-glass-shade: rgba(62, 91, 164, 0.07); --lq-glass-soft: rgba(255, 255, 255, 0.16); --lq-muted: rgba(26, 35, 58, 0.62); --lq-placeholder: rgba(28, 40, 68, 0.42); --lq-quiet-fill: transparent; --lq-quiet-line: rgba(66, 85, 128, 0.16); --lq-regular-fill: rgba(255, 255, 255, 0.015); --lq-regular-line: rgba(66, 85, 128, 0.26); --lq-rim-bright: rgba(255, 255, 255, 0.94); --lq-rim-dim: rgba(255, 255, 255, 0.62); --lq-rim-mid: rgba(255, 255, 255, 0.4); --lq-rim-width: 1.6px; --lq-shadow-color: rgba(42, 55, 91, 0.1); --lq-solid-fill: rgb(239, 244, 255); --lq-switch-fill: transparent; --lq-switch-line: rgba(66, 85, 128, 0.24); color: var(--lq-foreground); color-scheme: light; }
  }
  .lq-provider[data-liquid-motion='off'] .lq-surface, .lq-provider[data-liquid-motion='off'] .lq-tab-panel { animation: none; transition-duration: 0.01ms; }
  .lq-provider[data-liquid-transparency='off'] .lq-surface { -webkit-backdrop-filter: none; backdrop-filter: none; background: var(--lq-solid-fill); }
  .lq-provider[data-liquid-transparency='off'] .lq-surface__shader, .lq-provider[data-liquid-transparency='off'] .lq-surface__edge { display: none; }
}

/* ---------- Site uyarlaması (katmansız kurallar kütüphanenin katmanını ezer) ----------
   İstem kartı (.ai-panel .ai-composer) cam olur; assets/js/cam.js sınıfları ve katmanları ekler. Sitenin opak zemini,
   çerçevesi ve gölgesi revert-layer ile geri alınır ki kütüphanenin cam malzemesi görünsün. */
.ai-panel.lq-provider { color: inherit; }
.ai-composer.lq-surface {
  --lq-radius: 22px; --lq-tint: #8f8f8f; --lq-local-intensity: 1.2;
  background: revert-layer; border: revert-layer; border-radius: revert-layer; box-shadow: revert-layer;
}
.ai-composer.lq-surface:focus-within {
  border-color: color-mix(in srgb, var(--orange) 65%, var(--lq-line));
  box-shadow: var(--lq-shadow), 0 0 0 4px color-mix(in srgb, var(--orange) 15%, transparent);
}
.ai-composer.lq-surface > textarea, .ai-composer.lq-surface > .ai-tools { position: relative; z-index: 3; }
/* Camın arkasında turuncu yok (Enis, 2026-11-01: "arkadaki turunculuğu al, glass kalsın"): sitenin kartın altındaki eski
   turuncu parıltısı da camın içinden göründüğü için kapalı */
.ai-composer.lq-surface::before { display: none; }
@media (prefers-reduced-transparency: reduce) {
  .ai-composer.lq-surface { background: var(--field); -webkit-backdrop-filter: none; backdrop-filter: none; }
}