*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0e0e0e;--sidebar-w: 160px;--text: rgba(255,255,255,.75);--text-dim: rgba(255,255,255,.3);--text-active: rgba(255,255,255,.95);--accent: rgba(255,255,255,.12);--mono: "Space Mono", monospace;--fs: 11px}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--mono);font-size:var(--fs);transition:background .5s ease,color .5s ease}#shell{display:flex;height:100vh;overflow:hidden}#sidebar{width:var(--sidebar-w);flex-shrink:0;padding:28px 20px 24px;display:flex;flex-direction:column;gap:0;border-right:1px solid rgba(255,255,255,.06);overflow-y:auto;z-index:10;transition:border-color .5s ease}#site-name{font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--text-active);margin-bottom:28px;line-height:1.4;cursor:pointer}.nav-item{display:block;padding:5px 0;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;text-decoration:none;transition:color .15s;user-select:none}.nav-item:hover{color:var(--text)}.nav-item.active{color:var(--text-active)}.nav-item.group-open{color:var(--text)}.nav-item.sub{padding-left:10px;font-size:9.5px;color:var(--text-dim)}.nav-item.sub:hover{color:var(--text)}.nav-item.sub.active{color:var(--text-active)}.nav-sep{height:1px;background:#ffffff0f;margin:14px 0;transition:background .5s ease}#sidebar-bottom{margin-top:auto;padding-top:20px}#copyright{font-size:8px;font-family:var(--mono);letter-spacing:.03em;color:var(--text);opacity:1;padding:4px 0 10px;white-space:nowrap;line-height:1.4}.theme-toggle{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:10px;padding:4px 0;display:block;transition:color .3s;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;opacity:.4}.theme-toggle:hover{opacity:.8}#main{flex:1;overflow:hidden;position:relative;display:flex;flex-direction:column}#topbar{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;gap:16px;padding:28px 20px 14px;font-size:10px;color:var(--text-dim);letter-spacing:.05em}#topbar.hidden{display:none}.view-toggle{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:13px;padding:2px 4px;line-height:1;transition:color .15s}.view-toggle:hover,.view-toggle.active{color:var(--text-active)}#nav-arrows{display:flex;align-items:center;gap:10px}.arrow-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:14px;padding:0 4px;line-height:1;transition:color .15s}.arrow-btn:hover{color:var(--text-active)}#counter{min-width:50px}#key-hint{opacity:.4;font-style:italic}#view-slide{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 32px 32px;overflow:hidden}#view-slide.hidden{display:none}#slide-img-wrap{position:relative;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}#slide-img{max-width:100%;max-height:calc(100vh - 100px);object-fit:contain;display:block;user-select:none;opacity:0;transition:opacity .3s ease}#slide-img.loaded{opacity:1}#slide-caption{position:absolute;bottom:-22px;left:0;font-size:9.5px;color:var(--text-dim);letter-spacing:.04em;font-style:italic}.slide-placeholder{width:640px;max-width:100%;aspect-ratio:3/2;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:10px;letter-spacing:.08em;text-transform:uppercase}#view-grid{flex:1;overflow-y:auto;padding:52px 16px 32px;display:none}#view-grid.visible{display:block}#section-description{font-size:10px;color:var(--text-active);letter-spacing:.06em;margin-top:1.6em;margin-bottom:16px;line-height:1.6;max-width:480px;text-align:justify}#section-description:empty{display:none}.grid-wrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:3px}#grid-wrap.rich{display:block}.rich-text-block{font-size:10px;color:var(--text-active);letter-spacing:.06em;line-height:1.7;max-width:480px;text-align:justify;margin:20px 0 12px;white-space:pre-wrap}.rich-gallery-label{font-size:9px;color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;margin:20px 0 6px}#grid-wrap.rich .grid-wrap{margin-bottom:4px}.rich-video-block{position:relative;width:100%;padding-bottom:56.25%;height:0;margin:20px 0;cursor:pointer;background:#000}.rich-video-block iframe,.rich-video-block img{position:absolute;top:0;left:0;width:100%;height:100%;border:none;display:block;object-fit:cover}.rich-video-block img{opacity:.7;transition:opacity .2s}.rich-video-block:hover img{opacity:.9}.video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;pointer-events:none}.video-play-btn:after{content:"";display:block;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:15px solid rgba(255,255,255,.8);margin-left:3px}.grid-thumb{aspect-ratio:1;overflow:hidden;cursor:pointer;position:relative;background:#ffffff0a}.grid-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s}.grid-thumb:hover img{opacity:.75}.grid-thumb.active-thumb:after{content:"";position:absolute;inset:0;outline:2px solid rgba(255,255,255,.5);outline-offset:-2px}#view-text{flex:1;overflow-y:auto;padding:48px 56px;display:none;max-width:600px}#view-text.visible{display:block}.text-section{margin-bottom:40px}.text-section h2{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.text-section p,.text-section a{font-size:11px;color:var(--text);line-height:1.9;text-decoration:none;display:block}.text-section a:hover{color:var(--text-active)}.text-section a.ext:after{content:" →";color:var(--text-dim)}.cf-field{margin-bottom:20px}.cf-field label{display:block;font-size:9.5px;color:var(--text-dim);letter-spacing:.08em;margin-bottom:7px;text-transform:uppercase}.cf-field input,.cf-field textarea{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.15);color:var(--text-active);font-family:var(--mono);font-size:11px;padding:8px 0;outline:none;transition:border-color .2s}.cf-field input:focus,.cf-field textarea:focus{border-color:#ffffff80}.cf-field textarea{height:100px;resize:none}.cf-submit{margin-top:8px;padding:9px 24px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--text);font-family:var(--mono);font-size:10px;letter-spacing:.08em;cursor:pointer;transition:background .2s}.cf-submit:hover{background:#ffffff24}body.light{--bg: #f8f8f6;--text: rgba(0,0,0,.7);--text-dim: rgba(0,0,0,.3);--text-active: rgba(0,0,0,.9);--accent: rgba(0,0,0,.07)}body.light #sidebar{border-right-color:#00000014}body.light .nav-sep{background:#00000012}body.light .grid-thumb{background:#0000000a}body.light .slide-placeholder{background:#0000000a;border-color:#00000014}body.light .cf-field input,body.light .cf-field textarea{border-bottom-color:#00000026;color:#000000e6}body.light .cf-field input:focus,body.light .cf-field textarea:focus{border-bottom-color:#00000080}body.light .cf-submit{background:#0000000f;border-color:#00000026;color:#000c}body.light .cf-submit:hover{background:#0000001a}body.light .text-section h2{border-bottom-color:#00000012}body.light .view-toggle,body.light .arrow-btn{color:#0000004d}body.light .view-toggle:hover,body.light .view-toggle.active,body.light .arrow-btn:hover{color:#000000e6}#loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg);z-index:100;font-size:10px;letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase;transition:opacity .4s ease}#loading.done{opacity:0;pointer-events:none}#mobile-back{display:none}#mobile-fs{display:none;position:fixed;inset:0;z-index:200;background:#000;overflow:hidden;touch-action:none}#mobile-fs.open{display:block}.fs-slot{position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.fs-slot img{max-width:100%;max-height:100vh;object-fit:contain;user-select:none;transform-origin:center center}#mobile-fs-close{position:absolute;top:0;right:0;background:none;border:none;color:#ffffff8c;font-size:18px;cursor:pointer;padding:20px;z-index:201;font-family:var(--mono);line-height:1}#mobile-fs-counter{position:absolute;bottom:24px;left:50%;transform:translate(-50%);font-size:10px;color:#ffffff4d;font-family:var(--mono);letter-spacing:.06em;white-space:nowrap}#mobile-fs-caption{position:absolute;bottom:48px;left:0;right:0;text-align:center;font-size:10px;color:#fffffff2;letter-spacing:.06em;padding:0 24px;pointer-events:none}#mobile-fs-caption:empty{display:none}.grid-thumb-caption{font-size:10px;color:var(--text-active);letter-spacing:.06em;padding:6px 0 12px;line-height:1.4}@media(max-width:640px){html,body{height:auto;overflow-y:auto}#shell{flex-direction:column;height:auto;min-height:100vh;overflow:visible}#sidebar{width:100%;border-right:none;overflow:visible;border-bottom:1px solid rgba(255,255,255,.06);padding:20px 20px 16px}body.light #sidebar{border-bottom-color:#00000012}#site-name{margin-bottom:16px}.nav-item{font-size:10px;padding:4px 0}.nav-item.sub{padding-left:12px}#main{overflow:visible;position:static;height:auto;flex:1}#topbar,#mobile-back,#view-slide{display:none!important}#view-grid{flex:none;overflow:visible;padding:0 0 60px}.grid-wrap{grid-template-columns:1fr;gap:3px}.grid-thumb{aspect-ratio:unset}.grid-thumb img{height:auto;object-fit:fill}#view-text{flex:none;overflow:visible;padding:24px 20px 40px;max-width:100%}}#seo-snapshot{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;pointer-events:none}