*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--keto:#27ae60;--elec:#8e44ad;--neuro:#2980b9;--antiinf:#e74c3c;--membrane:#d35400;--mito:#00b7c3;--general:#7f8c8d;--testing:#f1c40f;--bg:#f5f6fa;--card-bg:#fff;--text:#2c3e50;--text-light:#7f8c8d;--border:#dfe6e9;--pulse-bg:#fffacd;--success:#27ae60;--progress-bg:#ecf0f1;--input-bg:#fff;--toggle-off:#ccc;--shadow:#00000014}[data-theme=dark]{--bg:#1a1210;--card-bg:#241a18;--text:#f0e8e0;--text-light:#9e8e84;--border:#3a2a26;--pulse-bg:#2a1f10;--progress-bg:#3a2a26;--input-bg:#2e1e1a;--toggle-off:#5a4040;--shadow:#00000080;--neuro:#d4845a;--success:#7dba6a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1a1210;--card-bg:#241a18;--text:#f0e8e0;--text-light:#9e8e84;--border:#3a2a26;--pulse-bg:#2a1f10;--progress-bg:#3a2a26;--input-bg:#2e1e1a;--toggle-off:#5a4040;--shadow:#00000080;--neuro:#d4845a;--success:#7dba6a}}html,body{max-width:100vw;overflow-x:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;padding-bottom:72px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.4}a{color:inherit;text-decoration:none}.header{background:var(--card-bg);border-bottom:1px solid var(--border);text-align:center;z-index:100;padding:12px 16px;position:sticky;top:0}.header-inner{position:relative}.week-nav-arrow{cursor:pointer;color:var(--text-light);-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:color .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.week-nav-arrow:hover{color:var(--neuro)}.week-nav-arrow svg{width:22px;height:22px}.week-nav-prev{left:4px}.week-nav-next{right:4px}.header h1{color:var(--text);margin-bottom:2px;font-size:1.1em}.header .day-label{color:var(--text-light);font-size:.85em}.header .day-label.pulse{color:#b8860b;font-weight:600}.progress-container{background:var(--card-bg);border-bottom:1px solid var(--border);padding:8px 16px 12px}.progress-bar-wrapper{background:var(--progress-bg);border-radius:10px;height:20px;position:relative;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--success),#2ecc71);border-radius:10px;min-width:0;height:100%;transition:width .3s}.progress-text{text-align:center;color:var(--text-light);margin-top:4px;font-size:.8em}.time-block{margin:8px 12px}.time-block-header{text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);padding:6px 4px 4px;font-size:.75em;font-weight:700}.item{background:var(--card-bg);border-left:4px solid var(--general);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:8px;align-items:center;min-height:48px;margin-bottom:6px;padding:12px;transition:opacity .2s,transform .1s;display:flex}.item:active{transform:scale(.98)}.item.checked{opacity:.5}.item.checked .item-name{text-decoration:line-through}.item-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.item input[type=checkbox]{width:22px;height:22px;accent-color:var(--success);cursor:pointer;flex-shrink:0;margin-right:12px}.item-info{flex:1;min-width:0}.item-name{font-size:.95em;font-weight:600}.item-detail{color:var(--text-light);font-size:.84em;font-style:italic;font-weight:400}.bottom-nav{background:var(--card-bg);border-top:1px solid var(--border);z-index:100;padding-bottom:env(safe-area-inset-bottom,0);display:flex;position:fixed;bottom:0;left:0;right:0}.nav-tab{color:var(--text-light);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:8px 4px;font-size:.7em;font-weight:600;text-decoration:none;display:flex}.nav-tab.active{color:var(--neuro)}.nav-tab svg{width:24px;height:24px;margin-bottom:2px}.nav-logout{color:var(--text-light);opacity:.6}.nav-logout:hover,.nav-logout:active{opacity:1;color:#e74c3c}.week-grid{gap:8px;padding:12px;display:grid}.week-day-card{background:var(--card-bg);border:1px solid var(--border);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:10px;padding:12px;transition:transform .1s,box-shadow .15s}.week-day-card:hover{box-shadow:0 2px 8px var(--shadow);transform:translateY(-1px)}.week-day-card:active{transform:scale(.98)}.week-day-card.pulse{background:var(--pulse-bg);border-color:#e6d98a}.week-day-card.today{border-color:var(--neuro);border-width:2px}.week-day-name{font-size:.95em;font-weight:700}.week-day-label{color:var(--text-light);margin-bottom:8px;font-size:.75em}.week-day-progress{align-items:center;gap:8px;display:flex}.week-progress-ring{flex-shrink:0;width:44px;height:44px}.week-progress-ring circle{fill:none;stroke-width:4px}.week-progress-ring .bg{stroke:var(--progress-bg)}.week-progress-ring .fill{stroke:var(--success);stroke-linecap:round;transition:stroke-dashoffset .3s}.week-progress-text{color:var(--text-light);font-size:.85em}.week-progress-count{color:var(--text);font-weight:700}.settings-container{max-width:600px;margin:0 auto;padding:12px}.settings-group{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;margin-bottom:12px;padding:16px}.settings-group-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.settings-group.collapsed .settings-group-header{margin-bottom:0}.settings-group-header h3{text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);margin-bottom:0;font-size:.85em}.collapse-chevron{width:16px;height:16px;color:var(--text-light);flex-shrink:0;transition:transform .2s}.settings-group.collapsed .collapse-chevron{transform:rotate(-90deg)}.settings-group-body{transition:opacity .2s;overflow:hidden}.settings-group.collapsed .settings-group-body{display:none}.settings-group>h3{text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);margin-bottom:12px;font-size:.85em}.setting-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.setting-row:last-child{border-bottom:none}.setting-label{font-size:.9em;font-weight:500}.setting-input{border:1px solid var(--border);text-align:center;background:var(--input-bg);width:140px;color:var(--text);border-radius:6px;padding:6px 10px;font-size:.9em}.toggle{width:48px;height:28px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:var(--toggle-off);border-radius:28px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle input:checked+.toggle-slider{background:var(--success)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.btn{cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;border:none;border-radius:8px;padding:10px 20px;font-size:.9em;font-weight:600;display:inline-block}.btn-primary{background:var(--neuro);color:#fff}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--progress-bg);color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--antiinf);color:#fff}.btn-block{width:100%;display:block}.btn-sm{padding:5px 12px;font-size:.8em}.settings-msg{border-radius:6px;margin-top:8px;padding:8px;font-size:.85em;display:none}.settings-msg.success{color:#155724;background:#d4edda;display:block}.settings-msg.error{color:#721c24;background:#f8d7da;display:block}[data-theme=dark] .settings-msg.success{color:#6fcf97;background:#1a3a25}[data-theme=dark] .settings-msg.error{color:#eb5757;background:#3a1a1a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .settings-msg.success{color:#6fcf97;background:#1a3a25}:root:not([data-theme=light]) .settings-msg.error{color:#eb5757;background:#3a1a1a}}.login-container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--card-bg);text-align:center;width:100%;max-width:320px;box-shadow:0 2px 16px var(--shadow);border-radius:16px;padding:32px 24px}.login-card h1{margin-bottom:4px;font-size:1.3em}.login-card p{color:var(--text-light);margin-bottom:24px;font-size:.85em}.pin-input{text-align:center;letter-spacing:.3em;border:2px solid var(--border);background:var(--input-bg);width:100%;color:var(--text);-webkit-text-security:disc;border-radius:10px;margin-bottom:16px;padding:12px;font-size:2em}.pin-input:focus{border-color:var(--neuro);outline:none}.login-error{color:var(--antiinf);margin-bottom:12px;font-size:.85em}.measurements-block{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;margin:12px;padding:12px 16px}.measurements-header{text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);margin-bottom:8px;font-size:.75em;font-weight:700}.measurements-table{flex-direction:column;gap:4px;display:flex}.measurements-table-header,.measurements-row{grid-template-columns:36px 1fr 1fr 1fr;align-items:center;gap:8px;display:grid}.measurements-table-header{text-transform:uppercase;color:var(--text-light);border-bottom:1px solid var(--border);padding-bottom:4px;font-size:.7em;font-weight:700}.meas-label-col{color:var(--text-light);font-size:.8em;font-weight:700}.meas-col{text-align:center}.meas-input{border:1px solid var(--border);text-align:center;background:var(--input-bg);width:100%;max-width:80px;color:var(--text);-moz-appearance:textfield;border-radius:6px;padding:6px 4px;font-size:.9em}.meas-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.meas-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.meas-input:focus{border-color:var(--neuro);outline:none}.meas-value{font-size:.9em;font-weight:600}.gki-display{font-size:.95em;font-weight:700}.gki-green{color:#27ae60}.gki-yellow{color:#f39c12}.gki-orange{color:#e67e22}.gki-red{color:#e74c3c}.contact-banner{color:#0c5460;background:#d1ecf1;justify-content:space-between;align-items:center;padding:6px 12px;font-size:.8em;font-weight:500;display:flex}.banner-logout-btn{color:#0c5460;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0c5460;border-radius:4px;padding:2px 8px;font-size:.85em}.banner-logout-btn:hover{color:#fff;background:#0c5460}.item.read-only{cursor:default}.item.read-only input[type=checkbox]{pointer-events:none}.week-measurements{color:var(--text-light);margin-top:4px;font-size:.7em;line-height:1.3}.week-measurements span{font-weight:600}.charts-container{padding:12px}.charts-grid{grid-template-columns:1fr;gap:12px;display:grid}.chart-card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:12px}.chart-card h4{text-transform:uppercase;letter-spacing:.3px;color:var(--text-light);margin-bottom:8px;font-size:.8em;font-weight:700}.chart-card canvas{width:100%!important;height:180px!important}.measurements-row-5col{grid-template-columns:96px 1fr 1fr 1fr 68px!important}.meas-action-col{justify-content:flex-end;align-items:center;gap:4px;display:flex}.meas-edit-btn,.meas-save-btn,.meas-delete-btn{border:1px solid var(--border);background:var(--input-bg);color:var(--text-light);cursor:pointer;white-space:nowrap;border-radius:4px;padding:3px 7px;font-size:.7em;line-height:1.4}.meas-edit-btn:hover{color:var(--neuro);border-color:var(--neuro)}.meas-delete-btn:hover{color:#e74c3c;border-color:#e74c3c}.meas-save-btn{background:var(--neuro);color:#fff;border-color:var(--neuro)}.meas-save-btn:hover{opacity:.85}.meas-entries{margin-top:6px;padding-top:6px}.meas-entries:not(:empty){border-top:1px dashed var(--border)}.meas-edit-form{flex-wrap:wrap;align-items:center;gap:6px;padding:6px 0;display:flex}.meas-time-input{border:1px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:6px;width:110px;padding:5px 6px;font-size:.85em}.chart-title-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.chart-title-row h4{text-transform:uppercase;letter-spacing:.3px;color:var(--text-light);margin:0;font-size:.8em;font-weight:700}.chart-legend{color:var(--text-light);align-items:center;gap:6px;font-size:.72em;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.rolling-toggle-btn{border:1.5px solid var(--neuro);width:100%;max-width:320px;color:var(--neuro);cursor:pointer;text-align:center;background:0 0;border-radius:8px;margin:12px auto 0;padding:10px 20px;font-size:.9em;font-weight:600;display:block}.rolling-toggle-btn:hover{background:var(--neuro);color:#fff}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.875em}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border);padding:8px 10px}.admin-table th{text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);white-space:nowrap;font-size:.75em;font-weight:700}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--bg)}.task-group{margin-bottom:12px}.task-group-header{background:var(--bg);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;margin-bottom:4px;padding:8px 10px;display:flex}.task-group-header.dragging{background:var(--pulse-bg)}.task-group-drag{cursor:grab;color:var(--text-light);-webkit-user-select:none;user-select:none;text-align:center;flex-shrink:0;width:20px;font-size:1.1em;line-height:1}.task-group-arrows{flex-direction:column;flex-shrink:0;gap:0;display:flex}.arrow-btn{cursor:pointer;color:var(--text-light);background:0 0;border:none;border-radius:3px;padding:1px 4px;font-size:.55em;line-height:1}.arrow-btn:hover:not(:disabled){color:var(--neuro);background:var(--bg)}.arrow-btn:disabled{opacity:.25;cursor:default}.task-group-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text);font-size:.8em;font-weight:700}.task-group-count{color:var(--text-light);margin-left:auto;font-size:.75em}.task-group-items{padding-left:0}.task-card{border-bottom:1px solid var(--border);align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.task-card:last-child{border-bottom:none}.task-card.dragging{background:var(--pulse-bg);border-radius:8px}.task-card-drag{cursor:grab;color:var(--text-light);-webkit-user-select:none;user-select:none;text-align:center;flex-shrink:0;width:20px;padding-top:2px}.task-card-body{flex:1;min-width:0}.task-card-name{color:var(--text);flex-wrap:wrap;align-items:center;gap:6px;font-size:.9em;font-weight:600;display:flex}.task-inactive{color:var(--text-light);background:var(--progress-bg);text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:1px 6px;font-size:.7em;font-weight:400}.task-card-detail{color:var(--text-light);font-size:.84em;font-style:italic;font-weight:400}.task-card-meta{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.tag-badge{letter-spacing:.3px;color:#fff;border-radius:10px;padding:1px 7px;font-size:.7em;font-weight:600;display:inline-block}.checkbox-row{flex-wrap:wrap;gap:6px;display:flex}.chip-checkbox{cursor:pointer;border:1.5px solid var(--progress-bg);color:var(--text-light);-webkit-user-select:none;user-select:none;background:0 0;border-radius:16px;align-items:center;gap:4px;padding:4px 10px;font-size:.82em;transition:all .15s;display:inline-flex}.chip-checkbox input[type=checkbox]{display:none}.chip-checkbox.active{background:var(--neuro);border-color:var(--neuro);color:#fff}.chip-checkbox.disabled{opacity:.35;pointer-events:none}.chip-checkbox.tag-chip{border-color:var(--text-light)}.chip-checkbox.tag-chip.active{color:#fff}.btn-link{color:var(--neuro);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.task-meta-tag{background:var(--progress-bg);color:var(--text-light);border-radius:10px;padding:1px 7px;font-size:.7em;font-weight:500;display:inline-block}.task-card-actions{flex-shrink:0;align-self:center;gap:4px;display:flex}.role-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:12px;padding:2px 8px;font-size:.75em;font-weight:600;display:inline-block}.role-badge.owner{color:#856404;background:#ffeaa7}.role-badge.admin{color:#0a4a8a;background:#d1e7ff}.role-badge.user{color:#155724;background:#d4edda}.user-card-list{padding-left:0}.user-card{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 0;display:flex}.user-card:last-child{border-bottom:none}.user-card-body{flex:1;min-width:0}.user-card-name{color:var(--text);flex-wrap:wrap;align-items:center;gap:6px;font-size:.9em;font-weight:600;display:flex}.user-card-meta{color:var(--text-light);flex-direction:column;gap:1px;margin-top:2px;font-size:.8em;display:flex}.settings-tabs{border-bottom:2px solid var(--border);gap:0;margin-bottom:16px;display:flex;overflow-x:auto}.settings-tab{color:var(--text-light);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 16px;font-size:.85em;font-weight:600;text-decoration:none;display:inline-block}.settings-tab.active{color:var(--neuro);border-bottom-color:var(--neuro)}.settings-tab:hover{color:var(--neuro)}.form-row{flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:8px;display:flex}.form-field{flex-direction:column;flex:1;gap:4px;min-width:120px;display:flex}.form-field label{color:var(--text-light);font-size:.8em;font-weight:500}.form-input{border:1px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:6px;width:100%;padding:8px 10px;font-size:.9em}.form-input:focus{border-color:var(--neuro);outline:none}.form-select{border:1px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:6px;width:100%;padding:8px 10px;font-size:.9em}.modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background:var(--card-bg);width:100%;max-width:480px;max-height:90vh;box-shadow:0 8px 32px var(--shadow);border-radius:12px;padding:20px;overflow-y:auto}.modal-card h3{color:var(--text);margin-bottom:16px;font-size:1em}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}@media (min-width:768px){body{padding-bottom:0}.bottom-nav{border:1px solid var(--border);border-radius:10px;max-width:600px;margin:8px auto;position:static}.week-grid{grid-template-columns:repeat(7,1fr);max-width:960px;margin:0 auto}.time-block{max-width:600px;margin-left:auto;margin-right:auto}.progress-container{border:none;max-width:600px;margin:0 auto}.header{border-radius:0 0 10px 10px;max-width:600px;margin:0 auto}.measurements-block{max-width:600px;margin-left:auto;margin-right:auto}.charts-grid{grid-template-columns:repeat(2,1fr);max-width:800px;margin:0 auto}}