@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#e8e6de;--surface:#faf8f2;--surface2:#e5e8df;--border:#d2d4c8;--border-strong:#a5afa0;--text:#233a34;--text-muted:#606c63;--shadow:0 3px 16px rgba(35,58,52,.05);--shadow-hover:0 8px 24px rgba(35,58,52,.1);--kitap:#315c4b;--kitap-light:#8da997;--kitap-pale:#dfe9df;--kitap-glow:rgba(49,92,75,.14);--film:#99543a;--film-light:#c9947c;--film-pale:#f1e2d7;--film-glow:rgba(153,84,58,.14);--dizi:#46657b;--dizi-light:#8ca8b8;--dizi-pale:#dfe8ed;--dizi-glow:rgba(70,101,123,.14);--gold:#f5c518;--gold-pale:#fff8e1;--active:var(--kitap);--active-light:var(--kitap-light);--active-pale:var(--kitap-pale);--active-glow:var(--kitap-glow);--radius:16px;--radius-sm:10px;--radius-xs:7px}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;padding-bottom:70px}#root{min-height:100vh}.password-requirements{font-size:.75rem;line-height:1.6;color:var(--text-muted);margin-top:6px}.password-requirements ul{list-style:none;display:grid;gap:3px}.password-requirements .is-met{color:var(--kitap);font-weight:600}.password-requirements p{margin-top:8px}.profile-username{display:block;color:var(--text-muted);font-size:.82rem;font-weight:500;overflow-wrap:anywhere}.profile-hero .profile-username{margin-bottom:10px}.auth-field small{font-size:.72rem;color:var(--text-muted);line-height:1.5}.profile-password{border-top:1px solid var(--border);padding-top:16px}.password-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--text);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer}.profile-password .auth-form{margin-top:12px}.profile-password .auth-form[hidden]{display:none}.password-success{color:var(--kitap);font-size:.85rem;line-height:1.6;margin-top:10px}.password-toggle:disabled{opacity:.5;cursor:wait}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.centered-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px 20px}.spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--kitap);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.centered-screen p{color:var(--text-muted);font-size:.9rem}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;gap:22px}.auth-title{font-family:Playfair Display,serif;font-size:clamp(2rem,6vw,3rem);font-weight:800;text-align:center;background:linear-gradient(135deg,var(--kitap),var(--dizi));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-sub{color:var(--text-muted);font-size:.95rem;text-align:center;margin-top:-14px}.auth-card{background:var(--surface);border:2.5px solid var(--border);border-radius:20px;padding:30px 28px;width:100%;max-width:380px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-field{display:flex;flex-direction:column;gap:5px}.auth-field label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.auth-field input{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-xs);color:var(--text);font-family:Inter,sans-serif;font-size:.9rem;padding:10px 13px;outline:none;transition:border-color .2s,box-shadow .2s}.auth-field input:focus{border-color:var(--kitap);box-shadow:0 0 0 3px var(--kitap-glow)}.avatar-picker{display:flex;max-height:88px;gap:8px;flex-wrap:wrap;overflow:hidden}.avatar-picker.expanded{max-height:none}.avatar-choice{width:40px;height:40px;border-radius:50%;border:2px solid var(--border);background:var(--surface2);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.avatar-choice.selected{border-color:var(--kitap);background:var(--kitap-pale);transform:scale(1.08)}.avatar-toggle{align-self:flex-start;border:0;padding:2px 0 0;background:transparent;color:var(--kitap);font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}.avatar-toggle:hover{text-decoration:underline}.auth-btn{background:var(--kitap);color:#fff;border:none;border-radius:999px;font-family:Inter,sans-serif;font-size:.92rem;font-weight:700;padding:11px 22px;cursor:pointer;transition:opacity .18s,box-shadow .18s}.auth-btn:hover{opacity:.88;box-shadow:0 0 16px var(--kitap-glow)}.auth-btn:disabled{opacity:.45;cursor:not-allowed}.auth-error{background:#fee2e2;border:1.5px solid #fca5a5;color:#991b1b;border-radius:var(--radius-xs);padding:9px 13px;font-size:.82rem;font-weight:600}.auth-switch{text-align:center;font-size:.85rem;color:var(--text-muted)}.auth-switch a{color:var(--kitap);font-weight:700;text-decoration:none;cursor:pointer}.auth-switch a:hover{text-decoration:underline}.picker-imdb-btn{background:var(--gold);color:#1a1a2e;border:none;border-radius:999px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:800;padding:12px 36px;cursor:pointer;transition:all .2s;box-shadow:0 4px 18px #f5c51859;letter-spacing:.02em}.picker-imdb-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #f5c51873}.picker-imdb-btn span{font-size:1.1rem;margin-right:6px}.imdb-header{background:#1a1a2e;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.imdb-logo{font-family:Playfair Display,serif;font-size:1.4rem;font-weight:800;color:var(--gold);letter-spacing:.03em}.imdb-logo span{color:#fff;font-size:.85rem;font-family:Inter,sans-serif;font-weight:400;margin-left:8px;opacity:.7}.btn-imdb-back{background:none;border:1.5px solid rgba(255,255,255,.2);border-radius:999px;color:#ffffffb3;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;padding:6px 16px;cursor:pointer;text-decoration:none;transition:all .18s}.btn-imdb-back:hover{border-color:var(--gold);color:var(--gold)}.imdb-main{max-width:820px;margin:0 auto;padding:24px 20px 0}.imdb-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;align-items:center}.imdb-filter-btn{background:var(--surface);border:1.5px solid var(--border);border-radius:999px;color:var(--text-muted);font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;padding:7px 16px;cursor:pointer;transition:all .18s}.imdb-filter-btn.active{background:#1a1a2e;color:var(--gold);border-color:#1a1a2e}.imdb-filter-btn:not(.active):hover{background:var(--surface2);border-color:var(--border-strong);color:var(--text)}.imdb-user-select{margin-left:auto;background:var(--surface);border:1.5px solid var(--border);border-radius:999px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;padding:7px 14px;cursor:pointer;color:var(--text);outline:none}.imdb-list{display:flex;flex-direction:column;gap:12px}.imdb-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:16px 18px;display:flex;align-items:flex-start;gap:16px;box-shadow:var(--shadow);transition:all .2s;animation:slideIn .22s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.imdb-card:hover{border-color:#f5c51844;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.imdb-rank{font-size:1.4rem;font-weight:800;color:var(--border-strong);min-width:36px;text-align:center;line-height:1;padding-top:2px}.imdb-rank.top3{color:var(--gold)}.imdb-emoji{font-size:1.8rem;flex-shrink:0}.imdb-body{flex:1;min-width:0}.imdb-title{font-weight:700;font-size:1rem;color:var(--text);margin-bottom:3px}.imdb-meta{font-size:.78rem;color:var(--text-muted);margin-bottom:6px}.imdb-score-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.imdb-score-box{background:#1a1a2e;color:var(--gold);font-family:Playfair Display,serif;font-size:1.1rem;font-weight:800;padding:4px 10px;border-radius:6px;min-width:52px;text-align:center;line-height:1.3}.imdb-stars-row{display:flex;gap:1px}.imdb-star{font-size:.85rem;color:var(--gold)}.imdb-star.off{color:#d1d1e0}.imdb-votes{font-size:.75rem;color:var(--text-muted);font-weight:600}.imdb-notes{margin-top:8px;display:flex;flex-direction:column;gap:5px}.imdb-note-item{background:var(--gold-pale);border-left:3px solid var(--gold);border-radius:0 var(--radius-xs) var(--radius-xs) 0;padding:6px 10px;font-size:.78rem;color:#5a4200;font-style:italic;display:flex;align-items:flex-start;gap:6px}.imdb-note-who{font-style:normal;font-weight:700;flex-shrink:0}.imdb-cat-badge{display:inline-block;font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:999px;margin-bottom:4px}.imdb-cat-badge.kitap{background:var(--kitap-pale);color:var(--kitap)}.imdb-cat-badge.film{background:var(--film-pale);color:var(--film)}.imdb-cat-badge.dizi{background:var(--dizi-pale);color:var(--dizi)}.imdb-no-rating{color:var(--text-muted);font-size:.82rem;font-style:italic;padding:4px 0}.imdb-empty{text-align:center;padding:60px 20px;color:var(--text-muted)}.imdb-empty-icon{font-size:3rem;margin-bottom:12px}.imdb-empty h3{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:6px}.app-header{background:var(--surface);border-bottom:1.5px solid var(--border);padding:18px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;box-shadow:0 2px 12px #5050a00f;flex-wrap:wrap;gap:10px}.app-header-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.app-logo{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:800;background:linear-gradient(135deg,var(--active),var(--active-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.active-user-pill{background:var(--active-pale);color:var(--active);border:1.5px solid var(--active-light);border-radius:999px;font-size:.78rem;font-weight:700;padding:4px 12px}.app-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-switch-user,.btn-imdb-link{background:none;border:1.5px solid var(--border);border-radius:999px;color:var(--text-muted);font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;padding:6px 14px;cursor:pointer;transition:all .18s;text-decoration:none}.btn-switch-user:hover,.btn-imdb-link:hover{border-color:var(--kitap);color:var(--kitap)}.collection-switcher{display:flex;align-items:center;gap:8px;margin:18px auto 0;max-width:380px;justify-content:center}.collection-switcher label{font-size:.78rem;font-weight:600;color:var(--text-muted)}.collection-switcher select{background:var(--surface2);border:1.5px solid var(--border);border-radius:999px;color:var(--text);font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;padding:7px 14px;cursor:pointer;outline:none}.view-banner{background:#fff8e1;border:1.5px solid #ffe082;border-radius:var(--radius-sm);padding:9px 16px;font-size:.82rem;color:#8a6a00;font-weight:600;display:none;align-items:center;gap:8px;margin-bottom:16px}.view-banner.visible{display:flex}.tabs{display:flex;gap:8px;margin:20px auto 0;max-width:820px;padding:0 20px}.tab-btn{flex:1;padding:11px 0;border:2px solid var(--border);border-radius:999px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;background:var(--surface);color:var(--text-muted);transition:all .2s}.tab-btn .tab-icon{margin-right:5px}.tab-btn.active{background:var(--active);color:#fff;border-color:var(--active);box-shadow:0 4px 18px var(--active-glow)}.tab-btn:not(.active):hover{background:var(--active-pale);color:var(--active);border-color:var(--active-light)}.main{max-width:820px;margin:22px auto 0;padding:0 20px}.stats-bar{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.stat{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;flex:1;min-width:85px;text-align:center;box-shadow:var(--shadow)}.stat-num{font-size:1.6rem;font-weight:800;color:var(--active);line-height:1}.stat-label{font-size:.7rem;color:var(--text-muted);margin-top:4px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.add-form{background:var(--surface);border:2px solid var(--active-pale);border-radius:var(--radius);padding:18px;margin-bottom:20px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}.add-form-label{font-size:.75rem;font-weight:700;color:var(--active);letter-spacing:.05em;text-transform:uppercase}.form-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.add-form input,.add-form select{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-xs);color:var(--text);font-family:Inter,sans-serif;font-size:.88rem;padding:9px 13px;outline:none;transition:border-color .2s,box-shadow .2s}.add-form input::placeholder{color:var(--text-muted)}.add-form input:focus,.add-form select:focus{border-color:var(--active);box-shadow:0 0 0 3px var(--active-glow)}.add-form input[name=title]{flex:2;min-width:160px}.add-form input[name=creator]{flex:1.5;min-width:130px}.add-form input[name=year]{flex:.6;min-width:72px}.add-form select[name=status]{flex:1;min-width:120px}.add-form input[name=note]{flex:1;width:100%}.add-form input[type=date]{flex:1;min-width:130px}.form-date-label{font-size:.72rem;color:var(--text-muted);font-weight:600;white-space:nowrap}.btn-add{background:var(--active);color:#fff;border:none;border-radius:var(--radius-xs);font-family:Inter,sans-serif;font-size:.88rem;font-weight:700;padding:9px 22px;cursor:pointer;transition:opacity .18s,box-shadow .18s;white-space:nowrap}.btn-add:hover{opacity:.85;box-shadow:0 4px 16px var(--active-glow)}.btn-add:disabled{opacity:.4;cursor:not-allowed}.star-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.star-row-label{font-size:.72rem;color:var(--text-muted);font-weight:600;white-space:nowrap}.star-input{display:flex;gap:2px;flex-direction:row-reverse;justify-content:flex-end}.star-input input{display:none}.star-input label{font-size:1.3rem;cursor:pointer;color:#d1d1e0;transition:color .12s;line-height:1}.star-input label:hover,.star-input label:hover~label,.star-input input:checked~label{color:var(--gold)}.filter-bar{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;align-items:center}.filter-bar input[type=text]{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xs);color:var(--text);font-family:Inter,sans-serif;font-size:.85rem;padding:8px 13px;outline:none;flex:1;min-width:140px;box-shadow:var(--shadow);transition:border-color .2s}.filter-bar input[type=text]::placeholder{color:var(--text-muted)}.filter-bar input[type=text]:focus{border-color:var(--active);box-shadow:0 0 0 3px var(--active-glow)}.filter-btn{background:var(--surface);border:1.5px solid var(--border);border-radius:999px;color:var(--text-muted);font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;padding:6px 14px;cursor:pointer;transition:all .18s}.filter-btn.active{background:var(--active-pale);border-color:var(--active);color:var(--active)}.filter-btn:not(.active):hover{background:var(--surface2);border-color:var(--border-strong);color:var(--text)}.sort-select{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xs);color:var(--text-muted);font-family:Inter,sans-serif;font-size:.78rem;padding:6px 10px;cursor:pointer;outline:none;box-shadow:var(--shadow)}.items-grid{display:flex;flex-direction:column;gap:10px}.item-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;align-items:flex-start;gap:13px;transition:border-color .2s,box-shadow .2s,transform .15s;box-shadow:var(--shadow);animation:slideIn .22s ease}.item-card:hover{border-color:var(--active-light);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.item-emoji{font-size:1.65rem;flex-shrink:0;margin-top:2px}.item-body{flex:1;min-width:0}.item-title{font-weight:700;font-size:.95rem;color:var(--text);line-height:1.5;overflow-wrap:anywhere}.item-meta{font-size:.78rem;color:var(--text-muted);margin-top:3px}.item-dates{font-size:.75rem;color:var(--text-muted);margin-top:4px;display:flex;gap:12px;flex-wrap:wrap}.item-note{font-size:.82rem;color:var(--text-muted);margin-top:8px;font-style:italic;line-height:1.6;overflow-wrap:anywhere}.item-owner-tag{display:inline-block;font-size:.68rem;font-weight:700;padding:1px 7px;border-radius:999px;margin-top:5px;background:var(--active-pale);color:var(--active)}.item-stars{display:flex;gap:1px;margin-top:5px;align-items:center}.item-stars .star{font-size:.9rem;line-height:1}.item-stars .star.on{color:var(--gold)}.item-stars .star.off{color:#d1d1e0}.item-stars .star-score{font-size:.72rem;color:var(--text-muted);font-weight:700;margin-left:4px}.item-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-top:2px;flex-wrap:wrap;justify-content:flex-end}.status-select{background:var(--surface2);border:1.5px solid var(--border);border-radius:999px;color:var(--text);font-family:Inter,sans-serif;font-size:.74rem;font-weight:600;padding:4px 10px;cursor:pointer;outline:none}.status-badge{font-size:.78rem;color:var(--text-muted);padding:4px 8px}.btn-edit{background:none;border:1.5px solid var(--border);border-radius:50%;color:var(--text-muted);width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.85rem;cursor:pointer;transition:all .18s}.btn-edit:hover{border-color:var(--active);color:var(--active);background:var(--active-pale)}.btn-delete{background:none;border:1.5px solid var(--border);border-radius:50%;color:var(--text-muted);width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:all .18s}.btn-delete:hover{border-color:#e03;color:#e03;background:#fff0f0}.btn-link{background:none;border:1.5px solid var(--border);border-radius:50%;color:var(--text-muted);width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.75rem;cursor:pointer;transition:all .18s;text-decoration:none;flex-shrink:0}.btn-link.imdb:hover{border-color:#f5c518;color:#f5c518;background:#fff8e1}.btn-link.yt:hover{border-color:red;color:red;background:#fff0f0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a2e73;z-index:100;display:none;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-overlay.open{display:flex}.modal{background:var(--surface);border-radius:var(--radius);padding:24px;width:100%;max-width:520px;box-shadow:0 20px 60px #5050a038;animation:modalIn .22s ease;display:flex;flex-direction:column;gap:13px;max-height:90vh;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}.modal-title{font-size:1rem;font-weight:800;color:var(--active)}.modal input,.modal select{width:100%;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-xs);color:var(--text);font-family:Inter,sans-serif;font-size:.88rem;padding:9px 13px;outline:none;transition:border-color .2s,box-shadow .2s}.modal input:focus,.modal select:focus{border-color:var(--active);box-shadow:0 0 0 3px var(--active-glow)}.modal input::placeholder{color:var(--text-muted)}.modal-row{display:flex;gap:8px;flex-wrap:wrap}.modal-row input,.modal-row select{flex:1;min-width:120px}.modal-date-row{display:flex;gap:8px;flex-wrap:wrap}.modal-date-group{flex:1;min-width:130px;display:flex;flex-direction:column;gap:4px}.modal-date-group label{font-size:.72rem;font-weight:600;color:var(--text-muted)}.modal-star-row{display:flex;flex-direction:column;gap:6px}.modal-star-label{font-size:.72rem;font-weight:600;color:var(--text-muted)}.modal-star-input{display:flex;gap:3px;flex-direction:row-reverse;justify-content:flex-end}.modal-star-input input{display:none}.modal-star-input label{font-size:1.5rem;cursor:pointer;color:#d1d1e0;transition:color .12s;line-height:1}.modal-star-input label:hover,.modal-star-input label:hover~label,.modal-star-input input:checked~label{color:var(--gold)}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.btn-cancel{background:none;border:1.5px solid var(--border);border-radius:var(--radius-xs);color:var(--text-muted);font-family:Inter,sans-serif;font-size:.88rem;font-weight:600;padding:9px 20px;cursor:pointer;transition:all .18s}.btn-cancel:hover{border-color:var(--border-strong);color:var(--text)}.btn-save{background:var(--active);color:#fff;border:none;border-radius:var(--radius-xs);font-family:Inter,sans-serif;font-size:.88rem;font-weight:700;padding:9px 24px;cursor:pointer;transition:opacity .18s}.btn-save:hover{opacity:.85}.btn-save:disabled{opacity:.4;cursor:not-allowed}.section-head{display:flex;align-items:center;gap:10px;margin:20px 0 10px}.section-head-label{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.section-head-line{flex:1;height:1.5px;background:var(--border);border-radius:2px}.empty{text-align:center;padding:50px 20px;color:var(--text-muted)}.empty-icon{font-size:3rem;margin-bottom:12px}.empty h3{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:6px}.empty p{font-size:.83rem}.error-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#fee2e2;border:1.5px solid #fca5a5;color:#991b1b;border-radius:var(--radius-sm);padding:10px 20px;font-size:.85rem;font-weight:600;box-shadow:var(--shadow-hover);z-index:999;white-space:nowrap}@media (max-width:520px){.tabs{gap:5px}.tab-btn{font-size:.78rem;padding:10px 4px}.tab-btn .tab-icon{margin-right:2px}.item-actions{flex-direction:column;gap:5px;align-items:flex-end}.imdb-user-select{margin-left:0}.app-header{flex-direction:column;align-items:flex-start}}.app-header-right a.active{background:var(--kitap-pale);color:var(--kitap);border-color:var(--kitap)}.social-main{max-width:1000px;margin:0 auto;padding:32px 24px 60px}.social-heading{padding:24px 0}.social-heading h1{font-family:Playfair Display,serif;font-size:clamp(1.8rem,5vw,2.8rem);margin:8px 0 12px}.social-heading p,.profile-hero p{color:var(--text-muted);line-height:1.6}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700;color:var(--kitap)!important}.social-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.social-tabs button,.friend-actions button,.pagination button{font:inherit;font-size:.82rem;padding:10px 15px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);cursor:pointer}.social-tabs .selected,.friend-actions .primary{background:var(--kitap);color:#fff;border-color:var(--kitap)}.social-search{display:flex;flex-direction:column;gap:8px;font-weight:600;font-size:.85rem}.social-search input,.auth-field textarea{width:100%;padding:14px 16px;border:1.5px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit}.auth-field textarea{resize:vertical}.social-hint{color:var(--text-muted);font-size:.82rem;line-height:1.6;margin:14px 0 24px}.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.person-card{background:var(--surface);border:1.5px solid var(--border);border-radius:20px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;box-shadow:var(--shadow);overflow-wrap:anywhere}.profile-avatar{display:inline-flex;align-items:center;justify-content:center;font-size:2.2rem;background:var(--kitap-pale);border-radius:20px;width:72px;height:72px;flex-shrink:0}.person-card h2{font-size:1.1rem}.person-card h2 a{color:var(--text);text-decoration:none}.person-card p,.person-card small{color:var(--text-muted);font-size:.85rem;line-height:1.6}.collection-link,.profile-hero a{color:var(--kitap);font-size:.85rem;font-weight:600}.friend-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:.8rem}.person-card .friend-actions{margin-top:auto;padding-top:12px}.friend-actions button:disabled,.pagination button:disabled{opacity:.5;cursor:not-allowed}.friend-status{color:var(--kitap);font-weight:600}.social-empty{text-align:center;padding:48px 20px;background:var(--surface);border:1.5px dashed var(--border);border-radius:20px;margin:24px 0}.social-empty h2{font-size:1.15rem;margin-bottom:10px}.social-empty p{color:var(--text-muted);line-height:1.6}.profile-hero{display:flex;gap:20px;align-items:center;padding-top:28px;padding-bottom:28px;overflow-wrap:anywhere}.profile-hero h1{font-size:1.7rem;margin-bottom:8px}.profile-hero p{margin-bottom:12px;white-space:pre-wrap}.profile-edit{min-height:calc(100vh - 90px)}.pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:24px;font-size:.85rem}:is(.social-main,.app-header,.auth-field) :is(a,button,input,textarea):focus-visible{outline:3px solid var(--kitap);outline-offset:3px}@media (max-width:520px){.social-main{padding:20px 16px 40px}.people-grid{grid-template-columns:1fr}.profile-hero{align-items:flex-start;gap:12px}.profile-avatar{width:56px;height:56px;font-size:1.8rem}.profile-hero h1{font-size:1.3rem}.app-header-right{gap:6px}.app-header-right a,.app-header-right button{padding:9px 11px}}.app-header{padding:18px max(24px,calc((100vw - 1160px)/2));gap:20px;background:#fffffff5;border-bottom:1px solid var(--border);box-shadow:0 4px 24px #2f24620a}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);flex-shrink:0}.wordmark{display:inline-flex;flex-direction:column;gap:6px}.wordmark-name{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.075em;line-height:1.1;color:var(--text)}.wordmark-name>span{color:#a57542;padding-left:5px;font-weight:400}.wordmark-caption{font-size:.59rem;font-weight:600;letter-spacing:.19em;text-transform:uppercase;color:var(--text-muted)}.wordmark-large{align-items:center;gap:12px}.wordmark-large .wordmark-name{font-size:clamp(2rem,8vw,3rem)}.wordmark-large .wordmark-caption{font-size:.65rem}.app-header-right{gap:5px}.nav-primary{display:contents}.app-header-right .btn-imdb-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid transparent;border-radius:12px;padding:10px 13px;font-size:.8rem}.app-header-right a.active{background:var(--kitap-pale);border-color:transparent;color:var(--kitap);box-shadow:inset 0 -2px 0 var(--kitap)}.app-header-right .btn-imdb-link:hover{background:var(--surface2)}.app-header-right .btn-switch-user{min-height:42px;margin-left:5px;border-radius:12px}.nav-badge{min-width:21px;height:21px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:var(--kitap);color:#fff;font-size:.65rem;font-weight:800}.item-card{padding:20px;gap:16px;border-width:1px}.item-emoji{display:grid;place-items:center;width:46px;height:52px;margin:0;background:var(--active-pale);border-radius:12px}.item-actions{max-width:245px;gap:8px}.item-actions :is(.btn-link,.btn-edit,.btn-delete){width:40px;height:40px;border-radius:11px}.item-actions .btn-link.imdb{width:48px;font-size:.7rem;font-weight:700}.status-select{min-height:40px;max-width:100%;border-radius:11px}.person-card{border-width:1px;padding:26px;gap:14px;transition:border-color .18s,box-shadow .18s}.person-card:hover{border-color:var(--kitap-light);box-shadow:var(--shadow-hover)}.person-card h2 a:hover{color:var(--kitap)}.friend-status{padding:6px 9px;border-radius:8px;background:var(--kitap-pale)}.friend-actions button{min-height:42px}.imdb-header{position:static}.imdb-note-item{flex-wrap:wrap;overflow-wrap:anywhere}.error-toast{width:max-content;max-width:calc(100vw - 32px);white-space:normal;overflow-wrap:anywhere}:is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--kitap);outline-offset:3px}@media (max-width:900px){.app-header,.app-header-right{justify-content:center}.item-card{flex-wrap:wrap}.item-body{flex-basis:calc(100% - 70px)}.item-actions{flex-direction:row;max-width:none;width:100%;padding-top:12px;margin-top:0;border-top:1px solid var(--border);justify-content:flex-start;align-items:center}}@media (max-width:520px){.app-header{position:static;align-items:stretch;padding:18px 16px 12px;gap:16px}.brand{align-self:center}.app-header-right{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.app-header-right .btn-imdb-link,.app-header-right .btn-switch-user{padding:10px 6px;margin:0;font-size:.75rem}.item-card{padding:16px;gap:12px}.item-actions :is(.btn-link,.btn-edit,.btn-delete),.status-select{min-width:44px;min-height:44px}.item-actions{gap:6px}.person-card{padding:22px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}body{background:radial-gradient(ellipse at 0 0,#dedfd8 0,transparent 55%),radial-gradient(ellipse at 100% 80%,#e4d5c3 0,transparent 50%),var(--bg);background-attachment:fixed}.app-header{background:#f0f0e7;border-bottom-color:#cbd1c3;box-shadow:none}.app-header-right a.active{background:var(--text);color:#faf8f2;box-shadow:none}.app-header-right a.active:hover{background:var(--kitap)}.app-header-right a.active .nav-badge{background:#e5cf9f;color:var(--text)}.auth-brand{margin:0 0 6px;text-align:center;font-size:inherit}.auth-title{background:none;-webkit-text-fill-color:initial;color:var(--text);font-family:Inter,sans-serif;font-weight:650;letter-spacing:-.04em}.auth-card{background:var(--surface);border:1px solid #d3d8c9;box-shadow:0 20px 60px #233a3417}.auth-field input{background:#eeeee5}.auth-btn,.btn-add,.btn-save{background:var(--text);border-radius:12px;box-shadow:none}.auth-btn:hover,.btn-add:hover,.btn-save:hover{background:var(--kitap);box-shadow:none;opacity:1}.profile-hero{border-bottom:1px solid var(--border);margin-bottom:16px}.profile-hero h1,.social-heading h1{font-family:Inter,sans-serif;letter-spacing:-.045em;font-weight:650}.profile-hero.main{background:#e1e2da;border:1px solid #d1d3c9;border-radius:20px;padding:26px;max-width:780px}.profile-avatar{background:#d8dcd2}.stats-bar{gap:1px;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--border)}.stat{border:0;border-radius:0;box-shadow:none;background:#e5e5dd}.stat-label{letter-spacing:.06em}.add-form{background:#eeeee7;border:1px solid #d6d8ce;box-shadow:none}.add-form input,.add-form select{background:var(--surface)}.tab-btn{border-radius:12px;border-width:1px;background:#f0f0e7}.tab-btn.active{background:var(--text);border-color:var(--text);box-shadow:none}.item-card{background:#f6f4ec;box-shadow:0 2px 6px #233a3406}.item-card:hover{transform:none}.person-card{background:linear-gradient(155deg,#e8e8e0 0,#f6f4ec 65%)}.friend-actions .primary,.social-tabs .selected{background:var(--text);border-color:var(--text)}.social-empty{background:#e8e8e1}.imdb-header,.imdb-score-box,.imdb-filter-btn.active{background:var(--text)}.imdb-card{background:#f6f4ec}.delete-dialog{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:calc(100% - 32px);max-width:440px;max-height:calc(100dvh - 48px);overflow:auto;border:1px solid var(--border);border-radius:22px;padding:28px;background:var(--surface);color:var(--text);box-shadow:0 28px 90px #14231c40}.delete-dialog::backdrop{background:#16261f8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.delete-dialog-symbol{display:grid;place-items:center;width:44px;height:44px;background:#f1ded5;color:#a4422f;border-radius:12px;font-size:1.7rem;margin-bottom:20px}.delete-dialog h2{font-size:1.3rem;letter-spacing:-.03em;line-height:1.35;margin:10px 0 14px}.delete-dialog #delete-description{font-size:.9rem;color:var(--text-muted);line-height:1.7;overflow-wrap:anywhere;margin-bottom:24px}.delete-dialog strong{color:var(--text)}.delete-dialog .modal-actions{gap:12px;margin-top:20px}.delete-dialog .modal-actions button{flex:1;min-height:44px}.btn-danger{border:0;border-radius:10px;padding:10px 18px;background:#a4422f;color:#fff;font:inherit;font-size:.9rem;font-weight:600;cursor:pointer}.btn-danger:hover{background:#843323}.delete-dialog button:disabled{opacity:.5;cursor:wait}@media (max-width:820px){.profile-hero.main{margin-left:20px;margin-right:20px}}@media (max-width:520px){.profile-hero.main{padding:20px 16px}.delete-dialog{padding:24px}}.profile-signout{border-top:1px solid var(--border);padding-top:16px;margin-top:6px;text-align:center}.profile-signout .btn-switch-user{min-height:44px;border-color:transparent;color:var(--text-muted)}.profile-signout .btn-switch-user:disabled{opacity:.5;cursor:wait}@media (max-width:640px){.app-header{position:static;flex-direction:column;align-items:stretch;padding:20px 16px 10px;gap:18px}.app-header>.brand{align-self:center}.app-header-right{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%}.nav-primary{display:grid;grid-template-columns:1.35fr 1fr .95fr 1fr;align-items:stretch;gap:3px;padding:4px;border:1px solid var(--border);border-radius:15px;background:var(--surface2)}.nav-primary .btn-imdb-link{min-width:0;min-height:46px;padding:10px 2px;margin:0;font-size:clamp(.65rem,2.6vw,.78rem);line-height:1.3;white-space:nowrap;border-radius:11px;gap:3px}.nav-primary .nav-badge{min-width:18px;height:18px;padding:0 3px;font-size:.6rem;flex-shrink:0}}.profile-avatar{overflow:hidden;border-radius:50%}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar.profile-avatar-compact{width:24px;height:24px;border-radius:50%;font-size:1rem;vertical-align:middle}.profile-photo-editor{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid #deded6}.profile-photo-editor h2{font-size:1rem;margin:0 0 14px}.profile-photo-row{display:flex;align-items:center;gap:16px}.profile-photo-row p{font-size:.8rem;color:#62675f;margin:8px 0}.profile-photo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px}.profile-photo-actions .auth-btn{width:auto}.form-date-group{display:flex;align-items:center;gap:8px;flex:1;min-width:220px}.form-date-group input[type=date]{min-width:0;width:100%}.date-field{display:flex;align-items:center;position:relative;min-width:0;flex:1}.date-field>input[type=text]{width:100%;min-width:0;padding-right:40px}.date-field>input::placeholder{color:var(--text-muted);opacity:.65;font-weight:400}.date-field>input:focus::placeholder{color:transparent}.date-calendar{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:grid;place-items:center}.date-calendar input[type=date]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-width:0;padding:0;opacity:0;cursor:pointer}.date-calendar:focus-within{outline:2px solid var(--active);border-radius:6px}.date-field-wrapper{flex:1;min-width:0}.date-segments{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xs);padding:9px 36px 9px 8px;gap:0;flex-wrap:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88rem}.date-segments:focus-within{border-color:var(--active);box-shadow:0 0 0 3px var(--active-glow)}.date-segment{display:flex;align-items:center;min-width:0;flex-shrink:0;white-space:nowrap}.date-segments .date-segment input{width:2.2ch;min-width:0;flex:none;padding:0;border:0;border-radius:0;background:transparent;text-align:center;box-shadow:none;font-family:inherit;font-size:inherit;font-variant-numeric:tabular-nums}.date-segments .date-segment:nth-child(3) input{width:4.2ch}.date-segments .date-segment input:focus-visible{outline:none;box-shadow:none}.date-segments .date-segment input::placeholder{color:var(--text-muted);opacity:.65;font-weight:400}.date-segments .date-calendar:focus-within{outline:none}.date-calendar{color:var(--text-muted)}.date-separator{color:var(--text-muted);opacity:.65;padding:0}.date-segments:focus-within .date-segment input::placeholder{color:transparent}.date-field-error{display:block;color:#a12626;font-size:.72rem;line-height:1.4;margin-top:5px}.date-calendar-toggle{border:0;padding:0;background:transparent;cursor:pointer}.date-picker-panel{padding:8px;margin-top:6px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.date-picker-popup{position:fixed;z-index:1100;overflow-y:auto;border-radius:10px;box-shadow:0 8px 28px #233a342e}.date-picker-popup .date-picker-panel{margin-top:0}.date-picker-toolbar{display:flex;gap:3px;align-items:center;margin-bottom:8px}.date-picker-toolbar button{flex:none}.date-picker-panel .date-picker-toolbar select{width:0;flex:1;min-width:0;padding:4px 0;font-size:.75rem}.date-picker-panel .date-picker-toolbar input{width:4.8ch;flex:none;min-width:0;padding:4px 1px;font-size:.75rem}.date-picker-panel button{border:0;border-radius:5px;background:transparent;color:var(--text);cursor:pointer;padding:5px 2px;font:inherit;font-size:.75rem;min-width:0}.date-picker-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;text-align:center}.date-picker-grid>span{font-size:.65rem;color:var(--text-muted)}.date-picker-panel button:hover:not(:disabled){background:var(--active-pale)}.date-picker-panel button[aria-pressed=true]{background:var(--active);color:#fff}.date-picker-panel button:disabled{opacity:.3;cursor:not-allowed}@media (max-width:520px){.stats-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.stats-bar .stat{min-width:0;padding:16px 12px}.stats-bar .stat-label{line-height:1.5;overflow-wrap:anywhere}.form-dates{flex-direction:column;align-items:stretch;gap:12px}.form-date-group{display:grid;grid-template-columns:96px minmax(0,1fr);min-width:0}}.item-progress{margin:10px 0;font-size:.8rem;color:var(--text-muted)}.item-progress progress{display:block;width:min(100%,260px);height:7px;margin:8px 0;accent-color:var(--active)}.progress-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.progress-actions button{font:inherit;padding:6px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer}.progress-actions button:disabled{opacity:.5;cursor:wait}.progress-dialog{max-height:90dvh;overflow:auto}.progress-dialog fieldset{border:0;padding:0;min-width:0}.progress-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.progress-field{display:flex;flex-direction:column;gap:6px;margin:14px 0;font-size:.8rem}.progress-field>input{width:100%;min-width:0;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit}