.library-home{width:min(1520px,calc(100vw - var(--page-gutter)));max-width:none;margin:0 auto;padding-bottom:clamp(4.5rem,7vw,7rem)}.library-hero{display:grid;grid-template-columns:minmax(0,.96fr) minmax(340px,.84fr);align-items:center;gap:clamp(2.5rem,4vw,4.5rem);min-height:min(680px,calc(100svh - var(--nav-height)));padding:clamp(3.5rem,4.5vw,5.5rem) 0 clamp(3.5rem,4vw,4.5rem)}.library-hero-copy{max-width:670px}.library-eyebrow{margin:0 0 var(--spacing-5);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:500;line-height:1.55;color:var(--color-accent)}.library-hero h1{margin:0;font-family:var(--font-serif);font-size:clamp(3rem,4.4vw,5.35rem);font-weight:500;line-height:1.02;letter-spacing:-.035em;text-wrap:balance}.library-hero h1 span{display:block}.library-hero-summary{max-width:680px;margin:var(--spacing-6) 0 0;font-size:clamp(1.0625rem,1vw,1.1875rem);line-height:1.75;color:var(--color-text-secondary)}.library-hero-actions{display:flex;align-items:center;gap:var(--spacing-4);margin-top:var(--spacing-6)}.library-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-4);min-height:52px;padding:var(--spacing-3) var(--spacing-6);background:var(--color-accent);color:var(--color-on-accent);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:500;border:1px solid var(--color-accent);transition:background var(--transition-base),color var(--transition-base),transform var(--transition-base)}.library-button:hover{background:var(--color-accent-hover);color:var(--color-on-accent);opacity:1;transform:translateY(-2px)}.library-use-note{margin:var(--spacing-5) 0 0;font-size:var(--font-size-sm);line-height:1.6;color:var(--color-muted)}.library-hero-figure{margin:0;position:relative;display:flex;align-items:center;justify-content:center}.library-hero-figure img{width:min(100%,620px);height:auto;object-fit:contain;mix-blend-mode:multiply}:root.dark .library-hero-figure{background:#f3efe7;padding:clamp(1rem,2vw,2rem)}.library-section{border-top:1px solid var(--color-border-subtle);padding:clamp(3.5rem,5vw,5.75rem) 0}.library-section-heading{display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,.52fr);justify-content:space-between;gap:clamp(2rem,4vw,5rem);align-items:end;max-width:1320px;margin-bottom:clamp(2.25rem,3.5vw,3.5rem)}.library-section-heading h2,.library-use-heading h2,.library-author-copy h2{margin:0;font-family:var(--font-serif);font-size:clamp(2.25rem,3vw,3.85rem);font-weight:500;line-height:1.08;letter-spacing:-.025em;text-wrap:balance}.library-section-heading>p,.library-section-heading>div:last-child>p{max-width:600px;margin:0;font-size:var(--font-size-base);line-height:1.75;color:var(--color-text-secondary)}.library-entrances{border-top:1px solid var(--color-border-subtle)}.library-entrance{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(190px,auto);align-items:center;gap:var(--spacing-6);min-height:112px;padding:var(--spacing-5) 0;border-bottom:1px solid var(--color-border-subtle)}.library-entrance:hover{opacity:1}.library-entrance:hover .library-inline-action,.library-work-row:hover .library-work-action,.library-channel:hover .library-channel-label{color:var(--color-accent);transform:translate(4px)}.library-entrance-number{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-accent);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full)}.library-entrance-copy{display:grid;gap:var(--spacing-1)}.library-entrance-copy strong,.library-channel strong{font-family:var(--font-serif);font-size:clamp(1.3rem,1.6vw,1.7rem);font-weight:500;line-height:1.3}.library-entrance-copy small,.library-channel small,.library-work-title small{display:block;font-size:var(--font-size-sm);line-height:1.65;color:var(--color-muted)}.library-inline-action,.library-text-link,.library-work-action{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:500;color:var(--color-accent);transition:color var(--transition-fast),transform var(--transition-fast)}.library-text-link{justify-content:flex-start;margin-top:var(--spacing-4)}.library-work-index{border-top:1px solid var(--color-border)}.library-work-head,.library-work-row{display:grid;grid-template-columns:minmax(320px,1.7fr) minmax(110px,.42fr) minmax(170px,.58fr) minmax(80px,.24fr);gap:var(--spacing-6);align-items:center}.library-work-head{min-height:52px;font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-muted);border-bottom:1px solid var(--color-border-subtle)}.library-work-row{min-height:118px;padding:var(--spacing-5) 0;border-bottom:1px solid var(--color-border-subtle)}.library-work-row:hover{opacity:1;background:color-mix(in srgb,var(--color-bg-subtle) 48%,transparent)}.library-work-title{display:grid;gap:var(--spacing-1)}.library-work-title strong{font-family:var(--font-serif);font-size:clamp(1.25rem,1.55vw,1.65rem);font-weight:500;line-height:1.3}.library-work-type,.library-work-state{font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text-secondary)}.library-use{margin:clamp(1rem,2vw,2rem) 0;padding:clamp(2.5rem,4vw,4.5rem);border:1px solid var(--color-border-subtle);background:color-mix(in srgb,var(--color-bg-subtle) 58%,var(--color-bg))}.library-use-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,.45fr);column-gap:clamp(2rem,4vw,5rem);align-items:end;margin-bottom:clamp(2.25rem,3.5vw,3.5rem)}.library-use-heading .library-eyebrow{grid-column:1 / -1}.library-use-heading>p:last-child{margin:0;color:var(--color-text-secondary);line-height:1.75}.library-use-levels{display:grid;gap:var(--spacing-3)}.library-use-level{display:grid;grid-template-columns:54px minmax(0,1fr) minmax(190px,auto);gap:var(--spacing-6);align-items:center;min-height:136px;padding:var(--spacing-5) var(--spacing-6);border:1px solid var(--color-border-subtle);background:color-mix(in srgb,var(--color-bg) 72%,transparent)}.library-level-number{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);background:var(--color-bg-warm);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-accent)}.library-use-level h3{margin:0 0 var(--spacing-2);font-family:var(--font-serif);font-size:clamp(1.35rem,1.8vw,1.75rem);font-weight:500;line-height:1.3}.library-use-level p{max-width:820px;margin:0;font-size:var(--font-size-sm);line-height:1.7;color:var(--color-text-secondary)}.library-level-state{justify-self:end;padding:var(--spacing-2) var(--spacing-4);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:500;line-height:1.5;background:var(--color-sand-subtle);color:var(--color-text-secondary)}.library-use-level[data-tone=open] .library-level-state{background:color-mix(in srgb,var(--color-applied) 12%,var(--color-bg))}.library-use-level[data-tone=permission] .library-level-state{background:var(--color-accent);color:var(--color-on-accent)}.library-use-footer{display:grid;grid-template-columns:auto minmax(280px,1fr);align-items:center;gap:clamp(2rem,5vw,5rem);margin-top:var(--spacing-6)}.library-use-footer p{max-width:760px;margin:0;font-size:var(--font-size-sm);line-height:1.7;color:var(--color-muted)}.library-author{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(2.5rem,5vw,6rem);align-items:center}.library-author-portrait{margin:0;aspect-ratio:4 / 5;background:var(--color-bg-subtle);overflow:clip}.library-author-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 28%}.library-author-copy{max-width:760px}.library-author-copy>p:not(.library-eyebrow){max-width:660px;margin:var(--spacing-6) 0 0;font-size:clamp(1.05rem,1.35vw,1.2rem);line-height:1.8;color:var(--color-text-secondary)}.library-author-copy .library-text-link{margin-top:var(--spacing-7)}.library-channels{display:grid;grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);gap:clamp(2rem,4vw,5rem);align-items:start}.library-channels>.library-eyebrow{margin:0}.library-channel-list{border-top:1px solid var(--color-border-subtle)}.library-channel{display:grid;grid-template-columns:120px minmax(0,1fr);gap:var(--spacing-6);align-items:center;min-height:116px;padding:var(--spacing-5) 0;border-bottom:1px solid var(--color-border-subtle)}.library-channel:hover{opacity:1}.library-channel-label{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:500;color:var(--color-accent)}.library-channel>span:nth-child(2){display:grid;gap:var(--spacing-1)}.library-channel-label{transition:color var(--transition-fast),transform var(--transition-fast)}@media(min-width:2200px){.library-hero{grid-template-columns:minmax(0,670px) minmax(560px,680px);justify-content:space-between}.library-hero h1{font-size:4.5rem}}@media(max-width:1100px){.library-hero{grid-template-columns:minmax(0,1fr) minmax(340px,.78fr);gap:var(--spacing-10)}.library-hero h1{font-size:clamp(2.8rem,5vw,4rem)}.library-section-heading,.library-use-heading{grid-template-columns:minmax(0,1fr) minmax(280px,.6fr)}.library-work-head,.library-work-row{grid-template-columns:minmax(300px,1.5fr) 100px 160px 72px;gap:var(--spacing-4)}.library-use{padding:var(--spacing-10)}}@media(max-width:860px){.library-hero{grid-template-columns:1fr;min-height:0;padding-top:var(--spacing-20)}.library-hero-copy{max-width:640px}.library-hero-figure{justify-content:flex-start;max-width:580px}.library-section-heading,.library-use-heading,.library-author,.library-channels{grid-template-columns:1fr}.library-entrance{grid-template-columns:56px minmax(0,1fr)}.library-inline-action{grid-column:2;justify-content:flex-start}.library-work-head{display:none}.library-work-row{grid-template-columns:minmax(0,1fr) auto;gap:var(--spacing-2) var(--spacing-6)}.library-work-title{grid-column:1 / -1}.library-work-type,.library-work-state{grid-column:1}.library-work-action{grid-column:2;grid-row:2 / span 2}.library-use-heading>p:last-child{margin-top:var(--spacing-5)}.library-use-level{grid-template-columns:48px minmax(0,1fr)}.library-level-state{grid-column:2;justify-self:start}.library-use-footer{grid-template-columns:1fr}.library-author-portrait{max-width:520px}}@media(max-width:640px){.library-home{width:var(--wide-width);padding-bottom:var(--spacing-20)}.library-hero{gap:var(--spacing-8);padding:var(--spacing-12) 0 var(--spacing-12)}.library-hero h1{font-size:clamp(2.25rem,10vw,2.9rem);line-height:1.08}.library-hero h1 span{display:inline}.library-hero-summary{margin-top:var(--spacing-5);font-size:1rem}.library-hero-actions,.library-button{width:100%}.library-use-note{font-size:var(--font-size-sm)}.library-section{padding:var(--spacing-12) 0}.library-section-heading{gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.library-section-heading h2,.library-use-heading h2,.library-author-copy h2{font-size:clamp(1.9rem,8vw,2.5rem);line-height:1.16}.library-entrance{grid-template-columns:44px minmax(0,1fr);gap:var(--spacing-4);min-height:0;padding:var(--spacing-5) 0}.library-entrance-number{width:44px;height:44px}.library-inline-action{grid-column:1 / -1;margin-left:60px}.library-work-row{min-height:0;padding:var(--spacing-6) 0}.library-work-action span{display:none}.library-use{margin:0;padding:var(--spacing-6)}.library-use-level{grid-template-columns:1fr;gap:var(--spacing-4);padding:var(--spacing-5)}.library-level-state{grid-column:1}.library-author-portrait{max-width:none;aspect-ratio:5 / 6}.library-channel{grid-template-columns:1fr;gap:var(--spacing-3) var(--spacing-5)}.library-channel-label{grid-column:1 / -1}.library-channel>span:nth-child(2){grid-column:1}}:lang(th) .library-home{font-family:Sarabun,system-ui,sans-serif;letter-spacing:0;word-break:keep-all}:lang(th) .library-eyebrow,:lang(th) .library-button,:lang(th) .library-use-note,:lang(th) .library-inline-action,:lang(th) .library-text-link,:lang(th) .library-work-head,:lang(th) .library-work-type,:lang(th) .library-work-state,:lang(th) .library-work-action,:lang(th) .library-level-state,:lang(th) .library-channel-label{font-family:Sarabun,system-ui,sans-serif;font-style:normal;letter-spacing:0;line-height:1.55}:lang(th) .library-hero h1,:lang(th) .library-section-heading h2,:lang(th) .library-use-heading h2,:lang(th) .library-author-copy h2,:lang(th) .library-entrance-copy strong,:lang(th) .library-channel strong,:lang(th) .library-work-title strong,:lang(th) .library-use-level h3{font-family:Sarabun,system-ui,sans-serif;font-weight:300;font-style:normal;letter-spacing:0;line-height:1.35}:lang(th) .library-hero h1{font-size:clamp(2.85rem,3.7vw,4.15rem);line-height:1.42}:lang(th) .library-hero-summary,:lang(th) .library-section-heading>p,:lang(th) .library-section-heading>div:last-child>p,:lang(th) .library-use-heading>p:last-child,:lang(th) .library-use-level p,:lang(th) .library-author-copy>p:not(.library-eyebrow){line-height:1.9;letter-spacing:0}:lang(th) .library-entrance-copy small,:lang(th) .library-channel small,:lang(th) .library-work-title small,:lang(th) .library-use-footer p{font-size:max(var(--font-size-sm),1em);line-height:1.85;letter-spacing:0}@media(max-width:640px){:lang(th) .library-hero h1{font-size:clamp(2.15rem,9vw,2.7rem);line-height:1.45}:lang(th) .library-section-heading h2,:lang(th) .library-use-heading h2,:lang(th) .library-author-copy h2{line-height:1.45}}
