:root{--zone-purple: #7C3AED;--zone-blue: #0284C7;--zone-green: #16A34A;--zone-amber: #D97706;--zone-purple-bg: rgba(124,58,237,.13);--zone-blue-bg: rgba(2,132,199,.13);--zone-green-bg: rgba(22,163,74,.13);--zone-amber-bg: rgba(217,119,6,.13);--zone-purple-border: rgba(124,58,237,.35);--zone-blue-border: rgba(2,132,199,.35);--zone-green-border: rgba(22,163,74,.35);--zone-amber-border: rgba(217,119,6,.35);--bg:#EEF2F2;--surface:#FFFFFF;--raised:#F4F7F7;--elevated:#E8EEEE;--border:rgba(15,60,55,.15);--border-bright:rgba(15,60,55,.35);--teal:#0D9488;--blue:#0284C7;--text:#0F2422;--muted:rgba(15,36,34,.5);--dim:rgba(15,36,34,.3);--zone-purple-text:#7C3AED;--zone-blue-text:#0284C7;--zone-green-text:#16A34A;--zone-amber-text:#D97706;--zone-red-bg:rgba(185,28,28,.1);--zone-red-text:#991B1B}*{margin:0;padding:0;box-sizing:border-box}body{background:#dde5e5;color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:20px;gap:24px}.device-frame{width:390px;height:844px;background:var(--surface);border-radius:44px;border:1.5px solid var(--border-bright);overflow:hidden;position:relative;box-shadow:0 24px 80px #0f242226,0 0 0 1px #0d948826,inset 0 1px #0d94881a;display:flex;flex-direction:column}.screen{display:none;flex-direction:column;flex:1;overflow:hidden}.screen.active{display:flex;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 12px;flex-shrink:0}.nav-title{font-size:18px;font-weight:600;letter-spacing:-.3px}.nav-sub{font-size:11px;color:var(--muted);margin-top:1px;font-family:DM Mono,monospace;letter-spacing:.5px;text-transform:uppercase}.nav-icon-btn{width:36px;height:36px;border-radius:10px;background:var(--raised);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--teal);font-size:16px;transition:all .15s}.nav-icon-btn:hover{background:var(--elevated);border-color:var(--border-bright)}.back-btn{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;cursor:pointer;padding:4px 0}.back-btn:hover{color:var(--text)}.scroll-area{flex:1;overflow-y:auto;padding:0 16px 100px}.scroll-area::-webkit-scrollbar{display:none}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:82px;background:#fffffff7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;padding:0 8px 16px}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:8px 16px;border-radius:12px;transition:all .15s;color:var(--dim)}.nav-tab.active{color:var(--blue)}.nav-tab svg{width:20px;height:20px}.nav-tab span{font-size:10px;font-family:DM Mono,monospace;letter-spacing:.5px}.card{background:var(--raised);border:1px solid var(--border);border-radius:20px;padding:18px;margin-bottom:12px}.card-label{font-size:var(--text-sm,12px);font-family:DM Mono,monospace;letter-spacing:1px;text-transform:uppercase;color:var(--text);font-weight:600;margin-bottom:12px}.input-group{margin-bottom:12px}.input-label{font-size:10px;font-family:DM Mono,monospace;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.input-field{width:100%;background:var(--elevated);border:1px solid var(--border);border-radius:12px;padding:10px 13px;color:var(--text);font-family:DM Mono,monospace;font-size:14px;outline:none;transition:border-color .15s;-webkit-appearance:none}.input-field:focus{border-color:var(--border-bright)}.input-field[readonly]{opacity:.6;color:var(--teal)}.input-field::placeholder{color:var(--dim)}select.input-field{cursor:pointer}select.input-field option{background:var(--elevated);color:var(--text)}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.input-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.zone-pill{padding:4px 10px;border-radius:20px;font-size:10px;font-weight:600;font-family:DM Mono,monospace;letter-spacing:.5px;flex-shrink:0}.zone-blue{background:var(--zone-blue-bg);color:var(--zone-blue-text);border:1px solid var(--zone-blue-border)}.zone-green{background:var(--zone-green-bg);color:var(--zone-green-text);border:1px solid var(--zone-green-border)}.zone-amber{background:var(--zone-amber-bg);color:var(--zone-amber-text);border:1px solid var(--zone-amber-border)}.zone-red{background:var(--zone-red-bg);color:var(--zone-red-text)}.zone-purple{background:var(--zone-purple-bg);color:var(--zone-purple-text);border:1px solid var(--zone-purple-border)}.score-bar-wrap{background:var(--elevated);border-radius:8px;height:6px;overflow:hidden;margin-top:6px}.score-bar{height:100%;border-radius:8px;transition:width .4s ease}.data-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.data-row:last-child{border-bottom:none}.data-label{font-size:12px;color:var(--muted)}.data-val{font-size:12px;font-weight:500;font-family:DM Mono,monospace}.safety-card{background:#b91c1c0f;border:1px solid rgba(185,28,28,.2);border:1px solid rgba(252,165,165,.25);border-radius:20px;padding:18px;margin-bottom:12px}.safety-title{font-size:14px;font-weight:600;color:var(--zone-red-text);margin-bottom:8px}.safety-q{margin-bottom:10px}.safety-q .input-label{color:#fca5a599}.amber-banner{background:#92400e1a;border:1px solid rgba(217,119,6,.3);border-radius:14px;padding:12px 14px;margin-bottom:12px;font-size:12px;color:var(--zone-amber-text);line-height:1.5;display:none}.btn-primary{width:100%;background:linear-gradient(135deg,#0d9488,#0284c7);border:1px solid rgba(13,148,136,.5);border-radius:16px;padding:14px;color:#fff;font-size:14px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .2s;margin-top:4px}.btn-primary:hover{background:linear-gradient(135deg,#0f766e,#0369a1)}.btn-secondary{width:100%;background:var(--elevated);border:1px solid var(--border);border-radius:16px;padding:12px;color:var(--muted);font-size:13px;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .2s;margin-top:4px}.btn-secondary:hover{color:var(--text);border-color:var(--border-bright)}.btn-danger{background:#b91c1c26;border:1px solid rgba(252,165,165,.2);color:var(--zone-red-text)}.step-indicator{display:flex;align-items:center;gap:6px;padding:0 4px 16px}.step-dot{width:6px;height:6px;border-radius:50%;background:var(--border);transition:all .2s}.step-dot.active{background:var(--blue);width:20px;border-radius:3px}.step-dot.done{background:var(--teal)}.step-label{font-size:11px;font-family:DM Mono,monospace;color:var(--muted);margin-left:4px}.disclaimer{background:#fcd34d0f;border:1px solid rgba(252,211,77,.2);border-radius:12px;padding:10px 14px;font-size:11px;color:var(--zone-amber-text);margin-bottom:14px;line-height:1.5}.result-orb-wrap{display:flex;flex-direction:column;align-items:center;padding:16px 0}.result-orb{width:96px;height:96px;border-radius:50%;position:relative;margin-bottom:10px}.result-orb-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%}.result-orb-inner{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:radial-gradient(circle at 40% 35%,var(--elevated),var(--surface));display:flex;flex-direction:column;align-items:center;justify-content:center}.result-score{font-size:24px;font-weight:600;font-family:DM Mono,monospace;line-height:1}.result-denom{font-size:10px;color:var(--muted);margin-top:2px}.result-split{display:flex;gap:28px;margin-top:8px}.result-half{text-align:center}.result-half-val{font-size:13px;font-family:DM Mono,monospace}.result-half-key{font-size:9px;color:var(--dim);margin-top:2px}.breakdown-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.breakdown-row:last-child{border-bottom:none}.breakdown-name{font-size:12px;color:var(--muted)}.breakdown-pill{padding:3px 8px;border-radius:20px;font-size:10px;font-weight:600;font-family:DM Mono,monospace}.cadence-row{display:flex;gap:8px}.cadence-btn{flex:1;padding:10px;background:var(--elevated);border:1px solid var(--border);border-radius:12px;color:var(--muted);font-family:DM Mono,monospace;font-size:12px;cursor:pointer;text-align:center;transition:all .15s}.cadence-btn.selected{border-color:var(--blue);color:var(--blue);background:#38beff14}.note-area{width:100%;background:var(--elevated);border:1px solid var(--border);border-radius:12px;padding:12px 14px;color:var(--text);font-family:DM Sans,sans-serif;font-size:13px;outline:none;resize:none;min-height:72px}.pending-banner{background:#38beff14;border:1px solid rgba(56,190,255,.2);border-radius:14px;padding:12px 16px;margin-bottom:12px;display:flex;align-items:center;gap:10px;cursor:pointer}.pending-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);flex-shrink:0;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.section-label{font-size:10px;font-family:DM Mono,monospace;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);padding:8px 4px}.client-row{background:var(--raised);border:1px solid var(--border);border-radius:16px;padding:14px 16px;margin-bottom:8px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:12px}.client-row:hover{border-color:var(--border-bright);background:var(--elevated)}.client-avatar{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.client-info{flex:1;min-width:0}.client-name{font-size:14px;font-weight:500;margin-bottom:2px}.client-meta{font-size:11px;color:var(--muted);font-family:DM Mono,monospace}.review-badge{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--zone-amber-text);background:#92400e26;border-radius:8px;padding:3px 8px;font-family:DM Mono,monospace}.add-btn{width:100%;background:#38beff0f;border:1px dashed rgba(56,190,255,.25);border-radius:16px;padding:14px;color:var(--blue);font-size:13px;font-family:DM Sans,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s;margin-top:4px}.add-btn:hover{background:#38beff1a}.profile-header{background:var(--raised);border:1px solid var(--border);border-radius:20px;padding:20px;margin-bottom:12px}.profile-top{display:flex;align-items:center;gap:14px;margin-bottom:16px}.profile-avatar{width:52px;height:52px;border-radius:14px;background:#2dd4bf1a;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:var(--teal)}.profile-name{font-size:17px;font-weight:600;margin-bottom:3px}.profile-since{font-size:10px;color:var(--muted);font-family:DM Mono,monospace}.profile-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.stat-box{background:var(--elevated);border-radius:12px;padding:10px;text-align:center}.stat-val{font-size:14px;font-weight:600;color:var(--teal);font-family:DM Mono,monospace}.stat-key{font-size:10px;color:var(--muted);margin-top:2px}.tab-row{display:flex;gap:6px;margin-bottom:12px;background:var(--raised);border-radius:14px;padding:4px;border:1px solid var(--border)}.tab-btn{flex:1;padding:8px 4px;border-radius:10px;font-size:11px;font-family:DM Mono,monospace;text-align:center;cursor:pointer;color:var(--muted);transition:all .15s;border:none;background:none}.tab-btn.active{background:var(--elevated);color:var(--text);border:1px solid var(--border-bright)}.role-picker{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;gap:14px}.role-logo{font-size:12px;font-family:DM Mono,monospace;letter-spacing:2px;color:var(--teal);text-transform:uppercase;margin-bottom:6px}.role-greeting{font-size:21px;font-weight:600;letter-spacing:-.5px;text-align:center;margin-bottom:2px}.role-sub{font-size:13px;color:var(--muted);text-align:center;margin-bottom:20px}.role-card{width:100%;background:var(--raised);border:1px solid var(--border);border-radius:20px;padding:20px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:14px}.role-card:hover{border-color:var(--border-bright);background:var(--elevated)}.role-icon{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.role-card-title{font-size:15px;font-weight:600;margin-bottom:2px}.role-card-sub{font-size:11px;color:var(--muted)}.role-arrow{margin-left:auto;color:var(--dim);font-size:20px}.prof-option{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--raised);border:1px solid var(--border);border-radius:16px;cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}.prof-option.selected{background:#2dd4bf0f;border-color:var(--border-bright)}.prof-option.selected-advanced{background:#fcd34d0d;border-color:#fcd34d40}.prof-radio{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}.prof-option.selected .prof-radio{border-color:var(--teal);background:#2dd4bf26}.prof-option.selected .prof-radio:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--teal)}.prof-option.selected-advanced .prof-radio{border-color:#fcd34d;background:#fcd34d1f}.prof-option.selected-advanced .prof-radio:after{content:"";width:8px;height:8px;border-radius:50%;background:#fcd34d}.prof-label{font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px}.prof-sub{font-size:11px;color:var(--muted)}.gate-row{display:flex;align-items:flex-start;gap:14px;padding:14px 4px;cursor:pointer;-webkit-tap-highlight-color:transparent}.gate-check{width:22px;height:22px;border-radius:7px;border:1.5px solid var(--border);background:var(--raised);display:flex;align-items:center;justify-content:center;font-size:12px;color:transparent;flex-shrink:0;margin-top:1px;transition:all .15s}.gate-row.checked .gate-check{background:#2dd4bf26;border-color:var(--teal);color:var(--teal)}.gate-label{font-size:13px;color:var(--muted);line-height:1.6;transition:color .15s}.gate-row.checked .gate-label{color:var(--text)}.gate-divider{height:1px;background:var(--border);margin:0 4px}.bday-tab{background:var(--elevated);border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-size:11px;font-family:DM Mono,monospace;color:var(--muted);cursor:pointer;white-space:nowrap;transition:all .15s}.bday-tab.active{background:#fcd34d1f;border-color:#fcd34d4d;color:#fcd34d}@keyframes orb-breathe{0%,to{box-shadow:0 0 40px #2dd4bf1f,inset 0 1px #2dd4bf33}50%{box-shadow:0 0 60px #2dd4bf38,inset 0 1px #2dd4bf4d}}.cert-tier{background:var(--raised);border:1px solid var(--border);border-radius:16px;padding:14px 16px;margin-bottom:8px;display:flex;align-items:center;gap:12px}.cert-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.cert-info{flex:1}.cert-name{font-size:13px;font-weight:500;margin-bottom:2px}.cert-desc{font-size:11px;color:var(--muted)}.cert-status{font-size:10px;font-family:DM Mono,monospace;padding:3px 8px;border-radius:20px}.cert-status.done{background:#2dd4bf1a;color:var(--teal)}.cert-status.current{background:#38beff1a;color:var(--blue)}.timer-card{background:var(--elevated);border-radius:16px;padding:16px;margin-bottom:10px}.timer-instruction{font-size:11px;color:var(--muted);line-height:1.5;margin-bottom:12px}.timer-display{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px}.timer-number{font-size:52px;font-weight:600;font-family:DM Mono,monospace;color:var(--blue);line-height:1;transition:color .3s}.timer-number.urgent{color:var(--zone-amber-text)}.timer-number.done{color:var(--zone-green-text)}.timer-unit{font-size:11px;color:var(--dim);font-family:DM Mono,monospace;margin-top:8px}.timer-btn-row{display:flex;gap:8px}.timer-btn{flex:1;padding:11px;border-radius:12px;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;border:none;transition:all .15s}.timer-btn-start{background:#38beff26;color:var(--blue);border:1px solid rgba(56,190,255,.3)}.timer-btn-start:hover{background:#38beff40}.timer-btn-reset{background:var(--raised);color:var(--muted);border:1px solid var(--border)}.timer-btn-reset:hover{color:var(--text)}.timer-status{font-size:11px;font-family:DM Mono,monospace;text-align:center;margin-top:8px;min-height:16px;color:var(--muted)}.timer-status.active{color:var(--blue)}.timer-status.finished{color:var(--zone-green-text)}.success-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px;z-index:10}.success-icon{font-size:56px}.success-title{font-size:20px;font-weight:600;letter-spacing:-.3px;text-align:center}.success-sub{font-size:13px;color:var(--muted);text-align:center;line-height:1.6;max-width:240px}.success-meta{font-family:DM Mono,monospace;font-size:11px;color:var(--teal);text-align:center}.modal-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface);z-index:20;display:none;flex-direction:column;overflow:hidden}.modal-screen.open{display:flex}.modal-header{display:flex;align-items:center;gap:12px;padding:20px 20px 12px;flex-shrink:0}.modal-title{font-size:17px;font-weight:600;letter-spacing:-.3px}.modal-close{width:34px;height:34px;border-radius:10px;background:var(--raised);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);font-size:18px;margin-left:auto;flex-shrink:0}.modal-close:hover{color:var(--text)}.modal-scroll{flex:1;overflow-y:auto;padding:0 16px 40px}.modal-scroll::-webkit-scrollbar{display:none}.pending-card{background:var(--raised);border:1px solid rgba(56,190,255,.2);border-radius:18px;padding:16px;margin-bottom:10px;display:flex;align-items:center;gap:12px}.pending-avatar{width:44px;height:44px;border-radius:12px;background:#38beff1a;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;color:var(--blue);flex-shrink:0}.pending-info{flex:1}.pending-name{font-size:14px;font-weight:500;margin-bottom:2px}.pending-detail{font-size:11px;color:var(--muted);font-family:DM Mono,monospace}.pending-actions{display:flex;gap:6px;margin-top:10px}.btn-approve{flex:1;padding:9px;border-radius:10px;background:#2dd4bf1f;border:1px solid rgba(45,212,191,.3);color:var(--teal);font-size:12px;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif}.btn-decline{flex:1;padding:9px;border-radius:10px;background:#b91c1c14;border:1px solid rgba(252,165,165,.2);color:var(--zone-red-text);font-size:12px;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif}.review-row{background:var(--raised);border:1px solid var(--border);border-radius:14px;padding:13px 16px;margin-bottom:8px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .15s}.review-row:hover{border-color:var(--border-bright)}.review-date-box{width:44px;height:44px;border-radius:12px;background:var(--elevated);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.review-date-day{font-size:16px;font-weight:700;font-family:DM Mono,monospace;line-height:1}.review-date-mon{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:1px}.review-info{flex:1}.review-client{font-size:13px;font-weight:500;margin-bottom:2px}.review-meta{font-size:11px;color:var(--muted);font-family:DM Mono,monospace}.review-overdue{border-color:#fcd34d40;background:#92400e0f}.review-overdue .review-date-box{background:#92400e26}.review-overdue .review-date-day{color:var(--zone-amber-text)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;gap:10px}.empty-icon{font-size:40px;opacity:.4}.empty-title{font-size:15px;font-weight:600;color:var(--muted)}.empty-sub{font-size:12px;color:var(--dim);line-height:1.6;max-width:200px}.zone-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.legend-item{background:var(--raised);border:1px solid var(--border);border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:8px}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-text{font-size:11px}.legend-name{font-weight:600;font-size:11px}.legend-desc{font-size:10px;color:var(--muted);margin-top:1px}.session-cta{background:#38beff1a;border:1px solid rgba(56,190,255,.3);border-radius:16px;padding:14px 18px;margin-bottom:12px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s}.session-cta:hover{background:#38beff2e}.session-cta-icon{width:36px;height:36px;border-radius:10px;background:#38beff26;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.session-cta-text{flex:1}.session-cta-title{font-size:13px;font-weight:600;color:var(--blue)}.session-cta-sub{font-size:11px;color:var(--muted);margin-top:1px}.session-cta-arrow{color:var(--blue);font-size:18px}.session-hist{background:var(--raised);border:1px solid var(--border);border-radius:16px;padding:14px 16px;margin-bottom:8px}.session-hist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.session-hist-date{font-size:12px;font-weight:500}.session-hist-body{display:flex;gap:10px}.session-hist-stat{flex:1;background:var(--elevated);border-radius:10px;padding:8px;text-align:center}.session-hist-val{font-size:14px;font-weight:600;font-family:DM Mono,monospace;color:var(--teal)}.session-hist-key{font-size:9px;color:var(--dim);margin-top:2px}.status-hero{background:var(--raised);border:1px solid var(--border);border-radius:20px;padding:20px;margin-bottom:12px}.status-hero-top{display:flex;align-items:center;gap:14px;margin-bottom:16px}.status-avatar{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;flex-shrink:0}.status-name{font-size:17px;font-weight:600;margin-bottom:2px}.status-since{font-size:10px;color:var(--muted);font-family:DM Mono,monospace}.status-zone-bar{border-radius:12px;padding:14px 16px;margin-bottom:12px;display:flex;align-items:center;gap:12px}.status-zone-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.status-zone-text{font-size:14px;font-weight:500;line-height:1.4}.status-zone-name{font-size:11px;font-family:DM Mono,monospace;margin-top:2px}.status-row{display:flex;gap:8px;margin-bottom:12px}.status-box{flex:1;background:var(--elevated);border-radius:12px;padding:10px;text-align:center}.status-box-val{font-size:14px;font-weight:600;font-family:DM Mono,monospace;color:var(--teal)}.status-box-key{font-size:10px;color:var(--muted);margin-top:2px}.status-next{font-size:11px;font-family:DM Mono,monospace;color:var(--muted);text-align:center;padding:8px 0 0}.view-tabs{display:flex;gap:6px;margin-bottom:12px;background:var(--raised);border-radius:14px;padding:4px;border:1px solid var(--border)}.view-tab{flex:1;padding:9px 4px;border-radius:10px;font-size:12px;font-family:DM Sans,sans-serif;font-weight:500;text-align:center;cursor:pointer;color:var(--muted);transition:all .15s;border:none;background:none}.view-tab.active{background:var(--elevated);color:var(--text);border:1px solid var(--border-bright)}.summary-item{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}.summary-item:last-child{border-bottom:none}.summary-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}.summary-text{font-size:13px;line-height:1.5;color:var(--text)}.summary-sub{font-size:11px;color:var(--muted);margin-top:2px}.prefill-card{background:var(--raised);border:1px solid var(--border);border-radius:16px;padding:16px;margin-bottom:12px}.prefill-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.prefill-row:last-child{border-bottom:none}.prefill-label{font-size:10px;font-family:DM Mono,monospace;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.prefill-value{font-size:15px;font-weight:700;color:var(--text)}.prefill-value.from-supabase{color:var(--teal)}.prefill-value.today{color:var(--muted)}.prefill-edit-btn{font-size:11px;font-family:DM Mono,monospace;color:var(--blue);background:#38beff14;border:1px solid rgba(56,190,255,.2);border-radius:8px;padding:4px 10px;cursor:pointer}.prefill-source{font-size:9px;font-family:DM Mono,monospace;color:var(--teal);opacity:.6;margin-top:1px}.prefill-override{display:none;margin-top:8px}.prefill-override input{width:100%;box-sizing:border-box;background:var(--elevated);border:1px solid var(--border-bright);border-radius:10px;padding:10px 12px;color:var(--text);font-size:15px;font-family:DM Sans,sans-serif}.prefill-override input:focus{outline:none;border-color:var(--teal)}.mac-wrap{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.mac-item{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.04);background:var(--raised);transition:border-color .2s}.mac-item.open{border-color:#2dd4bf33}.mac-header{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;-webkit-tap-highlight-color:transparent}.mac-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.mac-title{font-size:13px;font-weight:700;flex:1;letter-spacing:.02em}.mac-status{font-size:11px;font-family:DM Mono,monospace;opacity:.7}.mac-chevron{font-size:14px;color:var(--muted);transition:transform .25s;flex-shrink:0}.mac-item.open .mac-chevron{transform:rotate(180deg)}.mac-body{display:none;padding:0 16px 16px}.mac-item.open .mac-body{display:block}.vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.vs-block{border-radius:18px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;min-height:110px;position:relative;overflow:hidden}.vs-block-wide{border-radius:18px;padding:16px;margin-bottom:8px;position:relative;overflow:hidden}.vs-label{font-size:10px;font-family:DM Mono,monospace;letter-spacing:1px;text-transform:uppercase;opacity:.6;margin-bottom:8px}.vs-value{font-size:32px;font-weight:700;line-height:1;letter-spacing:-1px}.vs-word{font-size:13px;font-weight:600;margin-top:4px}.vs-arrow{font-size:22px;position:absolute;top:14px;right:16px;opacity:.5}.vs-trend-row{display:flex;align-items:center;gap:6px;margin-top:6px}.vs-trend-bar{height:4px;border-radius:4px;flex:1;background:#ffffff14}.vs-trend-fill{height:100%;border-radius:4px;transition:width .4s}.vs-session-block{border-radius:18px;padding:18px;display:flex;align-items:center;gap:14px;margin-bottom:8px}.vs-session-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.vs-session-text{flex:1}.vs-session-title{font-size:14px;font-weight:600;margin-bottom:2px}.vs-session-sub{font-size:11px;opacity:.6;font-family:DM Mono,monospace}.vs-phase-row{display:flex;gap:8px;margin-bottom:8px}.vs-phase-block{flex:1;border-radius:14px;padding:12px;text-align:center}.vs-phase-val{font-size:15px;font-weight:700}.vs-phase-key{font-size:9px;font-family:DM Mono,monospace;letter-spacing:.8px;text-transform:uppercase;opacity:.6;margin-top:3px}.gzg-wrap{background:var(--raised);border:1px solid var(--border);border-radius:18px;padding:16px;margin-bottom:8px}.gzg-range-row{display:flex;gap:4px;margin-bottom:16px;background:var(--elevated);border-radius:10px;padding:3px}.gzg-range-btn{flex:1;padding:7px 4px;border-radius:8px;font-size:11px;font-family:DM Mono,monospace;text-align:center;cursor:pointer;color:var(--muted);border:none;background:none;transition:all .15s;letter-spacing:.5px}.gzg-range-btn.active{background:var(--raised);color:var(--text);border:1px solid var(--border-bright)}.gzg-bars{display:flex;align-items:flex-end;gap:3px;height:72px}.gzg-bar{flex:1;border-radius:3px 3px 0 0;min-height:4px;transition:height .3s ease}.gzg-xlabels{display:flex;gap:3px;margin-top:3px;margin-bottom:8px}.gzg-xlabel{flex:1;font-size:7px;font-family:DM Mono,monospace;color:#e8f4f338;text-align:center;overflow:hidden}.gzg-legend{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:8px}.gzg-legend-item{display:flex;align-items:center;gap:4px;font-size:10px;font-family:DM Mono,monospace;color:var(--muted)}.gzg-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.gzg-no-data{text-align:center;padding:24px;font-size:12px;color:var(--dim)}.mini-chart{display:flex;align-items:flex-end;gap:3px;height:30px}.mini-bar{flex:1;border-radius:3px 3px 0 0;background:#2dd4bf1f;border-top:1.5px solid rgba(45,212,191,.35)}.text-purple{color:var(--zone-purple)}.text-blue{color:var(--zone-blue)}.text-green{color:var(--zone-green)}.text-amber{color:var(--zone-amber)}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-1{flex:1}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.mb-4{margin-bottom:4px}.mb-6{margin-bottom:6px}.mb-8{margin-bottom:8px}.mb-10{margin-bottom:10px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-10{margin-top:10px}.mt-12{margin-top:12px}.label-mono{font-size:10px;font-family:DM Mono,monospace;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.score-large{font-size:22px;font-weight:700}.score-sub{font-size:12px;color:var(--muted);font-weight:400}.text-muted{color:var(--muted)}.text-dim{color:var(--dim)}.text-small{font-size:11px}.text-xs{font-size:10px}.text-bold{font-weight:700}.line-relaxed{line-height:1.6}.score-item{background:var(--elevated);border-radius:12px;padding:12px}.score-item-bar{height:4px;border-radius:2px;background:var(--border);margin-top:8px}.score-item-fill{height:4px;border-radius:2px}.stat-box{flex:1;background:var(--elevated);border-radius:8px;padding:5px 8px;text-align:center}.stat-box-val{font-size:13px;font-weight:700}.stat-box-label{font-size:9px;color:var(--muted);font-family:DM Mono,monospace}.progress-strip{display:flex;gap:3px;margin-top:12px}.progress-strip-seg{flex:1;height:4px;border-radius:2px}.progress-seg-done{background:var(--teal);opacity:.9}.progress-seg-empty{background:#0f3c371f}.nav-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 10px;flex-shrink:0}.nav-bar .nav-title{font-size:13px;font-weight:600;font-family:DM Mono,monospace;letter-spacing:.04em;color:var(--muted);text-transform:uppercase}.nav-bar .back-btn{font-size:13px;font-weight:500;color:var(--muted)}.theme-toggle-knob[data-theme=light]{transform:translate(24px);content:"\2600\fe0f"}.theme-toggle-knob[data-theme=dark]{transform:translate(0)}[data-theme=light] #theme-toggle{background:#0d948826}
/*# sourceMappingURL=/cdn/shop/t/2/assets/28-pui-shell-light.css.map */