:root{--wine:#8e3b53;--blush:#f7e9e8;--paper:#fffaf7;--ink:#30242a;--line:#ead7d3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,serif}button,input,select{font-family:Arial,sans-serif}.gate,.installer{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 20% 10%,#f0d4d8,transparent 35%),#faf1ee}.gate-card,.install-card{width:min(470px,100%);padding:38px;background:#fffaf7ee;border-radius:30px;text-align:center;box-shadow:0 25px 70px #60374422}.seal{width:58px;height:58px;margin:-66px auto 20px;display:grid;place-items:center;border-radius:50%;background:var(--wine);color:#fff;font-size:24px}.eyebrow{font:700 11px Arial;letter-spacing:.22em;color:var(--wine)}h1{font-size:clamp(42px,8vw,64px);font-weight:400;font-style:italic;margin:12px 0}.setup{padding:18px;margin:20px 0;background:#fff;border:1px solid var(--line);border-radius:20px}.setup img{width:180px}.setup code{word-break:break-all}form{display:grid;gap:12px;text-align:left}label{display:grid;gap:6px;font:600 12px Arial;color:#6f5960}input,select{width:100%;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fff}.primary,.link{border:0;padding:12px 18px;border-radius:12px;background:var(--wine);color:#fff;text-decoration:none}.error{color:#a12945}.ok{color:#317454}header{height:68px;display:flex;justify-content:space-between;align-items:center;padding:0 5vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fffaf7dd;z-index:5}.brand{display:flex;gap:9px;align-items:center;font-size:22px;font-style:italic}.brand span{background:var(--wine);color:#fff;border-radius:50%;padding:6px 9px}nav{display:flex;gap:8px}nav button,nav a{border:0;background:transparent;padding:10px;color:#6e555d;text-decoration:none;font-family:Arial,sans-serif}.welcome{text-align:center;padding:60px 20px 40px}.gallery{width:min(1100px,calc(100% - 36px));margin:auto;columns:3 260px;column-gap:20px;padding-bottom:220px}.gallery figure{break-inside:avoid;margin:0 0 20px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 12px 30px #60374418}.gallery img{width:100%;display:block}.gallery figcaption{padding:14px;display:flex;justify-content:space-between;gap:10px}.gallery small{color:var(--wine)}.empty{column-span:all;text-align:center;padding:60px;border:1px dashed #d6afb7;border-radius:25px}.uploader{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:min(820px,calc(100% - 25px));display:flex;gap:14px;align-items:center;padding:15px;background:#fffdfbdd;border-radius:22px;box-shadow:0 20px 60px #60374438;backdrop-filter:blur(15px)}.uploader div{flex:1}.uploader small{display:block;color:#806a70}.uploader input[type=file]{max-width:220px}.uploader label{display:flex;grid-auto-flow:column;align-items:center;white-space:nowrap}.uploader label input{width:auto}.chat{position:fixed;right:-420px;top:0;width:min(400px,90vw);height:100vh;background:#fffaf7;z-index:20;padding:20px;transition:.3s;box-shadow:-15px 0 50px #0003}.chat.open{right:0}.close,.call-close{float:right;border:0;background:none;font-size:26px}.chat>p{color:#765f66}.chat #messages{height:calc(100vh - 210px);overflow:auto;display:flex;flex-direction:column;gap:9px}.chat #messages>div{max-width:82%;padding:10px;border-radius:15px;font:13px Arial}.chat .mine{align-self:flex-end;background:var(--wine);color:#fff}.chat .theirs{background:var(--blush)}.chat p{margin:5px 0}.chat-form{position:absolute;bottom:15px;left:15px;right:15px;display:flex}.modal{display:none;position:fixed;inset:0;background:#0009;z-index:30;place-items:center;padding:20px}.modal.open{display:grid}.modal>section{width:min(850px,100%);background:#241c20;color:#fff;padding:22px;border-radius:22px}.videos{position:relative;background:#080607;border-radius:18px;overflow:hidden}.videos #remote{width:100%;height:60vh;object-fit:cover}.videos #local{position:absolute;right:15px;bottom:15px;width:25%;border:2px solid #fff;border-radius:14px}.danger{display:block;margin:14px auto 0;padding:11px 18px;border:0;border-radius:12px;background:#a82e45;color:#fff}#incoming{text-align:center;padding:20px}@media(max-width:650px){header{padding:0 12px}.brand b{display:none}nav button{padding:8px 5px}.uploader{display:grid}.uploader input[type=file]{max-width:100%}.gallery{padding-bottom:330px}.videos #remote{height:50vh}}

/* v12 persistent story menu */
.viewlee-main-header{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid rgba(142,59,83,.16);background:#fffaf8}.viewlee-main-header nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.viewlee-main-header nav a{text-decoration:none;color:inherit}.viewlee-main-header nav a.active{font-weight:800;color:#8e3b53}

/* v12.14 unified navigation */
header{position:relative;z-index:50}
.viewlee-main-nav{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap}
.viewlee-main-nav a,.viewlee-main-nav button{white-space:nowrap}
.viewlee-main-nav button{background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer}
@media(max-width:900px){.viewlee-main-nav{gap:10px;font-size:13px}}
