@layer components.kutuphane{.kutuphane-shell{--kutuphane-sidebar-inline:clamp(280px, 22vw, 480px);--kutuphane-topbar-block:clamp(140px, 14vh, 200px);--kutuphane-topbar-pad-inline:clamp(16px, 2vw, 56px);--kutuphane-control-font:clamp(15px, 1.1vw, 20px);--kutuphane-card-floor:clamp(160px, 13cqi, 280px);grid-template-columns:var(--kutuphane-sidebar-inline) 1fr;grid-template-rows:var(--kutuphane-topbar-block) 1fr;background:var(--surface-0,var(--bg-canvas));block-size:100dvh;color:var(--fg-default,inherit);z-index:0;grid-template-areas:"brand topbar""sidebar main";display:grid;position:relative;overflow:hidden}@media (max-width:1023.98px){.kutuphane-shell{grid-template:"topbar""main"1fr/1fr}}.kutuphane-brand{box-sizing:border-box;block-size:var(--kutuphane-topbar-block);background:var(--surface-1,var(--bg-elevated));border-inline-end:1px solid var(--border-default);border-block-end:1px solid var(--border-default);grid-area:brand;justify-content:center;align-items:center;padding:clamp(12px,1.5vh,20px);display:flex}.kutuphane-brand-logo{object-fit:contain;block-size:100%;inline-size:100%}.kutuphane-brand-logo--light{display:block}.kutuphane-brand-logo--dark,:root[data-theme=dark] .kutuphane-brand-logo--light{display:none}:root[data-theme=dark] .kutuphane-brand-logo--dark{display:block}.kutuphane-brand-inline{flex:none;align-items:center;block-size:clamp(32px,5vh,48px);display:none}.kutuphane-brand-inline img{object-fit:contain;block-size:100%;inline-size:auto;max-inline-size:140px}.kutuphane-brand-inline--light,.kutuphane-brand-inline--dark{display:none}@media (max-width:1023.98px){.kutuphane-shell .kutuphane-brand{display:none}.kutuphane-brand-inline--light{display:flex}:root[data-theme=dark] .kutuphane-brand-inline--light{display:none}:root[data-theme=dark] .kutuphane-brand-inline--dark{display:flex}}.kutuphane-topbar{align-items:center;gap:var(--space-4,16px);padding-block:clamp(12px,1.6vh,24px);padding-inline:var(--kutuphane-topbar-pad-inline);background:var(--surface-1,var(--bg-elevated));border-block-end:1px solid var(--border-default);z-index:5;grid-area:topbar;display:flex;position:sticky;inset-block-start:0}.kutuphane-search-wrap{flex:1;align-items:center;max-inline-size:720px;display:flex;position:relative}.kutuphane-search-icon{color:var(--fg-muted,currentColor);pointer-events:none;position:absolute;inset-inline-start:14px}.kutuphane-search-input{border:1px solid var(--border-default);background:var(--surface-0,var(--bg-canvas));inline-size:100%;color:inherit;font:inherit;font-size:var(--kutuphane-control-font);border-radius:999px;padding:clamp(10px,1vh,16px) 16px clamp(10px,1vh,16px) 44px;transition:border-color .15s,box-shadow .15s}@media (max-width:640px){.kutuphane-search-input,.kutuphane-filter-search-input{font-size:16px}}.kutuphane-search-input:focus-visible{border-color:var(--brand-primary,var(--brand-500));box-shadow:0 0 0 3px color-mix(in oklch, var(--brand-primary,var(--brand-500)) 25%, transparent);outline:none}.kutuphane-topbar-actions{align-items:center;gap:var(--space-2,8px);margin-inline-start:auto;display:flex}.kutuphane-cta-primary,.kutuphane-cta-ghost{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:clamp(8px,1vh,14px) clamp(12px,1.2vw,22px);font-size:clamp(13px,.9vw,16px);font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .15s,background-color .15s;display:inline-flex}.kutuphane-cta-primary{background:var(--brand-primary,var(--brand-500));color:var(--fg-on-brand,#fff)}.kutuphane-cta-primary:hover{box-shadow:0 6px 18px -8px color-mix(in oklch, var(--brand-primary,var(--brand-500)) 60%, transparent);transform:translateY(-1px)}.kutuphane-cta-ghost{color:inherit;border-color:var(--border-default);background:0 0}.kutuphane-cta-ghost:hover{background:var(--surface-mute,var(--bg-subtle))}.kutuphane-hamburger{border:1px solid var(--border-default);background:var(--surface-0,var(--bg-canvas));block-size:44px;inline-size:44px;color:inherit;cursor:pointer;border-radius:10px;flex:none;justify-content:center;align-items:center;transition:background-color .15s;display:none}.kutuphane-hamburger:hover{background:var(--surface-mute,var(--bg-subtle))}@media (max-width:1023.98px){.kutuphane-hamburger{display:inline-flex}}.kutuphane-sidebar{inline-size:100%;padding:var(--space-4,16px);background:var(--surface-1,var(--bg-elevated));border-inline-end:1px solid var(--border-default);align-content:start;gap:var(--space-3,12px);grid-area:sidebar;min-block-size:0;display:grid;overflow-y:auto}@media (max-width:1023.98px){.kutuphane-sidebar{z-index:70;border-inline-end:1px solid var(--border-default);border-block-end:0;inline-size:min(420px,86vw);max-inline-size:86vw;transition:transform .25s;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(-100%);box-shadow:8px 0 24px -12px #0000002e}.kutuphane-shell[data-sidebar-open=true] .kutuphane-sidebar{transform:translate(0)}.kutuphane-sidebar .kutuphane-filter-options{max-block-size:none;overflow-y:visible}}.kutuphane-sidebar-close{border:1px solid var(--border-default);background:var(--surface-0,var(--bg-canvas));block-size:36px;inline-size:36px;color:inherit;cursor:pointer;border-radius:8px;margin-block-end:8px;margin-inline-start:auto;display:none}.kutuphane-sidebar-close:hover{background:var(--surface-mute,var(--bg-subtle))}@media (max-width:1023.98px){.kutuphane-sidebar-close{display:inline-flex}}.kutuphane-backdrop{z-index:65;cursor:pointer;background:#00000061;background:lab(0% 0 0/.38);animation:.18s kutuphane-backdrop-fade;display:none;position:fixed;inset:0}@media (max-width:1023.98px){.kutuphane-shell[data-sidebar-open=true] .kutuphane-backdrop{display:block}}@keyframes kutuphane-backdrop-fade{0%{opacity:0}to{opacity:1}}@media (max-width:1023.98px){.kutuphane-shell[data-sidebar-open=true] .kutuphane-main{overflow:hidden}}.kutuphane-filter-section{border:1px solid var(--border-soft,var(--border-default));padding:var(--space-3,12px);background:var(--surface-0,var(--bg-canvas));border-radius:12px}.kutuphane-filter-summary{cursor:pointer;color:var(--fg-default,inherit);align-items:center;gap:8px;font-size:14px;font-weight:700;list-style:none;display:flex}.kutuphane-filter-summary::-webkit-details-marker{display:none}.kutuphane-filter-options{gap:4px;max-block-size:220px;margin-block-start:var(--space-2,8px);display:grid;overflow-y:auto}.kutuphane-filter-search-wrap{margin-block-start:var(--space-2,8px);position:relative}.kutuphane-filter-search-icon{color:var(--fg-muted,currentColor);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:10px;transform:translateY(-50%)}.kutuphane-filter-search-input{border:1px solid var(--border-default);background:var(--surface-1,var(--bg-elevated));inline-size:100%;color:inherit;font:inherit;border-radius:8px;padding:8px 12px 8px 32px;font-size:13px}.kutuphane-filter-check{cursor:pointer;color:var(--fg-default,inherit);background:var(--surface-mute,var(--bg-subtle));border:1px solid var(--border-soft,transparent);border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:13.5px;transition:background .15s,border-color .15s,color .15s;display:flex}.kutuphane-filter-check:hover{background:var(--bg-raised,var(--surface-mute));border-color:var(--border-default,var(--border-soft))}.kutuphane-filter-check:has(input:checked){background:var(--brand-50,var(--surface-mute));border-color:var(--brand-primary,currentColor);color:var(--brand-700,var(--fg-default));font-weight:600}.kutuphane-filter-empty{color:var(--fg-muted,inherit);margin:4px 0;padding:8px;font-size:12.5px}.kutuphane-main{grid-area:main;min-block-size:0;padding:clamp(16px,2vw,40px);position:relative;overflow-y:auto;container:kutuphane-main/inline-size}.kutuphane-main-header{justify-content:space-between;align-items:baseline;gap:var(--space-3,12px);margin-block-end:var(--space-4,16px);display:flex}.kutuphane-page-title{text-wrap:balance;margin:0;font-size:clamp(20px,2.2cqi,36px);font-weight:800}.kutuphane-page-count{color:var(--fg-muted,inherit);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(13px,.95cqi,16px)}.kutuphane-book-grid{grid-template-columns:repeat(auto-fill, minmax(min(var(--kutuphane-card-floor), 100%), 1fr));gap:clamp(10px,1.2cqi,22px);display:grid}@container kutuphane-main not (min-width:480px){.kutuphane-book-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@container kutuphane-main (640px<=width<880px){.kutuphane-book-grid{grid-template-columns:repeat(3,1fr)}}@container kutuphane-main not (min-width:320px){.kutuphane-book-grid{grid-template-columns:1fr}}.kutuphane-book-card-slot{min-inline-size:0;display:flex}.kutuphane-book-card-slot>*{inline-size:100%}.kutuphane-groups{flex-direction:column;gap:clamp(20px,3cqi,40px);display:flex}.kutuphane-grade-group{flex-direction:column;gap:clamp(10px,1.4cqi,18px);display:flex}.kutuphane-grade-heading{text-wrap:balance;align-items:center;gap:10px;margin:0;padding-block:6px;font-size:clamp(16px,1.7cqi,24px);font-weight:800;display:flex}.kutuphane-grade-heading__label{box-shadow:inset 0 -.28em 0 var(--brand-50,var(--surface-mute,transparent))}.kutuphane-grade-heading__count{color:var(--fg-muted,inherit);font-variant-numeric:tabular-nums;white-space:nowrap;background:var(--surface-mute,var(--brand-50,#0000000d));border-radius:999px;flex:none;margin-inline-start:auto;padding:3px 10px;font-size:.6em;font-weight:700}.kutuphane-book-card{color:inherit;border-radius:10px;gap:6px;min-inline-size:0;padding:6px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:grid}.kutuphane-book-card:hover{background:var(--surface-mute,var(--bg-subtle));transform:translateY(-2px);box-shadow:0 12px 24px -12px #0000002e}.kutuphane-book-cover{aspect-ratio:5/7;border-radius:8px;inline-size:100%;overflow:hidden;box-shadow:0 4px 10px -4px #0000002e}.kutuphane-book-title{text-wrap:balance;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(11.5px,.95cqi,16px);font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.kutuphane-book-publisher{color:var(--fg-muted,inherit);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(10.5px,.8cqi,13px);overflow:hidden}.kutuphane-empty{text-align:center;padding:clamp(48px, 8cqi, 96px) var(--space-4,16px);color:var(--fg-muted,inherit)}.kutuphane-empty h2{margin:0 0 var(--space-2,8px);color:var(--fg-default,inherit)}.kutuphane-set-card{text-align:inherit;font:inherit;color:inherit;cursor:pointer;appearance:none;background:0 0;border:0}.kutuphane-set-card:focus-visible{outline:2px solid var(--brand-primary,currentColor);outline-offset:2px;border-radius:10px}.kutuphane-set-card__cover{aspect-ratio:5/7;isolation:isolate;border-radius:8px;inline-size:100%;position:relative;overflow:hidden;box-shadow:0 4px 10px -4px #0000002e}.kutuphane-set-card__cover .kutuphane-book-cover{block-size:100%;inline-size:100%;box-shadow:none;object-fit:cover;border-radius:0;display:block}.kutuphane-set-card__badge,.kutuphane-set-card__count{z-index:1;letter-spacing:.04em;text-transform:uppercase;background:color-mix(in oklab, var(--brand-primary,#b91c1c) 90%, transparent);color:var(--fg-on-accent,var(--fg-on-brand,#fff));pointer-events:none;border-radius:999px;padding:4px 8px;font-size:clamp(10px,.75cqi,12px);font-weight:700;line-height:1;position:absolute}.kutuphane-set-card__badge{inset-block-start:8px;inset-inline-start:8px}.kutuphane-set-card__count{background:color-mix(in oklab, var(--fg-default,#0a0a0a) 80%, transparent);color:var(--bg-canvas,#fff);text-transform:none;letter-spacing:0;font-weight:600;inset-block-end:8px;inset-inline-end:8px}.kutuphane-set-modal{gap:var(--space-4,16px);flex-direction:column;display:flex;container:set-modal/inline-size}.kutuphane-set-modal__head{gap:var(--space-2,8px);flex-direction:column;display:flex}.kutuphane-set-modal__chips{gap:var(--space-2,8px);flex-wrap:wrap;margin:0;display:flex}.kutuphane-set-modal__chip{background:var(--bg-subtle,#f3f4f6);color:var(--fg-default,inherit);border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.kutuphane-set-modal__desc{color:var(--fg-default,inherit);text-wrap:pretty;max-inline-size:60ch;margin:0;line-height:1.5}.kutuphane-set-modal__status{color:var(--fg-muted,inherit);padding:var(--space-3,12px) 0;margin:0;font-size:13px}.kutuphane-set-modal__status--error{color:var(--danger,#b91c1c)}.kutuphane-set-modal__grid{gap:var(--space-3,12px);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@container set-modal (min-width:480px){.kutuphane-set-modal__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container set-modal (min-width:800px){.kutuphane-set-modal__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.kutuphane-set-modal__item{min-inline-size:0;display:flex}.kutuphane-set-modal__item>*{inline-size:100%}.kutuphane-vk-fab{background:var(--brand-primary,var(--brand-500));block-size:clamp(44px,4.5vh,64px);inline-size:clamp(44px,4.5vh,64px);color:var(--fg-on-brand,#fff);cursor:pointer;box-shadow:0 10px 26px -8px color-mix(in oklch, var(--brand-primary,var(--brand-500)) 60%, transparent);z-index:60;border:0;border-radius:50%;place-items:center;transition:transform .12s;display:grid;position:fixed;inset-block-end:24px;inset-inline-end:24px}.kutuphane-vk-fab:hover{transform:translateY(-2px)}.kutuphane-vk-fab[aria-pressed=true]{background:var(--brand-700,oklch(45% .2 var(--brand-h,18)))}@media (max-width:768px) and (pointer:coarse){.kutuphane-vk-fab{display:none}}@media (max-width:640px){.kutuphane-topbar{gap:var(--space-2,8px);padding-inline:var(--space-3,12px);padding-block:var(--space-2,8px)}.kutuphane-topbar-actions .kutuphane-cta-ghost{display:none}.kutuphane-hamburger{block-size:44px;inline-size:44px}.kutuphane-brand-inline img{max-block-size:28px;max-inline-size:112px}.kutuphane-search-input{padding-inline-start:38px}.kutuphane-page-count{display:none}.kutuphane-main{padding:var(--space-3,12px)}.kutuphane-filter-check{padding:8px 12px;font-size:13px}}.kutuphane-vk{background:var(--bg-elevated,var(--surface-1,var(--lightningcss-light,#fff)var(--lightningcss-dark,#1f2230)));border:1px solid var(--border-default);inline-size:clamp(320px,90vw,720px);box-shadow:var(--shadow-lg,0 20px 60px -16px #00000059);z-index:80;-webkit-user-select:none;user-select:none;border-radius:14px;padding:12px;position:fixed;inset-block-end:92px;inset-inline-end:24px}.kutuphane-vk-drag{cursor:grab;color:var(--fg-muted,inherit);border-block-end:1px solid var(--border-soft,var(--border-default));touch-action:none;align-items:center;gap:8px;margin-block-end:10px;padding:4px 6px 10px;font-size:12px;display:flex}.kutuphane-vk-drag:active{cursor:grabbing}.kutuphane-vk-drag-label{flex:1}.kutuphane-vk-close{cursor:pointer;color:var(--fg-muted,inherit);background:0 0;border:0;border-radius:6px;padding:4px}.kutuphane-vk-close:hover{background:var(--surface-mute,var(--bg-subtle));color:var(--fg-default,inherit)}.kutuphane-vk-body{gap:6px;display:grid}.kutuphane-vk-row{justify-content:center;gap:6px;display:flex}.kutuphane-vk-key{background:var(--surface-0,var(--bg-canvas));border:1px solid var(--border-default);block-size:44px;min-inline-size:32px;color:inherit;font:inherit;cursor:pointer;border-radius:8px;flex:1;padding:0 8px;font-size:15px;font-weight:600;transition:background .1s,transform 80ms}.kutuphane-vk-key:hover{background:var(--surface-mute,var(--bg-subtle))}.kutuphane-vk-key:active{transform:translateY(1px)}.kutuphane-vk-key--mod{background:var(--surface-mute,var(--bg-subtle));color:var(--fg-default,inherit);flex:0 0 56px;font-size:18px}.kutuphane-vk-key--mod.is-active{background:var(--brand-primary,var(--brand-500));color:var(--fg-on-brand,#fff);border-color:#0000}.kutuphane-vk-key--space{max-inline-size:360px;color:var(--fg-muted,inherit);text-transform:lowercase;letter-spacing:.05em;flex:1;font-size:12.5px}@media (prefers-reduced-motion:reduce){.kutuphane-book-card,.kutuphane-cta-primary,.kutuphane-cta-ghost,.kutuphane-vk-fab,.kutuphane-vk-key,.kutuphane-sidebar,.kutuphane-backdrop{transition:none;animation:none}.kutuphane-book-card:hover,.kutuphane-cta-primary:hover,.kutuphane-vk-fab:hover{transform:none}}}.kutuphane-book-card-slot .book-card-btn--secondary,.kutuphane-set-modal__item .book-card-btn--secondary{display:none}.kutuphane-book-card-slot .book-card-actions>.book-card-btn--primary,.kutuphane-set-modal__item .book-card-actions>.book-card-btn--primary{flex:100%}.kutuphane-book-card-slot .book-card-title,.kutuphane-set-modal__item .book-card-title{min-block-size:2.6em;min-block-size:2lh}