/* MyRoomBox coming-soon skin (layered over the builder's style.css) */
:root{--cream:#f7f1e8;--paper:#fffdf9;--ink:#3a2e26;--muted:#7d6e62;--wood:#7a4e2d;--honey:#b5773a;--sage:#5f7a63;--line:#e6dccd}
html,body{height:auto;font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;color:var(--ink);background:var(--cream)}
button,input,table,.note,#panel,.seg button{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
#siteHeader{display:flex;align-items:center;gap:16px;padding:12px 22px;background:var(--paper);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.brand .mark{width:30px;height:30px;background:url(favicon.svg) center/contain no-repeat}
.brand .word{font-size:24px;letter-spacing:.3px}
.brand .word b{color:var(--wood);font-weight:600}
#siteHeader .tag{color:var(--muted);font-style:italic;font-size:15px;flex:1}
.hdrcta{font-family:system-ui,sans-serif;font-size:14px;color:#fff;background:var(--wood);padding:8px 14px;border-radius:999px;text-decoration:none}
.hdrcta:hover{background:#5f3c22}
#soonBanner{background:linear-gradient(90deg,#efe0c6,#f4e9d6,#efe0c6);border-bottom:1px solid #e0cba6;padding:11px 22px;text-align:center;font-size:16px}
#soonBanner strong{color:var(--wood);font-size:17px;letter-spacing:.5px;text-transform:uppercase;margin-right:6px}
#soonBanner a{color:var(--wood);font-weight:600;margin-left:8px;white-space:nowrap}
#app{height:calc(100vh - 104px);min-height:560px}
#stage{background:linear-gradient(#f3ece1,#e4dacb)}
#panel{background:var(--paper);border-left:1px solid var(--line)}
h1{font-size:22px;font-weight:600;color:var(--ink)}
h2{font-weight:600}
#placeholderBanner{background:#f4e9d6;color:var(--wood);border:1px solid #e0cba6;font-weight:600}
.ph{color:var(--wood);font-weight:600;font-size:10.5px;font-style:normal;display:inline-block;margin-left:6px}
#total{color:var(--ink)}
button.primary,.seg button.on{background:var(--wood);border-color:var(--wood);color:#fff}
.sw.on{box-shadow:0 0 0 2px var(--wood)}
.plist .prow.on{border-color:var(--honey);background:#fbf3e7}
.selcard{border-color:var(--honey);background:#fffaf2}
#nudge{display:none}
.soonbtn,.soonbtn:disabled{background:#e9e1d4;color:#6d5d50;border:1px dashed #b9a78f;cursor:not-allowed;font-weight:600;padding:11px}
.center{text-align:center}
.colnote{margin:-2px 0 6px;color:var(--muted)}
#signupMini{margin-top:14px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fbf5ec}
#signupMini h2{margin:0 0 4px}
.minilink{font-family:system-ui,sans-serif;font-size:13px;color:var(--wood);font-weight:600}
#signup{background:var(--paper);border-top:1px solid var(--line);padding:42px 22px}
#signup .inner{max-width:640px;margin:0 auto;text-align:center}
#signup h2{font-size:28px;margin:0 0 8px;color:var(--ink)}
#signup p{color:var(--muted);font-size:16px;margin:0 0 20px}
#signupForm{text-align:left;font-family:system-ui,sans-serif}
#signupForm .row{display:flex;gap:12px;flex-wrap:wrap}
.fld{flex:1 1 220px;display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}
.fld i{color:var(--wood);font-style:normal}
.fld small{font-weight:400;color:var(--muted)}
.fld input{font-size:16px;padding:10px 12px;border:1px solid #cdbfa9;border-radius:8px;background:#fff}
.fld input:focus{outline:2px solid var(--honey);border-color:var(--honey)}
.consent{display:flex;gap:8px;align-items:flex-start;margin:14px 0;font-size:14px;color:var(--ink)}
.consent input{margin-top:3px}
#suBtn{font-size:16px;padding:11px 26px;border-radius:999px}
.hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
#suMsg{margin-top:12px;font-size:14px;min-height:20px}
#suMsg.ok{color:var(--sage);font-weight:600}
#suMsg.err{color:#a3392b;font-weight:600}
#siteFooter{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding:18px;font-size:13px;color:var(--muted);border-top:1px solid var(--line);background:var(--cream);font-family:system-ui,sans-serif}
#siteFooter a{color:var(--wood)}
@media (max-width:820px){#app{height:auto;min-height:0}#siteHeader .tag{display:none}#soonBanner{font-size:14px}.brand .word{font-size:21px}}