.library-page .top{mix-blend-mode:normal}.text-link{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid #0000;font-size:.78rem;text-decoration:none;transition:color .25s,border-color .25s}.text-link:hover{color:var(--fg);border-color:var(--fg)}.lib-main{width:min(100%, var(--max));padding:6.5rem var(--pad) 4rem;margin:0 auto}.lib-hero{padding:1rem 0 2.5rem}.lib-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.6rem;margin-bottom:1.25rem;font-size:.78rem;display:inline-flex}.lib-title{font-family:var(--display);letter-spacing:-.04em;margin:0 0 1rem;font-size:clamp(2.8rem,10vw,5.5rem);font-weight:800;line-height:.95}.lib-sub{color:var(--muted);max-width:28rem;margin:0 0 1.75rem;font-size:1.05rem}.lib-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.lib-tab{border:1px solid var(--line-strong);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:.55rem 1rem;font-size:.78rem;text-decoration:none;transition:all .25s}.lib-tab:hover,.lib-tab.is-on{background:var(--fg);color:var(--bg);border-color:var(--fg)}.lib-section{border-top:1px solid var(--line);padding:2.5rem 0 3rem}.lib-section .section-label{align-items:baseline;gap:1rem;margin-bottom:1.25rem;display:flex}.section-en{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-left:auto;font-size:.72rem}.status-filters{flex-wrap:wrap;gap:.45rem;margin-bottom:1.25rem;display:flex}.chip{border:1px solid var(--line-strong);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:.4rem .85rem;font-size:.72rem;transition:all .2s}.chip:hover{color:var(--fg);border-color:var(--fg)}.chip.is-on{background:var(--fg);color:var(--bg);border-color:var(--fg)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;display:grid}.lib-card{border:1px solid var(--line);background:var(--card);cursor:pointer;transition:transform .35s var(--ease), border-color .3s, box-shadow .35s;text-align:left;width:100%;color:inherit;border-radius:18px;padding:0;overflow:hidden}.lib-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-4px)}.lib-card-cover{aspect-ratio:3/4;background:#222 50%/cover no-repeat;position:relative}.lib-card-cover.media{aspect-ratio:16/10}.lib-card-body{padding:.9rem 1rem 1.05rem}.lib-card-status{letter-spacing:.12em;text-transform:uppercase;color:#fff;backdrop-filter:blur(8px);background:#0000008c;border:1px solid #ffffff2e;border-radius:999px;padding:.28rem .55rem;font-size:.62rem;position:absolute;top:.7rem;left:.7rem}html[data-theme=light] .lib-card-status{color:#111;background:#fffc;border-color:#00000014}.lib-card h3{font-family:var(--display);letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.05rem;font-weight:650}.lib-card p{color:var(--muted);margin:0;font-size:.85rem}.lib-card .meta-line{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-top:.55rem;font-size:.72rem}.code-list{flex-direction:column;gap:.75rem;display:flex}.code-item{border:1px solid var(--line);background:var(--card);cursor:pointer;text-align:left;width:100%;color:inherit;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:1.15rem 1.25rem;transition:all .3s;display:grid}.code-item:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.code-item h3{font-family:var(--display);letter-spacing:-.02em;margin:0 0 .3rem;font-size:1.2rem}.code-item p{color:var(--muted);margin:0;font-size:.92rem}.code-meta{flex-wrap:wrap;gap:.4rem;margin-top:.7rem;display:flex}.code-meta span,.stack-pill{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.25rem .55rem;font-size:.68rem}.code-side{text-align:right;color:var(--faint);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:.75rem}.lang-dot{background:var(--fg);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:.35rem;display:inline-block}.album-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.album-card{border:1px solid var(--line);background:var(--card);cursor:pointer;text-align:left;color:inherit;border-radius:20px;width:100%;padding:0;transition:all .35s;overflow:hidden}.album-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.album-cover{aspect-ratio:4/3;background:#222 50%/cover no-repeat;position:relative}.album-count{letter-spacing:.12em;text-transform:uppercase;color:#fff;background:#00000080;border-radius:999px;padding:.3rem .6rem;font-size:.68rem;position:absolute;bottom:.8rem;right:.8rem}.album-body{padding:1rem 1.1rem 1.15rem}.album-body h3{font-family:var(--display);margin:0 0 .25rem;font-size:1.15rem}.album-body p{color:var(--muted);margin:0;font-size:.9rem}.modal[hidden]{display:none!important}.modal{z-index:200;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(8px);background:#00000073;position:absolute;inset:0}.modal-dialog{background:var(--bg);width:min(920px,100%);max-height:min(88vh,900px);color:var(--fg);border:1px solid var(--line-strong);border-radius:22px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid;position:relative;overflow:auto;box-shadow:0 30px 80px #00000059}.modal-close{z-index:2;border:1px solid var(--line-strong);background:color-mix(in srgb, var(--bg) 80%, transparent);width:2.2rem;height:2.2rem;color:var(--fg);cursor:pointer;border-radius:999px;font-size:1.2rem;line-height:1;position:absolute;top:.7rem;right:.85rem}.modal-cover{background:#1a1a1a 50%/cover no-repeat;min-height:240px}.modal-body{padding:1.4rem 1.4rem 1.6rem}.modal-meta{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:.7rem;font-size:.72rem}.modal-body h3{font-family:var(--display);letter-spacing:-.03em;margin:0 0 .4rem;font-size:clamp(1.4rem,3vw,2rem)}.modal-sub{color:var(--muted);margin:0 0 .9rem}.modal-note{margin:0 0 1rem;line-height:1.7}.modal-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.modal-tags span{letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.28rem .55rem;font-size:.68rem}.modal-actions{flex-wrap:wrap;gap:.5rem;display:flex}.modal-actions a,.modal-actions button{border:1px solid var(--line-strong);color:var(--fg);cursor:pointer;background:0 0;border-radius:999px;padding:.6rem 1rem;font-size:.82rem;text-decoration:none}.modal-actions a.primary,.modal-actions button.primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}.modal-gallery{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.55rem;margin-top:1rem;display:grid}.modal-gallery button{aspect-ratio:1;border:1px solid var(--line);cursor:pointer;background:#222 50%/cover no-repeat;border-radius:12px;padding:0;overflow:hidden}@media (width<=800px){.modal-dialog{grid-template-columns:1fr}.modal-cover{min-height:180px}.code-item{grid-template-columns:1fr}.code-side{text-align:left}}@media (width<=860px){.library-page .mini-nav{display:none}}.empty-block{color:var(--muted);padding:1.5rem 0;font-size:.95rem}.lib-breadcrumb{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.75rem;display:flex}.lib-breadcrumb a{color:var(--muted);text-decoration:none}.lib-breadcrumb a:hover{color:var(--fg)}.sec-stats{flex-wrap:wrap;gap:.75rem 1.25rem;margin:0 0 1.1rem;display:flex}.sec-stats span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.78rem}.sec-stats strong{font-family:var(--display);color:var(--fg);letter-spacing:-.02em;margin-right:.4rem;font-size:1.35rem;font-weight:700}.status-filters .chip em{opacity:.7;margin-left:.25rem;font-style:normal}.section-more{justify-content:center;margin-top:1.25rem;display:flex}.section-more .btn{border:1px solid var(--line-strong);min-width:9rem;color:var(--fg);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1.2rem;font-size:.78rem;text-decoration:none;transition:all .25s;display:inline-flex}.section-more .btn:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}.lib-section .section-label .section-en{margin-left:auto}.section-label h2{align-items:baseline;gap:0;display:inline-flex}.more-inline{font-family:var(--display);letter-spacing:.04em;text-transform:lowercase;color:var(--muted);white-space:nowrap;border-bottom:1px solid #0000;margin-left:.65rem;font-size:clamp(1rem,2vw,1.2rem);font-weight:600;text-decoration:none;transition:color .25s,border-color .25s,transform .25s;position:relative;top:-.05em}.more-inline:hover{color:var(--fg);border-bottom-color:var(--fg);transform:translate(2px)}.section-more{display:none!important}.library-page .lib-card-cover,.library-page .album-cover,.library-page .modal-cover,.library-page .modal-gallery button{background-image:var(--library-cover)}.library-page [data-library-item]:focus-visible{outline:2px solid var(--fg);outline-offset:4px}.library-page .icon-btn,.library-page .modal-close,.library-page .modal-gallery button{min-width:44px;min-height:44px}.library-page .lib-tab{min-width:44px;position:relative}.library-page .lib-tab:before{content:"";position:absolute;inset:-3px 0}@media (width<=800px){.library-page .card-grid,.library-page .album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.library-page .nav-text{display:none}}@media (prefers-reduced-motion:reduce){.library-page .orb,.library-page .cursor,.library-page .cursor-dot{display:none}}.bookmarks-main{min-height:calc(100vh - 5rem)}.bookmarks-hero{padding-bottom:2rem}.bookmark-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.bookmark-card{color:inherit;border:1px solid var(--line);background:var(--card);transition:transform .35s var(--ease), border-color .3s, box-shadow .35s;border-radius:20px;text-decoration:none;display:block;overflow:hidden}.bookmark-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-4px)}.bookmark-card:focus-visible,.bookmark-detail a:focus-visible{outline:2px solid var(--fg);outline-offset:4px}.bookmark-cover{aspect-ratio:16/10;background:radial-gradient(circle at 75% 20%, color-mix(in srgb, var(--fg) 15%, transparent), transparent 42%), linear-gradient(145deg, var(--card), color-mix(in srgb, var(--fg) 9%, var(--bg)));position:relative;overflow:hidden}.bookmark-cover img{object-fit:cover;width:100%;height:100%}.bookmark-health{color:#fff;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(8px);background:#00000094;border:1px solid #ffffff2e;border-radius:999px;padding:.28rem .55rem;font-size:.62rem;position:absolute;top:.7rem;right:.7rem}.bookmark-card[data-health=broken] .bookmark-health{background:#8a2f27}.bookmark-card-body{padding:1rem 1.05rem 1.15rem}.bookmark-site,.bookmark-detail-site{min-width:0;color:var(--faint);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.45rem;font-size:.7rem;display:flex}.bookmark-site img,.bookmark-detail-site img,.bookmark-site-dot{border-radius:4px;flex:0 0 16px;width:16px;height:16px}.bookmark-site-dot{border:1px solid var(--line-strong);background:var(--fg)}.bookmark-card h2{font-family:var(--display);letter-spacing:-.025em;margin:.65rem 0 .4rem;font-size:1.15rem;line-height:1.15}.bookmark-card p{min-height:2.7em;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.86rem;line-height:1.55;display:-webkit-box;overflow:hidden}.bookmark-tags{flex-wrap:wrap;gap:.4rem;margin-top:.85rem;display:flex}.bookmark-tags span{color:var(--muted);letter-spacing:.06em;border:1px solid var(--line);border-radius:999px;padding:.24rem .5rem;font-size:.66rem}.bookmark-empty,.bookmark-error{color:var(--muted)}.bookmark-pagination{color:var(--muted);letter-spacing:.04em;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;font-size:.78rem;display:flex}.bookmark-detail{padding-top:7.5rem}.bookmark-detail article{max-width:760px;padding:2rem 0 5rem}.bookmark-detail h1,.bookmark-error h1{font-family:var(--display);letter-spacing:-.04em;margin:1rem 0;font-size:clamp(2.5rem,8vw,5rem);line-height:.98}.bookmark-detail-summary{max-width:660px;color:var(--muted);font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.65}.bookmark-broken{border:1px solid color-mix(in srgb, #b4493f 55%, var(--line));background:#b4493f17;border-radius:12px;padding:.9rem 1rem}.bookmark-detail-meta{border-block:1px solid var(--line);grid-template-columns:max-content 1fr;gap:.5rem 1rem;margin:2rem 0;padding:1.25rem 0;display:grid}.bookmark-detail-meta dt{color:var(--faint);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.bookmark-detail-meta dd{margin:0}.bookmark-description h2{font-family:var(--display)}.bookmark-description p{color:var(--muted);line-height:1.7}.bookmark-detail-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}@media (width<=860px){.bookmarks-page .mini-nav,.bookmarks-page .nav-text{display:none}}@media (width<=800px){.bookmarks-page .lib-title{font-size:2.25rem}.bookmark-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.bookmark-card{border-radius:15px}.bookmark-card-body{padding:.75rem}.bookmark-card h2{font-size:.95rem}.bookmark-card p{font-size:.78rem}.bookmark-site{font-size:.62rem}}@media (prefers-reduced-motion:reduce){.bookmarks-page .orb{display:none}}
