/* LifeForge v36 modular wellness hub and Serenity Garden */
:root{--lf36-ink:#5d468c;--lf36-accent:#8e69d8;--lf36-mint:#6bcdbb}
#world>:not(#lf36-garden){display:none!important}
#lf36-panel[hidden]{display:none!important}
body.lf36-open{overflow:hidden!important}
.lf36-entry{padding:19px;margin:12px 0 22px;border-radius:24px;background:linear-gradient(140deg,#fffbff,#f7fbff 64%,#f2fff9);border:1.5px solid #fff;box-shadow:0 12px 38px #7360a41c}
.lf36-section-head{margin:5px 0 15px}.lf36-section-head>span{font:900 9px 'DM Sans',sans-serif;letter-spacing:1.5px;color:#b099c9}
.lf36-section-head h2{font:900 clamp(22px,5vw,27px) 'Outfit',sans-serif;letter-spacing:-.5px;color:#714eaf;margin:3px 0 6px}
.lf36-section-head p{font-size:12px;color:#9a8eaa;margin:0}
.lf36-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lf36-entry-grid button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;gap:6px;border:1px solid #fff;background:linear-gradient(135deg,#f5ecff,#e5f9f5);border-radius:20px;padding:16px;min-height:130px;box-shadow:0 5px 17px #8c80b01b;cursor:pointer;transition:transform .24s,box-shadow .24s}
.lf36-entry-grid button:nth-child(2){background:linear-gradient(125deg,#e6f9fc,#f1edff)}
.lf36-entry-grid button:nth-child(3){background:linear-gradient(125deg,#fff1e8,#f8efff)}
.lf36-entry-grid button:nth-child(4){background:linear-gradient(125deg,#f1f9e8,#eaf3ff)}
.lf36-entry-grid button:hover{transform:translateY(-3px);box-shadow:0 10px 23px #9571b727}
.lf36-entry-grid button>span{font-size:32px;line-height:1.4;filter:drop-shadow(0 4px 4px #a59dc436)}
.lf36-entry-grid button>b{font:900 16px 'Outfit',sans-serif;color:#674ba4}
.lf36-entry-grid button>small{font:700 10px 'DM Sans',sans-serif;color:#9889aa}
.lf36-studio-divider{padding:20px 0 0;border-top:1px solid #e8dffa;margin-top:20px}
.lf36-studio-divider small{font-size:9px;letter-spacing:1.5px;color:#9a83bd;font-weight:900}
.lf36-studio-divider h2{margin:5px 0;color:#6d51a5;font-size:17px}
.lf36-studio-divider p{font-size:11px;color:#9d91aa}
#lf36-wallet-button{display:inline-flex;gap:6px;flex-wrap:wrap;border:none;border-radius:14px;padding:9px 10px;background:linear-gradient(120deg,#e9e1ff,#dbfaf2);font:900 11px 'Outfit',sans-serif;color:#7955a6;cursor:pointer}
#lf36-wallet-button span{white-space:nowrap}
.lf36-overlay{position:fixed;z-index:999992;inset:0;overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(circle at 70% 10%,#fae7f3,transparent 47%),radial-gradient(circle at 10% 75%,#d6f4f4,transparent 50%),#f7f3ff;padding:0 max(14px,calc((100vw - 700px)/2)) max(24px,env(safe-area-inset-bottom));color:#5d4c7e;animation:lf36-enter .22s ease-out}
@keyframes lf36-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.lf36-panel-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 2px 9px;position:sticky;top:0;z-index:2;background:linear-gradient(110deg,#f9f3fbec,#f4faffef);backdrop-filter:blur(14px)}
.lf36-overline{font:900 10px 'DM Sans',sans-serif;letter-spacing:1.8px;color:#9583b4}
.lf36-panel-top button{border:none;background:#ffffffdd;color:#7358af;font:900 18px 'Outfit';width:39px;height:39px;border-radius:13px;cursor:pointer}
.lf36-panel-head{padding:5px 3px 18px}
.lf36-panel-head h1{font:900 clamp(29px,6.3vw,43px) 'Outfit',sans-serif;color:#7250b0;letter-spacing:-1.3px;line-height:1.2;margin:3px 0 9px}
.lf36-panel-head p{margin:0;font-size:13px;line-height:1.6;color:#847995}
.lf36-panel-body{background:#ffffffd9;border:1.5px solid #fff;padding:16px;border-radius:25px;box-shadow:0 12px 42px #7966a91b}
.lf36-panel-body h2{color:#7655b4;font:900 18px 'Outfit';margin:17px 0 10px}
.lf36-cardgrid{display:grid;grid-template-columns:1fr;gap:12px}
.lf36-feature{display:flex;align-items:center;text-align:left;gap:12px;width:100%;border:1px solid #f8f1ff;border-radius:20px;background:linear-gradient(110deg,#fff8ff,#f5fff9);padding:13px;cursor:pointer;box-shadow:0 5px 19px #a1a1c310}
.lf36-feature:nth-child(even){background:linear-gradient(120deg,#f4fbff,#f9f2ff)}
.lf36-feature:hover{box-shadow:0 10px 27px #8b78ad27;transform:translateY(-1px)}
.lf36-feature.not-button{cursor:default}
.lf36-feature.not-button:hover{transform:none}
.lf36-feature>div{flex:1;min-width:0}
.lf36-feature>div>small{font:900 9px 'DM Sans',sans-serif;letter-spacing:.8px;color:#9e88b3}
.lf36-feature>div>h3{font:900 18px 'Outfit';color:#684ba3;margin:5px 0}
.lf36-feature>div>p{font:600 11px/1.5 'DM Sans',sans-serif;color:#9285a1;margin:0}
.lf36-feature>b{font-size:10px;color:#7e5eb3;white-space:nowrap}
.lf36-illustration{height:67px;width:67px;flex:0 0 67px;border-radius:19px;background:radial-gradient(circle at 35% 30%,#fff,#f1d4f8 63%,#d2e9fd);font-size:37px;display:grid;place-items:center;box-shadow:inset 0 0 0 2px #fff7;filter:drop-shadow(0 4px 9px #7b6f9c18)}
.lf36-feature:nth-child(even) .lf36-illustration{background:radial-gradient(circle at 35% 30%,#fff,#ddf8f1 60%,#dce1fd)}
.lf36-feature.lf36-warning{background:linear-gradient(105deg,#ffedec,#fffafa);border-color:#e7a9a9}
.lf36-note{font:600 11px/1.55 'DM Sans',sans-serif;color:#9687a1;margin:16px 0 7px}
.lf36-row,.lf36-actions,.lf36-feature-links,.lf36-garden-toolbar{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:13px 0}
.lf36-row{justify-content:space-between}
.lf36-feature-links button,.lf36-secondary{border:1px solid #e8dcf7;color:#7660ac;background:#f3edfe;min-height:40px;padding:10px 13px;border-radius:13px;font:900 11px 'Outfit',sans-serif;cursor:pointer}
.lf36-primary{border:0;border-radius:14px;background:linear-gradient(115deg,#9a78df,#65c9be);color:white;font:900 12px 'Outfit',sans-serif;min-height:42px;padding:11px 16px;box-shadow:0 7px 17px #7469af27;cursor:pointer}
.lf36-primary:disabled{opacity:.6;cursor:default}
.lf36-panel-body button:focus-visible,.lf36-entry button:focus-visible,.lf36-plot:focus-visible{outline:3px solid #6f9bcb;outline-offset:2px}
.lf36-session{text-align:center;display:flex;align-items:center;flex-direction:column;gap:13px;padding:17px 9px 12px}
.lf36-session-orb{width:175px;height:175px;display:grid;place-items:center;font-size:83px;border-radius:50%;background:radial-gradient(circle at 38% 28%,#fff,#ecd9fb 46%,#bddfdc);box-shadow:0 22px 45px #baa2e450,inset 0 0 19px #ffffff99;animation:lf36-float 5s ease-in-out infinite}
@keyframes lf36-float{0%,100%{transform:translateY(3px)}50%{transform:translateY(-7px)}}
#lf36-audio-status{font-size:11px;color:#9b88af}
#lf36-clock{font:900 46px 'Outfit',sans-serif;letter-spacing:-2px;color:#7254b6}
#lf36-guidance{font:700 14px/1.7 'DM Sans',sans-serif;max-width:440px;color:#796795}
.lf36-breath-orb{height:185px;width:185px;border-radius:50%;background:radial-gradient(circle at 37% 30%,#fff,#c9f7ed 48%,#b8acec);box-shadow:0 13px 30px #88bbc55c;display:grid;place-items:center;transition:transform 3.8s ease,background 2s}
.lf36-breath-orb[data-phase=in]{transform:scale(1.1)}
.lf36-breath-orb[data-phase=out]{transform:scale(.84)}
.lf36-breath-orb[data-phase=hold]{transform:scale(1.02)}
.lf36-breath-orb span{font:900 16px 'Outfit',sans-serif;color:#6656a5}
.lf36-memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:430px;margin:16px auto}
.lf36-memory-tile{min-height:76px;aspect-ratio:1;display:grid;place-items:center;font-size:29px;border-radius:17px;border:2px solid #fff;background:linear-gradient(140deg,#cec4ef,#b6dddb);color:#fff;box-shadow:0 7px 15px #7970a630;cursor:pointer;transition:transform .2s,background .2s}
.lf36-memory-tile.found{background:linear-gradient(135deg,#e6fff1,#efe7ff);transform:scale(.97)}
.lf36-memory-stats{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;font-weight:900;color:#8e79aa;font-size:12px}
.lf36-memory-stats strong{color:#654da9}
.lf36-alert{background:#fff0f0;padding:15px;color:#9c4657;border:1px solid #f5d5d5;border-radius:15px;font-size:12px;line-height:1.5}
.lf36-ingredients{padding-left:20px;font:600 13px/1.9 'DM Sans';color:#7b6f95}
.lf36-grocery-row{display:flex;align-items:center;gap:12px;padding:13px 10px;background:#faf7ff;border-bottom:1px solid #eee7f7;font-size:13px;font-weight:750;cursor:pointer}
.lf36-grocery-row input{width:20px;height:20px;accent-color:#8c6cd0}
.lf36-grocery-row input:checked+span{text-decoration:line-through;opacity:.54}
.lf36-form{display:grid;gap:15px;padding:12px 2px}
.lf36-form label{display:grid;gap:8px;font-size:12px;font-weight:850;color:#7966a0}
.lf36-form input,.lf36-form select{min-height:46px;border-radius:12px;background:#fdfbff;border:1px solid #ded2f1;padding:10px;font-size:14px;min-width:0;color:#654b9b}
.lf36-list>div{padding:12px;border-bottom:1px solid #e8e0ef;font-weight:750;color:#705d95}
.lf36-list small{color:#ab9db9}
.lf36-wallet-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0}
.lf36-wallet-summary>div{background:linear-gradient(135deg,#f1e8ff,#e8faf3);border-radius:18px;padding:17px}
.lf36-wallet-summary small{display:block;font-size:9px;color:#937aaa;font-weight:850}
.lf36-wallet-summary strong{display:block;font:900 28px 'Outfit';color:#7352b1;margin:6px 0}
.lf36-track-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lf36-track{min-height:134px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;background:linear-gradient(135deg,#faf0ff,#e9f9f5);border:2px solid #fff;border-radius:19px;padding:14px;cursor:pointer}
.lf36-track>span{font-size:25px}.lf36-track b{font:900 13px 'Outfit';color:#7854a6}
.lf36-track strong{font:900 17px 'Outfit';color:#654da2}
.lf36-track small{font-size:10px;color:#978aab}
#lf36-toast{position:fixed;bottom:calc(90px + env(safe-area-inset-bottom));left:50%;z-index:999999;max-width:94vw;text-align:center;background:#463772f0;color:white;font:800 13px 'DM Sans';padding:13px 16px;border-radius:15px;box-shadow:0 12px 25px #5d50884b;opacity:0;pointer-events:none;transform:translate(-50%,20px);transition:opacity .25s,transform .25s}
#lf36-toast.shown{opacity:1;transform:translate(-50%,0)}
@media(max-width:375px){.lf36-entry{padding:13px}.lf36-entry-grid{gap:7px}.lf36-entry-grid button{padding:12px;min-height:121px}.lf36-entry-grid button>b{font-size:14px}.lf36-illustration{width:55px;height:55px;flex-basis:55px;font-size:31px}.lf36-feature{padding:9px;gap:9px}.lf36-feature>div>h3{font-size:15px}.lf36-memory-tile{min-height:56px;font-size:24px}.lf36-garden-grid{gap:4px;padding:25px 8px 12px}.lf36-plot{min-height:65px}}
@media(prefers-reduced-motion:reduce){.lf36-overlay,.lf36-entry-grid button,.lf36-session-orb,.lf36-cloud,.lf36-sun,.lf36-plant{animation:none!important;transition:none!important}}

/* v36.1: keep wallet inside main dashboard, never expand the mobile header */
#lf36-wallet-button{display:flex;align-items:center;justify-content:center;gap:12px;margin:5px auto 15px;width:min(100%,260px);padding:10px 15px;box-shadow:0 4px 14px #7765b720}
.lf36-overlay{box-sizing:border-box;width:100vw;max-width:100vw}
.lf36-panel-top{max-width:100%}

/* User-directed class energy economy, provisional top-right resources until a visual design is chosen. */
.lf36-class-cost{font:850 11px 'DM Sans',system-ui;color:#ffe6c5;margin:10px 0 0;text-shadow:0 2px 5px #3b2b5b}
#lf36-resource-header{display:flex;align-items:center;gap:6px;border:1px solid #e0d7f6;background:linear-gradient(120deg,#f2eaff,#e4faf5);border-radius:14px;padding:5px 7px;min-height:43px;box-shadow:0 4px 11px #8270ba2e;color:#67459e;cursor:pointer;max-width:175px}
.lf36-header-energy{display:flex;flex-direction:column;gap:3px;min-width:68px}
.lf36-header-label{font:900 10px 'Outfit',system-ui;line-height:1.1;white-space:nowrap}
.lf36-header-track{display:block;width:73px;height:7px;border-radius:9px;background:#81769b65;overflow:hidden;box-shadow:inset 0 0 2px #575080}
.lf36-header-track i{display:block;height:100%;width:60%;background:linear-gradient(90deg,#6ceac7,#a1ee67);border-radius:9px;transition:width .3s}
.lf36-header-tokens{font:900 10px 'Outfit',system-ui;color:#9966ba;white-space:nowrap;display:flex;align-items:center;gap:3px}
.lf-headright>.lf-wallet{display:none!important}
@media(max-width:620px){.lf-header{min-width:0!important;display:flex;align-items:center;gap:5px;justify-content:space-between;padding:5px 0;height:70px}.lf-brand{min-width:0;flex:0 1 auto}.lf-brandword{font-size:clamp(17px,4.9vw,24px)!important;letter-spacing:-1.1px!important;white-space:nowrap}.lf-brandword i{font-size:13px;top:-9px}.lf-brand small{display:none!important}.lf-headright{min-width:0;flex:0 0 auto;gap:3px}#soundBtn{display:none!important}#notificationBtn{min-width:28px;width:28px;height:32px;font-size:14px}#lf36-resource-header{gap:4px;min-height:39px;padding:4px 5px;border-radius:12px;max-width:145px}.lf36-header-energy{min-width:56px}.lf36-header-track{width:55px}.lf36-header-label,.lf36-header-tokens{font-size:9px}}
@media(max-width:350px){.lf-brandword{font-size:16px!important}#lf36-resource-header{max-width:126px}#notificationBtn{min-width:25px;width:25px}}