/* Minimal theme, Poppins + mobile layout (global setting build) */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");
:root{--vh:1vh;--bg:#f5f5f5;--panel:#fff;--ink:#111;--muted:#6b7280;--brand:#007aff;--ring:rgba(0,122,255,.25);--shadow:0 8px 24px rgba(0,0,0,.08);--radius:16px;}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{height:100%}
body{margin:0;font-family:"Poppins",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);overflow:hidden;user-select:none}
#hf-root{position:fixed;inset:0;width:100vw;height:calc(var(--vh)*100);padding:10px;padding-bottom:max(10px,env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:stretch;background:var(--bg)}
.hf-card{width:100%;max-width:520px;height:100%;display:grid;grid-template-rows:auto 1fr;background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border:1px solid #eee}
.hf-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#2c3e50,#3498db);color:#fff}
.hf-header h1{margin:0;font-size:20px;font-weight:700;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.25)}
#hf-room-indicator{font-size:12px;opacity:.9}
#hf-view{padding:14px;overflow:auto}
.hf-list{display:grid;gap:10px}
.hf-item{background:#fafafa;border:1px solid #eee;border-radius:14px;padding:12px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.small{font-size:12px;color:var(--muted)}
.hf-input,.hf-select,.hf-textarea{width:100%;border:1px solid #e5e7eb;background:#fff;color:var(--ink);border-radius:12px;padding:12px 14px;font-size:16px;outline:none;transition:border-color .15s, box-shadow .15s}
.hf-textarea{min-height:110px;resize:vertical}
.hf-input:focus,.hf-select:focus,.hf-textarea:focus{border-color:var(--brand);box-shadow:0 0 0 6px var(--ring)}
.hf-row{display:flex;gap:8px}.hf-row>*{flex:1}
.hf-btn{appearance:none;border:none;background:var(--brand);color:#fff;font-weight:700;font-size:16px;padding:12px 14px;border-radius:14px;cursor:pointer;box-shadow:var(--shadow)}
.footer-actions{position:sticky;bottom:0;padding-top:10px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 40%)}
.hf-toast{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);background:#111;color:#fff;font-weight:600;padding:10px 14px;border-radius:999px;box-shadow:var(--shadow)}