@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Noto+Serif+SC:wght@400;700&display=swap);:root{--bg-color:oklch(98% 0.005 85);--surface:oklch(100% 0 0);--ink-primary:oklch(25% 0.02 250);--ink-secondary:oklch(55% 0.01 250);--accent:oklch(55% 0.12 35);--border:oklch(92% 0.01 250);--font-serif:"Noto Serif SC",serif;--font-sans:"Inter",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:oklch(98% .005 85);background-color:var(--bg-color);color:oklch(25% .02 250);color:var(--ink-primary);font-family:Inter,system-ui,sans-serif;font-family:var(--font-sans);overflow:hidden}.app-container{display:flex;height:100vh;position:relative;width:100vw}.sidebar{background:oklch(98% .005 85);background:var(--bg-color);padding:2rem 1.5rem;width:260px}.list-view,.sidebar{border-right:1px solid oklch(92% .01 250);border-right:1px solid var(--border)}.list-view{display:flex;flex-direction:column;width:400px}.detail-view,.list-view{background:oklch(100% 0 0);background:var(--surface)}.detail-view{flex:1 1;overflow-y:auto;position:relative}.brand h1{font-family:"Noto Serif SC",serif;font-family:var(--font-serif);font-size:1.2rem}.brand p{color:oklch(55% .01 250);color:var(--ink-secondary);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.cat-nav{list-style:none;margin-top:2rem}.cat-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:.95rem;justify-content:space-between;padding:.8rem 1rem;transition:.2s}.cat-item.active{background:#fff;box-shadow:0 2px 10px #0000000a;color:oklch(25% .02 250);color:var(--ink-primary);font-weight:600}.count-badge{font-feature-settings:"tnum";font-size:.75rem;font-variant-numeric:tabular-nums;opacity:.4}.search-bar{border-bottom:1px solid oklch(92% .01 250);border-bottom:1px solid var(--border);padding:1.5rem}.search-bar input{background:#0000;border:none;border-bottom:1px solid oklch(92% .01 250);border-bottom:1px solid var(--border);font-size:.95rem;outline:none;padding:.5rem 0;width:100%}.scroll-list{flex:1 1;overflow-y:auto}.list-item{border-bottom:1px solid oklch(98% .005 85);border-bottom:1px solid var(--bg-color);cursor:pointer;padding:1.5rem;transition:.1s}.list-item.selected{background:oklch(98% .005 85);background:var(--bg-color);border-left:4px solid oklch(55% .12 35);border-left:4px solid var(--accent)}.item-meta{color:oklch(55% .01 250);color:var(--ink-secondary);display:flex;font-size:.7rem;justify-content:space-between;margin-bottom:.4rem}.list-item h3{font-family:"Noto Serif SC",serif;font-family:var(--font-serif);font-size:1.05rem;font-weight:400;line-height:1.4}.detail-content{margin:0 auto;max-width:900px;padding:clamp(1.5rem,5vw,4rem)}.detail-tag{color:oklch(55% .12 35);color:var(--accent);display:block;font-size:.75rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.detail-title{border-bottom:1.5px solid oklch(25% .02 250);border-bottom:1.5px solid var(--ink-primary);font-family:"Noto Serif SC",serif;font-family:var(--font-serif);font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:2.5rem;padding-bottom:1rem}.image-box{background:oklch(98% .005 85);background:var(--bg-color);border:1px solid oklch(92% .01 250);border:1px solid var(--border);display:flex;justify-content:center;margin-bottom:2rem;padding:1rem;position:relative;transition:transform .3s ease}.image-box img{display:block;height:auto;max-height:80vh;max-width:100%;mix-blend-mode:multiply;object-fit:contain;width:auto}.zoom-hint{background:#0009;border-radius:20px;bottom:1rem;color:#fff;font-size:.7rem;opacity:0;padding:4px 12px;pointer-events:none;position:absolute;right:1rem;transition:opacity .3s}.image-box:hover .zoom-hint{opacity:1}.info-box h4{border-bottom:1px solid oklch(92% .01 250);border-bottom:1px solid var(--border);color:oklch(55% .01 250);color:var(--ink-secondary);font-size:.75rem;margin-bottom:1rem;padding-bottom:.25rem;text-transform:uppercase}.summary-text{color:oklch(25% .02 250);color:var(--ink-primary);font-size:1rem;line-height:1.8;white-space:pre-wrap}.lightbox-overlay{animation:fade-in .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;cursor:zoom-out;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:2000}.lightbox-content,.lightbox-overlay{align-items:center;display:flex;justify-content:center}.lightbox-content{max-height:95vh;max-width:95vw;position:relative}.lightbox-content img{animation:scale-up .4s cubic-bezier(.16,1,.3,1);box-shadow:0 30px 60px #0000001f;cursor:default;max-height:95vh;max-width:100%;object-fit:contain}.close-zoom{align-items:center;background:oklch(25% .02 250);background:var(--ink-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:44px;justify-content:center;position:fixed;right:2rem;top:2rem;width:44px;z-index:2100}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-up{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.mobile-header{display:none}@media (max-width:768px){.detail-view,.list-view,.sidebar{height:100vh;left:0;position:absolute;top:0;transition:transform .4s cubic-bezier(.16,1,.3,1);width:100vw}.mobile-header{align-items:center;background:#fff;border-bottom:1px solid oklch(92% .01 250);border-bottom:1px solid var(--border);display:flex;height:60px;padding:0 1rem;position:sticky;top:0;z-index:100}.back-btn{background:#0000;border:none;color:oklch(55% .12 35);color:var(--accent);cursor:pointer;font-weight:600;padding:.5rem}.mobile-title{flex:1 1;font-family:"Noto Serif SC",serif;font-family:var(--font-serif);font-weight:600;margin-right:2rem;text-align:center}.view-nav .sidebar{transform:translateX(0);z-index:30}.view-nav .detail-view,.view-nav .list-view{transform:translateX(100%)}.view-list .list-view{transform:translateX(0);z-index:30}.view-list .sidebar{transform:translateX(-30%)}.view-list .detail-view{transform:translateX(100%)}.view-detail .detail-view{transform:translateX(0);z-index:30}.view-detail .list-view{transform:translateX(-30%)}.sidebar{padding-top:60px}.detail-content{padding:2rem 1.2rem}}@media (max-height:500px) and (orientation:landscape){.app-container{flex-direction:row}.sidebar{display:block!important;width:200px}.list-view,.sidebar{height:100vh;position:relative;transform:none!important}.list-view{width:280px}.detail-view{flex:1 1;position:relative;transform:none!important}.mobile-header{display:none!important}}
/*# sourceMappingURL=main.1903a4d1.css.map*/