@font-face{font-family:Inter;src:url(/fonts/inter.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{font-synthesis:none;color:var(--text,#313339);background:var(--bg,#f2f3f8);--primary:#456ef2;--on-primary:#fff;--surface:#fff;--text:#313339;--entry-text:#17191f;--muted:#686b77;--input:#e7e9f0;--outline:#d9dce6;--error:#c53a45;--shadow:0 3px 12px #0000000d;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);font-family:Inter,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;background:0 0;border:0}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--primary);outline-offset:3px}button svg,a svg{flex-shrink:0}button.primary,.primary{color:var(--on-primary);background:var(--primary)}a{color:inherit;text-decoration:none}input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary)}h1,h2,h3,p,fieldset,legend{margin:0}fieldset{border:0;margin-top:20px;padding:0}legend{margin-bottom:10px;font-size:14px;font-weight:600}small{color:var(--muted);font-size:12px}.app{width:100%;height:100dvh;padding:calc(var(--safe-top) + 6px) calc(6px + env(safe-area-inset-right,0px)) calc(var(--safe-bottom) + 6px) calc(6px + env(safe-area-inset-left,0px));flex-direction:column;display:flex;position:relative}.icon-button{appearance:none;background:var(--surface);width:42px;min-width:42px;height:42px;color:var(--text);box-shadow:var(--shadow);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button svg{width:24px;height:24px}.icon-button.primary{background:var(--primary);color:var(--on-primary)}.icon-button.active:not(.primary){color:var(--primary)}.icon-button.danger{color:var(--error)}.header-actions{align-items:center;gap:8px;display:flex}.header-nav,.page-header,.editor-header{justify-content:space-between;align-items:center;gap:8px;min-height:42px;display:flex}.home-header{flex-shrink:0;padding-bottom:16px}.home-header h1{letter-spacing:-1.6px;margin-top:16px;font-size:42px;font-weight:800;line-height:1.15}.home-feed{min-height:0;padding:0 4px calc(var(--safe-bottom) + 92px);scrollbar-width:none;flex:1;overflow:hidden auto}.month-group{position:relative}.month-separator{z-index:2;color:var(--muted);background:var(--bg);padding:8px 2px 6px;font-size:10px;font-weight:500;position:sticky;top:0}.entry-swipe{touch-action:pan-y;border-radius:16px;margin-bottom:8px;position:relative;overflow:hidden}.entry-card{z-index:1;text-align:left;background:var(--surface);width:100%;color:var(--text);will-change:auto;border-radius:16px;align-items:stretch;gap:8px;padding:8px;display:flex;position:relative}.detail-line{background:var(--diary-accent,var(--primary));border-radius:999px;align-self:stretch;width:3px;min-width:3px;display:block}.entry-generic{flex-direction:column;width:100%;min-width:0;display:flex}.entry-content-row{align-items:center;gap:8px;min-height:22px;display:flex}.entry-excerpt{white-space:pre-line;color:var(--entry-text);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;min-width:0;font-size:14px;font-weight:400;line-height:1.3;display:-webkit-box;overflow:hidden}.entry-info{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;margin-top:1px;font-size:10px;font-weight:500;line-height:1.3;display:flex}.entry-diary-info{align-items:center;gap:3px;display:inline-flex}.entry-thumbnail{background:var(--input);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:42px;display:flex;position:relative;overflow:hidden}.entry-thumbnail img{object-fit:cover;width:100%;height:100%}.attachment-count{color:#fff;background:#000a;border-radius:999px;min-width:14px;padding:1px 4px;font-size:9px;position:absolute;bottom:2px;right:2px}.entry-actions{gap:8px;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.navbar-container{left:calc(6px + env(safe-area-inset-left,0px));right:calc(6px + env(safe-area-inset-right,0px));bottom:calc(var(--safe-bottom) + 4px);z-index:3;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute}.navbar-tabs,.navbar-actions{pointer-events:auto}.navbar-tabs{background:var(--surface);box-shadow:var(--shadow);border-radius:999px;padding:8px}.navbar-tabs .icon-button{box-shadow:none}.navbar-actions .icon-button{width:58px;height:58px}.options-anchor{position:relative}.options-popup{z-index:9;background:var(--surface);min-width:180px;box-shadow:var(--shadow);transform-origin:100% 0;border-radius:16px;padding:12px;animation:.18s cubic-bezier(.2,.75,.18,1) popup-in;position:absolute;top:50px;right:0}.options-popup button{text-align:left;align-items:center;gap:10px;width:100%;min-height:32px;font-size:14px;display:flex}.empty-state{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:56px 16px;font-size:14px;display:flex}.load-more,.draft-recovery{color:var(--primary);background:var(--surface);border-radius:20px;margin:12px auto;padding:12px 18px;font-size:12px;display:block}.motion-host{z-index:10;background:var(--bg);isolation:isolate;position:fixed;inset:0;overflow:hidden}.full-page{background:var(--bg);padding:calc(var(--safe-top) + 6px) calc(6px + env(safe-area-inset-right,0px)) calc(var(--safe-bottom) + 6px) calc(6px + env(safe-area-inset-left,0px));flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.page-header{flex-shrink:0;margin-bottom:16px}.page-header h1{letter-spacing:-.5px;flex:1;font-size:24px;font-weight:750}.page-scroll{flex:1;min-height:0;padding-bottom:30px;overflow:auto}.page-content{flex:1;min-height:0;padding-bottom:28px;overflow-y:auto}.diary-panel-layer{z-index:30;background:#0009;position:fixed;inset:0}.diary-panel{background:var(--bg);width:86%;max-width:520px;height:100dvh;padding:calc(var(--safe-top) + 16px) 16px calc(var(--safe-bottom) + 16px);border-radius:0 32px 32px 0;flex-direction:column;gap:16px;animation:.18s cubic-bezier(.2,.75,.18,1) panel-in;display:flex;overflow:auto}.diary-panel-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.diary-panel-header h2{letter-spacing:-1px;font-size:32px;font-weight:750}.diary-panel-header small{margin-top:4px;display:block}.diary-list{flex-direction:column;gap:8px;display:flex}.diary-card{text-align:left;border-radius:16px;align-items:center;gap:8px;width:100%;min-height:64px;padding:12px;display:flex}.diary-card.current{outline:1px solid color-mix(in srgb, var(--diary-accent) 35%, transparent)}.diary-icon{border-radius:999px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;display:inline-flex}.diary-data{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.diary-data strong{white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:650;overflow:hidden}.diary-data small{color:inherit;opacity:.6;font-size:11px}.diary-edit{text-align:center;min-width:28px;padding:6px 0;font-size:22px}.diary-emoji{line-height:1}.scrim-layer{z-index:40;background:#0008;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);width:100%;max-height:98dvh;padding:max(16px, var(--safe-top)) 16px calc(var(--safe-bottom) + 16px);border-radius:32px 32px 0 0;animation:.2s cubic-bezier(.2,.75,.18,1) sheet-in;overflow-y:auto}.sheet:focus{outline:none}.sheet-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.sheet-header h2{font-size:20px;font-weight:650}.diary-form{height:98dvh}.field-label{flex-direction:column;gap:8px;margin-bottom:16px;font-size:14px;display:flex}.input-container{background:var(--input);width:100%;color:var(--text);border:0;border-radius:999px;outline:none;min-height:40px;padding:8px 16px;font-size:16px}.input-container::placeholder{color:var(--muted)}.palette,.icon-palette{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.swatch{color:#fff;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.theme-swatch{color:#fff;border-radius:999px;height:32px;padding:0 12px;font-size:12px}.swatch.chosen{outline:2px solid var(--primary);outline-offset:2px}.icon-palette button{background:var(--surface);border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.icon-palette button.chosen{background:var(--primary);color:var(--on-primary)}.text-button{background:var(--surface);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:550;display:inline-flex}.destructive{color:var(--error)}.diary-choice{border-radius:16px;align-items:center;gap:10px;width:100%;padding:12px;font-size:16px;display:flex}.editor-page{transform-origin:50%;padding-bottom:0}.editor-header{flex-shrink:0;margin-bottom:8px}.editor-metadata{flex-direction:column;justify-content:center;gap:4px;min-width:0;display:flex}.metadata-date{text-align:left;padding:0;font-size:16px;font-weight:650;line-height:1.15}.metadata-date span{margin-left:8px}.metadata-diary{color:var(--muted);align-items:center;gap:4px;padding:0;font-size:12px;font-weight:550;display:flex}.document-scroll{overscroll-behavior-y:contain;min-height:0;padding:6px 5px calc(var(--keyboard-inset,0px) + 170px);flex-direction:column;flex:1;gap:4px;scroll-padding-block:80px;display:flex;overflow-y:auto}.editor-block{background:0 0;border-radius:8px;outline:1px solid #0000;flex-shrink:0;min-height:21px;padding:1px 4px;transition:background-color .65s,outline-color .65s;position:relative}.editor-block.object-block{padding:4px}.editor-block.is-selected{outline-color:color-mix(in srgb, var(--primary) 65%, transparent);background:color-mix(in srgb, var(--primary) 5%, transparent)}.editor-block.is-selected .block-text{pointer-events:none}.editor-block.drop-before:before{content:"";background:var(--primary);border-radius:999px;height:2px;position:absolute;top:-3px;left:0;right:0}.block-text{color:var(--entry-text);white-space:pre-wrap;overflow-wrap:anywhere;cursor:text;-webkit-user-select:text;user-select:text;min-height:23px;scroll-margin-block:70px;font-size:16px;font-weight:400;line-height:1.45;outline:none!important}.block-text[contenteditable=false]{cursor:text}.text-paragraph{margin:0}.image-block{object-fit:cover;cursor:pointer;border-radius:8px;width:100%;height:180px;display:block}.asset-frame{width:100%;height:100%;display:block;overflow:hidden}.asset-frame.image-block{object-fit:cover;height:180px}.asset-frame>img{object-fit:inherit;width:100%;height:100%;display:block}.asset-placeholder{width:100%;height:100%;min-height:40px;color:var(--muted);background:var(--input);border-radius:inherit;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.asset-placeholder span{padding:12px}.canvas-block{background:var(--canvas-bg);width:100%;height:180px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.canvas-block>span{justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.canvas-block img{object-fit:contain;width:100%;height:100%}.location-block{background:var(--surface);color:var(--primary);border-radius:12px;align-items:center;gap:8px;padding:12px;display:flex}.location-block span{flex-direction:column;gap:1px;display:flex}.location-block strong{font-size:14px;font-weight:600}.location-block small{font-size:11px}.editor-tools-dock{bottom:calc(max(var(--safe-bottom), var(--keyboard-inset,0px)) + 4px);left:calc(6px + env(safe-area-inset-left,0px));right:calc(6px + env(safe-area-inset-right,0px));z-index:5;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute}.toolbar-row{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.tool-bar{background:var(--surface);min-width:0;box-shadow:var(--shadow);scrollbar-width:none;pointer-events:auto;border-radius:999px;flex:0 auto;align-items:center;gap:0;padding:8px;display:flex;overflow-x:auto}.tool-bar .icon-button,.toolbar-row>.icon-button{box-shadow:none}.tool-bar .icon-button{background:0 0}.toolbar-row>.icon-button{pointer-events:auto;width:58px;min-width:58px;height:58px}.toolbar-options{background:var(--surface);box-shadow:var(--shadow);pointer-events:auto;border-radius:20px;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;max-width:100%;padding:8px;animation:.18s popup-in;display:flex}.toolbar-options>button:not(.icon-button){align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.toolbar-options a{text-overflow:ellipsis;flex:1;align-items:center;gap:8px;min-width:0;padding-left:4px;font-size:12px;display:flex;overflow:hidden}.image-viewer{z-index:60;color:#fff;background:#000;padding:0}.viewer-header{left:6px;right:6px;top:calc(var(--safe-top) + 6px);z-index:2;justify-content:space-between;display:flex;position:absolute}.viewer-header .icon-button{color:#fff;background:#262626}.image-viewport{touch-action:none;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;overflow:hidden}.image-transform{transform-origin:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.image-transform .asset-frame,.image-transform img{object-fit:contain;width:100%;height:100%}.image-carousel{bottom:calc(var(--safe-bottom) + 12px);justify-content:center;gap:6px;padding:8px;display:flex;position:absolute;left:0;right:0;overflow-x:auto}.image-carousel button{opacity:.6;border-radius:8px;flex-shrink:0;width:46px;height:46px;padding:0;overflow:hidden}.image-carousel img{object-fit:cover;width:100%;height:100%}.image-carousel button[aria-current=true]{outline-offset:2px;opacity:1;outline:2px solid #fff}.settings-page,.search-page{background:var(--bg);padding:calc(var(--safe-top) + 6px) calc(6px + env(safe-area-inset-right,0px)) calc(var(--safe-bottom) + 6px) calc(6px + env(safe-area-inset-left,0px));flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.settings-body,.settings-scroll,.search-results{flex:1;min-height:0;padding:0 0 28px;overflow:auto}.settings-group,.setting-group{background:var(--surface);border:1px solid color-mix(in srgb, var(--outline) 60%, transparent);border-radius:24px;margin-bottom:28px;overflow:hidden}.setting-row{text-align:left;border-bottom:1px solid color-mix(in srgb, var(--outline) 50%, transparent);align-items:center;gap:14px;width:100%;min-height:66px;padding:14px 16px;display:flex}.setting-row:last-child{border-bottom:0}.setting-row>span,.setting-copy,.setting-label{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.setting-row strong,.setting-title{font-size:16px;font-weight:600}.setting-row small,.setting-detail{color:var(--muted);margin-top:2px;font-size:12px;font-weight:400;line-height:1.25}.setting-row select{background:var(--input);border:0;border-radius:8px;max-width:45%;padding:6px;font-size:13px}.setting-row input[type=color]{background:0 0;border:0;width:32px;height:32px;padding:0}.subheading,.settings-section-title{color:var(--muted);margin:12px 16px 10px;font-size:14px;font-weight:600}.setting-value{color:var(--muted);font-size:13px}.setting-hex{background:var(--input);border:0;border-radius:8px;width:82px;padding:6px;font-size:12px}.setting-row input[type=range]{max-width:130px;accent-color:var(--primary)}.conflict-version{background:var(--surface);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:16px;margin:8px 0;padding:12px;font-size:13px}.search-input{align-items:center;gap:8px;margin-bottom:12px;display:flex}.search-input input{background:0 0;border:0;outline:none;flex:1;min-width:0}.search-input .icon-button{width:28px;min-width:28px;height:28px;box-shadow:none;background:0 0}.search-excerpt{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.4;display:block}.search-result-meta{align-items:center;gap:4px;margin-top:4px;font-size:10px;display:flex}.search-result{text-align:left;background:var(--surface);border-radius:16px;width:100%;margin:6px 0;padding:14px;display:block}.search-result p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.4}.search-result small{margin-top:4px;display:block}mark{background:color-mix(in srgb, var(--primary) 18%, transparent);color:inherit;border-radius:2px}.recovery-row{border-bottom:1px solid var(--outline);align-items:center;gap:8px;padding:10px 0;display:flex}.recovery-row>span{flex:1;font-size:13px;overflow:hidden}.welcome{text-align:center;flex-direction:column;align-items:center;gap:20px;margin:auto;padding:24px;display:flex}.welcome>img{border-radius:24px}.welcome h1{letter-spacing:-1.3px;font-size:36px;font-weight:750}.welcome p{color:var(--muted);font-size:16px;line-height:1.55}.welcome small{font-size:11px}.development-access{color:var(--muted);margin-top:20px;font-size:11px;text-decoration:underline}.error-banner{z-index:100;top:calc(var(--safe-top) + 6px);background:var(--surface);max-width:700px;color:var(--error);box-shadow:var(--shadow);white-space:pre-line;border-radius:16px;align-items:center;gap:12px;margin:auto;padding:14px;font-size:13px;display:flex;position:fixed;left:12px;right:12px}.error-banner>span{flex:1}.error-banner button{color:var(--error);padding:4px;display:flex}.rotating-icon svg{animation:1s linear infinite rotate}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes popup-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes panel-in{0%{transform:translate(-100%)}to{transform:none}}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:none}}[data-motion=subtle] .rotating-icon svg,[data-motion=none] .rotating-icon svg{animation:none}[data-motion=none] *,[data-motion=none] :before,[data-motion=none] :after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}@media (min-width:850px){.home-header,.home-feed{width:min(900px,100%);margin-inline:auto}.navbar-container{max-width:900px;margin-inline:auto}.sheet{max-width:700px}.document-scroll{width:min(900px,100%);margin-inline:auto}}.reorderable-tools>span{flex-shrink:0;display:inline-flex}.tool-dragging{opacity:.5}.motion-viewer{background:#000}.canvas-loading .page-header{justify-content:flex-end}.block-end-marker{background:var(--primary);border-radius:999px;flex-shrink:0;height:2px}.editor-block{animation:.13s popup-in}.installation-copy{margin-bottom:16px;font-size:14px;line-height:1.5}