.journal{min-width:0;max-width:100%;display:grid;gap:18px;overflow-wrap:anywhere}.journal *{box-sizing:border-box;min-width:0}.journal h2,.journal h3,.journal h4,.journal p{margin:0}.journal h2{font-size:clamp(22px,4vw,30px);line-height:1.2}.journal h3{font-size:18px}.journal h3 small{font-size:13px;color:#aaa3b4;font-weight:400}.journal .btn{white-space:normal;max-width:100%;min-height:44px;justify-content:center}.journal-form>.btn.ghost,.journal>.btn.ghost{justify-self:start}.journal-hero{padding:24px;border:1px solid #ae89ff40;border-radius:18px;background:linear-gradient(130deg,#ae89ff16,#18151e);display:grid;gap:12px}.journal-hero>svg{color:#c5acff}.journal-entry-head p,.journal-hero p{color:#b5aebf;line-height:1.6;font-size:14px}.journal-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.journal-timeline{display:grid;gap:12px}.journal-summary{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;color:inherit;background:#1b1921;border:1px solid #ffffff12;border-radius:15px;padding:20px;cursor:pointer}.journal-summary:hover{border-color:#ae89ff88;background:#211b2c}.journal-summary>svg{flex-shrink:0;color:#b698ed}.journal-summary strong{font-size:18px}.journal-summary small{display:block;color:#b2a9bf;margin:7px 0 12px}.journal-summary p{color:#c3bdcb;margin-top:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.5}.journal-chips{display:flex;flex-wrap:wrap;gap:7px}.journal-chips>span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;background:#ae89ff12;border-radius:8px;font-size:12px;color:#c6bdd4}.journal-chips b{color:#eee9f6;font-weight:500}.journal-entry-head{display:grid;gap:10px}.journal-entry-head>.badge{justify-self:start}.journal-form .field,.journal-form-grid .field{width:100%;min-width:0;margin:0}.journal input,.journal select,.journal textarea{width:100%;min-width:0;max-width:100%;font-size:16px}.journal textarea{resize:vertical}.journal input[type=date]{min-height:48px;display:block}.journal input[type=date]::-webkit-date-and-time-value{text-align:left}.journal input[type=file][hidden]{display:none}.journal-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.journal-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.journal-metrics>div{padding:17px;background:#1b1921;border:1px solid #ffffff0e;border-radius:13px;display:grid;gap:8px}.journal-metrics span{font-size:13px;color:#aaa1ba}.journal-metrics strong{font-size:24px}.journal-metrics small{font-size:13px;font-weight:400}.journal-note{padding:18px;background:#1b1921;border:1px solid #ffffff0e;border-radius:13px;display:grid;gap:10px}.journal-note p{white-space:pre-wrap;line-height:1.65;font-size:14px;color:#d4cedd}.journal-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.journal-photos figure{margin:0}.journal-photo-button{display:block;border:1px solid #ffffff1a;padding:0;background:#0d0c10;width:100%;border-radius:12px;overflow:hidden;cursor:zoom-in}.journal-photo-button img{display:block;width:100%;aspect-ratio:3/4;object-fit:contain}.journal-photos figcaption{display:flex;align-items:center;justify-content:space-between;color:#aaa1ba;font-size:12px;min-height:44px}.journal-photos figcaption button{color:#d7b3b3;background:none;border:0;min-width:44px;min-height:44px;cursor:pointer;display:grid;place-content:center}.journal-full-photo{display:grid;gap:10px;padding:10px;background:#0d0c10;border-radius:12px}.journal-full-photo img{width:100%;max-height:70dvh;object-fit:contain}.journal-full-photo .btn{justify-self:end}.journal-confirm{padding:20px;border:1px solid #e9ba8044;border-radius:14px;background:#e9ba8009;display:grid;gap:15px}.journal-comparison{display:grid;gap:20px}.journal-compare-table{border:1px solid #ffffff14;border-radius:14px;padding:12px;min-width:0}.journal-compare-table table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:14px}.journal-compare-table caption{color:#b5aebf;font-size:13px;text-align:left;padding:4px 4px 15px;overflow-wrap:anywhere}.journal-compare-table td,.journal-compare-table th{text-align:right;padding:14px 4px;border-bottom:1px solid #ffffff12;white-space:normal}.journal-compare-table th:first-child{text-align:left}.journal-compare-table th{font-weight:500;color:#b5aebf}.journal-compare-table th small{display:block;font-size:11px;color:#8e859e}.journal-compare-table td:last-child{color:#cbb3f9}.journal-compare-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.journal-compare-columns>article{display:grid;align-content:start;gap:12px}.journal-compare-columns>article>p{font-size:13px;color:#aaa1ba}.journal-compare-columns .journal-photos{grid-template-columns:1fr}.journal-compare-columns .journal-note{padding:12px}.journal .page-note{font-size:12px;line-height:1.6}.journal :is(button,input,select,textarea):focus-visible{outline:2px solid #c5acff;outline-offset:3px}@media(max-width:540px){.journal-hero{padding:20px}.journal-summary{padding:16px}.journal-form-grid{grid-template-columns:1fr}.journal-metrics,.journal-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-toolbar>.btn{flex:1 1 140px}.journal-compare-columns{gap:10px}.journal-compare-table{padding:8px}.journal-compare-table table{font-size:13px}.journal-compare-columns h3{font-size:16px}.journal-compare-columns .journal-note p{font-size:13px}}.journal-demo-note{padding:12px 14px;border:1px solid #b89aef44;border-radius:10px;background:#b89aef0c;font-size:13px;color:#cbb5ed;line-height:1.6}.phone-install-help{margin-top:20px;padding:16px;border:1px solid #ffffff18;border-radius:12px;min-width:0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.phone-install-help summary{cursor:pointer;color:#d4bfff;min-height:44px;display:list-item;align-content:center}.phone-install-help p{margin:14px 0 0;color:#bcb2c8}.phone-install-help summary:focus-visible{outline:2px solid #c5acff;outline-offset:3px}:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--topbar-height:73px;--mobile-nav-height:calc(76px + var(--safe-bottom))}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--topbar-height) + var(--safe-top) + 16px)}.app-shell,.loading-screen,.login-page{min-height:100dvh}.topbar{height:calc(var(--topbar-height) + var(--safe-top));padding-top:var(--safe-top);flex-shrink:0}.sidebar{top:var(--safe-top);bottom:var(--safe-bottom);left:var(--safe-left);overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.workspace{margin-right:var(--safe-right)}.sidebar>*{flex-shrink:0}.sidebar-user>div{min-width:0;flex:1}.sidebar-user strong{max-width:none;overflow-wrap:anywhere}.modal-backdrop{padding:max(16px,var(--safe-top)) max(16px,var(--safe-right)) max(16px,var(--safe-bottom)) max(16px,var(--safe-left))}.modal,.modal.wide{max-height:calc(100dvh - max(16px, var(--safe-top)) - max(16px, var(--safe-bottom)))}.loading-screen{padding:calc(24px + var(--safe-top)) max(24px,var(--safe-right)) calc(24px + var(--safe-bottom)) max(24px,var(--safe-left))}@media (min-width:721px) and (max-width:960px){.workspace{margin-left:calc(185px + var(--safe-left))}}@media (max-width:720px){:root{--topbar-height:61px}html{scroll-padding-bottom:calc(var(--mobile-nav-height) + 20px)}.workspace{margin-right:0;padding-bottom:calc(var(--mobile-nav-height) + 16px)}.topbar{padding-left:max(14px,var(--safe-left));padding-right:max(14px,var(--safe-right))}.breadcrumb,.breadcrumb strong{min-width:0}.breadcrumb strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{flex-shrink:0}.app-footer,.main-content{padding-left:max(17px,var(--safe-left));padding-right:max(17px,var(--safe-right))}.sidebar{width:min(320px,calc(100% - 48px - var(--safe-left) - var(--safe-right)));bottom:var(--mobile-nav-height);padding-top:24px;padding-bottom:20px;scroll-padding-block:24px 20px;visibility:hidden;transition:transform .22s,visibility .22s}.sidebar.open{visibility:visible}.sidebar-user>button{min-width:44px;min-height:44px;flex-shrink:0}.mobile-scrim{bottom:var(--mobile-nav-height);touch-action:none}.mobile-nav{height:var(--mobile-nav-height);min-height:0;padding:8px max(8px,var(--safe-right)) calc(8px + var(--safe-bottom)) max(8px,var(--safe-left))}.mobile-nav>button{min-width:0}.toast{bottom:calc(var(--mobile-nav-height) + 20px)}.merch-mobile-order{bottom:var(--mobile-nav-height)}.modal-backdrop{padding:0 var(--safe-right) 0 var(--safe-left)}.modal,.modal.wide{max-height:calc(100dvh - max(12px, var(--safe-top)))}.login-visual{padding:calc(24px + var(--safe-top)) max(24px,var(--safe-right)) 24px max(24px,var(--safe-left))}.login-form-side{padding:13px max(25px,var(--safe-right)) calc(25px + var(--safe-bottom)) max(25px,var(--safe-left))}.agenda-card>div:nth-child(2){min-width:0;overflow-wrap:anywhere}.agenda-card small{flex-wrap:wrap}.calendar-foot{flex-wrap:wrap;gap:8px}}