:root{--text:#1a202c;--muted:#718096;--link:#2d3748;--maxw:760px;--bg:#fafafa;--bg-secondary:#ffffff;--border:#e2e8f0;--heading:#000}[data-theme=dark]{--text:#e2e8f0;--muted:#94a3b8;--link:#cbd5e0;--bg:#0f172a;--bg-secondary:#1e293b;--border:#334155;--heading:#f1f5f9}[data-theme=elegant]{--text:#3e3026;--muted:#8b7355;--link:#5c4a37;--bg:#f5f1e8;--bg-secondary:#faf8f3;--border:#d4c4a8;--heading:#2a1f18}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);transition:background-color .3s ease,color .3s ease}body{font-family:Georgia,Times New Roman,serif;line-height:1.7;font-size:18px;font-weight:400}a{color:var(--link);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{text-decoration:underline;color:var(--heading)}header{padding:28px 16px;border-bottom:1px solid var(--border);background:var(--bg-secondary);width:100%}.nav{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;width:100%}.brand{font-weight:600;text-decoration:none;color:var(--heading);font-size:22px;letter-spacing:-.02em}.menu{display:flex;gap:20px;align-items:center}.menu a{text-decoration:none;color:var(--link);opacity:.85}.menu a:hover{opacity:1;text-decoration:underline}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}.hamburger span{display:block;width:25px;height:3px;background:var(--heading);transition:all .3s ease;border-radius:3px}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.theme-switcher-nav{display:flex;align-items:center;gap:6px;margin-left:12px;padding-left:12px;border-left:1px solid var(--border)}.theme-label{font-size:13px;color:var(--muted);margin-right:4px;font-weight:500}.theme-switcher-nav .theme-btn{width:32px;height:32px;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;font-size:16px;cursor:pointer;transition:all .2s ease;font-family:inherit;display:flex;align-items:center;justify-content:center;padding:0}.theme-switcher-nav .theme-btn:hover{background:var(--border);transform:scale(1.1)}.theme-switcher-nav .theme-btn:focus{outline:2px solid var(--link);outline-offset:2px}.theme-switcher-nav .theme-btn.active{background:var(--link);color:var(--bg);border-color:var(--link)}main{padding:28px 16px}.container{max-width:var(--maxw);margin:0 auto}h1{font-size:clamp(32px,4vw,44px);line-height:1.2;margin:0 0 16px;font-weight:500;color:var(--heading);letter-spacing:-.02em}h2{font-size:26px;margin-top:32px;font-weight:500;color:var(--heading);letter-spacing:-.01em}p,ul,ol{margin:0 0 20px}small,.muted{color:var(--muted)}.spacer{height:24px}.rule{text-align:center;color:var(--border);margin:40px 0}.rule:before{content:"* * *";letter-spacing:.4em}footer{padding:28px 16px;border-top:1px solid var(--border);background:var(--bg-secondary)}.foot{max-width:var(--maxw);margin:0 auto;font-size:14px;color:var(--muted)}img{max-width:100%;height:auto;display:block}.container.wide{max-width:1100px}.photo-frame{border:1px solid #eee;border-radius:10px;overflow:hidden;margin:0 auto}.photo-frame img{display:block;width:100%;height:auto}.photo-frame.ratio{aspect-ratio:3 / 2}.photo-frame.ratio img{width:100%;height:100%;object-fit:cover}.grid-wrap{max-width:980px;margin:0 auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.card{aspect-ratio:3 / 2;overflow:hidden;border:1px solid #ddd;border-radius:10px;background:#fff}.card>a{display:block;width:100%;height:100%}.card img{width:100%;height:100%;object-fit:cover;display:block}.caption{padding:10px 12px;font-size:15px}.caption small{color:var(--muted)}.photo-full{width:100%;max-width:1000px;max-height:85vh;height:auto;display:block;margin:0 auto;border-radius:10px;border:1px solid #eee;object-fit:contain}.photo-nav{display:flex;align-items:center;gap:16px;margin:20px 0}.nav-arrow{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #ddd;border-radius:50%;text-decoration:none;color:#333;font-size:24px;font-weight:700;transition:all .2s ease;cursor:pointer}.nav-arrow:hover{background:#f5f5f5;border-color:#999;transform:scale(1.1)}.nav-arrow.nav-disabled{opacity:.3;cursor:default;pointer-events:none}.photo-nav .photo-frame{flex:1;margin:0}@media (max-width: 768px){.hamburger{display:flex}.menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--bg-secondary);flex-direction:column;gap:0;padding:80px 20px 20px;border-left:1px solid var(--border);transition:right .3s ease;z-index:1000;box-shadow:-2px 0 8px #0000001a}.menu.active{right:0}.menu a{padding:15px 20px;border-bottom:1px solid var(--border);opacity:1;width:100%}.theme-switcher-nav{margin-left:0;padding:20px 0 0;border-left:none;border-top:1px solid var(--border);justify-content:center}.theme-label{display:inline}.theme-switcher-nav .theme-btn{width:36px;height:36px;font-size:16px}.photo-nav{gap:8px}.nav-arrow{width:40px;height:40px;font-size:20px}}.gallery-link{margin-top:16px}.photo-counter{position:fixed;top:20px;right:20px;background:#0f172ad9;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;z-index:100;backdrop-filter:blur(8px);box-shadow:0 2px 8px #0003}@media (max-width: 640px){.photo-counter{top:10px;right:10px;font-size:12px;padding:6px 12px}}.lb-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000eb;z-index:9999;display:none;cursor:pointer}.lb-close{position:fixed;top:20px;right:20px;width:44px;height:44px;background:#ffffffe6;border:none;border-radius:50%;font-size:32px;line-height:1;color:#333;cursor:pointer;z-index:10000;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;transition:background .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent}.lb-close:hover{background:#fff;transform:scale(1.1)}.lb-close:active{transform:scale(.95)}.lb-nav-prev,.lb-nav-next{position:fixed;top:50%;transform:translateY(-50%);width:50px;height:50px;background:#ffffffe6;border:none;border-radius:50%;font-size:24px;line-height:1;color:#333;cursor:pointer;z-index:10000;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;transition:background .2s ease,transform .2s ease,opacity .2s ease}.lb-nav-prev{left:20px}.lb-nav-next{right:20px}.lb-nav-prev:hover:not(:disabled),.lb-nav-next:hover:not(:disabled){background:#fff;transform:translateY(-50%) scale(1.1)}.lb-nav-prev:active:not(:disabled),.lb-nav-next:active:not(:disabled){transform:translateY(-50%) scale(.95)}.lb-nav-prev:disabled,.lb-nav-next:disabled{cursor:not-allowed;opacity:.3}.lb-counter{position:absolute;top:10px;left:10px;background:#0009;color:#fff;padding:6px 12px;border-radius:4px;font-size:14px;font-weight:500;z-index:10}.lb-backdrop.active{display:flex;align-items:center;justify-content:center}.lb{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding-top:60px;padding-bottom:100px}.lb-img-wrap{position:relative;display:inline-block}.lb-img{background:#f3f3f3;border:4px solid #e0e0e0;box-shadow:0 4px 16px 2px #0000002e,0 1.5px 8px #0000001a;max-width:90vw;max-height:60vh;width:auto;height:auto;display:block;object-fit:contain;margin-bottom:1rem}.lb-watermark{position:absolute;bottom:16px;right:24px;color:#1e1e1ed9;font-size:1.35rem;font-family:sans-serif;pointer-events:none;user-select:none;text-shadow:0 2px 8px #fff,0 0px 2px #fff,0 1px 2px #222;letter-spacing:1.5px;font-weight:600}.lb-watermark-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);color:#fff9;font-size:3rem;font-family:sans-serif;pointer-events:none;user-select:none;text-shadow:0 0 10px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.6),2px 2px 4px rgba(0,0,0,.9);letter-spacing:3px;font-weight:700;white-space:nowrap}.lb-contact{margin-top:.5rem;color:#ddd;font-size:1rem;text-align:center}.lb-contact a{color:#4a9eff;text-decoration:underline}.lb-download-section{margin-top:1.5rem;padding:1rem;background:#0000004d;border-radius:8px;text-align:center}.lb-download-section label{display:block;color:#ddd;font-size:.95rem;margin-bottom:.5rem}.lb-code-row{display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.lb-code-input{padding:.5rem;border:1px solid #555;border-radius:4px;background:#222;color:#fff;font-size:1rem;width:150px}.lb-code-input:focus{outline:none;border-color:#4a9eff}.lb-code-btn{padding:.5rem 1rem;background:#4a9eff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;transition:background .2s}.lb-code-btn:hover{background:#3a8eef}.lb-code-message{min-height:1.5rem;font-size:.9rem;margin-bottom:.5rem}.lb-code-message.success{color:#5cb85c}.lb-code-message.error{color:#ff6b6b}.lb-download-btn{padding:.6rem 1.5rem;background:#555;color:#999;border:none;border-radius:4px;cursor:not-allowed;font-size:1rem;font-weight:600;transition:all .2s}.lb-download-btn.enabled{background:#5cb85c;color:#fff;cursor:pointer}.lb-download-btn.enabled:hover{background:#4cae4c}.meta{color:#ddd;text-align:center;margin-top:.5rem}@media (max-width: 600px){.lb-img{max-width:98vw;max-height:70vh}.lb-watermark{font-size:1.05rem;right:12px;bottom:10px}.lb-watermark-center{font-size:2rem}.lb-nav-prev,.lb-nav-next{width:40px;height:40px;font-size:20px}.lb-nav-prev{left:10px}.lb-nav-next{right:10px}.lb-close{width:36px;height:36px;font-size:28px;top:10px;right:10px}.lb-counter{top:10px;left:10px;right:auto;font-size:12px;padding:4px 8px}}