@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}.stat-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--rp);background:var(--surface-card);font-family:var(--fh);font-size:12px;color:var(--on-sub);box-shadow:0 2px 8px #2c2f3112}.stat-pill .icon{font-size:14px;color:var(--on-muted)}.stat-pill strong{font-weight:700;color:var(--on-surface)}.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-calm{background:#5baeff1f;color:#1d6fbb}.mc-anxious{background:#8a4c0017;color:var(--secondary)}.mc-hopeful{background:#6abf6a1f;color:#3a6b3a}.mc-sad{background:#9b7fd41f;color:#5a3a6b}.mc-energised{background:#00657117;color:var(--cyan)}.mc-frustrated{background:#dd444417;color:#991a1a}.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}.entry-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s;flex-shrink:0}.entry-row:hover .entry-actions{opacity:1}.entry-act-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--on-muted);transition:all .12s}.entry-act-btn:hover{background:var(--surface-deep);color:var(--on-surface)}.entry-act-btn .icon{font-size:18px}.entry-act-btn[data-action=delete]:hover{color:#d44;background:#dd444414}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#2c2f3173;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:modalFadeIn .15s ease;padding:24px}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--surface-card);border-radius:var(--rl);width:100%;max-width:560px;max-height:80vh;overflow-y:auto;padding:28px 32px;box-shadow:0 16px 48px #2c2f312e;animation:modalSlideUp .2s ease}@keyframes modalSlideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-card::-webkit-scrollbar{width:4px}.modal-card::-webkit-scrollbar-thumb{background:var(--surface-deep);border-radius:4px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-type-badge{font-family:var(--fh);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 12px;border-radius:var(--rp)}.modal-type-badge.badge-j{background:var(--primary-dim);color:var(--primary)}.modal-type-badge.badge-b{background:var(--cyan-dim);color:var(--cyan)}.modal-close{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--on-muted);transition:all .12s}.modal-close:hover{background:var(--surface-deep);color:var(--on-surface)}.modal-title{font-family:var(--fh);font-size:20px;font-weight:700;color:var(--on-surface);margin-bottom:8px}.modal-meta{display:flex;align-items:center;gap:8px;font-family:var(--fh);font-size:12px;color:var(--on-muted);margin-bottom:20px;flex-wrap:wrap}.modal-body{font-family:var(--fb);font-size:14.5px;line-height:1.75;color:var(--on-surface);white-space:pre-wrap}.modal-title-input{width:100%;font-family:var(--fh);font-size:20px;font-weight:700;color:var(--on-surface);border:none;outline:none;background:var(--surface-low);border-radius:var(--r);padding:10px 14px;margin-bottom:12px}.modal-title-input:focus{box-shadow:0 0 0 2px #6a37d438}.modal-body-input{width:100%;min-height:200px;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:14px 16px;resize:vertical}.modal-body-input:focus{box-shadow:0 0 0 2px #6a37d438}.modal-footer{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.modal-save-btn{padding:10px 24px;background:linear-gradient(135deg,#6a37d4,#ae8dff);color:#fff;border-radius:var(--rp);font-family:var(--fh);font-size:13px;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 14px #6a37d44d;transition:all .15s}.modal-save-btn:hover{box-shadow:0 6px 20px #6a37d473;transform:translateY(-1px)}.modal-edit-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;background:var(--surface-card);color:var(--on-sub);border-radius:var(--rp);font-family:var(--fh);font-size:13px;font-weight:700;border:none;cursor:pointer;box-shadow:0 2px 8px #2c2f3112;transition:all .15s}.modal-edit-btn:hover{color:var(--primary);box-shadow:0 4px 14px #2c2f311f;transform:translateY(-1px)}.modal-edit-btn .icon{font-size:16px}.modal-delete-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;background:none;color:var(--on-muted);border-radius:var(--rp);font-family:var(--fh);font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .15s}.modal-delete-btn:hover{color:#d44}.modal-delete-btn .icon{font-size:16px}.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}.sel-panel{display:flex;background:var(--surface-card);border-radius:var(--rl);box-shadow:0 4px 20px #2c2f310f;padding:18px 20px;gap:0;max-height:160px;overflow:hidden}.sel-section{display:flex;flex-direction:column;gap:10px;min-width:0}.sel-mood{flex:2}.sel-narrow{flex:1}.sel-label{font-family:var(--fh);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--on-muted);margin-bottom:2px}.sel-div{width:1px;background:var(--surface-deep);margin:0 14px;flex-shrink:0}.sel-grid-2x3{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.sel-grid-5x2{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.sel-stack{display:flex;flex-direction:column;gap:6px}.mchip{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:var(--rp);font-family:var(--fh);font-size:11.5px;font-weight:600;cursor:pointer;transition:all .15s;background:var(--surface-low);color:var(--on-sub);white-space:nowrap}.mchip:hover{background:var(--surface-deep);color:var(--on-surface)}.mchip.on{color:#fff;box-shadow:0 3px 12px #6a37d44d}.mchip .cdot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.mchip.on .cdot{background:#ffffff8c!important}.mchip-calm .cdot{background:#5baeff}.mchip-calm.on{background:linear-gradient(135deg,#1d6fbb,#5baeff)}.mchip-anxious .cdot{background:#f5a623}.mchip-anxious.on{background:linear-gradient(135deg,#c97b00,#f5a623)}.mchip-hopeful .cdot{background:#6abf6a}.mchip-hopeful.on{background:linear-gradient(135deg,#3a6b3a,#6abf6a)}.mchip-sad .cdot{background:#9b7fd4}.mchip-sad.on{background:linear-gradient(135deg,#5a3a6b,#9b7fd4)}.mchip-energised .cdot{background:var(--cyan)}.mchip-energised.on{background:linear-gradient(135deg,#006571,#00c4d9)}.mchip-frustrated .cdot{background:#d44}.mchip-frustrated.on{background:linear-gradient(135deg,#991a1a,#d44)}.mchip-energy-low .cdot{background:#8fa3a7}.mchip-energy-low.on{background:linear-gradient(135deg,#555e61,#8fa3a7)}.mchip-energy-medium .cdot{background:#f5a623}.mchip-energy-medium.on{background:linear-gradient(135deg,#c97b00,#f5a623)}.mchip-energy-high .cdot{background:#6abf6a}.mchip-energy-high.on{background:linear-gradient(135deg,#3a6b3a,#6abf6a)}.mchip-focus-clear .cdot{background:var(--primary)}.mchip-focus-clear.on{background:linear-gradient(135deg,#6a37d4,#ae8dff)}.mchip-focus-scattered .cdot{background:#f5a623}.mchip-focus-scattered.on{background:linear-gradient(135deg,#c97b00,#f5a623)}.mchip-focus-overloaded .cdot{background:#d44}.mchip-focus-overloaded.on{background:linear-gradient(135deg,#991a1a,#d44)}.vibe-num{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:11.5px;font-weight:700;color:var(--on-sub);background:var(--surface-low);cursor:pointer;transition:all .15s;border:2px solid transparent}.vibe-num:hover{color:var(--primary);border-color:#6a37d440}.vibe-num.on{background:linear-gradient(135deg,#6a37d4,#ae8dff);color:#fff;box-shadow:0 3px 12px #6a37d459;border-color:transparent}.meta-tag{font-family:var(--fh);font-size:11px;font-weight:600;color:var(--on-sub)}.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:300px;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)}.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:260px;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)}.push-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;border-radius:var(--rp);background:linear-gradient(135deg,#6a37d4,#ae8dff);color:#fff;font-family:var(--fh);font-size:14px;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:translateY(-1px)}.push-btn:active{transform:scale(.97)}.push-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.push-btn .icon{font-size:18px}.bd-tag-section{background:var(--surface-card);border-radius:var(--rl);padding:20px 24px;box-shadow:0 4px 20px #2c2f310f}.bd-tag-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.bd-tag-pill{display:inline-flex;align-items:center;padding:6px 14px;border-radius:var(--rp);background:var(--surface-low);font-family:var(--fh);font-size:12px;font-weight:600;color:var(--on-sub);cursor:pointer;transition:all .15s;border:1px solid transparent}.bd-tag-pill:hover{background:var(--surface-deep);color:var(--on-surface)}.bd-tag-pill.on{background:var(--primary-dim);color:var(--primary);border-color:var(--primary-glow);font-weight:700}.bd-tag-freehand{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.bd-tag-input{flex:1;min-width:160px;padding:8px 14px;background:var(--surface-low);border:none;border-radius:var(--rp);font-family:var(--fh);font-size:12px;color:var(--on-surface);outline:none;transition:box-shadow .2s}.bd-tag-input:focus{box-shadow:0 0 0 2px #6a37d438}.bd-tag-input::placeholder{color:var(--on-muted)}.bd-custom-pill{display:inline-flex;align-items:center;gap:4px;padding:5px 10px 5px 12px;border-radius:var(--rp);background:var(--cyan-dim);font-family:var(--fh);font-size:12px;font-weight:600;color:var(--cyan)}.bd-custom-pill-x{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;cursor:pointer;transition:background .15s;background:none;border:none;color:var(--cyan);padding:0}.bd-custom-pill-x:hover{background:#00657126}.bd-custom-pill-x .icon{font-size:13px}.bd-word-pill strong{color:var(--primary)}.sparks-panel{display:flex;flex-direction:column;gap:16px}.sparks-header{display:flex;flex-direction:column;gap:4px}.sparks-title-row{display:flex;align-items:center;gap:8px}.sparks-icon{font-size:20px;color:var(--primary);font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.sparks-title{font-family:var(--fh);font-size:16px;font-weight:800;color:var(--on-surface);letter-spacing:-.02em}.sparks-sub{font-size:12px;color:var(--on-muted);margin-top:2px}.sparks-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border-radius:var(--rp);background:linear-gradient(135deg,#1a0540,#2d1070 50%,#0a3a42);color:#fff;font-family:var(--fh);font-size:13px;font-weight:700;cursor:pointer;border:none;box-shadow:0 4px 16px #2d10704d;transition:all .15s}.sparks-btn:hover{box-shadow:0 7px 24px #2d107080;transform:translateY(-1px)}.sparks-btn:disabled{opacity:.65;cursor:wait;transform:none}.sparks-results{display:flex;flex-direction:column;gap:10px}.spark-item{display:flex;gap:10px;padding:12px 14px;background:var(--surface-card);border-radius:var(--r);box-shadow:0 2px 8px #2c2f310a;outline:1px solid var(--ghost)}.spark-item-icon{font-size:17px;flex-shrink:0;margin-top:1px}.spark-connection .spark-item-icon{color:var(--primary)}.spark-question .spark-item-icon{color:var(--secondary)}.spark-action .spark-item-icon{color:var(--cyan)}.spark-item-label{font-family:var(--fh);font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--on-muted);margin-bottom:3px}.spark-item-text{font-size:13px;color:var(--on-surface);line-height:1.5}.spark-error{font-size:13px;color:#b41340;padding:12px;background:#b413400f;border-radius:var(--r)}.sparks-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.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,.stat-pill{display:none}.journal-editor,.bd-editor,.scroll-body{padding:16px 16px 100px}.action-grid{grid-template-columns:1fr}.entry-actions{opacity:1}.bd-word-pill{display:none!important}.topbar{padding:0 16px}.main{width:100%;padding-top:0}body{padding-top:env(safe-area-inset-top);background:var(--surface-low)}.sel-panel{flex-direction:column;max-height:none;gap:14px;padding:16px}.sel-div{width:100%;height:1px;margin:0}.sel-mood,.sel-narrow{flex:none}.sel-grid-5x2{grid-template-columns:repeat(5,1fr)}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--surface-deep);border-radius:4px}