:root{--blue:#2156d9;--blue-dark:#1643b1;--blue-soft:#edf3ff;--ink:#162540;--muted:#5c6b82;--line:#dce3ee;--page:#f4f7fc;--white:#fff;--amber:#9a5900;--amber-soft:#fff5df;--red:#ad3443;--green:#14764c;--shadow:0 8px 32px #142a4c0a;font-size:16px;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Yu Gothic UI",Meiryo,sans-serif;line-height:1.65}button,input,textarea,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.55}button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #6a94ff;outline-offset:3px}button{border:0}input,textarea,select{color:var(--ink);background:white}svg{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app{display:grid;grid-template-columns:228px 1fr;min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;padding:34px 20px 22px;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-size:1.35rem;font-weight:750;text-decoration:none;background:none;padding:0}.brand-mark{width:42px;height:42px;background:var(--blue);color:white;display:grid;place-items:center;border-radius:13px}.brand-mark svg{width:25px;height:25px}.brand-sub{font-size:.875rem;color:var(--muted);margin:7px 0 0 53px}.nav{display:grid;gap:8px}.nav-btn{display:flex;align-items:center;gap:13px;padding:14px 16px;background:none;color:var(--muted);border-radius:12px;font-weight:650;text-align:left;min-height:52px}.nav-btn:hover{background:#f5f7fb}.nav-btn.active{background:var(--blue-soft);color:var(--blue)}.side-bottom{margin-top:auto;display:grid;gap:10px}.save-status{font-size:.875rem;color:var(--muted);padding:0 12px}.side-note{font-size:.875rem;color:var(--muted);border-top:1px solid var(--line);padding:16px 12px 0}.main{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 40px;background:#ffffffc9;border-bottom:1px solid var(--line)}.date{color:var(--muted);font-size:.9rem;white-space:nowrap}.search{display:flex;align-items:center;gap:11px;border:1px solid var(--line);background:white;border-radius:12px;min-height:48px;padding:0 14px;max-width:430px;flex:1}.search svg{color:var(--muted);width:20px}.search input{border:0;outline:none!important;width:100%;min-width:0;font-size:1rem;background:transparent}.clear-btn{background:none;color:var(--muted);display:grid;place-items:center;width:36px;height:38px}.mobile-brand{display:none}.content{padding:28px 40px 60px;max-width:1360px;margin:auto}.demo-banner{display:flex;align-items:center;gap:10px;background:#eaf0fb;border:1px solid #d6e0f3;border-radius:10px;padding:10px 14px;font-size:.875rem;color:#455b80;margin-bottom:26px}.demo-banner span{background:white;color:var(--blue);border:1px solid #d5e0f5;white-space:nowrap;border-radius:5px;padding:1px 7px;font-weight:700}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.eyebrow{font-size:.875rem;color:var(--blue);font-weight:700;letter-spacing:.04em;margin-bottom:3px}h1{font-size:1.9rem;letter-spacing:.015em;line-height:1.4;margin:0;font-weight:750}h2{font-size:1.16rem;margin:0;font-weight:720}h3{font-size:1.02rem;margin:0}.subtext{margin:7px 0 0;color:var(--muted);font-size:.9375rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 17px;border-radius:10px;font-weight:650;font-size:.9375rem;line-height:1.5;white-space:normal}.btn-primary{background:var(--blue);color:white}.btn-primary:hover{background:var(--blue-dark)}.btn-outline{background:white;border:1px solid var(--line);color:var(--ink)}.btn-soft{background:var(--blue-soft);color:var(--blue)}.btn-danger{background:#fff0f1;color:var(--red);border:1px solid #f0d2d6}.btn-small{padding:7px 12px;min-height:40px;font-size:.875rem}.icon-btn{display:inline-grid;place-items:center;min-width:44px;min-height:44px;border-radius:10px;background:transparent;color:var(--muted)}.icon-btn:hover{background:var(--blue-soft);color:var(--blue)}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:grid;gap:14px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:24px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px 15px}.panel-body{padding:0 22px 22px}.counter{font-size:.875rem;font-weight:650;color:var(--blue);background:var(--blue-soft);border-radius:7px;padding:2px 9px}.text-btn{background:none;color:var(--blue);font-size:.9rem;min-height:44px;padding:4px;font-weight:650}.summary-line{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:0 22px 18px;color:var(--muted);font-size:.9rem}.progress{flex:1;height:6px;border-radius:10px;background:#ecf0f6;overflow:hidden}.progress i{height:100%;display:block;background:var(--blue);border-radius:10px}.task-row{display:flex;align-items:flex-start;gap:13px;padding:18px 0;border-bottom:1px solid #edf0f5}.task-row:last-child{border:0}.check{width:28px;height:28px;border-radius:8px;border:2px solid #c3cedf;background:white;display:grid;place-items:center;flex-shrink:0;margin-top:3px;color:white}.check[aria-pressed="true"]{background:var(--blue);border-color:var(--blue)}.check svg{width:19px;height:19px}.task-content{flex:1;min-width:0}.task-title{font-weight:650;word-break:break-word;line-height:1.6}.task-title.done{text-decoration:line-through;color:var(--muted);font-weight:450}.task-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px;font-size:.875rem;color:var(--muted)}.room-link{padding:1px 7px;border-radius:5px;border:0;color:var(--blue);background:var(--blue-soft);font-weight:650;font-size:.875rem;min-height:30px}.due-over{color:var(--red);font-weight:650}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:5px;padding:3px 8px;font-size:.8125rem;font-weight:650;line-height:1.4;background:#f0f3f8;color:#51637b}.badge.blue{background:var(--blue-soft);color:var(--blue)}.badge.amber{background:var(--amber-soft);color:var(--amber)}.badge.green{background:#eaf6ef;color:var(--green)}.badge.red{background:#ffedef;color:var(--red)}.badge svg{width:14px;height:14px}.message-card{border:1px solid var(--line);background:white;border-radius:14px;padding:17px 18px;box-shadow:var(--shadow)}.message-card.important{border-left:4px solid #e3a333;padding-left:15px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.card-meta{color:var(--muted);font-size:.875rem}.message-text{display:block;text-align:left;white-space:pre-wrap;word-break:break-word;width:100%;background:none;color:var(--ink);padding:0;font-size:1rem;line-height:1.8}.message-text:hover{color:var(--blue)}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:13px}.mini-handovers .message-card{box-shadow:none}.section-space{margin-top:24px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.chip{min-height:40px;padding:7px 14px;border:1px solid var(--line);border-radius:9px;background:white;color:var(--muted);font-size:.9rem}.chip.selected{background:var(--blue);color:white;border-color:var(--blue)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.filters select{border:1px solid var(--line);border-radius:9px;min-height:44px;padding:6px 12px;max-width:100%}.room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.room-card{background:white;border:1px solid var(--line);border-radius:15px;padding:18px;text-align:left;position:relative}.room-card:hover{border-color:#a5bbeb;box-shadow:var(--shadow)}.room-tile{display:flex;align-items:center;gap:12px;background:none;text-align:left;color:var(--ink);padding:0;width:100%}.room-number{background:var(--blue-soft);color:var(--blue);border-radius:12px;min-width:68px;height:68px;display:grid;place-items:center;font-size:1.55rem;font-weight:760;font-variant-numeric:tabular-nums}.room-name{font-size:1.05rem;font-weight:720}.room-caption{color:var(--muted);font-size:.875rem;margin-top:4px}.room-footer{display:flex;justify-content:space-between;gap:5px;align-items:center;margin-top:14px}.favorite{color:#b37609}.room-overview{display:flex;align-items:center;gap:16px}.room-overview .room-number{height:80px;min-width:80px;font-size:1.9rem}.note-list{display:grid;gap:12px}.note-card{border:1px solid var(--line);background:white;border-radius:12px;padding:17px}.note-card p,.rule-body{margin:10px 0;white-space:pre-wrap;word-break:break-word;line-height:1.8}.note-card.important{background:#fffaf0;border-color:#ebd5a2}.empty{padding:32px 15px;text-align:center;color:var(--muted)}.empty svg{width:36px;height:36px;color:#8ba5d3;margin-bottom:8px}.empty p{margin:0 0 13px}.rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.rule-card{background:white;border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;color:var(--ink);gap:9px}.rule-card:hover{border-color:#9eb5e9}.rule-card h3{font-size:1.08rem}.rule-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);line-height:1.7;margin:0;white-space:pre-wrap;word-break:break-word}.rule-card .card-meta{margin-top:auto;padding-top:5px}.search-group{margin-bottom:25px}.search-group h2{margin-bottom:12px}.result{display:block;width:100%;text-align:left;background:white;border:1px solid var(--line);border-radius:12px;padding:16px 18px;color:var(--ink);margin-bottom:10px}.result p{margin:6px 0 0;white-space:pre-wrap;word-break:break-word}.result:hover{border-color:#9eb5e9}.bottom-nav{display:none}.mobile-add{display:none}dialog{border:0;border-radius:20px;padding:0;width:min(600px,calc(100vw - 32px));max-height:90dvh;color:var(--ink);box-shadow:0 24px 80px #16254035;background:white}dialog::backdrop{background:#13254370;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:2}.dialog-head h2{font-size:1.2rem}.dialog-body{padding:22px 24px;overflow:auto}.dialog-foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--line);background:#fbfcff;position:sticky;bottom:0;z-index:2;flex-wrap:wrap}.field{display:grid;gap:7px;margin-bottom:18px}.field label,.field-label{font-size:.9375rem;font-weight:650}.field input,.field textarea,.field select{width:100%;min-height:46px;border:1px solid #bdc9dc;border-radius:9px;padding:10px 12px}.field textarea{min-height:136px;resize:vertical;line-height:1.7}.field-inline{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field small,.help{font-size:.875rem;color:var(--muted);line-height:1.7}.check-label{display:flex;align-items:center;gap:10px;min-height:44px;font-size:.9375rem}.check-label input{width:20px;height:20px;accent-color:var(--blue)}.error{background:#fff0f1;color:var(--red);padding:11px 14px;border-radius:8px;font-size:.9rem;margin:0 0 15px}.error:empty{display:none}.callout{border:1px solid #d6e2fa;background:var(--blue-soft);color:#304a78;border-radius:10px;padding:14px;font-size:.9375rem;margin-bottom:18px;line-height:1.75}.callout.warning{border-color:#ead7ac;background:var(--amber-soft);color:#835615}.detail-text{white-space:pre-wrap;word-break:break-word;margin:18px 0 22px;font-size:1.05rem;line-height:1.9}.action-list{display:grid;gap:10px}.action-button{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border-radius:11px;border:1px solid var(--line);background:white;text-align:left;color:var(--ink)}.action-button svg{color:var(--blue)}.action-button small{display:block;font-size:.875rem;color:var(--muted);font-weight:400;margin-top:3px}.action-button strong{font-size:.96rem}.action-button:hover{border-color:#aac0ef;background:#f8faff}.transfer-dest{font-size:1rem;font-weight:700;color:var(--blue);padding:10px 13px;background:var(--blue-soft);border-radius:9px;margin-bottom:17px}.history{border-top:1px solid var(--line);padding-top:14px;margin-top:18px}.history summary{cursor:pointer;color:var(--muted);min-height:44px;font-size:.9rem}.history-item{padding:12px 0;border-top:1px dashed var(--line);font-size:.9rem}.history-item p{white-space:pre-wrap;word-break:break-word}.toast{position:fixed;bottom:26px;left:calc(50% + 100px);transform:translateX(-50%);background:#173353;color:white;border-radius:12px;padding:13px 20px;box-shadow:0 6px 28px #10233e30;z-index:100;display:flex;align-items:center;gap:15px;max-width:calc(100vw - 32px);font-size:.9rem}.toast[hidden]{display:none}.toast button{color:#c6dcff;background:none;font-weight:700;min-height:32px;white-space:nowrap}.safety-status{font-size:.875rem;color:var(--muted);margin-top:14px}.source-link{color:var(--blue);font-size:.8125rem;background:none;min-height:32px;padding:2px 0;text-align:left}.alert-banner{border:1px solid #e4aab4;background:#fff0f2;color:var(--red);padding:12px 16px;border-radius:10px;margin-bottom:18px}.modal-pills{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.full{width:100%}.new-menu{display:grid;gap:12px}.muted{color:var(--muted)}.list-divider{margin:20px 0;border:0;border-top:1px solid var(--line)}.inline-num{font-variant-numeric:tabular-nums}.large-text{font-size:18px}.large-text h1{font-size:1.8rem}.mobile-settings{display:none}.quick-room-grid{display:flex;gap:9px;flex-wrap:wrap}.quick-room{border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px 14px;color:var(--blue);font-weight:700;min-height:44px}.day-title{font-size:.9375rem;font-weight:700;color:var(--muted);margin:20px 0 12px}.day-title:first-child{margin-top:0}@media(min-width:1500px){.content{padding-top:36px}.dashboard-grid{gap:28px}}@media(max-width:1150px){.app{grid-template-columns:195px 1fr}.sidebar{padding:26px 14px}.content{padding:24px}.topbar{padding:20px 24px}.dashboard-grid{grid-template-columns:1fr}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand{font-size:1.2rem}.brand-sub{margin-left:0}.rule-grid{grid-template-columns:1fr}.toast{left:50%}}@media(max-width:720px){.app{display:block}.sidebar{display:none}.mobile-brand{display:flex;align-items:center;gap:9px;font-size:1.1rem;font-weight:750}.mobile-brand .brand-mark{width:32px;height:32px;border-radius:9px}.mobile-brand .brand-mark svg{width:20px;height:20px}.topbar{display:flex;flex-wrap:wrap;padding:14px 18px;gap:12px;background:white}.date{font-size:.8125rem;margin-left:auto}.search{order:3;max-width:none;flex-basis:100%;min-height:44px}.mobile-settings{display:grid;min-height:32px;min-width:32px}.content{padding:20px 16px 108px}.demo-banner{align-items:flex-start;gap:8px;padding:9px 10px;margin-bottom:22px;font-size:.8125rem;line-height:1.65}.demo-banner span{font-size:.75rem;margin-top:1px}h1{font-size:1.55rem}.page-head{gap:8px;margin-bottom:20px;align-items:center}.page-head .btn{font-size:.875rem;padding:9px 12px;min-height:42px}.page-head .btn svg{width:18px;height:18px}.eyebrow{font-size:.8125rem}.subtext{font-size:.875rem}.panel-head{padding:17px 17px 12px}.panel-body{padding:0 17px 16px}.summary-line{padding:0 17px 16px}.dashboard-grid{gap:18px}.task-row{gap:11px;padding:15px 0}.task-row>.icon-btn{min-width:36px;min-height:38px}.task-title{font-size:.96rem}.task-meta{font-size:.8125rem}.message-card{padding:15px}.message-card.important{padding-left:12px}.room-grid{gap:11px}.room-card{padding:14px}.room-tile{display:block}.room-number{width:62px;min-width:62px;height:57px;margin-bottom:10px;border-radius:10px;font-size:1.5rem}.room-name{font-size:.95rem}.room-caption{font-size:.8125rem}.room-footer{align-items:center;margin-top:8px}.room-footer .badge{font-size:.75rem;padding:3px 5px}.room-footer .icon-btn{min-width:36px;min-height:40px}.room-overview .room-number{margin-bottom:0;min-width:68px;width:68px;height:68px;font-size:1.7rem}.room-overview{gap:12px}.bottom-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;background:#fffffffa;border-top:1px solid var(--line);z-index:20;padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;color:var(--muted);padding:5px 1px;min-height:56px;font-size:.75rem;font-weight:650;border-radius:10px}.bottom-nav button.active{color:var(--blue);background:var(--blue-soft)}.bottom-nav svg{width:23px;height:23px}.toast{bottom:90px;width:max-content;max-width:calc(100vw - 24px);padding:11px 14px;font-size:.875rem}.field-inline{grid-template-columns:1fr;gap:0}dialog{width:calc(100vw - 20px);max-height:92dvh;border-radius:16px}.dialog-head{padding:16px 17px 10px}.dialog-body{padding:18px 17px}.dialog-foot{padding:13px 17px}.dialog-foot .btn{flex:1}.dialog-foot .btn-danger{flex-basis:100%;order:3}.rule-card{padding:17px}.filters{gap:8px}.filters select{font-size:.875rem}.page-head>.row{gap:6px}.page-head>.row .btn-small{font-size:.8125rem;padding:7px 9px}.card-meta{font-size:.8125rem}.badge{font-size:.8125rem}.safety-status{font-size:.8125rem}.large-text .room-grid{grid-template-columns:1fr}.large-text .room-tile{display:flex}.large-text .room-number{margin-bottom:0}}@media(prefers-reduced-motion:no-preference){.toast{animation:toast-in .16s ease-out}@keyframes toast-in{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}}

/* Large touch targets and photo workflows for iPhone. */
html{overscroll-behavior-y:none}body{min-height:100dvh}button,input,textarea,select{touch-action:manipulation}input,select,textarea{font-size:1rem}button:focus-visible,label:focus-within{outline:3px solid #7fa9ff;outline-offset:3px}.wrap{flex-wrap:wrap}.btn{min-height:46px}.help{font-size:.9rem;line-height:1.75}.file-label{position:relative;overflow:hidden;cursor:pointer}.file-label input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.lock-wrap{min-height:100dvh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(ellipse at 100% 0,#dfeaff 0,transparent 52%),#f5f7fb}.lock-card{width:100%;max-width:460px;padding:32px;background:white;border:1px solid #dce3ef;border-radius:22px;box-shadow:0 14px 50px #173c6910}.lock-brand{display:flex;gap:12px;align-items:center;color:#2156d9;font-size:20px;font-weight:800;margin-bottom:30px}.lock-card h1{font-size:26px;line-height:1.4;letter-spacing:-.02em}.lock-intro{color:#536479;line-height:1.85;margin:12px 0 25px}.lock-secondary{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}.smallprint{padding-top:16px;border-top:1px solid #e7ebf2;font-size:13px}.install-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border:1px solid #b7ccf5;border-radius:12px;background:#edf4ff;margin-bottom:20px;font-size:14px}.install-steps{padding-left:24px;line-height:1.9}.install-steps li+li{margin-top:12px}.storage-summary{display:flex;justify-content:space-between;align-items:center;background:#edf4ff;padding:16px;border-radius:14px;color:#19448e}.storage-summary strong{font-size:20px}.version-note{margin-top:24px}.photo-strip{display:flex;overflow-x:auto;gap:10px;padding:10px 0 12px;scroll-snap-type:x proximity}.photo-thumb{position:relative;display:block;width:128px;height:106px;flex:0 0 128px;padding:0;border:1px solid #d7e0ef;border-radius:12px;overflow:hidden;background:#edf1f6;cursor:pointer;scroll-snap-align:start}.photo-thumb img{display:block;width:100%;height:100%;object-fit:cover;font-size:12px;color:#68778b}.photo-expand{position:absolute;right:5px;bottom:5px;border-radius:5px;background:#132844ce;color:white;font-size:12px;padding:3px 7px}.photo-strip.compact .photo-thumb{width:76px;height:68px;flex-basis:76px}.photo-editor{margin-top:24px;padding-top:18px;border-top:1px solid #dee6f0}.photo-buttons{display:flex;gap:10px;flex-wrap:wrap}.photo-buttons .btn{flex:1;min-width:130px}.photo-draft-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.draft-photo{position:relative}.draft-photo .photo-thumb{width:100px;height:90px}.photo-remove{position:absolute;top:-8px;right:-8px;min-width:36px;min-height:36px;border:2px solid white;border-radius:50%;background:#263d59;color:white;font-size:26px;line-height:1;display:grid;place-items:center}.photo-buttons input:disabled{cursor:wait}.photo-editor .counter{white-space:nowrap}.is-saving .main button,.is-saving .dialog-foot button{pointer-events:none;opacity:.65}#photo-viewer{padding:0;width:min(96vw,1000px);max-width:1000px;height:min(94dvh,900px);max-height:96dvh;border:0;border-radius:18px;background:#111b29;color:white}#photo-viewer::backdrop{background:#06101ddd}.viewer-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;background:#162437;position:sticky;top:0;z-index:2}.viewer-head h2{font-size:18px;color:white}.viewer-head .btn-outline{color:#fff;border-color:#60738c;background:transparent}.photo-scroll{height:calc(100% - 78px);width:100%;overflow:auto;overscroll-behavior:contain;text-align:center;touch-action:pan-x pan-y pinch-zoom}.photo-scroll img{display:block;max-width:100%;width:auto;max-height:100%;height:auto;object-fit:contain;margin:auto}.photo-scroll.zoomed img{max-width:none;max-height:none;width:200%;height:auto;margin:0}.photo-scroll p{color:white;padding:30px}#privacy-cover{display:none;position:fixed;inset:0;z-index:2147483647;background:#edf2fb;color:#2156d9;place-items:center;font-size:24px;font-weight:800}#privacy-cover.visible{display:grid}.note-card p,.message-text,.detail-text,.rule-body{overflow-wrap:anywhere}.task-content{min-width:0}.callout p{margin:8px 0}.sidebar .side-note button{margin-top:10px}#unlock-error:empty,#form-error:empty{display:none}.dialog-body .field input[type=password]{width:100%}.dialog-foot{padding-bottom:max(16px,env(safe-area-inset-bottom))}
@media(max-width:720px){.lock-wrap{padding:24px 14px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}.lock-card{padding:24px 20px}.lock-card h1{font-size:24px}.lock-brand{margin-bottom:24px}.bottom-nav{padding-bottom:env(safe-area-inset-bottom);height:calc(66px + env(safe-area-inset-bottom))}.main{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.topbar{padding-top:max(12px,env(safe-area-inset-top))}dialog#modal{width:calc(100vw - 16px);max-width:none;max-height:calc(100dvh - 24px - env(safe-area-inset-top));margin:auto;border-radius:18px}.dialog-head{padding:16px}.dialog-body{padding:18px 16px}.dialog-foot{padding-left:16px;padding-right:16px;gap:8px;flex-wrap:wrap}.dialog-foot .btn{flex:1;min-width:94px}#photo-viewer{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.viewer-head{padding-top:max(12px,env(safe-area-inset-top));padding-left:12px;padding-right:12px}.viewer-head h2{font-size:16px}.viewer-head .btn{padding-left:12px;padding-right:12px}.photo-scroll{height:calc(100% - 90px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.photo-buttons{position:static}.room-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.photo-thumb{width:116px;flex-basis:116px;height:100px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.privacy-hidden #app,.privacy-hidden dialog,.privacy-hidden #toast{visibility:hidden!important}

/* Sync controls share the existing mobile layout. */
.sync-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid #d8e1ef;background:#f3f6fb;border-radius:12px;margin-bottom:16px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.sync-banner[data-tone="ok"]{background:#edf8f0;border-color:#c5e5ce;color:#215736}
.sync-banner[data-tone="error"]{background:#fff5ec;border-color:#eed7bf;color:#7c4115}
.sync-banner button{flex-shrink:0;min-height:44px}
.sync-choice{border:1px solid #d8e1ef;border-radius:12px;margin:16px 0;padding:14px;min-width:0}
.sync-choice legend{font-weight:700;overflow-wrap:anywhere;max-width:100%}
.sync-choice label{display:block;padding:12px 0;cursor:pointer}
.sync-choice pre{font:inherit;font-size:14px;background:#f3f6fb;padding:12px;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto}
.autofill-username{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
#copy-sync-code{font-family:monospace;font-size:13px;width:100%}
@media(max-width:500px){.sync-banner{padding:8px 12px;font-size:13px}.sync-choice{padding:10px}}

/* Pages onboarding and local photo text recognition. */
.setup-link{display:block;margin:18px 0;padding:16px;border:1px solid #c7d7f5;border-radius:14px;background:#eef4ff;color:#174293;text-decoration:none}
.setup-link strong,.setup-link span{display:block}.setup-link span{font-size:14px;margin-top:6px;line-height:1.65}
.setup-page{background:#f4f7fc}.setup-wrap{max-width:820px;margin:auto;padding:28px 20px 60px;line-height:1.85}.setup-wrap h1{font-size:30px;line-height:1.4}.setup-wrap h2{font-size:21px;line-height:1.5}.setup-wrap li{padding:5px 0}.setup-intro{font-size:17px;color:#475569}.setup-step{margin:22px 0;padding:24px;border:1px solid #dbe3ef;border-radius:18px;background:white}.setup-step ol,.setup-step ul{padding-left:1.6em}.eyebrow{color:#2156d9;font-size:13px;letter-spacing:.05em;font-weight:700;margin-bottom:5px}.setup-wrap code{font-family:ui-monospace,monospace;background:#eaf0f9;border-radius:4px;padding:2px 5px;word-break:break-all}.setup-check{margin-top:16px}.setup-check summary{cursor:pointer;font-weight:600}.setup-check form{padding-top:12px}.setup-wrap .callout{margin:18px 0}.setup-wrap input[readonly]{font-family:ui-monospace,monospace}.ocr-panel{margin-top:16px;padding:14px;background:#f0f5ff;border:1px solid #cadbfb;border-radius:12px}.ocr-photo-button{font-size:12px;line-height:1.5;padding:8px 0;white-space:normal;width:100%}.draft-photo{align-self:start}.ocr-panel textarea{font-size:16px}.lock-card h2{font-size:18px}
@media(max-width:540px){.setup-wrap{padding:20px 14px 44px}.setup-step{padding:18px 16px}.setup-wrap h1{font-size:27px}.setup-wrap h2{font-size:20px}.setup-step .row{gap:8px}}

.pairing-box{margin-top:16px}.pairing-qr{width:min(100%,300px);height:auto;image-rendering:pixelated;background:white;border:8px solid white;border-radius:10px}.pairing-box .help{max-width:440px}