@charset "UTF-8";

/* Önizlemeye ait bağımsız sanat deneyimi. Native radio/checkbox; JS veya timer yok. */
:root[data-ob-tema="ob_isik_atlasi"] .ob_isik_evreni{background:#080b0e;color:#f0f2ec;padding:0 0 65px;scroll-margin-top:20px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_cerceve{--ob_evren_parlaklik:.78;--ob_evren_renk:1;--ob_evren_hale:.28;--ob_evren_iz:.65;border:1px solid #3c4046;background:#090c10;position:relative;overflow:hidden}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_sahne{position:relative;height:570px;isolation:isolate;overflow:hidden;background:#030507}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_gorsel{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% center;filter:brightness(var(--ob_evren_parlaklik)) saturate(var(--ob_evren_renk));transition:filter .7s ease;z-index:-2}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_sahne::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030507f2,transparent 60%),linear-gradient(0deg,#030507a0,transparent 35%);z-index:-1;pointer-events:none}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_metin{position:relative;z-index:2;width:48%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:48px 42px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_metin .ob_atlas_etiket{color:#ffdb35;font-size:9px;letter-spacing:.14em}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_metin h2{font:800 clamp(36px,4.4vw,68px)/1.03 ob_montserrat,Arial,sans-serif;letter-spacing:-.055em;margin:28px 0 24px;color:#f4f4ed}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_metin h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #ffdb35}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_metin>p{font-size:13px;line-height:1.8;color:#b9bec7;margin:0;max-width:350px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_asamalar{margin-top:34px;padding-top:22px;border-top:1px solid #62605b;max-width:260px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_asama{display:none;margin:0}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_asama small{display:block;font:9px/1.5 monospace;letter-spacing:.1em;color:#ffdb35;margin-bottom:10px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_asama strong{font:600 17px/1.45 ob_montserrat,Arial,sans-serif;color:#e5e8eb;letter-spacing:-.025em}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_sahne_imza{position:absolute;right:26px;bottom:23px;display:flex;align-items:center;gap:18px;color:#b9bbbd;font:8px/1.5 monospace;letter-spacing:.12em;z-index:2}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_sahne_imza b{color:#ffdb35;font:400 30px/1 Arial,sans-serif}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_yorungeler{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_yorunge,:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_yorunge::after,:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_yorunge b,:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_dis_yorunge{border-radius:50%!important}
:root[data-ob-tema="ob_isik_atlasi"] .ob_studyo_kategori_giris .ob_evren_giris_bagi{display:flex;align-items:center;gap:16px;width:fit-content;margin-top:16px;color:#ffdb35;font-size:11px;padding-block:8px;border-bottom:1px solid #605831}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_yorunge{position:absolute;left:72%;top:48%;width:480px;height:480px;border:1px solid #ffd87875;border-radius:50%;transform:translate(-50%,-50%);opacity:var(--ob_evren_iz);transition:opacity .7s ease}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_yorunge::after{content:"";position:absolute;inset:16px;border-radius:50%;border:1px dashed #e8c57348}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_yorunge b{position:absolute;width:5px;height:5px;border-radius:50%;background:#ffe2a2;box-shadow:0 0 16px 3px #ffdb3590}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_yorunge b:nth-child(1){top:0;left:48%}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_yorunge b:nth-child(2){bottom:17%;left:12%}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_yorunge b:nth-child(3){right:2%;top:36%}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_dis_yorunge{position:absolute;left:72%;top:48%;width:670px;height:235px;border:1px solid #f7d17c44;border-radius:50%;transform:translate(-50%,-50%) rotate(-25deg);opacity:var(--ob_evren_iz);transition:opacity .7s ease}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_parlama{position:absolute;left:72%;top:48%;width:670px;height:670px;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff0c32e,transparent 55%);mix-blend-mode:screen;opacity:var(--ob_evren_hale);transition:opacity .7s ease}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_cerceve:has(#ob_evren_kivilcim:checked){--ob_evren_parlaklik:.38;--ob_evren_renk:1.15;--ob_evren_hale:.05;--ob_evren_iz:.14}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_cerceve:has(#ob_evren_supernova:checked){--ob_evren_parlaklik:1.12;--ob_evren_renk:1.2;--ob_evren_hale:1;--ob_evren_iz:1}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_cerceve:has(#ob_evren_kivilcim:checked) .ob_evren_asama_kivilcim,:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_cerceve:has(#ob_evren_yorunge:checked) .ob_evren_asama_yorunge,:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_cerceve:has(#ob_evren_supernova:checked) .ob_evren_asama_supernova{display:block}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_cerceve:has(#ob_evren_hareket:checked) .ob_evren_yorunge{animation:ob_evren_donus 20s linear infinite}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_kumanda{display:flex;align-items:end;gap:42px;padding:25px 32px 29px;border-top:1px solid #383e46;background:#11161d}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_secimler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;margin:0;min-inline-size:0;border:0;flex:1}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_secimler legend{font-size:11px;color:#b5bec9;padding:0;margin-bottom:14px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_secim{display:flex;align-items:end;justify-content:space-between;gap:12px;min-width:0;min-height:77px;padding:15px 17px;border:1px solid #424c59;background:#141b24;cursor:pointer;transition:border-color .2s,background .2s}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_secim small{display:block;font:8px/1.4 monospace;color:#a4b0be;letter-spacing:.1em;margin-bottom:9px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_secim strong{font:700 15px/1.3 ob_montserrat,Arial,sans-serif;color:#e5e9ed}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_secim input,:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_hareket input{width:16px;height:16px;min-width:16px;margin:0;accent-color:#ffdb35;color-scheme:dark;cursor:pointer}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_secim:has(:checked){background:#ffdb350b;border-color:#ffdb35}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_secim:has(:checked) strong{color:#ffdb35}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_secim:hover{border-color:#bdad72}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_secim:focus-within,:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_hareket:focus-within{outline:2px solid #ffdb35;outline-offset:4px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_hareket{display:flex;align-items:center;gap:10px;min-height:77px;font-size:11px;color:#bfc7d1;cursor:pointer;flex-shrink:0;padding-inline:2px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_hareket i{font:400 22px/1 Arial,sans-serif;color:#ffdb35;font-style:normal;margin-left:8px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_duragan{display:none;font-size:11px;color:#bfc7d1}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_alt{display:flex;justify-content:space-between;align-items:center;gap:22px;padding-top:21px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_alt p{font-size:10px;line-height:1.6;color:#9da7b3;margin:0}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_alt a{display:flex;align-items:center;gap:18px;color:#d2d8df;font-size:11px;min-height:35px}
:root[data-ob-tema="ob_isik_atlasi"] .ob_evren_alt a:hover{color:#ffdb35}
@keyframes ob_evren_donus{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:1100px){
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_sahne{height:510px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_metin{padding-inline:28px;width:53%}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_metin h2{font-size:clamp(36px,4.5vw,51px)}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_yorunge{width:380px;height:380px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_dis_yorunge{width:500px;height:210px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_kumanda{gap:24px;padding-inline:24px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_secim{padding-inline:13px}
}
@media(max-width:760px){
  :root[data-ob-tema="ob_isik_atlasi"] .ob_isik_evreni{padding-bottom:48px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_metin{padding:35px 24px;width:60%}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_metin h2{font-size:clamp(34px,4.8vw,43px)}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_metin>p{font-size:12px;max-width:280px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_asama strong{font-size:15px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_kumanda{display:block;padding:22px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_hareket{min-height:44px;margin-top:14px;font-size:10px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_hareket i{margin-left:auto}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_secim{gap:8px;padding:13px 11px;min-height:74px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_secim strong{font-size:12px}
}
@media(max-width:600px){
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_sahne{height:600px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_metin{justify-content:start;padding:29px 23px;width:100%;height:auto}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_metin .ob_atlas_etiket{font-size:8px;letter-spacing:.09em}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_metin h2{font-size:40px;line-height:1.06;margin:21px 0 17px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_metin>p{font-size:11px;line-height:1.6}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_gorsel{inset:auto 0 0;height:370px;object-position:75% center}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_sahne::after{background:linear-gradient(0deg,#03050780,transparent 35%),linear-gradient(180deg,#030507 36%,#03050710 58%)}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_asamalar{position:absolute;top:469px;left:23px;margin:0;padding-top:14px;border-color:#e7d29575;width:170px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_asama small{font-size:8px;margin-bottom:7px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_asama strong{font-size:13px;text-shadow:0 2px 8px #000}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_sahne_imza{right:16px;bottom:17px;font-size:6px;letter-spacing:.05em;gap:8px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_sahne_imza b{font-size:20px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_yorunge{left:62%;top:68%;width:290px;height:290px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_dis_yorunge{left:62%;top:68%;width:410px;height:170px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_parlama{left:62%;top:68%;width:450px;height:450px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_kumanda{padding:21px 14px 12px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_secimler{gap:7px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_secim{padding:12px 9px;align-items:start;position:relative;min-height:86px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_secim small{font-size:7px;letter-spacing:.04em}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_secim strong{font-size:11px;letter-spacing:-.03em}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_secim input{position:absolute;right:9px;bottom:12px;width:13px;height:13px;min-width:13px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_alt{display:block;padding-top:16px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_alt a{margin-top:9px;font-size:10px}
}
@media(max-width:360px){
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_metin{padding-inline:18px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_metin h2{font-size:34px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_kumanda{padding-inline:10px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_secim{padding-inline:7px}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_secim strong{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  :root[data-ob-tema="ob_isik_atlasi"] .ob_isik_evreni *,:root[data-ob-tema="ob_isik_atlasi"] .ob_isik_evreni *::after{animation:none!important;transition:none!important}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_hareket{display:none}
  :root[data-ob-tema="ob_isik_atlasi"] .ob_evren_duragan{display:block;min-height:40px;align-content:center}
}