: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}}