:root{--darkest: #3A2420;--dark: #5C4A46;--mid: #6A5048;--mid-light: #7A6254;--rose: #8A7068;--light-rose:#B58983;--pale: #CFA6A1;--cream: #E8D5D0;--very-pale: #F0E6E2;--ultra-pale:#F5EDE8;--near-white:#FAF3F0;--white: #FFFFFF;--shadow: 0 2px 12px rgba(58,36,32,.12);--radius: 16px;--radius-sm: 10px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font);background:var(--near-white);color:var(--darkest);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.app-shell{display:flex;flex-direction:column;height:100%;max-width:430px;margin:0 auto;position:relative;background:var(--near-white)}.screen{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:80px}.top-bar{background:var(--darkest);color:var(--near-white);padding:16px 20px 14px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:sticky;top:0;z-index:10}.top-bar h1{font-size:17px;font-weight:600;letter-spacing:.2px}.top-bar-sub{font-size:12px;color:var(--pale);margin-top:2px}.back-btn{background:none;border:none;color:var(--pale);font-size:22px;cursor:pointer;padding:4px 8px 4px 0;display:flex;align-items:center;gap:6px;font-family:var(--font)}.back-btn span{font-size:15px;color:var(--light-rose)}.bottom-nav{display:flex;background:var(--darkest);border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;position:sticky;bottom:0;z-index:10}.nav-btn{flex:1;background:none;border:none;color:var(--pale);padding:10px 4px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;transition:color .2s;font-family:var(--font)}.nav-btn.active{color:var(--light-rose)}.nav-btn .nav-icon{font-size:20px}.nav-btn .nav-label{font-size:10px;font-weight:500;letter-spacing:.3px}.sos-fab{position:fixed;bottom:72px;right:calc(50% - 203px);background:#C0392B;color:#fff;border:none;border-radius:50px;padding:10px 18px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #c0392b73;display:flex;align-items:center;gap:6px;z-index:20;letter-spacing:.5px;transition:transform .15s,box-shadow .15s;font-family:var(--font)}.sos-fab:active{transform:scale(.96)}@media (max-width: 430px){.sos-fab{right:12px}}.home-hero{background:var(--darkest);padding:24px 20px 20px;color:var(--near-white)}.home-hero-title{font-size:22px;font-weight:700;line-height:1.25;margin-bottom:6px}.home-hero-sub{font-size:14px;color:var(--pale);line-height:1.5}.home-question{padding:20px 20px 10px;font-size:16px;font-weight:600;color:var(--darkest)}.state-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px 20px}.state-btn{background:var(--white);border:1.5px solid var(--cream);border-radius:var(--radius);padding:16px 12px;cursor:pointer;text-align:left;transition:transform .15s,box-shadow .15s,border-color .15s;box-shadow:var(--shadow);font-family:var(--font)}.state-btn:active{transform:scale(.97)}.state-btn:hover{border-color:var(--light-rose);box-shadow:0 4px 16px #3a242024}.state-btn-emoji{font-size:28px;margin-bottom:8px;display:block}.state-btn-label{font-size:14px;font-weight:600;color:var(--darkest);line-height:1.2}.state-btn-feel{font-size:11px;color:var(--rose);margin-top:4px;line-height:1.4}.state-btn-duration{margin-top:10px;display:inline-block;background:var(--ultra-pale);color:var(--mid);font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px}.protocol-header{padding:20px 20px 16px;border-radius:0 0 var(--radius) var(--radius);margin-bottom:4px}.protocol-header-emoji{font-size:36px;margin-bottom:8px}.protocol-header-title{font-size:24px;font-weight:700;color:var(--white);margin-bottom:4px}.protocol-header-feel{font-size:13px;color:#ffffffb3;line-height:1.5}.protocol-duration{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.15);color:var(--white);font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;margin-top:10px}.section-title{font-size:11px;font-weight:700;letter-spacing:1.2px;color:var(--rose);text-transform:uppercase;padding:16px 20px 8px}.stack-list{padding:0 16px;display:flex;flex-direction:column;gap:8px}.stack-item{background:var(--white);border-radius:var(--radius-sm);padding:12px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 6px #3a242014}.stack-item-icon{font-size:22px;flex-shrink:0}.stack-item-info{flex:1;min-width:0}.stack-item-name{font-size:14px;font-weight:600;color:var(--darkest)}.stack-item-text{font-size:12px;color:var(--mid);margin-top:2px;line-height:1.4}.stack-item-ancla{font-size:13px;color:var(--darkest);font-style:italic;line-height:1.5;margin-top:4px}.stack-link{background:var(--ultra-pale);color:var(--mid);border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0;font-family:var(--font);text-decoration:none;display:inline-block}.steps-list{padding:0 16px 8px;display:flex;flex-direction:column;gap:8px}.step-card{background:var(--white);border-radius:var(--radius-sm);padding:14px;box-shadow:0 1px 6px #3a242014;transition:background .2s}.step-card.done{background:var(--ultra-pale)}.step-top{display:flex;align-items:flex-start;gap:10px}.step-number{width:26px;height:26px;border-radius:50%;background:var(--very-pale);color:var(--mid);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,color .2s}.step-card.done .step-number{background:var(--light-rose);color:var(--white)}.step-content{flex:1;min-width:0}.step-title{font-size:14px;font-weight:600;color:var(--darkest);margin-bottom:4px}.step-text{font-size:13px;color:var(--mid);line-height:1.5}.step-ancla{background:var(--ultra-pale);border-left:3px solid var(--light-rose);padding:10px 12px;margin-top:10px;border-radius:0 8px 8px 0;font-size:14px;font-style:italic;color:var(--darkest);line-height:1.5}.step-actions{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.step-action-btn{background:var(--ultra-pale);color:var(--mid);border:none;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font);text-decoration:none;display:inline-block}.step-check-btn{background:var(--very-pale);color:var(--rose);border:none;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font);transition:background .2s,color .2s}.step-card.done .step-check-btn{background:var(--light-rose);color:var(--white)}.timer-bar{display:flex;align-items:center;gap:8px;margin-top:10px;background:var(--ultra-pale);border-radius:8px;padding:8px 12px}.timer-display{font-size:18px;font-weight:700;color:var(--darkest);font-variant-numeric:tabular-nums;min-width:48px}.timer-btn{background:var(--dark);color:var(--white);border:none;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font)}.timer-track{flex:1;height:4px;background:var(--cream);border-radius:2px;overflow:hidden}.timer-fill{height:100%;background:var(--light-rose);border-radius:2px;transition:width 1s linear}.frase-box{margin:16px 16px 8px;background:var(--darkest);border-radius:var(--radius);padding:16px;display:flex;gap:10px}.frase-bar{width:3px;background:var(--light-rose);border-radius:2px;flex-shrink:0}.frase-text{font-size:15px;font-style:italic;color:var(--near-white);line-height:1.6;font-weight:500}.checkpoint-box{margin:8px 16px 16px;background:var(--white);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.checkpoint-title{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--rose);text-transform:uppercase;margin-bottom:10px}.checkpoint-item{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--ultra-pale);cursor:pointer}.checkpoint-item:last-child{border-bottom:none}.checkpoint-box input[type=checkbox]{width:18px;height:18px;accent-color:var(--light-rose);flex-shrink:0;cursor:pointer}.checkpoint-label{font-size:13px;color:var(--darkest)}.sos-header{background:#C0392B;padding:20px 20px 16px;color:#fff}.sos-header-title{font-size:22px;font-weight:700;margin-bottom:4px}.sos-header-sub{font-size:13px;opacity:.85}.sos-step{padding:14px 16px;margin:0 16px 8px;background:var(--white);border-radius:var(--radius-sm);box-shadow:0 1px 6px #3a242014;transition:background .2s}.sos-step.active-step{background:var(--ultra-pale);border-left:3px solid #C0392B}.sos-step-time{font-size:11px;font-weight:700;color:#c0392b;letter-spacing:.5px;text-transform:uppercase}.sos-step-label{font-size:16px;font-weight:700;color:var(--darkest);margin:2px 0}.sos-step-text{font-size:13px;color:var(--mid);line-height:1.5}.sos-start-btn{display:block;width:calc(100% - 32px);margin:16px 16px 8px;background:#C0392B;color:#fff;border:none;border-radius:var(--radius);padding:16px;font-size:16px;font-weight:700;cursor:pointer;font-family:var(--font);text-align:center;letter-spacing:.5px}.sos-timer-display{text-align:center;font-size:48px;font-weight:700;color:#c0392b;font-variant-numeric:tabular-nums;padding:20px}.sos-progress{height:6px;background:var(--cream);margin:0 16px;border-radius:3px;overflow:hidden}.sos-progress-fill{height:100%;background:#C0392B;border-radius:3px;transition:width 1s linear}.modes-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}.mode-card{background:var(--white);border-radius:var(--radius);padding:16px 14px;cursor:pointer;box-shadow:var(--shadow);border:1.5px solid var(--cream);transition:transform .15s,box-shadow .15s;font-family:var(--font);text-align:left}.mode-card:active{transform:scale(.97)}.mode-card-emoji{font-size:28px;margin-bottom:8px;display:block}.mode-card-label{font-size:14px;font-weight:600;color:var(--darkest)}.mode-card-when{font-size:11px;color:var(--rose);margin-top:4px;line-height:1.4}.mode-detail{padding:0 16px 16px}.mode-protocol-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--ultra-pale)}.mode-protocol-item:last-child{border-bottom:none}.mode-num{width:22px;height:22px;border-radius:50%;background:var(--very-pale);color:var(--mid);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.mode-protocol-text{font-size:13px;color:var(--darkest);line-height:1.5}.resources-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px}.resource-chip{background:var(--ultra-pale);color:var(--mid);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500}.resource-tabs{display:flex;gap:0;padding:12px 16px 4px;overflow-x:auto;-webkit-overflow-scrolling:touch}.resource-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--rose);font-size:13px;font-weight:600;padding:8px 14px;cursor:pointer;white-space:nowrap;font-family:var(--font);transition:color .2s,border-color .2s}.resource-tab.active{color:var(--darkest);border-bottom-color:var(--light-rose)}.resource-list{padding:8px 16px 16px;display:flex;flex-direction:column;gap:8px}.resource-card{background:var(--white);border-radius:var(--radius-sm);padding:14px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 6px #3a242014;text-decoration:none}.resource-card-icon{font-size:26px;flex-shrink:0}.resource-card-info{flex:1;min-width:0}.resource-card-name{font-size:14px;font-weight:600;color:var(--darkest)}.resource-card-desc{font-size:12px;color:var(--rose);margin-top:2px}.resource-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.resource-tag{background:var(--ultra-pale);color:var(--mid);font-size:10px;padding:2px 7px;border-radius:10px}.resource-card-arrow{color:var(--pale);font-size:16px;flex-shrink:0}.page-title{padding:20px 20px 4px;font-size:20px;font-weight:700;color:var(--darkest)}.page-sub{padding:0 20px 16px;font-size:13px;color:var(--rose);line-height:1.5}.screen::-webkit-scrollbar{display:none}.screen{-ms-overflow-style:none;scrollbar-width:none}