:root{color-scheme:light dark;font-family:system-ui,sans-serif}body{margin:0;padding:1rem;padding-bottom:calc(4rem + env(safe-area-inset-bottom,0px));max-width:40rem;margin-inline:auto}@media (min-width: 48rem){body{max-width:64rem;padding-bottom:1rem}#app{display:flex;align-items:flex-start;gap:1.5rem}#app>.tabs{flex:0 0 10rem;position:sticky;top:1rem}.journal-content-host,#app>.friends,#app>.scan,#app>.settings{flex:1;min-width:0}}.unlock,.verify,.journal{display:flex;flex-direction:column;gap:.75rem}.unlock-form,.verify form,.quick-add{display:flex;flex-direction:column;gap:.5rem}.journal-header{display:flex;gap:.5rem;align-items:center}.journal-search{flex:1}.quick-add{border:1px solid #8884;border-radius:.5rem;padding:.75rem}.journal-content-host{display:flex;gap:1rem;align-items:flex-start}[data-host=main]{flex:1;min-width:0}[data-host=sidebar]{flex:0 0 12rem}.categories-sidebar{display:flex;flex-direction:column;gap:.5rem}.category-tree,.category-children{list-style:none;margin:0;padding:0}.category-children{padding-inline-start:1rem}.category-item{display:flex;align-items:center;gap:.4rem;width:100%;text-align:left;background:none;border:none;padding:.25rem 0;cursor:pointer}.category-item-selected{font-weight:700}.category-swatch{width:.75rem;height:.75rem;border-radius:50%;flex-shrink:0;display:inline-block}.category-add{display:flex;flex-direction:column;gap:.35rem}.scan-correction{display:flex;flex-direction:column;gap:.35rem;border:1px solid #8884;border-radius:.5rem;padding:.75rem}.scan-raw-text{min-height:4rem;font-family:monospace}.scan-drafts li{display:flex;flex-direction:column;gap:.35rem;border-bottom:1px solid #8884;padding-block:.5rem}.scan-draft-text{min-height:2.5rem}.command-palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:10}.command-palette{background:canvas;border:1px solid #8884;border-radius:.5rem;width:min(32rem,90vw);max-height:60vh;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.command-palette-input{font-size:1.1rem}.command-palette-list{list-style:none;margin:0;padding:0}.command-palette-item{display:block;width:100%;text-align:left;background:none;border:none;padding:.5rem;cursor:pointer;border-radius:.25rem}.command-palette-item-active{background:#8882}.command-palette-empty{padding:.5rem;color:#8888}.crop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:canvas;z-index:20;display:flex;flex-direction:column}.crop-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}.crop-image{max-width:100%;max-height:100%;width:auto;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.crop-box{position:absolute;border:2px solid #fff;box-shadow:0 0 0 9999px #0009;touch-action:none;cursor:move}.crop-handle{position:absolute;width:2.75rem;height:2.75rem;margin:-1.375rem;touch-action:none}.crop-handle:after{content:"";position:absolute;top:.875rem;right:.875rem;bottom:.875rem;left:.875rem;background:#fff;border-radius:50%}.crop-handle-nw{top:0;left:0;cursor:nwse-resize}.crop-handle-ne{top:0;right:0;margin-right:-1.375rem;left:auto;cursor:nesw-resize}.crop-handle-sw{bottom:0;left:0;margin-bottom:-1.375rem;top:auto;cursor:nesw-resize}.crop-handle-se{bottom:0;right:0;margin-bottom:-1.375rem;margin-right:-1.375rem;top:auto;left:auto;cursor:nwse-resize}.crop-actions{display:flex;gap:.75rem;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}.crop-actions button{flex:1;padding:1rem;font-size:1.05rem;border-radius:.5rem;border:1px solid #8884}.crop-confirm{font-weight:700}@media (max-width: 40rem){.journal-content-host{flex-direction:column}[data-host=sidebar]{flex:initial;order:-1}}.media-group h2{font-size:1rem;margin-bottom:.25rem}.media-group ul{list-style:none;padding:0;margin:0 0 1rem}.media-group li{padding:.4rem 0;border-bottom:1px solid #8882}[role=alert]{color:#c0392b}.tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid #8884}.tabs button{border:none;background:none;padding:.5rem .75rem;cursor:pointer}.tabs .tab-active{font-weight:700;border-bottom:2px solid currentColor}@media (max-width: 47.9375rem){#app>.tabs{position:fixed;inset-inline:0;bottom:0;background:canvas;z-index:1}.tabs{margin-bottom:0;border-bottom:none;border-top:1px solid #8884;justify-content:space-around;padding:env(safe-area-inset-bottom,0px) 0 0}.tabs .tab-active{border-bottom:none;border-top:2px solid currentColor}}@media (min-width: 48rem){.tabs{flex-direction:column;gap:0;border-bottom:none;border-inline-end:1px solid #8884;padding-inline-end:1rem}.tabs button{text-align:left}.tabs .tab-active{border-bottom:none;border-inline-start:2px solid currentColor}}.friends,.scan,.settings{display:flex;flex-direction:column;gap:1rem}.settings section,.friends section{display:flex;flex-direction:column;gap:.5rem}.scan-consent,.scan-local-ocr{display:flex;align-items:center;gap:.5rem;font-size:1rem;line-height:1.4}.scan-consent input[type=checkbox],.scan-local-ocr input[type=checkbox]{width:1.5rem;height:1.5rem;flex-shrink:0}.scan-mode,.scan-file-input,.scan-pending button,.scan-media-title,.scan-draft-text,.scan-draft-tags-input,.scan-drafts li button,.scan-raw-text,.scan-correction button{min-height:2.75rem;font-size:1rem}.scan-pending{display:flex;flex-direction:column;gap:.5rem}.scan-drafts li button{padding-inline:1rem}.sent-shares ul,.public-links ul{list-style:none;padding:0}.sent-shares li,.public-links li{display:flex;gap:.5rem;align-items:center;padding:.4rem 0;border-bottom:1px solid #8882}.public-link-url{font-family:monospace;word-break:break-all;-webkit-user-select:all;user-select:all}.device-row{display:flex;gap:.5rem;align-items:center;padding:.4rem 0;border-bottom:1px solid #8882}.danger-section{border:1px solid #c0392b44;border-radius:.5rem;padding:.75rem}.delete-account-button{color:#c0392b}.friend-row{display:flex;gap:.5rem;align-items:center;padding:.4rem 0;border-bottom:1px solid #8882}.invite-code{font-family:monospace;font-size:1.1rem;-webkit-user-select:all;user-select:all}.scan-drafts ul{list-style:none;padding:0}