:root{--green:#2f5d3a;--green-dark:#24492d;--cream:#faf6ef;--ink:#3d3128;--paper:#fffdf8;--border:#e3dcd0;--danger:#b3402e;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;font-family:system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--cream);margin:0}.app{max-width:480px;margin:0 auto;padding:0 16px 40px}.header{text-align:center;padding:20px 0 4px}.header h1{color:var(--green);margin:0;font-size:26px}.header p{letter-spacing:2px;text-transform:uppercase;opacity:.6;margin:2px 0 0;font-size:13px}.card{background:var(--paper);border:1px solid var(--border);border-radius:14px;margin-top:16px;padding:16px}.card h2{color:var(--green);margin:0 0 12px;font-size:16px}.count{background:var(--green);color:#fff;border-radius:999px;margin-left:4px;padding:1px 9px;font-size:13px;display:inline-block}input[type=text],input[type=email],input[type=password],input[type=date],textarea{width:100%;font:inherit;color:inherit;border:1px solid var(--border);background:#fff;border-radius:10px;margin-bottom:10px;padding:12px}textarea{resize:vertical}input:focus,textarea:focus{outline:2px solid var(--green);outline-offset:-1px}.row{gap:8px;display:flex}.row input{flex:1}.row .narrow{flex:0 0 72px}.char-count{text-align:right;opacity:.55;margin:-6px 0 10px;font-size:12px}.char-count.warn{color:var(--danger);opacity:1}.btn{font:inherit;background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 18px}.btn:active{background:var(--green-dark)}.btn.big{width:100%;padding:16px;font-size:18px;font-weight:600}.btn.save{margin-top:14px}.btn:disabled{cursor:default;background:#b9c4bb}.btn.secondary{color:var(--green);border:1.5px solid var(--green);background:0 0}.link-btn{font:inherit;color:var(--green);cursor:pointer;background:0 0;border:none;padding:6px;font-size:14px;text-decoration:underline}.link-btn.danger{color:var(--danger)}.hint{opacity:.6;text-align:center;margin:8px 0 0;font-size:13px}.library-btn{text-align:center;width:100%;margin-top:6px;display:block}.photo-taken{flex-direction:column;align-items:center;gap:10px;display:flex}.photo-taken img{border-radius:10px;width:100%}.preview-tabs{gap:6px;margin-bottom:10px;display:flex}.preview-tabs button{font:inherit;border:1.5px solid var(--green);color:var(--green);cursor:pointer;background:0 0;border-radius:10px;flex:1;padding:8px}.preview-tabs button.active{background:var(--green);color:#fff}.postcard{aspect-ratio:6/4;border:1px solid var(--border);background:#fff;border-radius:6px;width:100%;overflow:hidden;box-shadow:0 6px 16px #3d312826}.postcard.front img{object-fit:cover;width:100%;height:100%;display:block}.placeholder{color:#b6ab9c;border:2px dashed var(--border);border-radius:6px;place-items:center;height:100%;font-size:14px;display:grid}.postcard.back{gap:3%;padding:4%;display:flex}.message-half{flex-direction:column;flex:1.15;min-width:0;display:flex;overflow:hidden}.message-text{white-space:pre-wrap;overflow-wrap:break-word;flex:1;margin:0;font-family:Caveat,cursive;font-size:clamp(13px,4.2vw,19px);line-height:1.25;overflow:hidden}.signature{text-align:right;flex-shrink:0;margin:4px 0 0;font-family:Caveat,cursive;font-size:clamp(13px,4.2vw,19px)}.divider{background:var(--border);width:1px}.address-half{flex-direction:column;flex:1;min-width:0;display:flex}.stamp{color:#b6ab9c;letter-spacing:1px;text-align:center;border:1.5px dashed #c9beae;align-self:flex-end;padding:8px 6px;font-size:8px;line-height:1.6}.address{margin:auto 0;font-size:clamp(10px,3vw,14px);line-height:1.5}.ghost{color:#c9beae}.saved-header{justify-content:space-between;align-items:baseline;display:flex}.saved-list input[type=checkbox]{width:20px;height:20px;accent-color:var(--green);flex-shrink:0}.saved-list+.btn{margin-top:14px}.saved-list{margin:0;padding:0;list-style:none}.saved-list li{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 0;display:flex}.saved-list li:last-child{border-bottom:none}.saved-list img{object-fit:cover;border-radius:6px;width:60px;height:40px}.saved-info{flex-direction:column;flex:1;min-width:0;display:flex}.saved-info span{opacity:.6;font-size:13px}.topbar{flex-direction:column;gap:2px;margin-top:6px;font-size:14px;display:flex}.topbar span{opacity:.7;font-size:13px}.link-btn.inline{padding:0;font-size:13px}.auth-card form{flex-direction:column;display:flex}.switch-mode{width:100%;margin-top:10px}.notice{border-radius:10px;margin:0 0 12px;padding:10px 14px;font-size:14px}.notice.error{color:var(--danger);background:#fbe6e2;border:1px solid #e6b3a8}.notice.info{color:var(--green-dark);background:#e7f0e9;border:1px solid #b9cfc0}.event-list{margin:0;padding:0;list-style:none}.event-list li{border-bottom:1px solid var(--border);align-items:center;gap:8px;display:flex}.event-list li:last-child{border-bottom:none}.event-pick{min-width:0;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:2px;padding:12px 4px;display:flex}.event-pick span{opacity:.6;font-size:13px}.room-lookup input{border-color:var(--green);background:#f2f7f3}.room-lookup .hint{text-align:left;margin:-4px 0 10px}.room-lookup .hint.found{color:var(--green);opacity:1}.toast{background:var(--green);color:#fff;z-index:10;border-radius:999px;padding:10px 22px;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0003}.editing-banner{background:#fdf3d7;border:1px solid #ecd9a0;border-radius:10px;justify-content:space-between;align-items:center;margin-top:14px;padding:6px 6px 6px 14px;font-size:14px;display:flex}.footer{text-align:center;opacity:.45;margin-top:24px;font-size:12px}