*{box-sizing:border-box}:root{font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#333;background-color:#fff9c4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%}.table-container{background:#fff8f0;border-radius:12px;padding:20px;overflow-x:auto;box-shadow:0 2px 10px #0000001a}.month-title{text-align:center;font-size:18px;font-weight:600;color:#d4a373;margin-bottom:16px;padding:8px}.habit-table{width:100%;border-collapse:collapse;font-size:14px}.habit-table th,.habit-table td{padding:12px 16px;text-align:center;border:1px solid #F0E6D8}.habit-table th{font-weight:600;white-space:nowrap}.habit-table thead tr:first-child{background:linear-gradient(135deg,#ffe4b5,#ffefd5)}.date-col{background-color:#ffe4b5!important;min-width:80px}.weekday-col{background-color:#ffefd5!important;min-width:50px}.habit-header{font-size:18px;font-weight:700;border-bottom:2px solid #F0E6D8;padding:14px 16px}.us-header{font-size:16px;font-weight:700}.person-subheader{font-size:13px;font-weight:600;padding:10px 12px}.sleep-target{display:block;font-size:11px;font-weight:500;opacity:.7;margin-top:2px}.target-hint{font-size:10px;opacity:.7;margin-left:4px}.toggle-cell{cursor:pointer}.toggle-cell.checked .toggle-value{color:#ff8fa3;font-weight:700;text-shadow:0 0 8px rgba(255,143,163,.5)}.toggle-value{font-size:20px;font-family:system-ui,sans-serif}.quality-cell{cursor:pointer;position:relative}.quality-value{font-size:18px}.heart-cell{cursor:pointer}.heart-card-item{text-align:center}.heart-display{font-size:28px;margin-top:8px}.toggle-card-item{text-align:center}.toggle-display{font-size:24px;margin-top:8px}.toggle-display.empty,.heart-display.empty,.quality-mobile.empty{color:#d4a373;opacity:.4}.toggle-card-item.checked .toggle-display{color:#ff8fa3;font-weight:700;text-shadow:0 0 10px rgba(255,143,163,.6)}.quality-mobile{font-size:24px;min-height:28px}.habit-table tbody tr{background:#fff;transition:background-color .2s}.habit-table tbody tr:hover{background:#fff5e6}.today-row{background:#fffacd!important}.today-row:hover{background:#fff3b0!important}.date-cell,.weekday-cell{font-weight:500;color:#333;background:#fff}.today-row .date-cell,.today-row .weekday-cell{background:#fffacd}.weekend{color:#ff6b6b!important}.habit-cell{cursor:pointer;min-width:80px;transition:background-color .2s;position:relative}.habit-cell:hover{background:#fff5e6!important;filter:brightness(.95)}.habit-cell input{width:100%;border:none;background:transparent;text-align:center;font-size:14px;padding:0;outline:none}.habit-cell input:focus{background:#fff;box-shadow:0 0 0 2px #d4a373;border-radius:4px}.mobile-view{display:none}.desktop-view{display:block}.date-selector{display:flex;gap:8px;overflow-x:auto;padding:10px 0;margin-bottom:16px;-webkit-overflow-scrolling:touch}.date-btn{display:flex;flex-direction:column;align-items:center;padding:10px 14px;border:2px solid #F0E6D8;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s;flex-shrink:0}.date-btn:hover{background:#fff5e6}.date-btn.active{background:#ffe4b5;border-color:#d4a373}.date-btn.today{border-color:gold}.date-btn.weekend .date-weekday{color:#ff6b6b}.date-num{font-size:16px;font-weight:600;color:#333}.date-weekday{font-size:12px;color:#666}.habit-card{background:#fff;border-radius:12px;margin-bottom:16px;overflow:hidden;box-shadow:0 2px 8px #00000014;border:2px solid #F0E6D8}.card-header{padding:12px 16px;font-weight:600;font-size:16px;background:#ffe4b5;display:flex;justify-content:space-between;align-items:center}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#f0e6d8}.card-grid-2{grid-template-columns:repeat(2,1fr)}.card-item{padding:16px 12px;background:#fff;cursor:pointer;transition:filter .2s}.card-item:hover{filter:brightness(.95)}.card-item.full-width{grid-column:1 / -1;text-align:center;padding:20px}.item-label{font-size:12px;color:#666;margin-bottom:6px}.item-value{font-size:14px;color:#333;min-height:20px}.card-item .item-value:empty:before,.item-value:not(:empty){content:""}@media(max-width:900px){.desktop-view{display:none}.mobile-view{display:block;padding:10px}.month-title{font-size:16px;margin-bottom:12px}.date-selector{padding:8px 0 12px;gap:6px}.date-btn{padding:8px 12px;min-width:48px}.habit-card{margin-bottom:12px}.card-header{padding:10px 14px;font-size:15px}.card-item{padding:18px 12px;min-height:70px;display:flex;flex-direction:column;justify-content:center;align-items:center}.item-label{font-size:13px;font-weight:500}.toggle-display,.heart-display{font-size:32px;margin-top:6px}.quality-mobile{font-size:28px}}@media(max-width:400px){.date-btn{padding:6px 8px;min-width:42px}.date-num{font-size:14px}.date-weekday{font-size:10px}.card-item{padding:14px 10px;min-height:60px}.item-label{font-size:12px}.toggle-display,.heart-display{font-size:28px}}.view-toggle{display:flex;gap:8px;margin-bottom:16px;background:#fff;border-radius:12px;padding:4px;box-shadow:0 2px 8px #00000014}.toggle-btn{flex:1;padding:10px 16px;border:none;border-radius:10px;background:transparent;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.toggle-btn.active{background:#ffe4b5;color:#8b7355}.btn-icon{font-size:16px}.btn-icon.pink{color:#ff8fa3}.btn-icon.gold{color:gold}.stats-view{display:flex;flex-direction:column;gap:16px}.stats-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.stats-card-header{padding:12px 16px;font-weight:600;font-size:16px;background:linear-gradient(135deg,#ffe4b5,#ffefd5)}.stats-grid{padding:16px;display:flex;flex-direction:column;gap:16px}.stats-item{display:flex;flex-direction:column;gap:6px}.stats-label{font-size:13px;color:#666}.stats-bar{height:20px;background:#f0e6d8;border-radius:10px;overflow:hidden}.stats-fill{height:100%;border-radius:10px;transition:width .3s ease}.stats-text{font-size:12px;color:#8b7355}.stats-percent{margin-left:6px;color:#d4a373;font-weight:500}.desktop-toggle{max-width:300px;margin:0 auto 20px}.desktop-stats{flex-direction:row;justify-content:center;gap:24px}.desktop-stats .stats-card{flex:1;max-width:400px}.app{min-height:100vh;background:linear-gradient(135deg,#fff9c4,#ffecb3,#ffe082);padding:20px}.loading-screen{display:flex;justify-content:center;align-items:center;font-size:1.2rem;color:#d4a373}.header{text-align:center;padding:30px 20px}.couple-img{width:180px;height:180px;object-fit:cover;border-radius:50%;border:4px solid #D4A373;box-shadow:0 4px 15px #d4a3734d;margin-bottom:15px}.header h1{font-size:2.5rem;color:#d4a373;margin:0;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.subtitle{font-size:1.1rem;color:#8b7355;margin-top:10px}.main{max-width:1400px;margin:0 auto;padding:0 20px}.footer{text-align:center;padding:30px 20px;margin-top:40px;font-size:1.1rem;color:#d4a373}@media(max-width:768px){.app{padding:10px}.header{padding:15px 10px}.couple-img{width:100px;height:100px;margin-bottom:10px}.header h1{font-size:1.3rem}.subtitle{font-size:.9rem}.main{padding:0 5px}.footer{margin-top:15px;padding:15px;font-size:.9rem}}