body{font-family:Roboto,Verdana,sans-serif!important;background:#f9fafb;color:#1f2937}.digital-main-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:40px 20px}.digital-section{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;border-radius:15px;padding:25px;overflow:hidden;border:2px solid #e6edf4;-webkit-box-shadow:0 4px 15px rgba(0,0,0,.05);box-shadow:0 4px 15px rgba(0,0,0,.05);-webkit-transition:all .3s ease;transition:all .3s ease}.digital-section,.digital-section h2{display:-webkit-box;display:-ms-flexbox;display:flex}.digital-section h2{font-size:1.5rem;margin-bottom:25px;color:#1f2937;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:.9rem;font-weight:600;color:#374151;margin-bottom:6px}.form-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;background:#f9fafb;-webkit-transition:border-color .3s ease,-webkit-box-shadow .3s ease;transition:border-color .3s ease,-webkit-box-shadow .3s ease;transition:border-color .3s ease,box-shadow .3s ease;transition:border-color .3s ease,box-shadow .3s ease,-webkit-box-shadow .3s ease}.form-input:focus{outline:none;border-color:#667eea;-webkit-box-shadow:0 0 0 3px rgba(102,126,234,.2);box-shadow:0 0 0 3px rgba(102,126,234,.2)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.history-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 20px;border-radius:12px;background:#f9fafb;margin-bottom:15px;border-left:5px solid transparent;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.05);box-shadow:0 2px 6px rgba(0,0,0,.05)}.history-item:hover{-webkit-transform:translateX(5px);transform:translateX(5px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.history-date{font-weight:600;color:#374151;margin-bottom:5px}.history-stats{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;font-size:.85rem;color:#6b7280;-ms-flex-wrap:wrap;flex-wrap:wrap}.usage-bar{width:100px;height:8px;background:#e5e7eb;border-radius:5px;overflow:hidden;margin-top:5px}.usage-fill{height:100%;border-radius:5px;-webkit-transition:width .5s ease;transition:width .5s ease}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tips-section{grid-column:1/-1;background:#f8fafc;padding:25px;border-radius:15px;border:2px dashed #d1d5db;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.03);box-shadow:0 2px 10px rgba(0,0,0,.03)}.tips-section h2{color:#334155;margin-bottom:20px}.tips-list{list-style:none;padding:0;margin:0}.tips-list li{position:relative;padding-left:20px;color:#64748b;margin-bottom:10px}.tips-list li:before{content:"\2022";position:absolute;left:0;color:#3b82f6;font-weight:700}.mood-header{text-align:center;padding:20px 30px;color:#0f2c64}.mood-title-text h2{font-size:2rem;font-weight:700;margin-bottom:5px}.mood-title-text p{font-size:1rem;opacity:.9;margin:0;color:#0f2c64}.record-button{width:100%;padding:15px;background:#0f2c64;color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}.record-button:hover:not(:disabled){-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 25px rgba(59,130,246,.3);box-shadow:0 8px 25px rgba(59,130,246,.3);cursor:pointer}.record-button:disabled{background:#9ca3af;cursor:not-allowed;-webkit-transform:none;transform:none}.record-button.success{background:linear-gradient(135deg,#22c55e,#16a34a)!important}.form-range{height:8px;background:#d1d5db;border-radius:5px;-webkit-transition:background .3s;transition:background .3s}.form-range::-webkit-slider-thumb{width:20px;height:20px;background:#0f2c64;-webkit-transition:background .3s;transition:background .3s}.form-range::-moz-range-thumb{width:20px;height:20px;background:#0f2c64}.form-range::-ms-thumb{width:20px;height:20px;background:#0f2c64;border-radius:50%;cursor:pointer}@media (max-width:1024px){.digital-main-content{gap:20px;padding:20px}.digital-main-content,.form-row{grid-template-columns:1fr}.history-stats{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px}}@media (max-width:768px){.history-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.history-item,.history-item>div:last-child{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.history-item>div:last-child{width:100%}.usage-bar{width:100%!important}.status-badge{padding:4px 0}.digital-section{padding:20px}.digital-section h2{font-size:1.2rem}}.digital-section .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.digital-section .form-screen-time{grid-column:1/-1}.form-range{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:12px;background:#e6e8eb;border-radius:10px;outline:none;-webkit-transition:background .2s;transition:background .2s;margin-top:8px}.form-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;background:#12284f;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.12);box-shadow:0 2px 6px rgba(0,0,0,.12);cursor:pointer;margin-top:-8px}.form-range::-moz-range-thumb{width:28px;height:28px;background:#12284f;border-radius:50%;cursor:pointer}.digital-section .record-button{margin-top:20px;width:100%;padding:18px;font-size:1.05rem;border-radius:12px}@media (max-width:768px){.digital-section .form-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.digital-section .form-group{width:100%}.form-daily-goal{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.form-screen-time{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.form-phone-pickups{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.form-range{height:10px}.form-range::-moz-range-thumb,.form-range::-webkit-slider-thumb{width:22px;height:22px;margin-top:-6px}.digital-section{padding:18px}.digital-section h2{font-size:1.15rem;margin-bottom:14px}.digital-section .record-button{margin-top:10px;padding:14px}}