@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Be+Vietnam+Pro:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";:root{--surface: #f5f7f9;--surface-low: #eef1f3;--surface-card: #ffffff;--surface-deep: #e6eaed;--surface-high: #dfe3e6;--primary: #6a37d4;--primary-c: #ae8dff;--primary-dim: rgba(106,55,212,.1);--primary-glow: rgba(106,55,212,.18);--cyan: #006571;--cyan-bright: #00e3fd;--cyan-dim: rgba(0,101,113,.1);--secondary: #8a4c00;--secondary-dim: rgba(138,76,0,.1);--secondary-c: rgba(255,198,151,.3);--on-surface: #2c2f31;--on-sub: #5a5e61;--on-muted: #9ea3a7;--ghost: rgba(171,173,175,.15);--success: #1f8a5e;--fh: "Plus Jakarta Sans", sans-serif;--fb: "Be Vietnam Pro", sans-serif;--r: 1rem;--rl: 2rem;--rp: 9999px;--sidebar: 240px;--topbar: 60px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;min-height:-webkit-fill-available;overflow:hidden;background:var(--surface);color:var(--on-surface);font-family:var(--fb);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit;color:inherit}textarea{resize:none}a{text-decoration:none;color:inherit}.icon{font-family:Material Symbols Outlined;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24;font-style:normal;line-height:1;display:inline-flex;align-items:center;-webkit-user-select:none;user-select:none}.icon.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar);flex-shrink:0;background:var(--surface-low);display:flex;flex-direction:column;overflow:hidden;border-right:1px solid rgba(0,0,0,.04)}.logo-area{padding:24px 20px 18px;display:flex;align-items:center;gap:12px;flex-shrink:0}.logo-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#6a37d4,#ae8dff);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #6a37d44d;flex-shrink:0}.logo-mark .icon{font-size:20px;color:#fff;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.logo-name{font-family:var(--fh);font-size:16px;font-weight:800;color:var(--on-surface);letter-spacing:-.03em}.logo-name em{color:var(--primary);font-style:normal}.nav{padding:4px 10px;flex:1;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav::-webkit-scrollbar{display:none}.nav-section{font-family:var(--fh);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-muted);padding:14px 10px 5px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r);font-family:var(--fh);font-size:13.5px;font-weight:500;color:var(--on-sub);cursor:pointer;transition:all .15s;border:1px solid transparent}.nav-item:hover{background:var(--surface-deep);color:var(--on-surface)}.nav-item.active{background:var(--primary-dim);color:var(--primary);border-color:var(--primary-glow);font-weight:600}.nav-item .icon{font-size:20px;flex-shrink:0}.nav-item.active .icon{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.sidebar-foot{padding:12px 10px 20px;flex-shrink:0;border-top:1px solid rgba(0,0,0,.05)}.user-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r);cursor:pointer;transition:background .15s}.user-card:hover{background:var(--surface-deep)}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#6a37d4,#ae8dff);display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:12px;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #6a37d440}.user-meta{flex:1;min-width:0}.user-name{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:11px;color:var(--on-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.signout-btn{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--on-muted);transition:all .15s;flex-shrink:0}.signout-btn:hover{background:var(--surface-deep);color:var(--on-sub)}.signout-btn .icon{font-size:17px}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:var(--topbar);flex-shrink:0;background:var(--surface-low);border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;padding:0 28px;gap:14px;padding-top:env(safe-area-inset-top);min-height:calc(var(--topbar) + env(safe-area-inset-top))}.topbar-left{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.back-btn{display:flex;align-items:center;gap:5px;padding:7px 14px;border-radius:var(--rp);background:var(--surface-card);font-family:var(--fh);font-size:12px;font-weight:600;color:var(--on-sub);cursor:pointer;transition:color .15s;box-shadow:0 2px 8px #2c2f3112;flex-shrink:0}.back-btn:hover{color:var(--primary)}.back-btn .icon{font-size:16px}.topbar-title{font-family:var(--fh);font-size:15px;font-weight:700;color:var(--on-surface);flex-shrink:0}.topbar-date{font-size:13px;color:var(--on-muted);white-space:nowrap}.topbar-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.streak-pill{display:flex;align-items:center;gap:6px;background:var(--surface-card);padding:7px 15px;border-radius:var(--rp);font-family:var(--fh);font-size:12px;font-weight:700;color:var(--secondary);box-shadow:0 2px 8px #2c2f3112}.export-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--rp);background:var(--surface-card);font-family:var(--fh);font-size:12px;font-weight:600;color:var(--on-sub);cursor:pointer;transition:color .15s;box-shadow:0 2px 8px #2c2f3112}.export-btn:hover{color:var(--primary)}.export-btn .icon{font-size:16px}.page{display:none;flex:1;overflow:hidden;flex-direction:column}.page.active{display:flex}.scroll-body{flex:1;overflow-y:auto;padding:32px 36px 40px}.scroll-body::-webkit-scrollbar{width:4px}.scroll-body::-webkit-scrollbar-thumb{background:var(--surface-deep);border-radius:4px}.sec-label{font-family:var(--fh);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-muted);margin-bottom:12px}.sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.view-all{display:flex;align-items:center;gap:3px;font-family:var(--fh);font-size:12px;font-weight:700;color:var(--primary);cursor:pointer;opacity:.75;transition:opacity .15s}.view-all:hover{opacity:1}.view-all .icon{font-size:15px}.page-title{font-family:var(--fh);font-size:26px;font-weight:800;color:var(--primary);letter-spacing:-.03em;line-height:1.15}.page-sub{font-size:14px;color:var(--on-sub);margin-top:5px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.action-card{background:var(--surface-card);border-radius:var(--rl);padding:24px;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px #2c2f310f;position:relative;overflow:hidden}.action-card:hover{transform:translateY(-3px)}.action-card-j:hover{box-shadow:0 10px 32px #6a37d424}.action-card-b:hover{box-shadow:0 10px 32px #0065711f}.action-card:before{content:"";position:absolute;top:-40px;right:-40px;width:150px;height:150px;border-radius:50%;opacity:.06;pointer-events:none}.action-card-j:before{background:radial-gradient(circle,#6a37d4,#ae8dff)}.action-card-b:before{background:radial-gradient(circle,#006571,#00e3fd)}.card-orb{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.orb-j{background:linear-gradient(135deg,#6a37d4,#ae8dff);box-shadow:0 4px 14px #6a37d44d}.orb-b{background:linear-gradient(135deg,#006571,#00c4d9);box-shadow:0 4px 14px #00657140}.card-orb .icon{font-size:22px;color:#fff;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.card-title{font-family:var(--fh);font-size:16px;font-weight:800;color:var(--on-surface);margin-bottom:6px;letter-spacing:-.01em}.card-desc{font-size:13px;color:var(--on-sub);line-height:1.55}.card-cta{display:inline-flex;align-items:center;gap:5px;margin-top:16px;padding:8px 16px;border-radius:var(--rp);font-family:var(--fh);font-size:12px;font-weight:700;cursor:pointer;transition:all .15s}.cta-j{background:linear-gradient(135deg,#6a37d4,#ae8dff);color:#fff;box-shadow:0 4px 14px #6a37d44d}.cta-b{background:linear-gradient(135deg,#006571,#00c4d9);color:#fff;box-shadow:0 4px 14px #00657138}.card-cta .icon{font-size:15px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}.stat-card{background:var(--surface-card);border-radius:var(--r);padding:16px 18px;box-shadow:0 2px 10px #2c2f310d}.stat-lbl{font-family:var(--fh);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-muted);margin-bottom:8px}.stat-val{font-family:var(--fh);font-size:24px;font-weight:800;color:var(--on-surface);letter-spacing:-.03em;line-height:1}.stat-val sup{font-size:12px;font-weight:500;color:var(--on-muted);margin-left:3px}.stat-note{font-size:12px;color:var(--on-muted);margin-top:5px}.stat-note.up{color:var(--success)}.entries-section{margin-top:32px}.entry-list{display:flex;flex-direction:column;gap:8px}.entry-row{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:var(--r);background:var(--surface-card);box-shadow:0 2px 8px #2c2f310d;cursor:pointer;transition:transform .12s,box-shadow .12s}.entry-row:hover{transform:translateY(-1px);box-shadow:0 5px 18px #2c2f3117}.type-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-j{background:var(--primary)}.dot-b{background:var(--cyan)}.entry-body{flex:1;min-width:0}.entry-text{font-size:13.5px;color:var(--on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.entry-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--on-muted);font-family:var(--fh)}.sep{opacity:.45}.mood-chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--rp);font-size:11px;font-weight:700;font-family:var(--fh)}.mc-radiant{background:#8a4c0017;color:var(--secondary)}.mc-electric{background:var(--primary-dim);color:var(--primary)}.mc-mellow{background:#00657117;color:var(--cyan)}.mc-flow{background:#5baeff1f;color:#1d6fbb}.mc-grounded{background:#6abf6a1f;color:#3a6b3a}.mc-heavy{background:#9b7fd41f;color:#5a3a6b}.mc-foggy{background:#8fa3a71f;color:#555e61}.vibe-wrap{display:flex;align-items:center;gap:7px;flex-shrink:0}.vibe-n{font-family:var(--fh);font-size:12px;font-weight:700;color:var(--on-muted);min-width:20px;text-align:right}.vibe-bar{width:52px;height:4px;border-radius:2px;background:var(--surface-deep);overflow:hidden}.vibe-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#6a37d4,#ae8dff)}.vibe-fill.hi{background:linear-gradient(90deg,#006571,#00e3fd)}.entry-time{font-family:var(--fh);font-size:11px;color:var(--on-muted);flex-shrink:0}.journal-body{display:flex;flex:1;overflow:hidden}.journal-editor{flex:1;min-width:0;overflow-y:auto;padding:32px 32px 40px;display:flex;flex-direction:column;gap:24px}.journal-editor::-webkit-scrollbar{width:4px}.journal-editor::-webkit-scrollbar-thumb{background:var(--surface-deep);border-radius:4px}.journal-right{width:260px;flex-shrink:0;background:var(--surface-low);overflow-y:auto;padding:28px 20px 40px;display:flex;flex-direction:column;gap:22px;border-left:1px solid rgba(0,0,0,.04)}.journal-right::-webkit-scrollbar{width:4px}.journal-right::-webkit-scrollbar-thumb{background:var(--surface-deep);border-radius:4px}.mood-chips-wrap{display:flex;flex-wrap:wrap;gap:9px}.mchip{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:var(--rp);font-family:var(--fh);font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s;background:var(--surface-card);color:var(--on-sub);box-shadow:0 2px 8px #2c2f310f}.mchip:hover{transform:translateY(-1px);box-shadow:0 4px 14px #2c2f311a;color:var(--on-surface)}.mchip.on{color:#fff;transform:scale(1.05);box-shadow:0 4px 18px #6a37d44d}.mchip .cdot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.mchip.on .cdot{background:#ffffff8c!important}.mchip-radiant .cdot{background:#f5a623}.mchip-radiant.on{background:linear-gradient(135deg,#c97b00,#f5a623)}.mchip-electric .cdot{background:var(--primary)}.mchip-electric.on{background:linear-gradient(135deg,#6a37d4,#ae8dff)}.mchip-mellow .cdot{background:var(--cyan)}.mchip-mellow.on{background:linear-gradient(135deg,#006571,#00c4d9)}.mchip-flow .cdot{background:#5baeff}.mchip-flow.on{background:linear-gradient(135deg,#1d6fbb,#5baeff)}.mchip-grounded .cdot{background:#6abf6a}.mchip-grounded.on{background:linear-gradient(135deg,#3a6b3a,#6abf6a)}.mchip-heavy .cdot{background:#9b7fd4}.mchip-heavy.on{background:linear-gradient(135deg,#5a3a6b,#9b7fd4)}.mchip-foggy .cdot{background:#8fa3a7}.mchip-foggy.on{background:linear-gradient(135deg,#555e61,#8fa3a7)}.vibe-card{background:var(--surface-card);border-radius:var(--rl);padding:24px 28px;box-shadow:0 4px 20px #2c2f310f;position:relative;overflow:hidden}.vibe-card:before{content:"";position:absolute;top:-50px;right:-50px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#6a37d4,#ae8dff);opacity:.05;pointer-events:none}.vibe-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.vibe-title{font-family:var(--fh);font-size:14px;font-weight:700;color:var(--on-surface);margin-bottom:4px}.vibe-state{font-family:var(--fh);font-size:13px;font-weight:600;color:var(--primary)}.vibe-readout{display:flex;align-items:baseline;gap:5px}.vibe-big{font-family:var(--fh);font-size:42px;font-weight:800;color:var(--primary);letter-spacing:-.04em;line-height:1}.vibe-denom{font-family:var(--fh);font-size:14px;font-weight:500;color:var(--on-muted)}input[type=range].vslider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:7px;border-radius:4px;outline:none;cursor:pointer;margin-bottom:10px;background:linear-gradient(90deg,#6a37d4 var(--pct, 50%),var(--surface-deep) var(--pct, 50%))}input[type=range].vslider::-webkit-slider-runnable-track{height:7px;border-radius:4px;background:linear-gradient(90deg,#6a37d4 var(--pct, 50%),var(--surface-deep) var(--pct, 50%))}input[type=range].vslider::-moz-range-track{height:7px;border-radius:4px;background:var(--surface-deep)}input[type=range].vslider::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 10px #6a37d459,0 0 0 3px #ae8dff;cursor:pointer;transition:transform .1s;margin-top:-10px}input[type=range].vslider::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range].vslider::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 10px #6a37d459,0 0 0 3px #ae8dff;cursor:pointer;border:none}.vibe-scale{display:flex;justify-content:space-between;font-family:var(--fh);font-size:10px;font-weight:700;color:var(--on-muted);text-transform:uppercase;letter-spacing:.05em}.refl-card{background:var(--surface-card);border-radius:var(--rl);padding:24px 28px;box-shadow:0 4px 20px #2c2f310f;display:flex;flex-direction:column;gap:14px}.refl-ta{width:100%;min-height:180px;font-family:var(--fb);font-size:14.5px;line-height:1.75;color:var(--on-surface);background:var(--surface-low);border-radius:var(--r);border:none;outline:none;padding:16px 18px;transition:box-shadow .2s}.refl-ta:focus{box-shadow:0 0 0 2px #6a37d438}.refl-ta::placeholder{color:var(--on-muted)}.save-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;background:linear-gradient(135deg,#6a37d4,#ae8dff);color:#fff;border-radius:var(--rp);font-family:var(--fh);font-size:14px;font-weight:700;cursor:pointer;border:none;box-shadow:0 6px 20px #6a37d452;transition:all .15s}.save-btn:hover{box-shadow:0 8px 28px #6a37d473;transform:translateY(-1px)}.save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.save-btn .icon{font-size:20px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.rs-streak-card{background:var(--surface-card);border-radius:var(--r);padding:16px;box-shadow:0 2px 10px #2c2f310d}.rs-streak-row{display:flex;align-items:center;gap:12px}.rs-streak-emoji{font-size:26px}.rs-streak-val{font-family:var(--fh);font-size:26px;font-weight:800;color:var(--secondary);letter-spacing:-.03em}.rs-streak-sub{font-family:var(--fh);font-size:12px;color:var(--on-muted);margin-top:2px}.vibe-hist{display:flex;flex-direction:column;gap:8px}.vh-row{background:var(--surface-card);border-radius:var(--r);padding:12px 14px;box-shadow:0 2px 8px #2c2f310a}.vh-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.vh-date{font-family:var(--fh);font-size:12px;font-weight:600;color:var(--on-sub)}.vh-chip{font-family:var(--fh);font-size:10.5px;font-weight:700;padding:2px 9px;border-radius:var(--rp)}.vc-e{background:var(--primary-dim);color:var(--primary)}.vc-m{background:#00657117;color:var(--cyan)}.vc-r{background:#8a4c0017;color:var(--secondary)}.vc-f{background:#5baeff1f;color:#1d6fbb}.vh-bar-bg{height:5px;border-radius:3px;background:var(--surface-deep);overflow:hidden}.vh-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#6a37d4,#ae8dff)}.vh-bar-fill.hi{background:linear-gradient(90deg,#006571,#00e3fd)}.vh-score{font-family:var(--fh);font-size:11px;font-weight:700;color:var(--on-muted);text-align:right;margin-top:4px}.prompt-card{background:var(--primary-dim);border-radius:var(--r);padding:16px;box-shadow:inset 0 0 0 1px var(--primary-glow)}.prompt-ey{font-family:var(--fh);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--primary);opacity:.7;margin-bottom:7px}.prompt-txt{font-size:13px;color:var(--primary);line-height:1.6;font-weight:500}.bd-body{display:flex;flex:1;overflow:hidden}.bd-editor{flex:1;min-width:0;overflow-y:auto;padding:28px 32px 40px;display:flex;flex-direction:column;gap:20px}.bd-editor::-webkit-scrollbar{width:4px}.bd-editor::-webkit-scrollbar-thumb{background:var(--surface-deep);border-radius:4px}.bd-right{width:280px;flex-shrink:0;background:var(--surface-low);overflow-y:auto;padding:28px 20px 40px;display:flex;flex-direction:column;gap:22px;border-left:1px solid rgba(0,0,0,.04)}.bd-right::-webkit-scrollbar{width:4px}.bd-right::-webkit-scrollbar-thumb{background:var(--surface-deep);border-radius:4px}.bd-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.bd-title{font-family:var(--fh);font-size:26px;font-weight:800;color:var(--on-surface);letter-spacing:-.03em;margin-bottom:4px}.bd-sub{font-size:13px;color:var(--on-sub)}.session-mood-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.sm-label{font-family:var(--fh);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--on-muted)}.sm-btns{display:flex;gap:7px;padding:6px;background:var(--surface-low);border-radius:var(--rp);outline:1px solid var(--ghost)}.sm-btn{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;background:var(--surface-high)}.sm-btn:hover{background:#00e3fd33}.sm-btn.on{background:var(--cyan-bright);transform:scale(1.1);box-shadow:0 2px 8px #00657133}.sm-btn .icon{font-size:19px;color:var(--on-sub)}.sm-btn.on .icon{color:var(--cyan);font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.editor-card{background:var(--surface-card);border-radius:var(--rl);box-shadow:0 12px 40px #2c2f3112;outline:1px solid var(--ghost);overflow:hidden}.editor-inner{padding:24px 28px 20px;display:flex;flex-direction:column;gap:16px}.editor-title-input{width:100%;font-family:var(--fh);font-size:20px;font-weight:700;color:var(--primary);background:transparent;border:none;outline:none;letter-spacing:-.02em}.editor-title-input::placeholder{color:var(--surface-high)}.editor-textarea{width:100%;min-height:220px;font-family:var(--fb);font-size:14.5px;color:var(--on-surface);background:transparent;border:none;outline:none;line-height:1.75}.editor-textarea::placeholder{color:var(--on-muted)}.editor-action-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 26px;background:#eef1f399;border-top:1px solid var(--surface-deep)}.tag-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.tag-chip{display:flex;align-items:center;gap:5px;padding:7px 14px;border-radius:var(--rp);background:var(--surface-high);font-family:var(--fh);font-size:12.5px;font-weight:600;color:var(--on-sub);cursor:pointer;transition:all .15s;border:none}.tag-chip:hover{background:var(--surface-deep);color:var(--on-surface)}.tag-chip .icon{font-size:14px}.push-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--rp);background:linear-gradient(135deg,#6a37d4,#ae8dff);color:#fff;font-family:var(--fh);font-size:13.5px;font-weight:700;cursor:pointer;border:none;box-shadow:0 4px 16px #6a37d44d;transition:all .15s}.push-btn:hover{box-shadow:0 7px 24px #6a37d470;transform:scale(1.03)}.push-btn:active{transform:scale(.97)}.push-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.push-btn .icon{font-size:18px}.bento{display:grid;grid-template-columns:1fr 150px;gap:14px}.prev-card{background:var(--surface-low);border-radius:var(--r);padding:20px;position:relative;overflow:hidden;cursor:pointer;transition:box-shadow .15s}.prev-card:hover{box-shadow:0 4px 16px #2c2f3117}.prev-bg-icon{position:absolute;top:-10px;right:-10px;font-family:Material Symbols Outlined;font-size:90px;color:var(--on-surface);opacity:.04;pointer-events:none}.prev-card-title{font-family:var(--fh);font-size:14px;font-weight:700;color:var(--on-surface);margin-bottom:7px}.prev-card-text{font-size:13px;color:var(--on-sub);line-height:1.6;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prev-cta{display:flex;align-items:center;gap:4px;font-family:var(--fh);font-size:11px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.06em}.prev-cta .icon{font-size:14px}.ai-card{background:var(--secondary-c);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.ai-icon{width:38px;height:38px;border-radius:50%;background:#8a4c0026;display:flex;align-items:center;justify-content:center}.ai-icon .icon{font-size:19px;color:var(--secondary);font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.ai-ey{font-family:var(--fh);font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--secondary);opacity:.7;margin-bottom:4px}.ai-txt{font-family:var(--fh);font-size:12.5px;font-weight:700;color:var(--secondary);line-height:1.45}.sync-card{background:var(--surface-card);border-radius:var(--r);padding:18px;outline:1px solid var(--ghost);box-shadow:0 2px 10px #2c2f310d;display:flex;flex-direction:column;gap:14px}.sync-row{display:flex;align-items:center;justify-content:space-between}.sync-l{display:flex;align-items:center;gap:12px}.sync-icon-wrap{position:relative}.sync-pulse{width:10px;height:10px;border-radius:50%;background:var(--cyan);position:absolute;top:-2px;right:-2px;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.sync-ib{width:40px;height:40px;border-radius:10px;background:var(--surface-deep);display:flex;align-items:center;justify-content:center}.sync-ib .icon{font-size:20px;color:var(--cyan)}.sync-title{font-family:var(--fh);font-size:13.5px;font-weight:700;color:var(--on-surface)}.sync-status{font-family:var(--fh);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--cyan);margin-top:2px}.sync-verified .icon{font-size:20px;color:var(--on-muted);opacity:.4;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.sync-bar-labels{display:flex;justify-content:space-between;font-family:var(--fh);font-size:10px;font-weight:700;color:var(--on-muted);margin-bottom:6px}.sync-bar-bg{height:5px;background:var(--surface-deep);border-radius:3px;overflow:hidden}.sync-bar-fill{height:100%;width:0%;background:var(--cyan);border-radius:3px;transition:width 1s ease}.vault-btn{width:100%;padding:9px;background:var(--surface-low);border-radius:8px;font-family:var(--fh);font-size:11.5px;font-weight:600;color:var(--on-sub);cursor:pointer;border:none;transition:background .15s}.vault-btn:hover{background:var(--surface-deep)}.metrics-list{display:flex;flex-direction:column;gap:9px}.metric-card{background:var(--surface-card);border-radius:var(--r);padding:15px 18px;outline:1px solid var(--ghost);display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #2c2f310a}.metric-lbl{font-family:var(--fh);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--on-muted);margin-bottom:4px}.metric-val{font-family:var(--fh);font-size:22px;font-weight:800;letter-spacing:-.03em;line-height:1}.mv-p{color:var(--primary)}.mv-s{color:var(--secondary)}.mv-t{color:var(--cyan)}.metric-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center}.metric-icon .icon{font-size:20px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.mi-p{background:var(--primary-dim)}.mi-p .icon{color:var(--primary)}.mi-s{background:var(--secondary-dim)}.mi-s .icon{color:var(--secondary)}.mi-t{background:var(--cyan-dim)}.mi-t .icon{color:var(--cyan)}.inspo-card{border-radius:var(--r);background:linear-gradient(135deg,#1a0540,#2d1070 50%,#0a3a42);padding:22px;display:flex;flex-direction:column;justify-content:flex-end;min-height:140px;position:relative;overflow:hidden}.inspo-glow1{position:absolute;top:0;right:0;width:90px;height:90px;background:radial-gradient(circle,rgba(174,141,255,.3),transparent);border-radius:50%;pointer-events:none}.inspo-glow2{position:absolute;bottom:10px;left:10px;width:70px;height:70px;background:radial-gradient(circle,rgba(0,227,253,.2),transparent);border-radius:50%;pointer-events:none}.inspo-quote{font-family:var(--fh);font-size:12px;font-weight:600;color:#fff;line-height:1.6;font-style:italic;opacity:.9;position:relative;z-index:1}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(80px);background:var(--on-surface);color:#fff;padding:12px 24px;border-radius:var(--rp);font-family:var(--fh);font-size:13px;font-weight:600;box-shadow:0 8px 28px #0003;z-index:1000;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s;opacity:0}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--surface)}.login-card{background:var(--surface-card);border-radius:var(--rl);padding:48px 40px;width:100%;max-width:420px;box-shadow:0 12px 40px #2c2f311a}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:32px}.login-title{font-family:var(--fh);font-size:22px;font-weight:800;color:var(--on-surface);letter-spacing:-.02em;margin-bottom:8px}.login-title em{color:var(--primary);font-style:normal}.login-sub{font-size:14px;color:var(--on-sub);margin-bottom:28px}.login-field{margin-bottom:16px}.login-label{display:block;font-family:var(--fh);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--on-muted);margin-bottom:7px}.login-input{width:100%;padding:13px 16px;background:var(--surface-low);border:none;border-radius:var(--r);font-size:14px;color:var(--on-surface);outline:none;transition:box-shadow .2s}.login-input:focus{box-shadow:0 0 0 2px #6a37d438}.login-btn{width:100%;padding:15px;background:linear-gradient(135deg,#6a37d4,#ae8dff);color:#fff;border-radius:var(--rp);font-family:var(--fh);font-size:14px;font-weight:700;cursor:pointer;border:none;box-shadow:0 6px 20px #6a37d452;transition:all .15s;margin-top:8px}.login-btn:hover{box-shadow:0 8px 28px #6a37d473;transform:translateY(-1px)}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-error{font-size:13px;color:#b41340;margin-top:12px;text-align:center}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:calc(64px + env(safe-area-inset-bottom));background:var(--surface-card);border-top:1px solid rgba(0,0,0,.08);z-index:100;box-shadow:0 -4px 20px #2c2f3114;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;color:var(--on-muted);font-family:var(--fh);font-size:10px;font-weight:600;transition:color .15s;padding-bottom:4px}.mobile-nav-item.active{color:var(--primary)}.mobile-nav-item .icon{font-size:22px}.mobile-nav-item.active .icon{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}@media(max-width:768px){html,body{width:100%;height:100%;overflow:hidden;position:fixed;overscroll-behavior:none}.app{width:100vw;height:100vh;height:-webkit-fill-available;overflow:hidden}.mobile-nav{display:flex}.sidebar,.journal-right,.bd-right,.topbar-date{display:none}.journal-editor,.bd-editor,.scroll-body{padding:16px 16px 100px}.action-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.bento{grid-template-columns:1fr}.topbar{padding:0 16px}.main{width:100%;padding-top:0}body{padding-top:env(safe-area-inset-top);background:var(--surface-low)}input[type=range].vslider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;outline:none;cursor:pointer;margin:8px 0 12px;display:block}.vibe-card{overflow:visible;padding:20px 18px}.vibe-top{margin-bottom:16px}.vibe-big{font-size:32px}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--surface-deep);border-radius:4px}