*{box-sizing:border-box;margin:0;padding:0}body{background:#000;padding:20px 20px 100px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.header{margin-bottom:30px}h1{color:#fff;margin-bottom:8px;font-size:28px;font-weight:600}.date{color:#8e8e93;font-size:15px}.activity-section{margin-bottom:24px}.group-header{color:#8e8e93;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:18px;font-weight:600}.activities{grid-template-columns:1fr;gap:12px;display:grid}.activity-btn{color:#fff;cursor:pointer;background:#1c1c1e;border:none;border-radius:12px;padding:20px;font-size:16px;font-weight:500;transition:all .2s;box-shadow:0 2px 8px #0000004d}.activity-btn:active{background:#2c2c2e;transform:scale(.96)}.activity-btn.clicked{color:#636366;background:#2c2c2e}.custom-checkin{margin-bottom:30px}.custom-input{color:#fff;background:#1c1c1e;border:none;border-radius:12px;width:100%;margin-bottom:10px;padding:16px;font-size:16px;box-shadow:0 2px 8px #0000004d}.custom-input::placeholder{color:#8e8e93}.custom-btn{color:#fff;cursor:pointer;background:#007aff;border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:500}.custom-btn:active{background:#0051d5}.history{margin-top:40px}.history-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}h2{color:#fff;font-size:22px;font-weight:600}.clear-btn{color:#ff3b30;cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:15px}.day-section{margin-bottom:24px}.day-header{color:#fff;margin-bottom:12px;padding-left:4px;font-size:17px;font-weight:600}.checkin-item{background:#1c1c1e;border-radius:12px;margin-bottom:8px;padding:16px;box-shadow:0 2px 8px #0000004d}.checkin-time{color:#007aff;margin-bottom:4px;font-size:15px;font-weight:600}.checkin-activity{color:#fff;font-size:17px}.empty-state{text-align:center;color:#8e8e93;padding:40px 20px}.toast{color:#fff;opacity:0;pointer-events:none;background:#000000d9;border-radius:20px;padding:12px 24px;font-size:15px;transition:opacity .3s;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.update-notification{opacity:0;visibility:hidden;z-index:1000;background:#1c1c1e;border:1px solid #007aff;border-radius:12px;max-width:90%;padding:16px 20px;transition:opacity .3s,visibility .3s;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #007aff4d}.update-notification.show{opacity:1;visibility:visible}.update-content{align-items:center;gap:12px;display:flex}.update-message{color:#fff;font-size:15px;font-weight:500}.update-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#007aff;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500}.update-btn:active{background:#0051d5}.update-dismiss{color:#8e8e93;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:24px;line-height:1;display:flex}.update-dismiss:active{color:#fff}.modal-overlay{z-index:2000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:none;position:fixed;top:0;left:0}.modal-overlay.show{display:flex}.modal{background:#1c1c1e;border-radius:20px;width:100%;max-width:400px;padding:24px;box-shadow:0 8px 32px #00000080}.modal h3{color:#fff;margin-bottom:16px;font-size:20px}.modal-buttons{gap:12px;margin-top:12px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:14px;font-size:16px;font-weight:500}.modal-btn.cancel{color:#fff;background:#2c2c2e}.modal-btn.confirm{color:#fff;background:#007aff}.modal-btn:active{opacity:.8}