.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}.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,.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}}