:root{--bg: #07131d;--surface: #0d1d29;--surface-2: #122633;--border: #203744;--text: #edf8fb;--muted: #8da5af;--accent: #30d5c8;--accent-soft: #30d5c824;--on-accent: #032725;--success: #58d99a;--success-soft: #58d99a20;--danger: #ff716f;--danger-soft: #ff716f20;--warning: #f0b95e;--warning-soft: #f0b95e20;--ring-track: #1b3441;--shadow: 0 14px 34px rgba(0, 0, 0, .24);color-scheme:dark}@media (prefers-color-scheme: dark){:root{--bg: #131312;--surface: #1c1c1a;--surface-2: #242422;--border: #2f2f2c;--text: #f0eee9;--muted: #9c9990;--accent: #2fd0c0;--accent-soft: #2fd0c026;--on-accent: #042622;--success: #6fbf7e;--success-soft: #6fbf7e22;--danger: #e07268;--danger-soft: #e0726822;--warning: #ddb054;--warning-soft: #ddb05422;--ring-track: #2c2c29;--shadow: none;color-scheme:dark}}:root[data-theme=light]{--bg: #f7f6f3;--surface: #ffffff;--surface-2: #f0efeb;--border: #e4e2dc;--text: #1d1c1a;--muted: #77746d;--accent: #0e9488;--accent-soft: #0e948822;--on-accent: #ffffff;--success: #3e9c53;--success-soft: #3e9c5322;--danger: #cf4b3f;--danger-soft: #cf4b3f22;--warning: #c28a1e;--warning-soft: #c28a1e22;--ring-track: #e6e4de;--shadow: 0 1px 3px rgba(0, 0, 0, .07);color-scheme:light}:root[data-theme=dark]{--bg: #131312;--surface: #1c1c1a;--surface-2: #242422;--border: #2f2f2c;--text: #f0eee9;--muted: #9c9990;--accent: #2fd0c0;--accent-soft: #2fd0c026;--on-accent: #042622;--success: #6fbf7e;--success-soft: #6fbf7e22;--danger: #e07268;--danger-soft: #e0726822;--warning: #ddb054;--warning-soft: #ddb05422;--ring-track: #2c2c29;--shadow: none;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:-apple-system,system-ui,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#app{min-height:100dvh}.appshell{display:flex;min-height:100dvh}.sidebar{display:none}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;padding-top:calc(.7rem + env(safe-area-inset-top));background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbar h1{margin:0;font-size:1.05rem;font-weight:650;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:1rem 1rem calc(88px + env(safe-area-inset-bottom))}.bottombar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:space-around;padding:.35rem .5rem calc(.35rem + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border)}.bottombar a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.3rem .7rem;border-radius:12px;text-decoration:none;color:var(--muted);font-size:.68rem;font-weight:550;min-width:56px}.bottombar a .ico{font-size:1.25rem;line-height:1}.bottombar a.router-link-active{color:var(--accent);background:var(--accent-soft)}@media (min-width: 960px){.bottombar{display:none}.sidebar{display:flex;flex-direction:column;width:224px;flex-shrink:0;padding:1.1rem .8rem;border-right:1px solid var(--border);background:var(--surface);position:sticky;top:0;height:100dvh;overflow-y:auto}.sidebar .logo{font-size:1.15rem;font-weight:700;padding:.3rem .6rem 1rem;display:flex;align-items:center;gap:.5rem}.sidebar a{display:flex;align-items:center;gap:.6rem;padding:.5rem .65rem;border-radius:10px;text-decoration:none;color:var(--muted);font-size:.92rem;font-weight:520}.sidebar a.router-link-exact-active,.sidebar a.router-link-active:not([href="/"]){color:var(--accent);background:var(--accent-soft)}.sidebar .section{margin:.9rem .65rem .35rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.sidebar .spacer{flex:1}.content{padding-bottom:2rem}.topbar{padding-top:.7rem}}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1rem 1.1rem;box-shadow:var(--shadow)}.card h2,.card h3{margin-top:0}.stack{display:flex;flex-direction:column;gap:.9rem}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.muted{color:var(--muted)}.num{font-variant-numeric:tabular-nums}.page-title{margin:.2rem 0 .9rem;font-size:1.35rem;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.05rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.92rem;font-weight:550;cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease;touch-action:manipulation}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 88%,var(--text))}.btn-danger{border-color:color-mix(in srgb,var(--danger) 50%,var(--border));color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-soft)}.btn-lg{padding:.7rem 1.3rem;font-size:1rem;border-radius:14px}.seg{display:inline-flex;padding:3px;gap:2px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px}.seg button{border:0;background:transparent;color:var(--muted);padding:.42rem .85rem;border-radius:9px;font-size:.85rem;font-weight:550;cursor:pointer}.seg button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--surface-2);color:var(--muted)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-error{background:var(--danger-soft);color:var(--danger)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.chip{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .9rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.88rem;font-weight:550;cursor:pointer}.chip:hover{border-color:var(--accent)}.dot{width:9px;height:9px;border-radius:50%;background:var(--muted);flex-shrink:0}.dot-on{background:var(--success)}.dot-off{background:var(--danger)}input,select,textarea{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:.55rem .7rem;font-size:.95rem;font-family:inherit;max-width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}input[type=checkbox]{width:1.15rem;height:1.15rem;accent-color:var(--accent)}label{display:block;font-size:.82rem;font-weight:550;color:var(--muted);margin-bottom:.28rem}.field{margin-bottom:.85rem}.field select,.field input[type=text],.field input[type=number]{width:100%}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{text-align:left;padding:.5rem .55rem;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}tr:last-child td{border-bottom:0}.table-wrap{overflow-x:auto}.ring-wrap{display:flex;justify-content:center;padding:.4rem 0}.ring{position:relative;width:178px;height:178px}.ring svg{transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:12;stroke-linecap:round}.ring .track{stroke:var(--ring-track)}.ring .value{stroke:var(--accent);transition:stroke-dashoffset .8s ease}.ring .center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.ring .center .big{font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums}.ring .center .sub{font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.timeline{display:flex;gap:4px}.timeline .step{flex:1;text-align:center;font-size:.66rem;color:var(--muted);padding-top:.35rem;position:relative}.timeline .step:before{content:"";display:block;height:5px;border-radius:3px;background:var(--ring-track);margin-bottom:.35rem;transition:background .4s ease}.timeline .step.done:before{background:color-mix(in srgb,var(--accent) 55%,var(--ring-track))}.timeline .step.active{color:var(--accent);font-weight:650}.timeline .step.active:before{background:var(--accent)}.checklist{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem}.checklist .item{display:flex;justify-content:space-between;align-items:center}.offline-banner{background:var(--warning-soft);color:var(--warning);text-align:center;font-size:.85rem;font-weight:600;padding:.45rem 1rem;border-bottom:1px solid var(--border)}.toasts{position:fixed;top:calc(.8rem + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:.5rem;width:min(92vw,400px);pointer-events:none}.toast{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:12px;padding:.7rem .9rem;box-shadow:0 4px 16px #0000002e;animation:toast-in .25s ease}.toast .t-title{font-weight:650;font-size:.9rem}.toast .t-body{font-size:.82rem;color:var(--muted);margin-top:2px}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.prog-card{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.8rem 1rem;border:1px solid var(--border);border-radius:14px;background:var(--surface);cursor:pointer;transition:border-color .15s ease,background .15s ease}.prog-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.prog-card.selected{border-color:var(--accent);background:var(--accent-soft)}.prog-card .p-name{font-weight:650}.prog-card .p-sub{font-size:.78rem;color:var(--muted)}a{color:var(--accent)}.link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.7rem}.link-grid a{display:flex;flex-direction:column;gap:.35rem;padding:.9rem;border:1px solid var(--border);border-radius:14px;background:var(--surface);text-decoration:none;color:var(--text);font-weight:600;font-size:.9rem}.link-grid a .ico{font-size:1.4rem}.link-grid a:hover{border-color:var(--accent)}.control-section{margin-top:.35rem}.section-title{margin:.15rem 0 0;font-size:1.3rem}.eyebrow{display:block;color:var(--muted);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.diagnostic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.diagnostic-item{display:flex;align-items:center;gap:.65rem;min-width:0;padding:.65rem .75rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.diagnostic-item div{min-width:0}.diagnostic-item strong,.diagnostic-item small{display:block}.diagnostic-item strong{font-size:.82rem}.diagnostic-item small{margin-top:.1rem;overflow:hidden;color:var(--muted);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.notice{margin:0;padding:.7rem .85rem;border:1px solid var(--border);border-radius:12px;font-size:.84rem}.notice-error{border-color:color-mix(in srgb,var(--danger) 35%,var(--border));background:var(--danger-soft);color:var(--danger)}.notice-warning{border-color:color-mix(in srgb,var(--warning) 35%,var(--border));background:var(--warning-soft);color:var(--warning)}.notice-success{border-color:color-mix(in srgb,var(--success) 35%,var(--border));background:var(--success-soft);color:var(--success)}.machine-current{display:flex;align-items:center;justify-content:space-between;gap:1rem}.machine-current strong,.machine-current small{display:block}.machine-current strong{margin-top:.12rem;font-size:1.15rem}.machine-current small{margin-top:.18rem;color:var(--muted)}.machine-meta{display:flex;align-items:flex-end;flex-direction:column;gap:.35rem;text-align:right}.machine-meta .muted{font-size:.72rem}.program-workspace{display:grid;gap:.9rem}.program-browser{min-width:0}.category-tabs{width:100%;margin-bottom:.65rem;overflow-x:auto}.category-tabs button{flex:1 0 auto;white-space:nowrap}.program-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.prog-card{width:100%;min-width:0;color:var(--text);font:inherit;text-align:left}.prog-card>span:first-child,.prog-card .p-name,.prog-card .p-sub{display:block;min-width:0}.prog-card:disabled,.prog-card.unavailable{cursor:not-allowed;opacity:.48}.selected-mark{flex-shrink:0;color:var(--accent);font-size:1.05rem}.option-panel{min-width:0}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem;margin-bottom:.9rem}.panel-heading h3{margin:.15rem 0 0}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 .7rem}.option-grid .field{min-width:0}.option-grid label small{display:block;margin-top:.15rem;color:var(--muted);font-size:.7rem;font-weight:400}.toggle-row{display:flex;align-items:center;gap:.45rem;min-height:2.45rem;padding:.5rem .65rem;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text)}.advanced-options{margin-top:.35rem;border-top:1px solid var(--border);padding-top:.65rem}.advanced-options summary,.favorite-details summary{cursor:pointer;color:var(--muted);font-size:.85rem;font-weight:650}.advanced-options[open] summary{margin-bottom:.8rem}.empty-selection{display:flex;min-height:180px;align-items:center;justify-content:center;flex-direction:column;gap:.3rem;color:var(--muted);text-align:center}.control-card{display:grid;gap:.9rem}.start-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .8rem}.start-check{display:flex;align-items:flex-start;gap:.5rem;color:var(--success);font-size:.79rem}.start-check>span{display:grid;width:1.2rem;height:1.2rem;place-items:center;flex-shrink:0;border-radius:50%;background:var(--success-soft);font-weight:800}.start-check strong,.start-check small{display:block}.start-check small{margin-top:.08rem;color:var(--muted);font-size:.7rem}.start-check.failed{color:var(--danger)}.start-check.failed>span{background:var(--danger-soft)}.control-actions{display:flex;justify-content:flex-end;gap:.6rem;flex-wrap:wrap}.favorite-form{margin-top:.8rem}.favorite-form input{min-width:180px;flex:1}@media (min-width: 1080px){.diagnostic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.program-workspace{grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);align-items:start}.option-panel{position:sticky;top:4.2rem}}@media (max-width: 600px){.diagnostic-grid,.program-grid,.option-grid,.start-checks{grid-template-columns:1fr}.machine-current{align-items:flex-start;flex-direction:column}.machine-meta{align-items:flex-start;text-align:left}.control-actions .btn{width:100%}}.compact-heading{margin-bottom:.65rem}.compact-heading>.muted{font-size:.75rem;text-align:right}.favorite-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.55rem}.favorite-chip{display:grid;grid-template-columns:auto 1fr;gap:.1rem .5rem;align-items:center;min-width:0;padding:.7rem .8rem;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--text);font:inherit;text-align:left;cursor:pointer}.favorite-chip:hover:not(:disabled),.favorite-chip.selected{border-color:var(--accent);background:var(--accent-soft)}.favorite-chip>span{grid-row:1 / span 2;font-size:1.2rem}.favorite-chip strong,.favorite-chip small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-chip strong{font-size:.84rem}.favorite-chip small{color:var(--muted);font-size:.7rem}.favorite-chip:disabled{cursor:wait;opacity:.6}.sync-badge{max-width:min(100%,330px);border-radius:10px;line-height:1.25;text-align:left;white-space:normal}.spinner{width:.72rem;height:.72rem;flex-shrink:0;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.power-actions{display:flex;justify-content:flex-end;gap:.45rem;flex-wrap:wrap}.duration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:1rem}.duration-item{min-width:0;padding:.65rem .7rem;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.duration-item span,.duration-item strong,.duration-item small{display:block}.duration-item span,.duration-item small{color:var(--muted);font-size:.68rem}.duration-item strong{margin:.15rem 0;font-size:.92rem}.auto-sync-note{margin-right:auto;font-size:.78rem}.favorite-editor{display:flex;align-items:center;gap:.55rem;margin-top:.8rem;flex-wrap:wrap}.favorite-editor input{min-width:210px;flex:1}@media (min-width: 800px){.duration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 600px){.compact-heading{align-items:flex-start;flex-direction:column}.compact-heading>.muted{text-align:left}.favorite-chips,.duration-grid{grid-template-columns:1fr}.power-actions,.favorite-editor,.power-actions .btn,.favorite-editor .btn,.favorite-editor input{width:100%}}.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:1.25rem;background:radial-gradient(circle at 50% 0,#12364a 0,transparent 45%),linear-gradient(160deg,#06121b,#091c28)}.auth-shell>p{color:var(--muted)}.auth-card{width:min(100%,420px);padding:1.5rem;border:1px solid #284452;border-radius:24px;background:linear-gradient(145deg,#102532,#0a1822);box-shadow:0 32px 80px #0008}.auth-card h1{margin:.2rem 0 .45rem;font-size:1.8rem}.auth-card .field{margin-top:1rem}.auth-submit{width:100%;margin:1rem 0}.brand-mark{display:grid;width:64px;height:64px;place-items:center;border:1px solid #315464;border-radius:50%;background:radial-gradient(circle,#0b1d27 42%,#173542 44%,#07131d 63%);box-shadow:inset 0 0 16px #30d5c82b}.drum{font-size:2.8rem;color:var(--accent);animation:drum 5s linear infinite}@keyframes drum{to{transform:rotate(360deg)}}.washer-loader{display:grid;width:74px;height:74px;place-items:center;border:2px solid var(--border);border-radius:50%}.washer-loader span{width:52px;height:52px;border:3px solid var(--accent);border-right-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.logo .mini-drum{display:grid;width:34px;height:34px;place-items:center;border:2px solid var(--accent);border-radius:50%;font-size:1.5rem}.logo div,.user-chip div{display:flex;flex-direction:column}.logo small,.user-chip small{color:var(--muted);font-size:.58rem;letter-spacing:.1em}.user-chip{display:flex;align-items:center;gap:.6rem;padding:.55rem;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);color:var(--text);cursor:pointer}.user-chip>span{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:var(--accent);color:var(--on-accent);font-weight:800}.top-user{color:var(--muted);font-size:.75rem}.update-banner{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:.55rem 1rem;background:var(--accent-soft);color:var(--accent);font-size:.82rem;font-weight:600}.wash-control{display:flex;flex-direction:column;gap:.9rem}.activity-card{position:sticky;top:58px;z-index:15;overflow:hidden;padding:1rem;border:1px solid #2a4b5a;border-radius:22px;background:linear-gradient(135deg,#12303d,#0b1e2a 58%,#102733);box-shadow:0 18px 40px #0007;transition:.25s ease}.activity-card.running{border-color:#30d5c866;box-shadow:0 18px 45px #0008,0 0 30px #30d5c812}.activity-head,.activity-main,.activity-meta,.section-heading,.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.activity-head strong{display:block;margin-top:.15rem;font-size:1.12rem}.connection-pill{display:flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.72rem}.activity-main{margin-top:.75rem}.time-block{min-width:130px}.time-block span,.time-block small{display:block;color:var(--muted);font-size:.7rem}.time-block strong{display:block;margin:.05rem 0;font-size:clamp(1.75rem,7vw,2.8rem);letter-spacing:-.05em;font-variant-numeric:tabular-nums}.progress-gauge{position:relative;width:120px;height:64px}.progress-gauge svg{width:100%;height:100%;overflow:visible}.progress-gauge path{fill:none;stroke:var(--ring-track);stroke-width:9;stroke-linecap:round;pathLength:100}.progress-gauge .gauge-value{stroke:var(--accent)}.progress-gauge b{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:.8rem}.activity-actions{display:flex;gap:.45rem}.activity-meta{justify-content:flex-start;margin-top:.7rem;flex-wrap:wrap}.activity-meta>span{display:flex;align-items:center;gap:.3rem;padding:.26rem .55rem;border-radius:999px;background:#07131d99;color:#b6cbd3;font-size:.72rem}.activity-meta b{color:var(--accent)}.activity-meta .warn{color:var(--warning);background:var(--warning-soft)}.pending-line{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:pending 1s linear infinite}@keyframes pending{0%{transform:translate(-100%)}to{transform:translate(100%)}}.activity-card.compact{padding:.62rem .8rem;border-radius:15px}.activity-card.compact .activity-main{position:absolute;right:.8rem;top:.35rem;margin:0}.activity-card.compact .progress-gauge,.activity-card.compact .activity-meta,.activity-card.compact .activity-actions,.activity-card.compact .time-block span,.activity-card.compact .time-block small{display:none}.activity-card.compact .time-block strong{font-size:1.15rem}.activity-card.compact .activity-head{padding-right:92px}.activity-card.compact .activity-head .eyebrow{display:none}.section-heading{align-items:flex-start;margin:.5rem 0}.section-heading h2{margin:.15rem 0;font-size:1.35rem}.section-heading>small,.section-heading div small{color:var(--muted)}.selection-group h3{margin:1rem 0 .5rem;color:#b9cdd5;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.favorite-grid,.program-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.choice{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;gap:.12rem .7rem;min-height:74px;padding:.75rem;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,var(--surface),#0a1923);color:var(--text);text-align:left;cursor:pointer}.choice:hover{border-color:var(--accent)}.choice-icon{grid-row:1/3;display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:1.25rem}.choice strong{font-size:.88rem}.choice small{overflow:hidden;color:var(--muted);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.choice>i{grid-column:3;grid-row:1/3;color:var(--muted);font-size:1.5rem;font-style:normal}.favorite-choice{border-color:#2c5260;background:linear-gradient(145deg,#14313e,#0b1e29)}.back-button{display:grid;width:40px;height:40px;place-items:center;flex:none;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-size:1.8rem;cursor:pointer}.option-sections{display:grid;gap:.6rem}.option-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem;border:1px solid var(--border);border-radius:17px;background:var(--surface)}.option-title{display:flex;align-items:center;gap:.65rem;min-width:150px}.option-title>span{display:grid;width:38px;height:38px;place-items:center;flex:none;border-radius:11px;background:var(--accent-soft);color:var(--accent);font-weight:800}.option-title strong,.option-title small{display:block}.option-title small{margin-top:.1rem;color:var(--success);font-size:.64rem}.value-chips{display:flex;justify-content:flex-end;gap:.25rem;flex-wrap:wrap}.value-chips button{padding:.4rem .55rem;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--muted);cursor:pointer}.value-chips button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.switch{display:flex;align-items:center;gap:.45rem;border:0;background:transparent;color:var(--muted);cursor:pointer}.switch i{position:relative;width:44px;height:24px;border-radius:99px;background:#27404c}.switch i:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#8aa0aa;transition:.2s}.switch.on{color:var(--accent)}.switch.on i{background:#1d635f}.switch.on i:after{left:23px;background:var(--accent)}.range-control{display:flex;align-items:center;gap:.65rem}.review-card{display:flex;align-items:center;gap:.75rem;margin-top:.8rem;padding:.8rem;border:1px solid #2b4a58;border-radius:16px;background:#0b202b}.review-card span,.review-card small{color:var(--muted);font-size:.7rem}.review-card strong{font-size:1.2rem}.live-session h2{margin:.2rem 0}.bell{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--surface-2);color:var(--accent);font-size:1.2rem}.live-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin:.9rem 0}.live-grid>div{padding:.65rem;border-radius:13px;background:var(--surface-2)}.live-grid span,.live-grid strong{display:block}.live-grid span{color:var(--muted);font-size:.65rem}.live-grid strong{margin-top:.15rem;font-size:.9rem}.power-chart{padding:.55rem;border:1px solid var(--border);border-radius:14px;background:#07131d}.power-chart svg{width:100%;height:120px}.power-chart line{stroke:var(--border);stroke-width:.5}.power-chart polyline{fill:none;stroke:var(--accent);stroke-width:1.5;vector-effect:non-scaling-stroke}.power-chart small{color:var(--muted)}.hold-button{position:relative;overflow:hidden}.hold-button i{position:absolute;inset:0 auto 0 0;background:var(--danger-soft)}.hold-button span{position:relative}.empty-selection{color:var(--muted);text-align:center}@media (max-width:700px){.content{padding:.65rem .65rem calc(88px + env(safe-area-inset-bottom))}.activity-card{top:55px}.activity-main{align-items:flex-end;flex-wrap:wrap}.progress-gauge{width:95px}.activity-actions{width:100%}.activity-actions .btn{flex:1}.favorite-grid,.program-list{grid-template-columns:1fr}.option-card{align-items:flex-start;flex-direction:column}.value-chips{justify-content:flex-start}.live-grid{grid-template-columns:1fr 1fr}.review-card,.update-banner{align-items:flex-start;flex-direction:column}}.settings-three,.notification-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.notification-options{grid-template-columns:repeat(2,minmax(0,1fr));margin:.8rem 0}.settings-three .field{padding:.65rem;border-radius:13px;background:var(--surface-2)}.settings-three input{width:100%}.settings-three small{color:var(--muted)}.user-list{display:flex;flex-direction:column;gap:.45rem}.user-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.65rem;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}.user-row strong,.user-row small{display:block}.user-row small{margin-top:.12rem;color:var(--muted);font-size:.68rem}.create-user{display:grid;grid-template-columns:1fr 1fr auto;gap:.5rem;margin-top:.75rem}@media (max-width:700px){.settings-three,.notification-options,.create-user{grid-template-columns:1fr}.user-row{align-items:flex-start;flex-direction:column}.user-row>.row,.user-row>.btn{width:100%}.user-row>.row .btn{flex:1}}.learning-card{margin-top:.8rem;padding:1rem;border:1px solid #2c5260;border-radius:17px;background:linear-gradient(145deg,#102a36,#0a1a24)}.learning-card h3{margin:.15rem 0}.learning-progress{margin:.75rem 0;padding:.7rem;border-radius:13px;background:#07131d99}.progress-track{height:7px;margin-bottom:.55rem;overflow:hidden;border-radius:99px;background:var(--ring-track)}.progress-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),#5ae1a7);transition:width .4s}.learning-results{margin-top:.8rem}.learning-results summary{cursor:pointer;color:var(--accent);font-size:.8rem}.learned-program{display:grid;grid-template-columns:1fr auto;gap:.2rem .5rem;margin-top:.4rem;padding:.55rem;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.learned-program small{grid-column:1/3;color:var(--muted)}.session-filters{display:flex;gap:.45rem;flex-wrap:wrap}.session-filters a{text-decoration:none}.session-list{display:flex;flex-direction:column;gap:.5rem}.session-card{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.7rem;width:100%;padding:.75rem;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer}.session-card:hover{border-color:var(--accent)}.session-card strong,.session-card small{display:block}.session-card small{margin-top:.12rem;color:var(--muted);font-size:.68rem}.session-card>i{color:var(--muted);font-size:1.35rem;font-style:normal}.session-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--warning-soft);color:var(--warning);font-weight:800}.session-icon.success{background:var(--success-soft);color:var(--success)}.session-icon.error{background:var(--danger-soft);color:var(--danger)}.session-numbers{text-align:right}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:end center;padding:1rem;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.session-detail{width:min(100%,760px);max-height:92dvh;overflow:auto;padding:1.1rem;border:1px solid #2d4e5d;border-radius:24px 24px 16px 16px;background:var(--surface);box-shadow:0 30px 80px #000}.session-detail h2{margin:.15rem 0}.session-detail .bell.active{background:var(--accent-soft)}.detail-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin:.8rem 0}.detail-options>div{display:flex;justify-content:space-between;gap:.5rem;padding:.5rem;border-radius:10px;background:var(--surface-2)}.detail-options span{overflow:hidden;color:var(--muted);font-size:.68rem;text-overflow:ellipsis}.detail-options strong{font-size:.75rem}@media (max-width:600px){.session-numbers small{display:none}.detail-overlay{padding:0;align-items:end}.session-detail{border-radius:22px 22px 0 0}.detail-options{grid-template-columns:1fr}}.live-session .bell.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px #26c6da1f}