.checkin-btn{background:#0d6efd;color:#fff;border:none;padding:10px 18px;border-radius:8px;font-size:15px;cursor:pointer;width:100%}.checkin-btn:hover{background:#0b5dd8}.btn-soft{background:#f1f3f4;border:1px solid #dadce0;padding:10px 16px;border-radius:8px;font-size:14px;color:#202124;cursor:pointer;transition:.2s}.btn-soft:hover{background:#e8eaed}.btn-soft.primary{background:#e1ebff;border-color:#c6d7ff}.btn-soft.primary:hover{background:#d4e2ff}.btn-soft.primary:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;box-shadow:none;opacity:.8}.btn-soft.primary.disabled-hint{position:relative}.btn-soft.primary.disabled-hint::after{content:"✓ xác nhận để tiếp tục";position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:10px;color:#b45309;white-space:nowrap}.input-soft{width:90%;padding:8px 10px;border:1px solid #dadce0;border-radius:6px;margin-bottom:12px;font-size:13px;color:#5f6368;background:#fafafa}#checkin-form{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #e0e0e0;background:#ffffffcc;z-index:9999}.checkin-form-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(3px)}.checkin-form-content{position:relative;background:#fff;width:90%;max-width:380px;padding:18px;border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:10px}.hidden{display:none!important}.checkin-title{font-size:18px;font-weight:600;margin-bottom:4px}.count{font-size:12px;color:#777;text-align:right}.nickname-dropdown-wrapper{position:relative}.nickname-list{position:absolute;top:36px;left:0;right:0;background:#fff;list-style:none;border:1px solid #dadce0;border-radius:6px;padding:6px 0;margin:0;z-index:50;font-size:13px;color:#5f6368}.nickname-list li{padding:6px 10px;cursor:pointer}.nickname-list li:hover{background:#f0f7ff}.nickname-item{padding:8px 10px;cursor:pointer;font-size:13px}.nickname-item:hover{background:#f1f3f4}.pin-select{width:100%;padding:6px;border-radius:6px;border:1px solid #ccc}.heart-box{margin-top:6px;padding:8px 10px;border-radius:6px;background:#ffe6ef;cursor:pointer;display:inline-block;font-size:13px}.usage-row{display:flex;gap:10px;margin-bottom:12px}.usage-box{flex:1;background:#fff5f5;padding:10px;border-radius:8px;border:1px solid #f2d7d7;text-align:center;cursor:pointer;font-size:13px}.usage-box:hover{background:#ffecec}.action-row{display:flex;justify-content:flex-end;gap:10px}.btn-text{background:0 0;border:none;padding:8px 10px;font-size:14px;color:#5f6368;cursor:pointer}.btn-text:hover{color:#202124}#comment{width:90%;border:1px solid #e3e3e3;border-radius:6px;padding:8px 10px;text-align:left;background:#fafafa;font-size:13px;color:#5f6368;line-height:1.4;transition:border .15s ease}#comment:focus{background:#fff;border-color:#b9c6ff;outline:0}.hashtag-input{margin-top:6px;margin-bottom:0}.hashtag-count{font-size:11px;color:#666;text-align:right}.checkin-media-row{display:flex;align-items:stretch;gap:8px;width:100%;margin-top:8px}.public-photo-picker{display:flex;align-items:center;flex:1;min-width:0;min-height:50px;gap:8px;padding:7px 9px;border:1px dashed #9cb6da;border-radius:10px;background:#f8fbff;color:#4d566f;font-size:12px;cursor:pointer;transition:border-color .16s ease,background .16s ease}.public-photo-picker:focus-within,.public-photo-picker:hover{border-color:#4f7fd7;background:#f0f6ff}.public-photo-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.public-photo-picker-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;border-radius:8px;background:#dceaff;font-size:16px}.public-photo-picker-copy{display:grid;min-width:0;gap:2px;line-height:1.15}.public-photo-picker-copy strong{color:#29476f;font-size:13px}.public-photo-picker-copy small{color:#70809a;font-size:10px}.public-photo-preview{width:42px;height:42px;margin-left:auto;flex:0 0 42px;border-radius:7px;object-fit:cover;box-shadow:0 1px 4px rgba(30,64,110,.25)}.public-photo-preview.hidden{display:none}.public-photo-remove{width:32px;min-height:50px;flex:0 0 32px;border:1px solid #f0c9c9;border-radius:9px;background:#fff8f8;color:#a33f3f;font-size:22px;cursor:pointer}.public-photo-remove:focus-visible,.public-photo-remove:hover{background:#ffeded}.checkin-mode-switch{display:inline-flex;align-items:center;justify-content:space-between;gap:7px;flex:0 0 76px;min-height:34px;border:1px solid #d9deec;border-radius:6px;background:#fff;color:#334155;cursor:pointer;font-size:12px;font-weight:800;padding:4px 8px}.checkin-mode-switch span:last-child{color:#64748b;font-size:11px}.checkin-mode-switch.is-public{background:#eef5ff;border-color:#90caf9}.checkin-mode-switch.is-private{background:#fff7ed;border-color:#fed7aa}.public-photo-note{width:100%;margin-top:4px;color:#777;font-size:11px;line-height:1.35}.warning-box{margin-top:8px;padding:8px 10px;background:#fff7e6;border:1px solid #f0c36d;border-radius:6px;font-size:12px;color:#7a4b00}.warning-box.hidden{display:none}@media (max-width:767px),(max-height:540px) and (max-width:1024px){#checkin-form{align-items:flex-end;justify-content:stretch;border:none;border-radius:0;background:0 0}.checkin-form-content{width:100%;max-width:none;max-height:calc(100dvh - 72px);overflow:auto;box-sizing:border-box;padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;overscroll-behavior:contain}#comment,.checkin-media-row,.input-soft{box-sizing:border-box;width:100%;min-height:42px;font-size:15px}#comment{min-height:88px}.action-row,.usage-row{gap:8px}.btn-soft,.btn-text,.usage-box{min-height:42px;font-size:15px}.nickname-list{top:44px;max-height:220px;overflow:auto}}