:root{color-scheme:light;font-family:system-ui,sans-serif;background:var(--cy-page);color:var(--cy-text)}*{box-sizing:border-box}body{margin:0;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(30px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}main{max-width:720px;margin:auto}header,.actions{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}h1,h2{font-family:Georgia,serif}a{color:var(--cy-link)}a,button{touch-action:manipulation}button,.button{min-height:48px;border:0;border-radius:10px;background:var(--cy-surface-sage);color:var(--cy-text);padding:12px 16px;font:600 16px system-ui;cursor:pointer}.secondary{background:var(--cy-surface-sage);color:var(--cy-text)}button:disabled{opacity:.6;cursor:wait}form{display:grid;gap:18px}label{display:grid;gap:7px;font-weight:600}input,select,textarea{font:16px system-ui;width:100%;padding:13px;border:1px solid var(--cy-border);border-radius:9px;background:var(--cy-field);color:var(--cy-text)}textarea{resize:vertical;min-height:150px}.card{padding:20px;background:var(--cy-surface);border:1px solid var(--cy-border);border-radius:14px;margin:22px 0}.note,small{color:var(--cy-text-muted);line-height:1.5}.post{padding:16px 0;border-top:1px solid var(--cy-border);overflow-wrap:anywhere}.post p,#preview-text{white-space:pre-wrap}#status{min-height:24px;line-height:1.5}#status.error{color:var(--cy-error)}.badge{color:var(--cy-success)}button:focus-visible,a:focus-visible{outline:3px solid var(--cy-focus);outline-offset:3px}[hidden]{display:none!important}.danger{color:var(--cy-error);background:var(--cy-surface)}@media(max-width:480px){.card{padding:16px}header h1{font-size:28px}#publish-button{width:100%}}

header a{display:inline-flex;align-items:center;min-height:44px}#draft-status:empty{display:none}
.platform-format{display:flex;align-items:center;gap:10px;font-weight:400;min-height:44px}.platform-format input[type=checkbox]{width:22px;height:22px;flex:none}#platform-preferences form{border-top:1px solid var(--cy-border);padding:12px 0;gap:8px}
#notice-manager label:has(input[type=checkbox]){display:flex;align-items:center;gap:12px;min-height:44px}#notice-manager input[type=checkbox]{width:22px;height:22px;flex-shrink:0}

details{margin:20px 0;padding:14px;border:1px solid var(--cy-border);border-radius:12px}summary{cursor:pointer;font-weight:600;padding:8px 0}.photo-editor{min-width:0;margin:14px 0;border:1px solid var(--cy-border);border-radius:10px}input[type=checkbox]{width:auto;min-height:auto}#publishing-audience:disabled{opacity:1;color:inherit}input,textarea,select{max-width:100%;box-sizing:border-box}

.photo-preview{display:block;width:100%;max-width:240px;max-height:180px;object-fit:contain;border-radius:12px;margin:8px 0}.photo-order{margin:5px}.photo-editor progress{display:block;width:100%;height:18px}.photo-transfer-note{overflow-wrap:anywhere}.photo-gallery img{display:block;max-width:100%;height:auto;border-radius:12px}

.hosted-media-tools,.document-tools{margin:1rem 0;padding:1rem;border:1px solid var(--cy-border);border-radius:12px}.photo-drop-zone{padding:22px 12px;margin:12px 0;border:2px dashed var(--cy-border);border-radius:12px;text-align:center;cursor:pointer}.photo-drop-zone[data-dragging],.photo-drop-zone:focus-visible{background:var(--cy-surface);outline:2px solid var(--cy-focus)}.document-row{margin:12px 0;padding:12px;border:1px solid var(--cy-border);border-radius:10px;overflow-wrap:anywhere}.document-row progress{width:100%}.attachment-downloads a{display:block;padding:12px;border:1px solid var(--cy-border);border-radius:8px;margin:8px 0;overflow-wrap:anywhere}

/* Trip Desk usability only: approved room artwork and other owner screens are unchanged. */
.trip-desk{font-size:18px;line-height:1.6}.trip-desk main{min-width:0}.trip-desk h1,.trip-desk h2,.trip-desk h3{line-height:1.25}.trip-desk p,.trip-desk small,.trip-desk summary,.trip-desk a{overflow-wrap:anywhere}.trip-desk small{font-size:1rem}.trip-desk button,.trip-desk .button,.trip-desk header a,.trip-desk .trip-sections a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;text-align:center}.trip-desk .button{text-decoration:none}.trip-desk .trip-sections a{padding:10px 14px;background:var(--cy-surface);border:1px solid var(--cy-border);border-radius:10px}.trip-desk #trip-status{position:sticky;top:8px;z-index:20;max-height:30vh;overflow:auto;padding:12px 16px;background:var(--cy-surface);border:2px solid var(--cy-border);border-radius:10px;box-shadow:0 4px 18px var(--cy-shadow-color)}.trip-desk #trip-status:empty{display:none}.trip-desk section,.trip-desk h2{scroll-margin-top:100px}.trip-desk article p{white-space:pre-wrap}.trip-desk label:has(input[type=checkbox]){display:flex;align-items:center;gap:12px;min-height:48px}.trip-desk input[type=checkbox]{width:24px;height:24px;flex:0 0 24px}.trip-desk input:focus-visible,.trip-desk select:focus-visible,.trip-desk textarea:focus-visible,.trip-desk summary:focus-visible{outline:3px solid var(--cy-focus);outline-offset:3px}.trip-desk #trip-list>p{display:grid;gap:8px;margin:22px 0}.trip-desk #trip-list button{width:100%}.trip-desk #trip-participants article{border-top:3px solid var(--cy-border)}.trip-desk #traveler-preview details{margin:12px 0}.trip-desk #trip-documents article a{display:inline-flex;align-items:center;min-height:48px;padding:10px 14px;border:1px solid var(--cy-border);border-radius:10px}.trip-desk button:disabled{cursor:not-allowed}.trip-desk #invitation-result input{font-size:16px}@media(max-width:480px){.trip-desk .actions>*{flex:1 1 100%}.trip-desk #trip-space .card button{max-width:100%;margin:4px 0}.trip-desk .card{padding:16px}.trip-desk .trip-sections a{justify-content:flex-start}.trip-desk #trip-status{top:4px}}

/* Backup fingerprint is public metadata; wrap it fully on small owner screens. */
#backup-key-fingerprint{overflow-wrap:anywhere;word-break:break-word}