body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2)}.app-container{background:linear-gradient(to bottom right,#f8fafc,#e2e8f0);min-height:100vh;position:relative}.app-container:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.1),transparent 50%),radial-gradient(circle at 80% 80%,rgba(99,102,241,.1),transparent 50%);pointer-events:none;z-index:0}.app-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 20px 40px -10px #667eea4d;position:relative;overflow:hidden}.app-header:before{content:"";position:absolute;top:-50%;right:-10%;width:40%;height:200%;background:#ffffff0d;transform:rotate(15deg);pointer-events:none}.app-header__content{max-width:1280px;margin-left:auto;margin-right:auto;padding:32px 24px;display:flex;align-items:center;position:relative;z-index:1}.app-header__icon{margin-right:16px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.app-header__title{font-size:2.25rem;font-weight:800;letter-spacing:-.03em;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.1)}.main-container{max-width:1280px;margin-left:auto;margin-right:auto;padding:24px;position:relative;z-index:1}@media(min-width:768px){.main-container{padding:40px}}.main-layout{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:1024px){.main-layout{grid-template-columns:repeat(3,1fr)}}.main-layout__list-wrapper{grid-column:span 1}@media(min-width:1024px){.main-layout__list-wrapper{grid-column:span 2}}.main-layout__sidebar-wrapper{grid-column:span 1}@media(min-width:1024px){.main-layout__sidebar-wrapper{position:sticky;top:32px;align-self:start}}.filter-container{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:24px;border-radius:20px;box-shadow:0 20px 50px -12px #00000026,0 0 0 1px #ffffff1a;margin-bottom:32px;border:1px solid rgba(255,255,255,.5);transition:all .3s ease}.filter-container:hover{box-shadow:0 25px 60px -12px #0003,0 0 0 1px #fff3;transform:translateY(-2px)}.filter-container__controls{display:flex;flex-direction:column;gap:16px}@media(min-width:640px){.filter-container__controls{flex-direction:row}}.arama-cubugu-wrapper,.kategori-filtre-wrapper{width:100%}@media(min-width:640px){.kategori-filtre-wrapper{width:auto}}.arama-input,.kategori-select{width:100%;padding:12px 20px;border:2px solid rgba(102,126,234,.2);border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,inset 0 2px 4px #fffc;transition:all .3s ease;box-sizing:border-box;font-size:15px;background:#fff}.arama-input:focus,.kategori-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 8px 16px -4px #667eea33;transform:translateY(-1px)}.kategori-select{padding-right:40px;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23667eea' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer}.kitap-listesi{display:grid;grid-template-columns:1fr;gap:28px}@media(min-width:640px){.kitap-listesi{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.kitap-listesi{grid-template-columns:repeat(3,1fr)}}.kitap-listesi__empty-mesaj{color:#64748b;font-style:italic;grid-column:1 / -1;text-align:center;margin-top:40px;padding:60px 40px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:2px dashed rgba(102,126,234,.3);box-shadow:0 10px 30px -5px #0000001a}.kitap-karti{background:#fff;padding:24px;border-radius:20px;box-shadow:0 10px 30px -5px #0000001a,0 0 0 1px #0000000d;border:1px solid rgba(255,255,255,.8);transition:all .4s cubic-bezier(.4,0,.2,1);transform:translateY(0);position:relative;overflow:hidden}.kitap-karti:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.kitap-karti:hover:before{transform:scaleX(1)}.kitap-karti:hover{box-shadow:0 25px 50px -12px #667eea40,0 0 0 1px #667eea1a;transform:translateY(-8px)}.kitap-karti__baslik{font-size:1.25rem;font-weight:700;color:#1e293b;margin-top:0;margin-bottom:8px;line-height:1.4}.kitap-karti__yazar{font-size:.9rem;color:#64748b;margin-bottom:12px;margin-top:0;font-weight:500}.kitap-karti__kategori{font-size:.75rem;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);display:inline-block;padding:6px 14px;border-radius:20px;margin-bottom:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #667eea4d}.kitap-karti__buton{width:100%;display:flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:12px;font-size:.9rem;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;position:relative;overflow:hidden}.kitap-karti__buton:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.kitap-karti__buton:hover:before{width:300px;height:300px}.kitap-karti__buton{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0c4a6e;box-shadow:0 4px 12px #0ea5e933}.kitap-karti__buton:hover{background:linear-gradient(135deg,#bae6fd,#7dd3fc);transform:translateY(-2px);box-shadow:0 8px 20px #0ea5e94d}.kitap-karti__buton--favori{background:linear-gradient(135deg,#fef08a,#fbbf24);color:#78350f;box-shadow:0 6px 16px #fbbf2466}.kitap-karti__buton--favori:hover{background:linear-gradient(135deg,#fde047,#f59e0b);box-shadow:0 10px 24px #fbbf2480}.kitap-karti__buton-icon{margin-right:10px;position:relative;z-index:1}.kitap-karti__buton-icon--favori{fill:currentColor;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.favori-panel{width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:28px;border-radius:24px;box-shadow:0 25px 60px -12px #00000026,0 0 0 1px #fff3;border:1px solid rgba(255,255,255,.5);position:relative;overflow:hidden}.favori-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);background-size:200% 100%;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.favori-panel__toggle{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;margin-bottom:12px;background:none;border:none;padding:0;cursor:pointer;transition:transform .2s ease}.favori-panel__toggle:hover{transform:translate(4px)}.favori-panel__baslik{font-size:1.5rem;font-weight:800;color:transparent;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(135deg,#667eea,#764ba2);margin:0;letter-spacing:-.02em}.favori-panel__icon{color:#667eea;transition:transform .3s ease}.favori-panel__toggle:hover .favori-panel__icon{transform:rotate(180deg)}.favori-panel__content{margin-top:24px}.favori-panel__content>*+*{margin-top:16px}.favori-panel__empty-mesaj{color:#64748b;font-style:italic;text-align:center;padding:40px 20px;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:16px;border:2px dashed rgba(102,126,234,.2)}.favori-liste{list-style:none;padding:0;margin:0}.favori-liste>*+*{margin-top:8px}.favori-liste__item{display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:14px;transition:all .3s ease;background:linear-gradient(135deg,#fff0,#667eea05);border:1px solid transparent}.favori-liste__item:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea33;transform:translate(4px);box-shadow:0 4px 12px #667eea1a}.favori-liste__item-baslik{font-weight:700;color:#1e293b;font-size:1rem}.favori-liste__item-yazar{font-size:.85rem;color:#64748b;display:block;margin-top:4px;font-weight:500}.favori-liste__kaldir-btn{font-size:.75rem;color:#ef4444;opacity:0;transition:all .3s ease;font-weight:600;padding:8px 14px;border-radius:10px;background:#ef44441a;border:1px solid transparent;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.favori-liste__item:hover .favori-liste__kaldir-btn{opacity:1}.favori-liste__kaldir-btn:hover{background:#fee2e2;border-color:#fecaca;transform:scale(1.05);box-shadow:0 4px 12px #ef444433}.app-footer{text-align:center;padding:32px 0;margin-top:48px;color:#64748b;font-size:.9rem;font-weight:500;position:relative;z-index:1}@media(max-width:640px){.app-header__title{font-size:1.75rem}.kitap-karti,.favori-panel{padding:20px}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;border:2px solid #f1f5f9}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.kitap-karti{animation:fadeIn .6s ease-out}.kitap-karti:nth-child(1){animation-delay:.1s}.kitap-karti:nth-child(2){animation-delay:.2s}.kitap-karti:nth-child(3){animation-delay:.3s}.kitap-karti:nth-child(4){animation-delay:.4s}.kitap-karti:nth-child(5){animation-delay:.5s}.kitap-karti:nth-child(6){animation-delay:.6s}