:root{--color-background-primary: #FFFFFF;--color-background-secondary: #F4F2EC;--color-background-tertiary: #FAF9F5;--color-background-info: #E6F1FB;--color-text-primary: #1A1915;--color-text-secondary: #5F5E5A;--color-text-tertiary: #888780;--color-text-info: #0C447C;--c-mission: #8E44AD;--c-knowledge: #2C3E80;--c-career: #2980B9;--c-financial: #27AE60;--c-relationships: #E67E22;--c-social: #E74C3C;--c-physical: #C0392B;--c-butterfly: #4A90E2;--color-border-tertiary: rgba(0,0,0,.08);--color-border-secondary: rgba(0,0,0,.16);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--border-radius-md: 8px;--border-radius-lg: 12px}@media (prefers-color-scheme: dark){:root{--color-background-primary: #1E1D1A;--color-background-secondary: #2A2926;--color-background-tertiary: #161614;--color-background-info: #0C447C;--color-text-primary: #F5F3EE;--color-text-secondary: #B4B2A9;--color-text-tertiary: #888780;--color-text-info: #B5D4F4;--color-border-tertiary: rgba(255,255,255,.08);--color-border-secondary: rgba(255,255,255,.16)}}html,body{margin:0;padding:0;background:var(--color-background-tertiary);color:var(--color-text-primary);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}h1,h2,h3,h4{font-weight:500;margin:0}h2{font-size:20px}h3{font-size:15px}h4{font-size:14px}a{color:var(--color-text-info)}.app-wrap{max-width:1100px;margin:0 auto;padding:1.5rem}.preview-banner{max-width:1100px;margin:0 auto;padding:12px 24px;background:var(--color-background-info);color:var(--color-text-info);font-size:13px;line-height:1.5;border-bottom:.5px solid var(--color-border-tertiary)}.field{position:relative}.olj-input,.olj-textarea{width:100%;padding:8px 36px 8px 12px;border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);background:var(--color-background-primary);color:var(--color-text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.6;resize:none;overflow-y:hidden}.olj-input:focus,.olj-textarea:focus{outline:none;border-color:var(--color-border-secondary);box-shadow:0 0 0 2px var(--color-background-secondary)}.olj-input{height:36px;padding:0 36px 0 12px}.olj-textarea.capped{max-height:72px;overflow-y:auto}.olj-btn{padding:8px 16px;border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:transparent;color:var(--color-text-primary);font-family:var(--font-sans);font-size:14px;cursor:pointer;transition:background .12s,transform 80ms}.olj-btn:hover{background:var(--color-background-secondary)}.olj-btn:active{transform:scale(.98)}.olj-btn:disabled{opacity:.5;cursor:not-allowed}.olj-btn-primary{background:var(--color-text-primary);color:var(--color-background-primary);border-color:var(--color-text-primary)}.olj-btn-primary:hover{opacity:.85;background:var(--color-text-primary)}.olj-btn-ghost{border:none}.olj-btn-sm{padding:4px 10px;font-size:12px}.olj-card{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);padding:1.25rem 1.5rem}.olj-nav-btn{display:flex;align-items:center;gap:10px;padding:8px 12px;text-align:left;background:transparent;border:none;border-radius:var(--border-radius-md);font-size:14px;color:var(--color-text-secondary);cursor:pointer;width:100%;font-family:var(--font-sans)}.olj-nav-btn:hover{background:var(--color-background-secondary)}.olj-nav-btn.active{background:var(--color-background-secondary);color:var(--color-text-primary);font-weight:500}.app-grid{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start}.sticky-col{position:sticky;top:24px}@media (max-width: 760px){.app-grid{grid-template-columns:1fr}.sticky-col{position:static}}@media print{.preview-banner,.sticky-col,.no-print{display:none!important}.app-grid{grid-template-columns:1fr}.olj-card{break-inside:avoid;box-shadow:none;border-color:#ddd}}.ti{font-style:normal;display:inline-block;width:1.1em;text-align:center}.ti-book:before{content:"📓"}.ti-list:before{content:"📋"}.ti-target:before{content:"🎯"}.ti-calendar:before{content:"🗓️"}.ti-image:before{content:"🖼️"}.ti-masterpiece:before{content:"🎨"}.ti-message:before{content:"💬"}.ti-mic:before{content:"🎤"}.ti-search:before{content:"🔍"}.ti-settings:before{content:"⚙️"}.ti-occasion:before{content:"🎉"}.ti-help:before{content:"📖"}.ti-print:before{content:"🖨️"}.ti-prev:before{content:"‹"}.ti-next:before{content:"›"}.ot-toggle{display:inline-flex;gap:4px;padding:4px;background:var(--color-background-secondary);border-radius:999px}.ot-toggle button{padding:6px 16px;border:none;background:transparent;color:var(--color-text-secondary);font-family:var(--font-sans);font-size:13px;cursor:pointer;border-radius:999px;transition:all .12s}.ot-toggle button.active{background:var(--color-background-primary);color:var(--color-text-primary);box-shadow:0 1px 2px #00000014;font-weight:500}.img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-top:12px}.img-wrap{position:relative;border-radius:var(--border-radius-md);overflow:hidden;background:var(--color-background-secondary);display:flex;align-items:center;justify-content:center;min-height:130px;max-height:220px;padding:4px}.img-wrap img{max-width:100%;max-height:212px;width:auto;height:auto;object-fit:contain;display:block;border-radius:4px}.img-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.img-add{aspect-ratio:1;min-height:130px;border-radius:var(--border-radius-md);border:1px dashed var(--color-border-secondary);background:transparent;color:var(--color-text-tertiary);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s}.img-add:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.practice-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 760px){.practice-cols{grid-template-columns:1fr}}.ot-table{width:100%;min-width:760px;border-collapse:collapse;font-size:12px;margin-top:8px}.ot-table th,.ot-table td{border:.5px solid var(--color-border-tertiary);padding:6px 8px;text-align:left;vertical-align:top}.ot-table th{background:var(--color-background-secondary);font-weight:500;font-size:11px}.ot-table .voice-btn{width:22px;height:22px}.ot-table .olj-input{height:30px;font-size:12px;padding:0 30px 0 6px}.area-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.area-pill{padding:6px 12px;border-radius:999px;border:1px solid var(--color-border-secondary);background:transparent;color:var(--color-text-secondary);font-size:13px;cursor:pointer;font-family:var(--font-sans);display:flex;align-items:center;gap:6px}.area-pill .dot{width:10px;height:10px;border-radius:50%}.area-pill.active{color:#fff;border-color:transparent}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal{background:var(--color-background-primary);border-radius:var(--border-radius-lg);max-width:560px;width:100%;max-height:90vh;overflow-y:auto;padding:1.5rem}.voice-btn{position:absolute;top:6px;right:6px;width:26px;height:26px;border:none;background:transparent;border-radius:50%;cursor:pointer;padding:0;color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:center;font-size:14px}.voice-btn:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.voice-btn.rec{background:var(--c-social);color:#fff}.field.single .voice-btn{top:50%;transform:translateY(-50%)}.quote-box{display:flex;gap:16px;align-items:center;background:#233a66;color:#fff;padding:16px 20px;border-radius:var(--border-radius-md)}.stub-note{font-size:11px;color:var(--color-text-tertiary);font-style:italic;margin-top:6px}.collage{columns:3;column-gap:8px}@media (max-width: 760px){.collage{columns:2}}.collage img{width:100%;margin-bottom:8px;border-radius:8px;display:block;break-inside:avoid}.butterfly-loader{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-secondary)}.butterfly{position:relative;width:28px;height:22px}.butterfly .wing{position:absolute;top:0;width:14px;height:22px;background:var(--c-butterfly);border-radius:50%/70% 70% 30% 30%;transform-origin:100% 50%;animation:flap .6s ease-in-out infinite alternate}.butterfly .wing.right{left:14px;transform-origin:0% 50%;animation-delay:0s}.butterfly .wing.left{left:0;transform:scaleX(-1)}.butterfly .body{position:absolute;left:13px;top:4px;width:2px;height:14px;background:#1a1915;border-radius:2px}@keyframes flap{0%{transform:perspective(40px) rotateY(60deg)}to{transform:perspective(40px) rotateY(-10deg)}}.butterfly .wing.left{animation-name:flapLeft}@keyframes flapLeft{0%{transform:scaleX(-1) perspective(40px) rotateY(60deg)}to{transform:scaleX(-1) perspective(40px) rotateY(-10deg)}}.bp-content h2{margin-top:28px;font-size:22px;border-bottom:.5px solid var(--color-border-tertiary);padding-bottom:6px}.bp-content h3{margin-top:20px;font-size:17px}.bp-content p{color:var(--color-text-secondary)}.bp-content blockquote{border-left:3px solid var(--color-border-secondary);margin:16px 0;padding:4px 16px;color:var(--color-text-primary);font-style:italic}.bp-content .warn{background:#fcebeb;color:#6b1414;padding:12px 16px;border-radius:8px;margin:16px 0}@media (prefers-color-scheme: dark){.bp-content .warn{background:#401414;color:#f0c5c5}}.bp-toc a{display:block;padding:4px 0;color:var(--color-text-primary);text-decoration:none;font-size:14px}.bp-toc a:hover{color:var(--color-text-info)}.back-to-toc{display:inline-block;margin-top:8px;font-size:12px;color:var(--color-text-tertiary)}.date-strip{display:flex;align-items:center;justify-content:space-between;gap:12px}.date-strip h2{flex:1;text-align:center}.arrow-btn{width:36px;height:36px;border-radius:50%;border:.5px solid var(--color-border-secondary);background:var(--color-background-primary);cursor:pointer;font-size:22px;line-height:1;color:var(--color-text-secondary)}.arrow-btn:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.priority-pills{display:inline-flex;gap:2px;padding:0;margin-top:6px;flex-shrink:0}.priority-pill{width:24px;height:24px;border:.5px solid var(--color-border-secondary);background:transparent;color:var(--color-text-tertiary);border-radius:50%;font-size:11px;font-weight:500;font-family:var(--font-sans);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.priority-pill:hover{background:var(--color-background-secondary)}.priority-pill.active{color:#fff;border-color:transparent}.priority-pill.active.prio-1{background:#c0392b}.priority-pill.active.prio-2{background:#ba7517}.priority-pill.active.prio-3{background:#5f5e5a}.todo-row{display:flex;gap:6px;align-items:flex-start;flex-wrap:wrap}.todo-row.done .olj-textarea{text-decoration:line-through;color:var(--color-text-tertiary)}.todo-defer{margin-top:6px;padding:4px 10px;border:.5px solid var(--color-border-secondary);border-radius:999px;background:var(--color-background-secondary);color:var(--color-text-secondary);font-size:11px;cursor:pointer;font-family:var(--font-sans);display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.todo-defer:hover{background:var(--color-text-info);color:#fff;border-color:var(--color-text-info)}.goal-row{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}.goal-row.done .olj-textarea{text-decoration:line-through;color:var(--color-text-tertiary)}.goal-text{flex:1;min-width:200px}.goal-date-col{flex-shrink:0}.goal-repeat{margin-top:6px;align-self:flex-start;white-space:nowrap;font-size:11px}@media print{.no-print,.preview-banner,.sticky-col{display:none!important}.app-grid{grid-template-columns:1fr}body{background:#fff}@page{size:A4;margin:10mm}body.print-collage>*{visibility:hidden;height:0;overflow:hidden}body.print-collage .print-collage-only,body.print-collage .print-collage-only *{visibility:visible}body.print-collage .print-collage-only{position:absolute;top:0;left:0;right:0;height:auto;overflow:visible;border:none;padding:0;margin:0}body.print-collage .print-collage-only h3,body.print-collage .print-collage-only .stub-note,body.print-collage .print-collage-only button{display:none!important}body.print-collage .print-collage-only .collage{columns:var(--print-cols, 3);column-gap:4mm;width:100%}body.print-collage .print-collage-only .collage img{max-height:32mm;max-width:100%;width:auto;height:auto;object-fit:contain;margin-bottom:3mm;break-inside:avoid}body.print-export>*{visibility:hidden;height:0;overflow:hidden}body.print-export .export-output,body.print-export .export-output *{visibility:visible}body.print-export .export-output{position:absolute;top:0;left:0;right:0;height:auto;overflow:visible;background:#fff;color:#1a1915;padding:0;margin:0;font-size:11pt}body.print-export .export-day{break-inside:avoid;page-break-inside:avoid}body.print-export .export-photos img,body.print-export .export-collage img{max-width:28mm;max-height:22mm;object-fit:contain;margin:0 2mm 2mm 0}}.export-output{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);padding:1.5rem}.export-title{padding-bottom:12px;border-bottom:.5px solid var(--color-border-tertiary);margin-bottom:16px}.export-day{margin-bottom:18px;page-break-inside:avoid}.export-h4{font-size:12px;font-weight:600;color:var(--color-text-secondary);margin:8px 0 4px;letter-spacing:.3px;text-transform:uppercase}.export-photos{display:flex;flex-wrap:wrap;gap:4px}.export-photos img{width:80px;height:80px;object-fit:cover;border-radius:4px}.export-collage{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:4px}.export-collage img{width:100%;max-height:120px;object-fit:contain;border-radius:4px}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.auth-card{width:100%;max-width:420px;background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);padding:2rem}.auth-card h1{font-size:22px;font-weight:500;margin-bottom:4px}.auth-sub{font-size:13px;color:var(--color-text-secondary);margin-bottom:24px}.auth-field{margin-bottom:14px}.auth-field label{display:block;font-size:12px;color:var(--color-text-secondary);margin-bottom:4px}.auth-input{width:100%;height:40px;padding:0 12px;border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);background:var(--color-background-primary);color:var(--color-text-primary);font-family:var(--font-sans);font-size:14px}.auth-input:focus{outline:none;border-color:var(--color-border-secondary);box-shadow:0 0 0 2px var(--color-background-secondary)}.auth-error{font-size:13px;color:#c0392b;margin:8px 0}.auth-ok{font-size:13px;color:#1f7a44;margin:8px 0}.auth-alt{font-size:13px;color:var(--color-text-secondary);margin-top:18px;text-align:center}.auth-alt button{background:none;border:none;color:var(--color-text-info);cursor:pointer;font-size:13px;font-family:var(--font-sans);padding:0}.auth-divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:var(--color-text-tertiary);font-size:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:.5px;background:var(--color-border-tertiary)}.btn-full{width:100%;justify-content:center}.trial-banner{max-width:1100px;margin:0 auto;padding:10px 24px;background:var(--color-background-info);color:var(--color-text-info);font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:.5px solid var(--color-border-tertiary)}.paywall-card{max-width:480px;margin:3rem auto;text-align:center}.saving-pill{font-size:11px;color:var(--color-text-tertiary)}:root{--mode-red-pale: #FCEAE7;--mode-red-strong: #E74C3C;--mode-red-text: #8E2A1E;--mode-blue-pale: #EAF2FC;--mode-blue-strong: #4A90E2;--mode-blue-text: #1D4F87}@media (prefers-color-scheme: dark){:root{--mode-red-pale: #43201B;--mode-red-text: #F3B7AE;--mode-blue-pale: #1A2C44;--mode-blue-text: #A9CBF2}}.mode-btns{display:flex;gap:10px;flex-wrap:wrap}.mode-btn{padding:9px 18px;border-radius:999px;font-family:var(--font-sans);font-size:13px;cursor:pointer;border:1px solid var(--color-border-secondary);background:transparent;color:var(--color-text-secondary);transition:background .12s,border-color .12s,color .12s}.mode-btn.red:hover{border-color:var(--mode-red-strong)}.mode-btn.blue:hover{border-color:var(--mode-blue-strong)}.mode-btn.red.active{background:var(--mode-red-pale);border-color:var(--mode-red-strong);color:var(--mode-red-text);font-weight:500}.mode-btn.blue.active{background:var(--mode-blue-pale);border-color:var(--mode-blue-strong);color:var(--mode-blue-text);font-weight:500}.ot-table.mode-red th,.ot-table.mode-red td.row-label{background:var(--mode-red-pale);color:var(--mode-red-text)}.ot-table.mode-blue th,.ot-table.mode-blue td.row-label{background:var(--mode-blue-pale);color:var(--mode-blue-text)}