[data-theme=light]{--bg:#faf8f5;--s1:#fff;--s2:#f2eee9;--s3:#e8e2db;--text:#1a1410;--sub:#5c5048;--muted:#9c9088;--acc:#8b6fd4;--ac-dim:#8b6fd41f;--low:#70a8e8;--med:#6db87a;--high:#e8946a;--bdr:#00000014;--bdr-c:#0000001f}[data-theme=dark]{--bg:#141210;--s1:#1e1a18;--s2:#252120;--s3:#2d2826;--text:#f2ede8;--sub:#c4b8b0;--muted:#8a7e78;--acc:#a78bfa;--ac-dim:#a78bfa26;--low:#70a8e8;--med:#6db87a;--high:#e8946a;--bdr:#ffffff14;--bdr-c:#ffffff1f}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,system-ui,sans-serif;transition:background .3s,color .3s}#app{flex-direction:column;width:100%;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;outline:none;font-family:inherit}button:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.screen{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100dvh;padding:32px 24px;display:flex;position:relative}.screen-title{color:var(--text);text-align:center;margin-bottom:32px;font-size:28px;font-weight:800;line-height:1.2}.mode-picker{gap:16px}.mode-picker .subtitle{color:var(--muted);margin-top:24px;font-size:14px}.mode-btn{background:var(--s1);width:100%;max-width:320px;color:var(--text);border:2px solid var(--bdr-c);border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:20px 24px;font-size:18px;font-weight:700;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.mode-btn:active{transform:scale(.97)}.mode-btn:hover{border-color:var(--acc);box-shadow:0 2px 12px var(--ac-dim)}.energy-buttons{flex-direction:column;gap:14px;width:100%;max-width:360px;display:flex}.energy-btn{background:var(--s1);width:100%;color:var(--text);border:2px solid var(--bdr-c);border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:20px;font-size:18px;font-weight:700;transition:transform .15s,border-color .15s,background .15s;display:flex}.energy-btn:active{transform:scale(.97)}.energy-btn.low:hover,.energy-btn.low:active{border-color:var(--low);background:#70a8e81a}.energy-btn.med:hover,.energy-btn.med:active{border-color:var(--med);background:#6db87a1a}.energy-btn.high:hover,.energy-btn.high:active{border-color:var(--high);background:#e8946a1a}.time-grid{grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:360px;display:grid}.time-btn{background:var(--s1);border:2px solid var(--bdr-c);border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:28px 20px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.time-btn:active{transform:scale(.97)}.time-btn:hover{border-color:var(--acc);box-shadow:0 2px 12px var(--ac-dim)}.time-btn .time-value{color:var(--text);font-size:22px;font-weight:800}.time-btn .time-label{color:var(--muted);font-size:13px;font-weight:500}.back-btn{color:var(--muted);background:0 0;border-radius:8px;margin-top:24px;padding:8px 16px;font-size:14px;font-weight:500;transition:color .15s}.back-btn:hover{color:var(--sub)}.activity-card{background:var(--s1);border:1px solid var(--bdr);border-radius:20px;width:100%;max-width:380px;animation:.4s cubic-bezier(.34,1.56,.64,1) both card-enter;position:relative;overflow:hidden}@keyframes card-enter{0%{opacity:0;transform:scale(.92)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.card-stripe{width:4px;position:absolute;top:0;bottom:0;left:0}.card-stripe.create{background:var(--acc)}.card-stripe.move{background:var(--high)}.card-stripe.connect{background:var(--med)}.card-stripe.explore{background:var(--low)}.card-stripe.rest{background:#6b8fa0}.card-stripe.focus{background:#7a6ea0}.card-stripe.play{background:#a08050}.card-stripe.clean{background:#5a9070}.card-content{padding:24px 24px 24px 28px}.card-category{text-transform:uppercase;letter-spacing:1.2px;margin-bottom:10px;font-size:11px;font-weight:700}.card-category.create{color:var(--acc)}.card-category.move{color:var(--high)}.card-category.connect{color:var(--med)}.card-category.explore{color:var(--low)}.card-category.rest{color:#6b8fa0}.card-category.focus{color:#7a6ea0}.card-category.play{color:#a08050}.card-category.clean{color:#5a9070}.card-title{margin-bottom:10px;font-size:24px;font-weight:800;line-height:1.25}.card-desc{color:var(--sub);margin-bottom:16px;font-size:15px;font-weight:400;line-height:1.5}.card-divider{background:var(--bdr);height:1px;margin-bottom:14px}.card-why{color:var(--muted);font-size:13px;line-height:1.5}.card-why strong{color:var(--acc);font-weight:600}.card-actions{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:380px;margin-top:28px;display:flex}.try-btn{background:var(--s2);color:var(--sub);border-radius:14px;padding:14px 28px;font-size:15px;font-weight:600;transition:transform .15s,background .15s}.try-btn:active{transform:scale(.97)}.try-btn:hover{background:var(--s3)}.pair-btn{background:var(--ac-dim);color:var(--acc);border-radius:14px;padding:12px 24px;font-size:14px;font-weight:600;transition:transform .15s}.pair-btn:active{transform:scale(.97)}.start-over-btn{color:var(--muted);background:0 0;margin-top:4px;padding:8px;font-size:13px;font-weight:500}.start-over-btn:hover{color:var(--sub)}.reward-section{width:100%;max-width:380px;margin-top:20px;animation:.4s cubic-bezier(.34,1.56,.64,1) both card-enter}.reward-label{text-transform:uppercase;letter-spacing:1px;color:var(--muted);text-align:center;margin-bottom:12px;font-size:12px;font-weight:700}.reward-card{background:var(--s1);border:1px solid var(--bdr);border-radius:20px;width:100%;transition:filter .5s;position:relative;overflow:hidden}.reward-card.locked{filter:blur(8px);-webkit-user-select:none;user-select:none;pointer-events:none}.done-btn{background:var(--acc);color:#fff;border-radius:14px;width:100%;max-width:380px;margin-top:14px;padding:16px;font-size:16px;font-weight:700;transition:transform .15s,opacity .15s;display:block}.done-btn:active{transform:scale(.97)}.done-btn:hover{opacity:.9}.footer-logo{text-align:center;color:var(--muted);opacity:.4;letter-spacing:2px;text-transform:lowercase;pointer-events:none;font-size:14px;font-weight:800;position:absolute;bottom:24px;left:0;right:0}.category-screen{justify-content:flex-start;padding-top:48px;padding-bottom:80px;overflow-y:auto}.category-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:380px;display:grid}.cat-btn{background:var(--s1);border:2px solid var(--bdr-c);text-align:left;border-radius:16px;flex-direction:column;align-items:flex-start;gap:4px;padding:18px 16px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.cat-btn:active{transform:scale(.97)}.cat-btn.any{background:var(--ac-dim);border-color:var(--acc);flex-direction:row;grid-column:1/-1;align-items:center;gap:12px}.cat-btn.any .cat-desc{margin-left:auto}.cat-btn.create:hover{border-color:var(--acc);box-shadow:0 2px 10px var(--ac-dim)}.cat-btn.move:hover{border-color:var(--high);box-shadow:0 2px 10px #e8946a26}.cat-btn.connect:hover{border-color:var(--med);box-shadow:0 2px 10px #6db87a26}.cat-btn.explore:hover{border-color:var(--low);box-shadow:0 2px 10px #70a8e826}.cat-btn.rest:hover{border-color:#6b8fa0;box-shadow:0 2px 10px #6b8fa026}.cat-btn.focus:hover{border-color:#7a6ea0;box-shadow:0 2px 10px #7a6ea026}.cat-btn.play:hover{border-color:#a08050;box-shadow:0 2px 10px #a0805026}.cat-btn.clean:hover{border-color:#5a9070;box-shadow:0 2px 10px #5a907026}.cat-btn.any:hover{box-shadow:0 2px 10px var(--ac-dim)}.cat-emoji{font-size:24px;line-height:1}.cat-label{color:var(--text);font-size:15px;font-weight:700}.cat-desc{color:var(--muted);font-size:12px;font-weight:400}.screen.result-screen{justify-content:flex-start;min-height:100dvh;padding-top:48px;padding-bottom:80px;overflow-y:auto}