:root{--bg: #f3f1ec;--panel: #fffdf8;--ink: #1c1915;--muted: #6b645a;--line: #ddd5c8;--accent: #0f5c4c;--ok: #1f7a3f;--bad: #a32626;--pending: #8a6a1f;--warn-bg: #f7efd8;--bad-bg: #f8e8e6;--ok-bg: #e7f3ea;--pad: clamp(12px, 3vw, 28px);font-family:IBM Plex Sans KR,Pretendard,Noto Sans KR,sans-serif;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh;min-height:100dvh;background:radial-gradient(circle at top left,#ebe4d5 0,transparent 40%),linear-gradient(180deg,#f7f4ee,#efeae2)}button,select,textarea{font:inherit}.app{width:min(1100px,100%);margin:0 auto;padding:var(--pad);padding-bottom:calc(var(--pad) + 40px + env(safe-area-inset-bottom,0px))}.header{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:end;justify-content:space-between;margin-bottom:18px}.header h1{margin:0 0 6px;font-size:clamp(22px,5vw,28px);letter-spacing:-.03em;line-height:1.2}.header p{margin:0;color:var(--muted);font-size:clamp(13px,3.2vw,14px);line-height:1.45;max-width:42rem}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(100%,320px)}.stat{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-width:0}.stat strong{display:block;font-size:clamp(16px,4vw,18px)}.stat span{color:var(--muted);font-size:12px}.ward-bar{display:flex;gap:8px;margin:0 calc(var(--pad) * -1) 16px;padding:0 var(--pad) 4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scroll-snap-type:x proximity}.ward-btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:999px;padding:10px 14px;cursor:pointer;white-space:nowrap;flex:0 0 auto;scroll-snap-align:start;min-height:40px}.ward-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.room{border-top:1px solid var(--line)}.room:first-child{border-top:0}.room-head{display:grid;grid-template-columns:minmax(120px,160px) minmax(0,1fr);gap:12px 16px;align-items:start;padding:14px 16px}.expand-btn{display:flex;gap:10px;align-items:flex-start;border:0;background:transparent;cursor:pointer;text-align:left;padding:0;color:inherit;min-height:44px}.expand-btn:hover .room-title{color:var(--accent)}.room-device-panel{min-width:0}.chevron{margin-top:4px;color:var(--muted);transition:transform .15s ease;flex:0 0 auto}.chevron.open{transform:rotate(90deg)}.room-title{font-weight:700;font-size:16px}.room-meta{margin-top:4px;color:var(--muted);font-size:12px}.device-block{display:flex;flex-direction:column;gap:8px;min-width:0}.device-line{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between}.device-info{font-size:13px;color:var(--muted);overflow-wrap:anywhere;word-break:break-word;line-height:1.4}.device-info code{color:var(--ink);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px}.status-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:min(100%,320px);margin-left:auto}.status-btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 8px;cursor:pointer;font-size:13px;min-height:40px}.status-btn.pending.active{background:var(--warn-bg);border-color:#c9a63a;color:var(--pending)}.status-btn.ok.active{background:var(--ok-bg);border-color:#5da873;color:var(--ok)}.status-btn.bad.active{background:var(--bad-bg);border-color:#d27a72;color:var(--bad)}.memo-box{width:100%;margin-top:4px}.memo-box textarea{width:100%;min-height:72px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;resize:vertical;background:#fff}.memo-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px}.memo-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 12px;cursor:pointer;min-height:40px}.memo-actions .save{background:var(--accent);border-color:var(--accent);color:#fff}.beds{padding:0 16px 16px 56px;display:flex;flex-direction:column;gap:10px}.bed-card{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fffcf7}.bed-title{font-weight:600;margin-bottom:6px}.empty-note{color:var(--bad);font-size:12px}.loading,.error{padding:40px 20px;text-align:center;color:var(--muted)}.error{color:var(--bad)}@media (max-width: 860px){.header{align-items:stretch}.stats{width:100%}}@media (max-width: 720px){.room-head{grid-template-columns:1fr;padding:12px}.expand-btn{width:100%;padding-bottom:4px;border-bottom:1px dashed var(--line);margin-bottom:4px}.device-line{flex-direction:column;align-items:stretch}.status-group{width:100%;margin-left:0}.beds{padding:0 12px 14px}.ward-bar{margin-bottom:12px}}@media (max-width: 420px){.stats{grid-template-columns:1fr}.stat{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.stat strong{font-size:18px}}