body.theme-current{--bg: #f3e5f5;--text: #333;--heading: #e91e63;--subtext: #666;--nav-bg: #000;--nav-text: #fff;--footer-bg: #000;--footer-text: #fff;--card-bg: #fff;--card-border: transparent;--card-shadow: rgba(0,0,0,.1);--accent: #673ab7;--accent-hover: #512da8;--accent-text: #fff;--sec-a: #00bcd4;--sec-b: #ffeb3b;--sec-c: #f44336;--sec-a-text: #fff;--sec-b-text: #333;--sec-c-text: #fff;--user-msg: #e1f5fe;--reply-msg: #f3e5f5;--chat-border: #ccc;--input-bg: #fff;--font-body: Arial, sans-serif;--font-heading: Arial, sans-serif;--heading-spacing: 0;--section-radius: 8px;--overlay-bg: rgba(43, 21, 48, .72);--modal-bg: #fff8fb}body.theme-cinema{--bg: #0f0a14;--text: #e8dce8;--heading: #f8bbd0;--subtext: rgba(255,255,255,.5);--nav-bg: #1a1020;--nav-text: #e1bee7;--footer-bg: #1a1020;--footer-text: rgba(255,255,255,.6);--card-bg: rgba(255,255,255,.05);--card-border: rgba(255,255,255,.1);--card-shadow: rgba(0,0,0,.4);--accent: transparent;--accent-hover: rgba(194,24,91,.3);--accent-text: #f8bbd0;--sec-a: rgba(26, 42, 74, .55);--sec-b: rgba(45, 31, 53, .65);--sec-c: rgba(61, 21, 21, .5);--sec-a-text: #e1bee7;--sec-b-text: #e1bee7;--sec-c-text: #f8bbd0;--user-msg: rgba(26, 42, 74, .6);--reply-msg: rgba(45, 31, 53, .6);--chat-border: rgba(255,255,255,.15);--input-bg: rgba(255,255,255,.06);--font-body: Georgia, "Times New Roman", serif;--font-heading: Georgia, serif;--heading-spacing: 1px;--section-radius: 12px;--overlay-bg: rgba(10, 6, 16, .88);--modal-bg: #1a1020}body.theme-lavender{--bg: linear-gradient(165deg, #ede7f6 0%, #e8dff5 40%, #f3eef8 100%);--text: #4a3f5c;--heading: #7b5ea7;--subtext: #7c6b8a;--nav-bg: #d4c4e8;--nav-text: #4a3560;--footer-bg: #c9b8db;--footer-text: #4a3560;--card-bg: rgba(255, 255, 255, .72);--card-border: rgba(186, 160, 216, .4);--card-shadow: rgba(123, 94, 167, .12);--accent: #9575cd;--accent-hover: #7e57c2;--accent-text: #fff;--sec-a: #d1c4e9;--sec-b: #e1bee7;--sec-c: #ce93d8;--sec-a-text: #4a3560;--sec-b-text: #4a3560;--sec-c-text: #4a3560;--user-msg: #e8eaf6;--reply-msg: #f3e5f5;--chat-border: #d1c4e9;--input-bg: rgba(255,255,255,.85);--font-body: "Segoe UI", Georgia, serif;--font-heading: Georgia, serif;--heading-spacing: .5px;--section-radius: 14px;--overlay-bg: rgba(74, 53, 96, .55);--modal-bg: rgba(255, 252, 255, .95)}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--text);transition:background .5s ease,color .4s ease}h1,h2,h3{font-family:var(--font-heading);color:var(--heading);letter-spacing:var(--heading-spacing)}p{color:var(--text)}.container{max-width:1200px;margin:0 auto;padding:20px}.section{margin-bottom:40px}.site-header{text-align:center;padding:28px 20px 20px}.site-header h1{font-size:2rem;margin:0 0 8px;font-style:italic}.site-header p{color:var(--subtext);margin:0 0 10px}.site-nav{background:var(--nav-bg);color:var(--nav-text);padding:12px 20px;border-radius:var(--section-radius);margin-bottom:8px;transition:background .5s}.nav-list{list-style:none;display:flex;justify-content:space-around;flex-wrap:wrap;gap:8px;margin:0;padding:0}.nav-list li{cursor:pointer;font-size:12px;letter-spacing:.5px;transition:opacity .2s}.nav-list li:hover{opacity:.7}.site-footer{background:var(--footer-bg);color:var(--footer-text);padding:24px 20px;text-align:center;border-radius:var(--section-radius) var(--section-radius) 0 0;margin-top:20px;transition:background .5s}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.card{background:var(--card-bg);border:1px solid var(--card-border);padding:18px;border-radius:var(--section-radius);box-shadow:0 2px 12px var(--card-shadow);text-align:center;transition:background .5s,box-shadow .3s}.card img{width:100%;max-width:100%;height:auto;border-radius:calc(var(--section-radius) - 2px);object-fit:cover}.card p{font-size:14px;line-height:1.5;margin:12px 0 0}.cyan-section{background:var(--sec-a);color:var(--sec-a-text);padding:28px 20px;border-radius:var(--section-radius);transition:background .5s}.yellow-section{background:var(--sec-b);color:var(--sec-b-text);padding:28px 20px;border-radius:var(--section-radius);transition:background .5s}.red-section{background:var(--sec-c);color:var(--sec-c-text);padding:28px 20px;border-radius:var(--section-radius);transition:background .5s}.cyan-section h2,.yellow-section h2,.red-section h2{color:inherit}blockquote{font-style:italic;border-left:3px solid var(--heading);padding-left:16px;margin:0 0 20px;color:var(--subtext)}button{background:var(--accent);color:var(--accent-text);border:1px solid var(--card-border);padding:10px 20px;border-radius:24px;cursor:pointer;font-family:var(--font-body);transition:background .3s,color .3s}button:hover{background:var(--accent-hover)}body.theme-cinema button{border-color:#fff3}.chat-container{height:300px;overflow-y:auto;border:1px solid var(--chat-border);padding:14px;border-radius:var(--section-radius);background:var(--card-bg);margin-bottom:12px}.chat-input{width:70%;padding:10px 14px;border:1px solid var(--chat-border);border-radius:24px;background:var(--input-bg);color:var(--text);font-family:var(--font-body);margin-right:8px}.photo-upload{position:relative;display:block;cursor:pointer;overflow:hidden;border-radius:calc(var(--section-radius) - 2px)}.photo-upload img{display:block;width:100%}.photo-hint{position:absolute;bottom:8px;right:8px;font-size:11px;padding:4px 8px;border-radius:12px;background:rgba(0,0,0,.55);color:#fff;opacity:0;transition:opacity .2s}.photo-upload:hover .photo-hint{opacity:1}.letter-output{font-style:italic;margin-top:20px;line-height:1.7;color:var(--subtext);padding:16px;border-left:2px solid var(--heading)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.animated-card{animation:fadeIn 1s ease-in-out}.animated-section{animation:slideIn .8s ease-out}.chat-message{margin:10px 0;padding:10px 14px;border-radius:14px;animation:fadeIn .5s}.user-msg{background:var(--user-msg)}.reply-msg{background:var(--reply-msg)}@media (max-width: 768px){.container{padding:12px}.grid{grid-template-columns:1fr;gap:14px}.nav-list{flex-direction:column;text-align:center}.chat-container{height:220px}.chat-input{width:100%;margin-bottom:8px}}