:root{
 --ivory:#FAF8F2;--surface:#FFFDF9;--surface2:#F4F0E7;--text:#171714;--muted:#706D65;--border:#E8E2D6;
 --gold:#C99736;--gold2:#E8D3A3;--gold-dark:#9B7024;--danger:#A04436;--shadow:0 18px 60px rgba(38,31,20,.10);
 --header-h:74px;--footer-h:96px;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--ivory)}
button,input,textarea,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}.hidden{display:none!important}.muted{color:var(--muted)}
.app-body{min-height:100dvh}.app-shell{min-height:100dvh}.app-header{position:fixed;z-index:40;top:0;left:0;right:0;height:calc(var(--header-h) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);background:rgba(250,248,242,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(232,226,214,.86)}
.header-inner{height:var(--header-h);width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,env(safe-area-inset-left))}
.app-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-weight:900;letter-spacing:.09em;font-size:.76rem}.app-brand img{width:34px;height:34px;object-fit:contain}.header-actions{display:flex;align-items:center;gap:12px}.header-context{font-size:.76rem;color:var(--muted);font-weight:700}.quick-add{width:44px;height:44px;border:0;border-radius:50%;background:var(--text);color:white;font-size:1.75rem;line-height:1;cursor:pointer;box-shadow:0 10px 24px rgba(23,23,20,.18)}
.app-main{min-height:100dvh}.app-main.auth-mode{padding:0}.app-main.logged-mode{padding:calc(var(--header-h) + env(safe-area-inset-top) + 18px) 18px calc(var(--footer-h) + env(safe-area-inset-bottom) + 28px)}
.page{width:min(1060px,100%);margin:0 auto}.page-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:8px 0 22px}.eyebrow{font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--gold-dark);font-weight:900;margin-bottom:7px}.page h1,.page h2,.page h3{font-family:Manrope,Inter,system-ui,sans-serif;letter-spacing:-.035em;margin-top:0}.page h1{font-size:clamp(2rem,6vw,3.25rem);margin-bottom:6px}.page h2{font-size:1.5rem}.page p{line-height:1.6}
.app-footer{position:fixed;z-index:50;left:0;right:0;bottom:0;height:calc(var(--footer-h) + env(safe-area-inset-bottom));padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(250,248,242,1) 68%,rgba(250,248,242,0))}.bottom-nav{height:76px;max-width:640px;margin:0 auto;border:1px solid var(--border);background:rgba(255,253,249,.96);backdrop-filter:blur(18px);border-radius:28px;box-shadow:0 16px 45px rgba(35,28,17,.12);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:4px 7px}.nav-item{text-decoration:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:.66rem;font-weight:800;min-width:0}.nav-item.active{color:var(--text)}.nav-icon{font-size:1.35rem;line-height:1}.lion-nav{position:relative;color:var(--gold-dark);transform:translateY(-7px)}.lion-orb{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--text);box-shadow:0 12px 28px rgba(23,23,20,.26);border:3px solid var(--ivory)}.lion-orb img{width:41px;height:41px;object-fit:contain}.lion-nav>span:last-child{font-size:.62rem;letter-spacing:.1em;color:var(--gold-dark)}
.card{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:20px;box-shadow:0 6px 24px rgba(42,33,19,.035)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stack{display:grid;gap:14px}.btn{border:0;border-radius:14px;padding:12px 16px;font-weight:850;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--text);color:#fff}.btn-gold{background:var(--gold);color:#211707}.btn-soft{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-danger{background:#F8E8E4;color:var(--danger)}.btn-sm{padding:9px 12px;font-size:.82rem}.full{width:100%}
.form-grid{display:grid;gap:13px}.field{display:grid;gap:7px}.field label{font-size:.78rem;font-weight:850;color:var(--muted)}.input,.textarea,.select{width:100%;border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:13px 14px;color:var(--text);outline:none}.textarea{min-height:105px;resize:vertical}.input:focus,.textarea:focus,.select:focus{border-color:rgba(201,151,54,.8);box-shadow:0 0 0 3px rgba(201,151,54,.10)}
.auth-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);background:var(--ivory)}.auth-art{padding:clamp(34px,7vw,88px);display:flex;flex-direction:column;justify-content:space-between;background:var(--text);color:#fff;position:relative;overflow:hidden}.auth-art:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid rgba(201,151,54,.28);right:-180px;bottom:-180px;box-shadow:0 0 0 80px rgba(201,151,54,.035),0 0 0 160px rgba(201,151,54,.025)}.auth-brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.09em;font-size:.8rem;z-index:1}.auth-brand img{width:46px}.auth-copy{z-index:1;max-width:650px}.auth-copy h1{font-size:clamp(2.6rem,7vw,5rem);line-height:.98;margin:0 0 20px;letter-spacing:-.055em}.auth-copy p{color:#C8C4BA;font-size:1.05rem;max-width:560px}.auth-proof{z-index:1;border-left:2px solid var(--gold);padding-left:16px;color:#D9D4C8;font-size:.9rem}.auth-panel{display:flex;align-items:center;justify-content:center;padding:30px 22px}.auth-card{width:min(440px,100%)}.auth-card h2{font-size:2rem;margin-bottom:8px}.auth-card .switch{margin-top:18px;text-align:center;font-size:.88rem;color:var(--muted)}.oauth-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.oauth-btn{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:12px 10px;font-weight:850;cursor:pointer}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.74rem;margin:18px 0}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--border)}.auth-lang{position:absolute;top:18px;right:20px;display:flex;gap:7px}.lang-btn{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:900;cursor:pointer}
.onboard-wrap{min-height:100dvh;display:grid;place-items:center;padding:24px}.onboard-card{width:min(720px,100%);background:var(--surface);border:1px solid var(--border);border-radius:30px;box-shadow:var(--shadow);overflow:hidden}.onboard-top{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.onboard-progress{height:4px;background:var(--surface2)}.onboard-progress span{display:block;height:100%;background:var(--gold);transition:.25s}.onboard-body{padding:34px}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.choice{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:18px;text-align:left;cursor:pointer;color:var(--text)}.choice.selected{border-color:var(--gold);background:rgba(201,151,54,.08)}.choice strong{display:block;margin-bottom:5px}.choice small{color:var(--muted);line-height:1.45}.mood-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.mood-btn{border:1px solid var(--border);background:var(--surface);border-radius:16px;min-height:90px;cursor:pointer;font-size:.78rem;font-weight:850;color:var(--muted)}.mood-btn b{display:block;font-size:1.6rem;color:var(--gold);margin-bottom:5px}.mood-btn.selected{border-color:var(--gold);background:rgba(201,151,54,.08)}.onboard-actions{display:flex;justify-content:space-between;gap:10px;margin-top:26px}
.library-toolbar{position:sticky;top:calc(var(--header-h) + env(safe-area-inset-top) + 6px);z-index:20;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:8px;border:1px solid var(--border);background:rgba(250,248,242,.92);backdrop-filter:blur(16px);border-radius:18px}.segment{display:inline-grid;grid-template-columns:repeat(3,1fr);background:var(--surface2);border-radius:12px;padding:3px}.segment button{border:0;background:transparent;border-radius:9px;padding:8px 12px;font-weight:850;color:var(--muted);cursor:pointer}.segment button.active{background:var(--surface);color:var(--text);box-shadow:0 3px 10px rgba(0,0,0,.06)}.win-group{margin:22px 0 28px}.group-label{font-size:.75rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.wins-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.win-tile{aspect-ratio:1/1;border-radius:18px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#FFFDF9,#F2E9D5);border:1px solid var(--border);cursor:pointer;overflow:hidden;min-width:0}.win-tile:nth-child(5n+2){background:linear-gradient(145deg,#F7F2E7,#EDE5D4)}.win-tile:nth-child(5n+3){background:linear-gradient(145deg,#FFF8E8,#F2DEC0)}.win-tile strong{font-size:.9rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.win-tile .tile-meta{font-size:.68rem;color:var(--muted);display:flex;justify-content:space-between;gap:6px}.win-tile .tile-icon{font-size:1.4rem}.month-card,.year-card{min-height:140px}.month-card .big,.year-card .big{font-size:2rem;font-weight:950;letter-spacing:-.05em}.empty-state{text-align:center;padding:58px 20px;border:1px dashed var(--border);border-radius:24px;background:rgba(255,253,249,.6)}.empty-state img{width:84px;height:84px;opacity:.85;margin-bottom:8px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:19px;padding:18px}.stat-card strong{font-size:2rem;display:block;letter-spacing:-.05em}.stat-card span{font-size:.76rem;color:var(--muted);font-weight:800}.section-title{display:flex;align-items:center;justify-content:space-between;margin:26px 0 12px}.mood-card{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center}.lion-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.lion-level{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:9px 5px;cursor:pointer;text-align:center}.lion-level img{width:28px;height:28px;object-fit:contain;opacity:calc(.25 + var(--level)*.15)}.lion-level span{display:block;font-size:.65rem;font-weight:900;color:var(--muted)}.lion-level.selected{border-color:var(--gold);background:rgba(201,151,54,.08)}
.lion-page{text-align:center;max-width:760px;margin:0 auto}.lion-hero{width:148px;height:148px;margin:20px auto 18px;border-radius:50%;display:grid;place-items:center;background:var(--text);box-shadow:0 24px 60px rgba(23,23,20,.24)}.lion-hero img{width:106px}.lion-message{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:var(--shadow);margin:20px 0}.lion-message blockquote{font-family:Manrope,Inter,sans-serif;font-size:1.3rem;line-height:1.55;margin:0}.usage-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:8px 12px;font-size:.76rem;color:var(--muted);font-weight:800}
.menu-list{display:grid;gap:10px}.menu-row{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--text);border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:15px 16px;cursor:pointer}.menu-icon{width:40px;height:40px;border-radius:12px;background:var(--surface2);display:grid;place-items:center;font-size:1.15rem;flex:0 0 auto}.menu-copy{flex:1}.menu-copy strong{display:block}.menu-copy small{display:block;color:var(--muted);margin-top:2px}.badge{display:inline-flex;border-radius:999px;padding:5px 8px;background:var(--surface2);color:var(--muted);font-size:.65rem;font-weight:900;text-transform:uppercase}.badge.gold{background:#F3E4BF;color:#795516}.chev{color:var(--muted)}
.modal-backdrop{position:fixed;z-index:100;inset:0;background:rgba(23,23,20,.55);backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;padding:16px}.modal-card{width:min(640px,100%);max-height:90dvh;overflow:auto;background:var(--surface);border-radius:28px 28px 20px 20px;padding:22px;box-shadow:0 34px 100px rgba(0,0,0,.25)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.modal-close{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--surface2);cursor:pointer}.importance{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.importance button{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:10px;cursor:pointer;font-weight:800;color:var(--muted)}.importance button.selected{border-color:var(--gold);background:rgba(201,151,54,.08);color:var(--text)}
.toast{position:fixed;z-index:200;left:50%;bottom:calc(var(--footer-h) + 24px);transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--text);color:white;border-radius:999px;padding:11px 16px;font-size:.82rem;font-weight:800;transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}.setup-warning{margin:20px auto;max-width:760px;border:1px solid #E4B56D;background:#FFF5E2;color:#5B3B0D;border-radius:18px;padding:18px}.check-row{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid var(--border);border-radius:14px}.check-row input{margin-top:3px;accent-color:var(--gold)}
@media(max-width:820px){.auth-shell{grid-template-columns:1fr}.auth-art{display:none}.auth-panel{min-height:100dvh;padding:70px 20px 30px}.stats-grid{grid-template-columns:repeat(2,1fr)}.wins-grid{grid-template-columns:repeat(3,1fr)}.grid-3{grid-template-columns:1fr}.mood-card{grid-template-columns:1fr}}
@media(max-width:560px){:root{--header-h:66px;--footer-h:92px}.header-inner{padding-left:14px;padding-right:14px}.app-brand span{display:none}.header-context{display:none}.app-main.logged-mode{padding-left:12px;padding-right:12px}.page-head{align-items:start}.wins-grid{grid-template-columns:repeat(2,1fr);gap:8px}.win-tile{border-radius:15px;padding:12px}.grid-2{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr}.onboard-body{padding:26px 18px}.mood-row{gap:5px}.mood-btn{min-height:76px}.oauth-grid{grid-template-columns:1fr}.bottom-nav{height:72px;border-radius:24px}.lion-orb{width:54px;height:54px}.nav-item{font-size:.61rem}.library-toolbar{top:calc(var(--header-h) + env(safe-area-inset-top) + 4px);padding:6px}.segment button{padding:7px 9px;font-size:.74rem}.stats-grid{gap:8px}.stat-card{padding:14px}.stat-card strong{font-size:1.7rem}}
@media(prefers-color-scheme:dark){html[data-theme="system"]{} }
html[data-theme="dark"]{--ivory:#121210;--surface:#1A1A17;--surface2:#23231F;--text:#F7F4EC;--muted:#AAA69B;--border:#34332D;--gold:#D4A64B;--gold2:#6C552A;--gold-dark:#D4A64B;--shadow:0 18px 60px rgba(0,0,0,.28)}
html[data-theme="dark"] .app-header{background:rgba(18,18,16,.92)}html[data-theme="dark"] .app-footer{background:linear-gradient(to top,rgba(18,18,16,1) 68%,rgba(18,18,16,0))}html[data-theme="dark"] .library-toolbar{background:rgba(18,18,16,.92)}html[data-theme="dark"] .win-tile{background:linear-gradient(145deg,#1F1E1A,#2A251B)}