@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&display=swap";:root{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: #e5e4e7;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--sans: system-ui, "Segoe UI", Roboto, sans-serif;--heading: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 1024px){:root{font-size:16px}}@media (prefers-color-scheme: dark){:root{--text: #9ca3af;--text-h: #f3f4f6;--bg: #16171d;--border: #2e303a;--code-bg: #1f2028;--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .15);--accent-border: rgba(192, 132, 252, .5);--social-bg: rgba(47, 48, 58, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px}#social .button-icon{filter:invert(1) brightness(2)}}body{margin:0}#root{min-height:100svh}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0}@media (max-width: 1024px){h1{font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media (max-width: 1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}.PhotoView-Portal{direction:ltr;height:100%;left:0;overflow:hidden;position:fixed;top:0;touch-action:none;width:100%;z-index:2000}@keyframes PhotoView__rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes PhotoView__delayIn{0%,50%{opacity:0}to{opacity:1}}.PhotoView__Spinner{animation:PhotoView__delayIn .4s linear both}.PhotoView__Spinner svg{animation:PhotoView__rotate .6s linear infinite}.PhotoView__Photo{cursor:grab;max-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.PhotoView__Photo:active{cursor:grabbing}.PhotoView__icon{display:inline-block;left:0;position:absolute;top:0;transform:translate(-50%,-50%)}.PhotoView__PhotoBox,.PhotoView__PhotoWrap{bottom:0;direction:ltr;left:0;position:absolute;right:0;top:0;touch-action:none;width:100%}.PhotoView__PhotoWrap{overflow:hidden;z-index:10}.PhotoView__PhotoBox{transform-origin:left top}@keyframes PhotoView__fade{0%{opacity:0}to{opacity:1}}.PhotoView-Slider__clean .PhotoView-Slider__ArrowLeft,.PhotoView-Slider__clean .PhotoView-Slider__ArrowRight,.PhotoView-Slider__clean .PhotoView-Slider__BannerWrap,.PhotoView-Slider__clean .PhotoView-Slider__Overlay,.PhotoView-Slider__willClose .PhotoView-Slider__BannerWrap:hover{opacity:0}.PhotoView-Slider__Backdrop{background:#000;height:100%;left:0;position:absolute;top:0;transition-property:background-color;width:100%;z-index:-1}.PhotoView-Slider__fadeIn{animation:PhotoView__fade linear both;opacity:0}.PhotoView-Slider__fadeOut{animation:PhotoView__fade linear reverse both;opacity:0}.PhotoView-Slider__BannerWrap{align-items:center;background-color:#00000080;color:#fff;display:flex;height:44px;justify-content:space-between;left:0;position:absolute;top:0;transition:opacity .2s ease-out;width:100%;z-index:20}.PhotoView-Slider__BannerWrap:hover{opacity:1}.PhotoView-Slider__Counter{font-size:14px;opacity:.75;padding:0 10px}.PhotoView-Slider__BannerRight{align-items:center;display:flex;height:100%}.PhotoView-Slider__toolbarIcon{fill:#fff;box-sizing:border-box;cursor:pointer;opacity:.75;padding:10px;transition:opacity .2s linear}.PhotoView-Slider__toolbarIcon:hover{opacity:1}.PhotoView-Slider__ArrowLeft,.PhotoView-Slider__ArrowRight{align-items:center;bottom:0;cursor:pointer;display:flex;height:100px;justify-content:center;margin:auto;opacity:.75;position:absolute;top:0;transition:opacity .2s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:70px;z-index:20}.PhotoView-Slider__ArrowLeft:hover,.PhotoView-Slider__ArrowRight:hover{opacity:1}.PhotoView-Slider__ArrowLeft svg,.PhotoView-Slider__ArrowRight svg{fill:#fff;background:#0000004d;box-sizing:content-box;height:24px;padding:10px;width:24px}.PhotoView-Slider__ArrowLeft{left:0}.PhotoView-Slider__ArrowRight{right:0}:root{--bg-canvas: #f4efe6;--bg-card: #fdfbf7;--text-ink: #1a1a1a;--text-muted: #665e51;--accent-wood: #4a2e1c;--accent-gold: #bfa054}body{background-color:var(--bg-canvas);background-image:url(https://www.transparenttextures.com/patterns/p6.png);color:var(--text-ink);font-family:"Noto Serif SC",Georgia,serif;margin:0}#root{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:240px;background-color:var(--bg-card);border-right:2px solid var(--accent-gold);padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:2px 0 12px #0000000a;z-index:10}.sidebar h2{font-size:1.6rem;border-bottom:2px solid var(--accent-gold);padding-bottom:12px;color:var(--accent-wood);margin-top:0;text-align:center}.nav-tree{display:flex;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:hidden;padding-right:4px}.nav-tree::-webkit-scrollbar{width:4px}.nav-tree::-webkit-scrollbar-thumb{background:#bfa0544d;border-radius:4px}.nav-item{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;padding:10px 14px;background:none;border:1px solid transparent;font-family:inherit;font-size:1.05rem;cursor:pointer;border-radius:6px;transition:all .2s ease-in-out;color:var(--text-muted)}.nav-item.active{background-color:#bfa05426;border-color:var(--accent-gold);color:var(--accent-wood);font-weight:700}.nav-item:hover:not(.active){background-color:#bfa0540d;color:var(--text-ink)}.nav-group-nested{margin-top:4px}.volume-list{padding-left:14px;margin-top:4px;border-left:1px dashed rgba(191,160,84,.3);display:flex;flex-direction:column;gap:4px}.volume-btn{font-size:.95rem;padding:8px 12px}.book-list{padding-left:18px;margin-top:4px;border-left:1px dashed rgba(191,160,84,.3);display:flex;flex-direction:column;gap:2px}.book-btn{font-size:.85rem;padding:6px 10px}.expand-icon{font-size:.75rem;opacity:.6}.sidebar-footer{margin-top:auto;text-align:center;font-size:.85rem;color:var(--text-muted);border-top:1px solid #e2d8c3;padding-top:15px;padding-bottom:5px}.main-content{flex:1;display:flex;flex-direction:column;padding:30px;overflow-y:auto}.search-bar{padding:14px 20px;font-size:1.15rem;font-family:inherit;border:2px solid var(--accent-gold);background:var(--bg-card);border-radius:10px;margin-bottom:24px;box-shadow:0 4px 6px #00000005;outline:none;transition:box-shadow .2s}.search-bar:focus{box-shadow:0 0 0 3px #bfa05433}.painting-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.painting-card{background-color:var(--bg-card);border:1px solid #e2d8c3;border-top:5px solid var(--accent-wood);padding:18px;border-radius:6px;transition:all .3s cubic-bezier(.25,.8,.25,1);cursor:pointer;display:flex;flex-direction:column;box-shadow:0 2px 4px #00000005}.painting-card:hover{transform:translateY(-5px);box-shadow:0 12px 20px #0000000f;border-top-color:var(--accent-gold)}.painting-card .title{font-size:1.3rem;font-weight:700;color:var(--accent-wood);margin-bottom:10px;line-height:1.3}.painting-card .author{font-size:1.05rem;color:var(--text-ink);margin-bottom:auto;padding-bottom:15px}.painting-card .meta{font-size:.9rem;color:var(--text-muted);display:flex;justify-content:space-between;margin-top:10px;border-top:1px dashed #e2d8c3;padding-top:10px}.painting-card .location{font-size:.85rem;color:var(--accent-gold);font-style:italic;margin-top:4px}.load-more-container{display:flex;justify-content:center;margin:30px 0}.load-more{padding:12px 40px;background:var(--bg-card);border:2px solid var(--accent-gold);font-family:inherit;font-size:1.1rem;cursor:pointer;border-radius:50px;transition:all .2s;color:var(--accent-wood);font-weight:700}.load-more:hover{background-color:var(--accent-gold);color:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-card);padding:30px;border-radius:12px;width:90%;max-width:500px;max-height:85vh;display:flex;flex-direction:column;position:relative;box-shadow:0 10px 30px #0000001a;animation:fadeIn .3s ease-out}.modal-body{flex:1;overflow-y:auto;padding-right:8px}.modal-body::-webkit-scrollbar{width:4px}.modal-body::-webkit-scrollbar-thumb{background:#bfa0544d;border-radius:4px}.close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted)}.download-btn{display:inline-block;margin-top:20px;padding:12px 24px;background:var(--accent-wood);color:#fff;text-decoration:none;border-radius:6px;font-weight:700;text-align:center;transition:background .2s}.download-btn:hover{background:var(--accent-gold)}.card-image{width:100%;height:180px;object-fit:cover;border-radius:4px;margin-bottom:12px;background-color:#e2d8c3}.description-section{margin-top:15px}.edit-btn{background:none;border:none;color:var(--accent-gold);cursor:pointer;font-size:1.1rem;padding:4px;border-radius:4px;transition:background .2s}.edit-btn:hover{background:#bfa0541a}.edit-container{display:flex;flex-direction:column;gap:10px}.desc-textarea{width:100%;font-family:inherit;font-size:.95rem;padding:10px;border:1px solid #e2d8c3;border-radius:6px;background:#fff;color:var(--text-ink);resize:vertical;line-height:1.5;box-sizing:border-box}.desc-textarea:focus{outline:none;border-color:var(--accent-gold)}.edit-actions{display:flex;gap:10px;justify-content:flex-end}.save-btn,.cancel-btn{padding:6px 16px;font-family:inherit;font-size:.9rem;border-radius:4px;cursor:pointer;border:none;font-weight:700}.save-btn{background:var(--accent-gold);color:#fff}.save-btn:hover{background:#a98d4a}.cancel-btn{background:#eee;color:var(--text-muted)}.cancel-btn:hover{background:#ddd}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.osd-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.osd-container{width:100%;height:100%;background:#000}.osd-controls{position:absolute;top:15px;left:15px;z-index:10;display:flex;flex-direction:row;gap:8px}.osd-btn{width:36px;height:36px;border:none;border-radius:6px;background:#ffffffd9;color:#3a2a1a;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000040;transition:background .2s,transform .15s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.osd-btn:hover{background:#fff;transform:scale(1.1)}.mobile-header{display:none;align-items:center;gap:12px;padding-bottom:15px;border-bottom:2px solid var(--accent-gold);margin-bottom:20px}.hamburger{background:none;border:none;font-size:1.8rem;color:var(--accent-wood);cursor:pointer;padding:5px}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;z-index:95;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width: 768px){#root{flex-direction:column;overflow-x:hidden}.sidebar{position:fixed;top:0;left:0;height:100vh;width:260px;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:100;box-sizing:border-box;border-right:none;box-shadow:4px 0 15px #0000001a}.sidebar.open{transform:translate(0)}.sidebar-overlay.active{display:block}.main-content{padding:15px;width:100%;box-sizing:border-box}.mobile-header{display:flex}.mobile-header h2{margin:0;font-size:1.4rem;color:var(--accent-wood)}.search-bar{width:100%;box-sizing:border-box;font-size:1rem;padding:12px}.painting-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.modal-content{padding:18px;width:88%;max-width:400px}.modal-title{font-size:1.3rem}.description{font-size:.95rem}}