.sy-loader-wrapper { display:flex; flex-direction:column; justify-content:center; align-items:center; position:fixed; inset:0; z-index:9999; color:#e8ecff; font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,'Space Mono',monospace; background:radial-gradient(1200px 700px at 20% 15%, #0f172a 0%, #0b1020 40%, #070a16 100%); overflow:hidden; isolation:isolate; }
.sy-loader-wrapper::before, .sy-loader-wrapper::after { content:""; position:absolute; inset:-25%; background:radial-gradient(60% 40% at 15% 20%, rgba(167,139,250,.8) 0%, transparent 60%), radial-gradient(60% 40% at 85% 30%, rgba(96,165,250,.85) 0%, transparent 62%), radial-gradient(70% 46% at 50% 85%, rgba(252,231,243,.55) 0%, transparent 65%); filter:blur(40px) saturate(110%); opacity:.75; z-index:-2; animation:aurora-move 18s ease-in-out infinite alternate; }
.sy-loader-wrapper::after { mix-blend-mode:screen; opacity:.65; animation-duration:26s; animation-direction:alternate-reverse; }
.loading-logo { width:140px; height:140px; will-change:transform, filter; animation:logo-pulse 1.8s cubic-bezier(.22,1,.36,1) infinite; filter:drop-shadow(0 8px 28px rgba(96,165,250,.55)) drop-shadow(0 0 1px rgba(255,255,255,.25)); }
.loading-bar { width:min(560px,72%); height:12px; position:relative; overflow:hidden; border-radius:999px; background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06)); border:1px solid rgba(255,255,255,.12); box-shadow:inset 0 0 24px rgba(99,102,241,.18), 0 6px 32px rgba(2,6,23,.35); }
.loading-bar::before { content:""; position:absolute; inset:0; transform:translateX(-60%); width:60%; background:linear-gradient(90deg, transparent, rgba(99,102,241,.85) 15%, rgba(96,165,250,.95) 55%, rgba(244,244,255,.9) 80%, transparent 95%); filter:blur(2px) saturate(115%); animation:bar-run 1.4s ease-in-out infinite; }
.gradient-text { font-size:clamp(1.8rem,4.2vw,3.2rem); font-weight:900; letter-spacing:.3px; line-height:1.15; color:transparent; background:linear-gradient(90deg,#a78bfa,#60a5fa,#eef2ff); background-size:200% 100%; -webkit-background-clip:text; background-clip:text; animation:headline-flow 5s ease-in-out infinite; position:relative; }
.gradient-text::after { content:""; position:absolute; inset:0; pointer-events:none; mix-blend-mode:screen; background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.25) 45%,transparent 60%); animation:shine 2.8s ease-in-out infinite .6s; }
.sohbetyukleniyor { display:inline-block; overflow:hidden; white-space:nowrap; border-right:.15em solid transparent; animation:typing 2.6s steps(34,end) infinite; }
.developer-info { font-size:clamp(.95rem,1.6vw,1.15rem); color:#e9e9ff; padding:18px 22px; margin-top:36px; display:flex; flex-direction:column; align-items:center; gap:12px; border-radius:18px; background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06)); backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.12); position:relative; box-shadow:0 20px 60px rgba(2,6,23,.45); }
.developer-info a { color:#bfdbfe; text-decoration:none; font-weight:800; }
.developer-info a:hover { color:#fff; text-shadow:0 0 16px rgba(147,51,234,.9); }
.sy-app{display:flex; min-height:100%}
.icon-color {font-size: 24px;}
.sy-modal{position:fixed; inset:0; display:none; align-items:center; justify-content:center}
.sy-modal.show{display:flex}
.sy-modal-backdrop{position:absolute; inset:0;backdrop-filter:blur(2px)}
.sy-modal-dialog{position:relative; width:min(520px,90%);border-radius:16px; box-shadow:0 24px 70px rgba(2,6,23,.28); overflow:hidden}
.sy-modal-head{display:flex; align-items:center; justify-content:space-between; padding:12px 14px; border-bottom:1px solid #e5e7eb}
.pm-user{display:flex; gap:10px; align-items:center}
.pm-user img{width:44px; height:44px; border-radius:12px; object-fit:cover; box-shadow:0 6px 16px rgba(15,23,42,.12)}
.pm-meta h3{margin:0; font-size:15px; font-weight:900}
.pm-status{font-size:12px; opacity:.85}
.pm-close{appearance:none; border:1px solid #e5e7eb; width:32px; height:32px; border-radius:8px; font-size:20px; line-height:28px; cursor:pointer}
.sy-modal-body{padding:12px 14px; display:grid; gap:8px}
.pm-row{display:flex; justify-content:space-between; gap:12px; border:1px dashed #e5e7eb; border-radius:10px; padding:8px 10px;}
.pm-row span{font-size:12px;}
.pm-row strong{font-size:13px}
.pm-row a{text-decoration:none;}
.pm-row a:hover{text-decoration:underline}
.pm-sub{font-size:12px; margin-top:4px;}
.pm-ip-list{margin:0; padding-left:16px}
.pm-ip-list li{font-size:12.5px; margin:2px 0}
.sy-modal-foot{display:flex; justify-content:flex-end; gap:8px; padding:12px 14px; border-top:1px solid #e5e7eb;}
.sy-settings{display:grid; gap:10px}
.sy-switch{position:relative; display:grid; grid-template-columns:auto 1fr; align-items:center; gap:10px; padding:12px; border:1px solid #e5e7eb; border-radius:14px;box-shadow:0 18px 60px rgba(33,43,90,.12)}
.sy-switch strong{font-size:13px}
.sy-switch small{font-size:11.5px;}
.sy-switch input{position:absolute; opacity:0; pointer-events:none}
.sy-slider{width:44px; height:24px; border-radius:999px;position:relative; flex:0 0 auto; box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.sy-slider::after{content:""; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; box-shadow:0 2px 8px rgba(0,0,0,.18); transition:transform .2s}
.sy-switch input:checked + .sy-slider::after{transform:translateX(20px)}
.sy-empty{display:block; margin:10px 2px 0; padding:14px; text-align:center; border:1px dashed #e5e7eb;border-radius:16px;box-shadow:inset 0 0 0 1px rgba(15,23,42,.03);}
.sy-empty[hidden]{display:none}
.sy-empty svg{width:28px; height:28px; margin-bottom:6px; opacity:.7; fill:#64748b}
.sy-empty-main{font-size:13px; font-weight:700}
.sy-empty-sub{font-size:12px;margin-top:4px}
.sy-search{display:grid; grid-template-columns:auto 1fr; gap:8px; align-items:center;}
.sy-search svg{width:18px; height:18px; opacity:.8; fill:#0f172a}
.sy-pane{margin-top:8px}
.sy-pane[hidden]{display:none}
.sy-pane.active{display:block}
.sy-approval-list{display:flex; flex-direction:column; gap:10px}
.sy-card{display:flex; justify-content:space-between; gap:10px; align-items:flex-start;border:1px solid #e5e7eb; border-radius:14px;padding:12px; box-shadow:0 18px 60px rgba(33,43,90,.12); transition:transform .18s ease, box-shadow .18s ease}
.sy-card:hover{transform:translateY(-2px); box-shadow:0 16px 40px rgba(15,23,42,.16)}
.sy-cell{display:flex; gap:12px}
.sy-main{flex:1; min-width:0}
.sy-right{flex-direction:column; align-items:flex-end; gap:8px}
.sy-avatar{width:44px; height:44px; border-radius:12px; overflow:hidden; flex:0 0 auto; box-shadow:0 6px 16px rgba(15,23,42,.12)}
.sy-avatar img{width:100%; height:100%; object-fit:cover; display:block}
.sy-meta{min-width:0}
.sy-name{font-weight:800; font-size:14px; line-height:1.2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.sy-sub{font-size:12px;margin-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.sy-inline{display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:8px}
.sy-mini{display:inline-flex; align-items:center; gap:6px; font-size:12px;opacity:.9}
.sy-mini svg{width:16px; height:16px; fill:currentColor; opacity:.8}
.sy-mini a{text-decoration:none}
.sy-mini a:hover{text-decoration:underline}
.sy-tags{display:flex; flex-wrap:wrap; gap:6px; margin-top:8px}
.sy-chip{font-size:11px; padding:4px 8px; border-radius:999px;border:1px solid #e5e7eb}
.sy-badge{font-size:11px; padding:6px 10px; border-radius:999px; border:1px solid #e5e7eb;display:inline-flex; align-items:center; gap:6px}
.sy-ok-badge{border-color:rgba(34,197,94,.25)}
.sy-err-badge{border-color:rgba(239,68,68,.25)}
.sy-warn{border-color:rgba(245,158,11,.25)}
.sy-actions{display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end}
.sy-btn.sy-ok{border-color:transparent}
.sy-btn.sy-err{border-color:transparent}
.sy-top-title{font-size:18px;font-weight:900;text-align:center;margin-bottom:10px;letter-spacing:.3px}
.sy-settings { display:flex; flex-direction:column; gap:12px; }
.sy-desc { font-size:13px;margin:4px 0 8px 4px; }
.sy-actions { margin-top:12px; }
.profile-music-container { max-width:500px; width:100%; padding:15px; border-radius:15px; display:flex; align-items:center; gap:15px; }
.progress-container_muzik { flex:1; height:10px;cursor:pointer; overflow:hidden; box-shadow:inset 0 2px 4px rgba(0,0,0,0.5); }
.progress-bar_muzik { height:100%; width:0%;border-radius:10px; box-shadow:0 0 10px rgba(108,99,255,0.7); transition:width 0.3s ease-out; }
.progress-bar_muzik.active { animation:pulse_profil_muzik 1.5s infinite; }
.music-loader { margin-top:10px; padding:10px;border-radius:8px;font-size:14px; display:flex; align-items:center; gap:10px; animation:fadeIn_muzik 0.3s ease; }
.form_full_muzik { max-width:500px; margin:40px auto; padding:25px 30px;border-radius:20px; box-shadow:0 15px 35px rgba(0,0,0,0.5); font-family:'Poppins',sans-serif; transition:all 0.3s ease; }
.form_full_muzik p { margin:12px 0 22px 0; font-size:17px;line-height:1.5; letter-spacing:0.5px; }
.input_item_muzik input[type="file"] { display:block; width:100%; padding:14px; border-radius:12px; border:2px dashed #666;cursor:pointer; font-size:15px; transition:all 0.3s ease; }
.input_item_muzik input[type="file"]:hover { border-color:#ff7b72;box-shadow:0 4px 15px rgba(255,123,114,0.3); }
.setting_element_muzik.pad_box { display:flex; justify-content:center; gap:18px; flex-wrap:wrap; }
.spinner { margin:24px auto; width:40px; height:40px; border:4px solid #e2e8f0; border-top:4px solid #3b82f6; border-radius:50%; animation:spin 0.8s linear infinite; }
.countdown { margin-top:14px; font-size:15px; font-weight:600;animation:fadeIn 1s ease-in-out; }
.sys_log {padding:16px 24px; margin:14px 0; border-radius:12px; font-family:'Poppins',sans-serif; font-weight:600; font-size:1rem; box-shadow:0 3px 10px rgba(0,0,0,0.1); border:1px solid #ccc; transition:box-shadow 0.3s ease; }
.sys_log:hover { box-shadow:0 6px 20px rgba(0,0,0,0.2); }
.out_page_container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:"Inter","Segoe UI",sans-serif;}
.out_page_box{border-radius:20px;box-shadow:0 12px 40px rgba(0,0,0,0.08);max-width:440px;width:100%;text-align:center;padding:40px 32px;animation:fadeInUp 0.6s ease;transition:all 0.3s ease;}
.out_page_box:hover{box-shadow:0 16px 48px rgba(0,0,0,0.12);transform:translateY(-4px);}
.pad_box p i{font-size:56px;animation:pop 0.6s ease;}
.out_page_box h2{font-size:22px;font-weight:700;margin-bottom:14px;letter-spacing:-0.3px;}
.out_page_box p.theme_color{font-size:15px;line-height:1.6;}
.background_chats::before{content:'';position:absolute;left:0;width:100%;height:100%;background:url('../default_images/icons/cat.svg');background-repeat:no-repeat;background-position:bottom -123px right;background-size:600px;opacity:1;box-shadow:inset 0 0 45px rgb(0,0,0,.271);}
.roombackground{background-size:100% 100%!important;}
.add_room_background{position:relative;}
.room_background_item_wrap{display:table;border-radius:50px;overflow:hidden;}
.room_background_item{width:40px;height:30px;display:table-cell;vertical-align:middle;text-align:center;}
.room_background_menu{display:table-cell;vertical-align:middle;width:147px;}
.room_background_select{-webkit-appearance:none;position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer;}
.room_background_size{height:250px;}
.choose_room_background{position:relative;}
.profile_avatar{display:block;margin:0 auto;}
.avatar_spin{border-radius:50%;}
.state_profile{width:18px;height:18px;right:15px;}
.profile_tinfo{display:block;padding:10px;}
.pdetails{text-align:center;}
#profile_like{width:auto;margin:0 auto;}
.chat_log{width:auto;}
.chat_log>.chat_avatar{width:60px;}
.chat_log>.my_text{position:relative;padding:6px;border-radius:6px;word-break:break-word;}
.chat_log>.my_text::before{content:'';position:absolute;top:14px;right:100%;border-width:8px;border-style:solid;border-color:transparent transparent transparent transparent;}
.chat_log>.my_text>.btable{table-layout:auto;}
.kisisel_arkaplan_icerik{width:428px;margin:10px;height:400px;overflow:auto;}
.kisisel_arkaplan_aktif_olan{border:3px rgb(3,131,250) solid!important;}
.kisisel_arkaplan_modal_open .kisisel_arkaplan_tab_content{max-height:28.125rem;min-height:28.125rem;overflow-y:auto;}
.kisisel_arkaplan_inside_wrapper{padding:1rem 2rem 1rem 0;}
.kisisel_arkaplan_padding{padding:0!important;}
.kisisel_arkaplaan{height:calc(100% - 48px)!important;}
.kisisel_arkaplaan ul{width:100%;margin:0;padding:0;}
.kisisel_arkaplaan li{float:left;list-style-type:none;width:46%;margin:1.33%;height:120px;position:relative;}
.kisisel_arkaplaan img{width:100%;height:120px;border-radius:5px;border:3px #ffffff solid;}
.kisisel_arkaplaan h1{position:absolute;top:64px;width:100%;text-align:center;font-size:12px;}
.kisisel_arkaplaan span{z-index:9999;width:60px;height:60px;text-align:center;font-size:36px!important;border-radius:60px;position:absolute;margin-left:60px;margin-top:20px;}
emoji-picker .header,emoji-picker .search,emoji-picker .tabs,emoji-picker .body{padding:0 10px;}
emoji-picker .tabs{position:sticky;top:calc(10px + 58px);border-bottom:1px solid #e5e7eb;z-index:1;display:flex;gap:6px;overflow-x:auto;overflow-x:hidden;scrollbar-width:thin;}
emoji-picker .tab,emoji-picker .category-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:9999px;font-size:13px;border:1px solid transparent;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .08s ease;user-select:none;white-space:nowrap;}
emoji-picker .tab:hover,emoji-picker .category-chip:hover{border-color:color-mix(in srgb,#6366f1 14%,#e5e7eb);}
emoji-picker .tab.is-active,emoji-picker .category-chip.is-active{border-color:color-mix(in srgb,#6366f1 35%,#e5e7eb);box-shadow:inset 0 0 0 1px color-mix(in srgb,#6366f1 35%,transparent);}
emoji-picker .category-title{position:sticky;top:calc(10px + 58px + 46px);z-index:1;margin:12px 0 8px 0;font-weight:700;font-size:13px;letter-spacing:.02em;text-transform:uppercase;color:#6b7280;background:linear-gradient(180deg,#ffffff,#f7f7fb);padding:8px 10px;border-bottom:1px dashed #e5e7eb;}
emoji-picker .emoji-grid,emoji-picker .emoji-list{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;}
emoji-picker .emoji-item,emoji-picker .emoji{display:inline-flex;align-items:center;justify-content:center;height:calc(22px + 6px * 2);padding:6px;font-size:22px;line-height:1;border-radius:12px;cursor:pointer;user-select:none;transition:transform .06s ease,background .12s ease,box-shadow .12s ease,outline-color .12s ease;outline:0 solid transparent;}
emoji-picker .emoji-item:active,emoji-picker .emoji:active{transform:translateY(1px) scale(.98);}
emoji-picker .emoji-item:focus-visible,emoji-picker .emoji:focus-visible{outline-width:3px;outline-color:color-mix(in srgb,#6366f1 40%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,#6366f1 18%,transparent);}
emoji-picker .skintone,emoji-picker .skin-tone-picker{display:flex;gap:6px;padding:6px;border:1px solid #e5e7eb;border-radius:12px;}
emoji-picker .preview{position:sticky;bottom:0;padding:10px 10px;border-top:1px solid #e5e7eb;min-height:56px;display:flex;align-items:center;gap:10px;font-size:13px;color:#6b7280;}
emoji-picker *{box-sizing:border-box;}
emoji-picker .body,emoji-picker .tabs{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,#6366f1 25%,#e5e7eb) transparent;}
emoji-picker .body::-webkit-scrollbar,emoji-picker .tabs::-webkit-scrollbar{height:8px;width:8px;}
emoji-picker .body::-webkit-scrollbar-thumb,emoji-picker .tabs::-webkit-scrollbar-thumb{border-radius:999px;}
emoji-picker.is-popover{position:absolute;inset:auto auto 0 0;width:min(380px,94vw);max-height:min(520px,72vh);overflow:auto;animation:ep-pop .14s ease-out;}
emoji-picker .skeleton{border-radius:10px;animation:shimmer 1.4s infinite;}
emoji-picker,emoji-picker *{direction:ltr;}
.ikonListesiIMG,.ikonListesiIMG2,.sticker{width:56px;height:56px;min-width:56px;min-height:56px;border-radius:50%;cursor:pointer;float:left;margin:6px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.15);box-shadow:0 6px 14px rgba(0,0,0,0.3),inset 0 1px 2px rgba(255,255,255,0.25);transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);position:relative;overflow:hidden;z-index:1;}
.ikonListesiIMG:hover,.ikonListesiIMG2:hover,.sticker:hover{transform:translateY(-5px) scale(1.12) rotate(3deg);box-shadow:0 10px 20px rgba(0,0,0,0.4),inset 0 2px 4px rgba(255,255,255,0.3);border:1px solid rgba(147,51,234,0.7);}
.ikonListesiIMG img,.ikonListesiIMG2 img,.sticker img{width:70%;height:70%;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,0.3));transition:transform 0.3s ease,filter 0.3s ease;}
.ikonListesiIMG:hover img,.ikonListesiIMG2:hover img,.sticker:hover img{transform:scale(1.2) rotate(-5deg);filter:drop-shadow(0 4px 8px rgba(147,51,234,0.6));}
.ikonListesiIMG::before,.ikonListesiIMG2::before,.sticker::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background-size:400%;opacity:0;transition:opacity 0.4s ease;animation:cyberGlow 3s ease-in-out infinite;z-index:-1;}
.ikonListesiIMG:hover::before,.ikonListesiIMG2:hover::before,.sticker:hover::before{opacity:0.8;}
.ikonListesiIMG::after,.ikonListesiIMG2::after,.sticker::after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;top:15%;left:75%;opacity:0;transition:all 0.5s ease;animation:sparkle 2s ease-in-out infinite alternate;}
.ikonListesiIMG:hover::after,.ikonListesiIMG2:hover::after,.sticker:hover::after{opacity:0.5;}
.radyo_listener_badge{font-weight:500;padding:4px 10px;border-radius:20px;font-size:13px;display:inline-flex;align-items:center;gap:4px;}
.eye_icon{font-size:20px;cursor:pointer;transition:all 0.3s ease;}
.eye_icon:hover{transform:scale(1.2);}
.sy-nowplaying{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.12);margin-bottom:8px;}
.sy-np-left{display:flex;align-items:center;gap:8px;min-width:fit-content;}
.sy-np-label{font-weight:600;font-size:13px;opacity:.95;}
.sy-eq{display:inline-flex;gap:3px;height:14px;align-items:flex-end;}
.sy-eq span{width:3px;height:6px;border-radius:2px;animation:RadyoCalanSarkieqBounce 1s ease-in-out infinite;}
.sy-eq span:nth-child(2){animation-delay:.15s;}
.sy-eq span:nth-child(3){animation-delay:.3s;}
.sy-eq span:nth-child(1) { background: linear-gradient(180deg, #60a5fa, #3b82f6, #1e3a8a); }
.sy-eq span:nth-child(2) { background: linear-gradient(180deg, #a78bfa, #8b5cf6, #6d28d9); }
.sy-eq span:nth-child(3) { background: linear-gradient(180deg, #f9a8d4, #ec4899, #9d174d); }
.sy-np-track{position:relative;flex:1 1 auto;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);}
.sy-np-scroll{display:inline-flex;align-items:center;gap:48px;white-space:nowrap;will-change:transform;animation:RadyoCalanSarki 18s linear infinite;}
.sy-np-track:hover .sy-np-scroll{animation-play-state:paused;}
.sy-np-scroll span{display:inline-block;font-weight:600;font-size:14px;}
.sy-np-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:32px;border-radius:8px;border:none;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;}
.sy-np-btn:hover{transform:scale(1.06);box-shadow:0 3px 10px rgba(0,0,0,.15);}
.sy-np-btn i{font-size:18px;}
.dj_info{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-radius:8px;margin-bottom:8px;}
.dj_badge{position:relative;font-weight:600;padding:6px 14px;border-radius:10px;font-size:13px;box-shadow:0 2px 6px rgba(0,0,0,0.1);display:inline-block;}
.room-writings-layout{position:absolute;bottom:0;left:0;right:0;width:100%;padding:6px 10px;display:flex;gap:6px;flex-wrap:wrap;color:#fff;font-family:"Inter",sans-serif;}
.room-writing{display:flex;align-items:center;border-radius:8px;padding:5px 10px;border:1px solid #333;transition:transform 0.25s ease,background 0.25s ease;}
.room-writing:hover{transform:translateY(-2px) scale(1.02);}
.writing-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;margin-right:6px;border:2px solid #444;}
.writing-name{font-size:0.8rem;font-weight:500;margin-right:6px;}
.writing-dots{display:flex;gap:3px;}
.writing-dot{width:6px;height:6px;border-radius:50%;animation:writing 1s ease-in-out infinite;}
.writing-dot:nth-child(2){animation-delay:0.2s;}
.writing-dot:nth-child(3){animation-delay:0.4s;}
.like_youtube{float:left;margin-top:10px;cursor:pointer;padding:3px;border-radius:50px;display:flex;}
.like_youtube:hover{transform:scale(1.05);}
.like_youtube img,img.youtube_chat_icon{width:24px;height:24px;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,0.2);transition:transform 0.2s ease,box-shadow 0.2s ease;cursor:pointer;}
.like_youtube img:hover,img.youtube_chat_icon:hover{transform:scale(1.2);box-shadow:0 4px 12px rgba(0,0,0,0.3);}
.private_content .begeni{display:none;}
.begeni{text-shadow:none;}
.bicon{margin-left:8px;font-weight:600;font-size:11px;line-height:1.5;transition:all 0.3s ease-in-out;border-radius:4px;display:inline-flex;align-items:center;cursor:pointer;}
.bspin{animation:spin 1s linear infinite;}
.spinning{transition:transform 6s cubic-bezier(.19,1,.22,1)!important;}
.spinning{animation:pointer-wiggle .3s ease-in-out alternate infinite;}
.hediye_cark_metin{margin-top:.65rem;text-align:center;font-size:.95rem;line-height:1.55;text-shadow:0 1px 2px rgba(0,0,0,.25);}
.hediye_cark_wrap{display:flex;flex-direction:column;gap:1.25rem;align-items:center;padding:1.5rem;}
.hediye_cark_stage{position:relative;width:min(400px,88vw);aspect-ratio:1/1;border-radius:24px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:1.2rem;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;}
.hediye_cark{position:absolute;inset:1.2rem;margin:auto;border-radius:50%;display:grid;place-items:center;transform:rotate(0deg);transform-origin:center;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 0 20px rgba(124,58,237,.3);}
.hediye_cark .slice{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;padding-right:1.6rem;transform-origin:center;font-size:1rem;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.55);}
.hediye_cark .slice span{display:inline-flex;align-items:center;gap:0.65rem;padding:0.55rem 1rem;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15),0 8px 20px rgba(0,0,0,.35);transition:transform .22s ease,box-shadow .22s ease;}
.hediye_cark .slice span:hover{transform:scale(1.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 12px 24px rgba(0,0,0,.42);}
.hediye_cark .slice img{width:1.3rem;height:1.3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));}
.hediye_cark .one{transform:rotate(0deg);}
.hediye_cark .two{transform:rotate(60deg);}
.hediye_cark .three{transform:rotate(120deg);}
.hediye_cark .four{transform:rotate(180deg);}
.hediye_cark .five{transform:rotate(240deg);}
.hediye_cark .six{transform:rotate(300deg);}
.hediye_cark::before{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 .7rem rgba(255,255,255,.06),inset 0 0 0 2px rgba(0,0,0,.55);}
.hediye_cark_hub{position:absolute;width:6rem;height:6rem;border-radius:50%;box-shadow:0 16px 36px rgba(0,0,0,.6),inset 0 2px 12px rgba(255,255,255,.3);display:grid;place-items:center;z-index:4;border:2px solid rgba(255,215,0,.3);transition:transform .25s ease,box-shadow .25s ease;}
.hediye_cark_hub .hub_dot{width:1.3rem;height:1.3rem;border-radius:50%;box-shadow:inset 0 0 0 .3rem rgba(0,0,0,.35),0 0 12px rgba(255,215,0,.5);}
.hediye_cark_hub:hover{transform:scale(1.05);}
.hediye_cark_actions{margin-top:.8rem;display:flex;gap:1rem;}
.defaultflash1{text-transform:uppercase;font-weight:700;font-size:20px;background:linear-gradient(to right,#095fab 10%,#25abe8 50%,#57d75b 60%);background-size:200% auto;color:#fff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textclip 1.5s linear infinite;display:inline-block;}
.defaultflash2{font-size:20px;background:linear-gradient(110deg,#bc0000 33%,rgba(0,0,0,0) 33%),linear-gradient(110deg,#ffffff 34%,#121108 34%);background-size:400%;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;animation:labarow 1.5s ease infinite;-webkit-animation:labarow 1.5s ease infinite;-moz-animation:labarow 1.5s ease infinite;}
.defaultflash3{font-size:20px;font-weight:bold!important;text-shadow:0 0 80px rgba(255,255,255,.5);background:url(../default_images/flashnick/pp1.png) repeat-y;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:aitf 80s linear infinite;animation:aitf 80s linear infinite;-webkit-transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;transform:translate3d(0,0,0);backface-visibility:hidden;text-transform:uppercase;letter-spacing:2px;}
.defaultflash4{font-size:20px;letter-spacing:1px;background-image:url(../default_images/flashnick/pp.gif);background-size:cover;color:transparent;background-clip:text;-moz-background-clip:text;-webkit-background-clip:text;text-transform:uppercase;}
.defaultflash5{font-size:20px;text-transform:uppercase;text-decoration:underline;color:transparent;-webkit-text-stroke:#000;-webkit-text-stroke-width:1px;text-shadow:2px 2px 2px #2962ff;transition:all 0.5s ease-in-out;text-align:center;letter-spacing:0.2em;animation:flicker 0.5s ease-in-out infinite alternate;}
.defaultflash6{text-transform:uppercase;background-image:linear-gradient(-225deg,#231557 0%,#44107a 29%,#ff1361 67%,#fff800 100%);background-size:auto auto;background-clip:border-box;background-size:200% auto;letter-spacing:2px;color:#fff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textclip 2s linear infinite;display:inline-block;font-size:20px;}
.defaultflash7{color:blue;font-size:20px;font-weight:700;text-transform:uppercase;filter:blur(0.1rem);animation:letterspacing 5s infinite alternate cubic-bezier(.2,0,0,1);}
.defaultflash8{color:#ff0000;font-size:20px;position:relative;text-transform:uppercase;-webkit-text-stroke:0.1vw #000000;}
.defaultflash8::before{top:0;left:0;width:0;height:100%;color:#01cbff;overflow:hidden;position:absolute;content:attr(data-text);border-right:2px solid #000000;-webkit-text-stroke:0vw #f7f7fe;animation:animate 6s linear infinite;}
.defaultflash9{color:transparent;font-size:20px;display:inline-block;border-radius:3px;background-color:#1d3557;position:relative;-webkit-background-clip:text;background-clip:text;}
.defaultflash9:before{content:attr(data-text);background:linear-gradient(90deg,rgba(245,137,21,1) 0%,rgba(253,29,29,1) 51%,rgba(29,53,87,1) 100%);position:absolute;top:0;right:0;bottom:0;left:0;width:0;background-clip:text;-webkit-background-clip:text;transition:all 1s ease-in-out;animation:text-animation 3s infinite;}
.defaultflash10{text-align:center;font-size:20px;color:#ff0000;letter-spacing:-1px;font-weight:700;text-transform:uppercase;animation:blura 2s ease-out infinite;text-shadow:0px 0px 1px #fff,0px 0px 2px #fff;}
.defaultflash11{position:relative;color:#262626;padding:5px 12px;font-size:20px;font-weight:700;}
.defaultflash11:before{background:#262626;color:white;content:attr(data-text);overflow:hidden;position:absolute;top:0;left:0;padding:5px 12px;-webkit-clip-path:polygon(0% 0%,30% 0%,30% 100%,0% 100%);clip-path:polygon(0% 0%,30% 0%,30% 100%,0% 100%);animation:prslides 4s 1s linear infinite;}
.defaultflash12{display:inline-block;font-size:20px;position:relative;animation:twistText 3s infinite;transform-style:preserve-3d;animation-timing-function:cubic-bezier(.5,0,.5,1);}
.defaultflash13{font:20px;background:linear-gradient(to left,#e57627 0%,#e57627 42.5%,#facb8f 50%,#e57627 57.5%,#e57627 100%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;background-position:100% center;animation:loader 10s ease infinite reverse;}
.defaultflash14{color:rgba(255,0,0,0.1);font-size:20px;text-transform:uppercase;font-weight:700;background-size:cover;background-image:url(../default_images/flashnick/bon.jpg);-webkit-background-clip:text;background-clip:text;animation:background-text-animation 100s linear infinite;}
.defaultflash15{color:#ff0000;font-size:20px;animation:defaultflash87 0.5s cubic-bezier(0.25,0.46,0.45,0.94) both,tracking-in-expand 5s cubic-bezier(0.215,0.61,0.355,1) both infinite alternate;}
.default_flash_select{width:150px;height:30px;}
.head_notify_onay{position:absolute;top:5px;left:23px;height:20px;padding:0 6px;border-radius:5px;display:none;font-size:13px;line-height:20px;white-space:nowrap;}
[class^="profillistarkarenk"]{border-radius:10px;padding:6px 12px;font-weight:600;letter-spacing:.2px;box-shadow:0 6px 20px rgba(0,0,0,.18);background-size:220% 220%;animation:gradientFlow 9s ease infinite;}
[class^="profillistarkarenk"]:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(0,0,0,.22);}
.yan-menu-username { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 65px; text-align: center; margin-top: 2px; }
.left_item { display: table; width: 100%; table-layout: fixed; padding: 8px 4px; cursor: pointer; text-align: center; border-bottom: 1px solid rgb(0 0 0 / 10%); border-radius: 13px; }
.left_item:before { content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: 50%; border-bottom: 1px solid magenta; }
.left_item_icon, .left_item_notify, .left_item_text { overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.left_item_text { font-size: 12px; }
.left_item_icon, .left_item_notify { text-align: center; font-size: 24px; margin-bottom: 4px; position: relative; }
.yan-menu-profil { font-weight: bold; text-align: center; padding: 5px; margin-bottom: 5px; border-bottom: 1px solid rgb(0 0 0 / 10%); }
.yan-menu-profil .glob_av { width: 50px; height: 50px; padding: 2px; border-radius: 50%; border: 2px solid #fff; }
.yan-menu-profil .switch_wrap { margin: 6px 7px 10px 7px; }
.head_notify, .menu_notify, .notification { position: absolute; display: none; }
.notification { top: 3px; left: 5px; padding: 1px 3px; border-radius: 5px; font-size: 9px; font-weight: 700; }
.alt_icon_yazi { font-size: 8px; margin-top: 5px; }
#koyumod_icon { color: #012832; padding: 2px; }
.koyumod_icon svg, .koyumod_icon svg * { stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.koyumod_icon {display: inline-flex; align-items: center; }
.koyumod_icon circle { fill: currentColor; }
.kmswitch { display: table; width: 50px; padding: 2px; border-radius: 100px; }
.rightnotify { top: 0px; right: 12px; position: absolute; height: 12px; width: 12px; border-radius: 50%; font-size: 8px; line-height: 12px; font-weight: 700; }
.saved_ok { position: fixed !important; top: 20px !important; bottom: auto !important; left: 50% !important; transform: translateX(-50%); color: #fff; padding: 10px 20px; font-size: 15px; border-radius: 6px; z-index: 9999; max-width: 90vw; width: auto !important; height: auto !important; text-align: center; white-space: normal; display: flex; align-items: center; justify-content: center; animation: blinkAndSlide 3.2s ease-in-out forwards; box-shadow: 0 0 12px rgba(0, 0, 0, 0.4); }
.saved_error { position: fixed !important; top: 20px !important; bottom: auto !important; left: 50% !important; transform: translateX(-50%); color: #fff; padding: 10px 20px; font-size: 15px; border-radius: 6px; z-index: 9999; max-width: 90vw; width: auto !important; height: auto !important; text-align: center; white-space: normal; display: flex; align-items: center; justify-content: center; animation: blinkAndSlide 3.2s ease-in-out forwards; box-shadow: 0 0 12px rgba(0, 0, 0, 0.4); }