:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-bg:#f8f5ee;--app-bg-top:#fbfaf6;--panel:#ffffffd1;--panel-strong:#fffffff2;--line:#392b1c14;--text:#17120d;--muted:#766b61;--accent:#f0d88b;--accent-strong:#c8a84a;--accent-soft:#f0d88b3d;--danger:#bb4d44;--shadow:0 18px 42px #26190d0f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:SF Pro Text,PingFang SC,Hiragino Sans GB,Noto Sans SC,Microsoft YaHei,sans-serif;line-height:1.5}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#12110f;--app-bg-top:#181613;--panel:#1c1916e0;--panel-strong:#141210f2;--line:#ffffff1a;--text:#f7f3ec;--muted:#b6aa9b;--accent:#e0b653;--accent-strong:#f0c45c;--accent-soft:#e0b6532e;--danger:#ff8b7f;--shadow:0 22px 64px #0000004d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top, #f0d88b1f, transparent 28%), linear-gradient(180deg, var(--app-bg-top), var(--app-bg) 42%, color-mix(in srgb, var(--app-bg) 90%, #000 10%));min-width:320px;min-height:100vh;color:var(--text);margin:0}body:before{display:none}button,input,textarea{font:inherit}#root{min-height:100vh}.app-shell{width:min(100%,820px);padding:calc(env(safe-area-inset-top,0px) + 18px) 16px calc(env(safe-area-inset-bottom,0px) + 112px);margin:0 auto}.screen{min-height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));flex-direction:column;gap:16px;animation:.22s fade-in;display:flex}.topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar-title{align-items:center;gap:10px;min-width:0;display:flex}.topbar-title h1,.topbar-title h2{color:var(--text);letter-spacing:-.045em;margin:0;font-size:clamp(1.8rem,5vw,2.7rem);line-height:1.04}.topbar-subtitle{color:var(--muted);margin:0 0 6px;font-size:.86rem}.topbar-folder{letter-spacing:.01em}.icon-button,.toolbar-chip,.menu-button,.action-button,.fab{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;transition:transform .14s,background-color .14s,border-color .14s,opacity .14s}.icon-button:hover,.toolbar-chip:hover,.menu-button:hover,.action-button:hover,.fab:hover{transform:translateY(-1px)}.icon-button:disabled,.toolbar-chip:disabled,.menu-button:disabled,.action-button:disabled,.fab:disabled{opacity:.42;cursor:not-allowed;transform:none}.icon-button,.menu-button{width:40px;height:40px;box-shadow:var(--shadow);border-radius:16px;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.search-wrap{top:calc(env(safe-area-inset-top,0px) + 12px);z-index:5;position:sticky}.search-input{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-strong) 96%, #f1eadc 4%);width:100%;color:var(--text);box-shadow:var(--shadow);border-radius:21px;padding:16px 18px;font-size:1rem}.search-input:focus,.editor-surface:focus{border-color:color-mix(in srgb, var(--accent) 50%, var(--line));box-shadow:var(--shadow), 0 0 0 4px color-mix(in srgb, var(--accent) 24%, transparent);outline:none}.notes-stack{flex-direction:column;gap:20px;display:flex}.day-section h3{color:var(--text);letter-spacing:-.04em;margin:0 0 12px;font-size:1.85rem;line-height:1.1}.day-list{flex-direction:column;gap:10px;display:flex}.note-row{text-align:left;border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 94%, #f4eedd 6%);border-radius:24px;width:100%;padding:18px 18px 17px;box-shadow:0 16px 36px #26190d0b}.note-row-title{color:var(--text);letter-spacing:-.02em;font-size:1.22rem;font-weight:700;line-height:1.28}.note-row-meta{color:var(--muted);margin-top:12px;font-size:.86rem}.fab{right:max(18px, env(safe-area-inset-right,0px) + 18px);bottom:max(18px, env(safe-area-inset-bottom,0px) + 18px);z-index:20;background:linear-gradient(#fff7d8,#f5e9bc);border-radius:22px;width:62px;height:62px;font-size:1.55rem;position:fixed;box-shadow:0 18px 32px #291e121f}.empty-state,.settings-card,.audio-block,.voice-status{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.empty-state{color:var(--muted);border-radius:24px;padding:22px 18px;line-height:1.72}.editor-card{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-strong) 97%, #f5eedf 3%);border-radius:28px;overflow:hidden;box-shadow:0 18px 40px #26190d0e}.editor-toolbar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--panel) 94%, #f7f0e3 6%);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-wrap:wrap;gap:8px;padding:12px 12px 10px;display:flex}.toolbar-chip{box-shadow:none;border-radius:15px;padding:9px 13px;font-size:.88rem}.toolbar-chip.is-active{border-color:color-mix(in srgb, var(--accent) 30%, var(--line));background:color-mix(in srgb, var(--panel) 70%, #f5ecd1 30%);color:var(--accent-strong)}.toolbar-chip-emphasis{color:#a4372d;border-color:#c4483c29}.toolbar-chip-emphasis.is-active{color:#a4372d;background:#ffd8d49e;border-color:#c4483c42}.toolbar-colors{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.toolbar-color-chip{appearance:none;width:38px;min-width:38px;height:38px;box-shadow:none;background:0 0;border:none;border-radius:999px;justify-content:center;padding:0;transition:transform .14s,box-shadow .14s}.toolbar-color-chip.is-active{box-shadow:none;transform:none}.color-dot{border:1px solid #17120d2e;border-radius:999px;flex:none;width:24px;height:24px;transition:width .14s,height .14s,border-width .14s,box-shadow .14s;display:block;box-shadow:inset 0 0 0 1px #ffffff1f,0 5px 12px #17120d24}.toolbar-color-chip.is-active .color-dot{border-width:2px;width:30px;height:30px;box-shadow:inset 0 0 0 1px #ffffff1a,0 6px 14px #17120d29}.editor-surface{min-height:58vh;color:var(--text);caret-color:var(--accent-strong);padding:30px 22px 34px;font-size:1.08rem;line-height:1.88}.editor-surface>:first-child{letter-spacing:-.04em;margin-top:0;font-size:clamp(2rem,7vw,2.8rem);font-weight:800;line-height:1.06}.editor-surface>*{letter-spacing:normal;margin:0 0 12px;font-size:1.08rem;font-weight:400;line-height:1.88}.editor-surface h1,.editor-surface h2,.editor-surface p,.editor-surface div{color:inherit}.editor-surface>:not(:first-child){letter-spacing:normal;font-size:1.08rem;font-weight:400;line-height:1.88}.editor-surface a{color:#3e79e6}.editor-surface font[size="2"]{font-size:.88em}.editor-surface font[size="3"]{font-size:1em}.editor-surface font[size="4"]{font-size:1.12em}.editor-surface font[size="5"]{font-size:1.26em}.editor-surface[data-empty=true]:before{content:attr(data-placeholder);color:color-mix(in srgb, var(--muted) 88%, transparent);pointer-events:none}.status-row{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:.88rem;display:flex}.editor-dock{bottom:max(12px, env(safe-area-inset-bottom,0px) + 12px);z-index:12;border:1px solid var(--line);background:color-mix(in srgb, var(--panel-strong) 90%, #f7f0df 10%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;flex-direction:column;gap:10px;padding:12px;display:flex;position:sticky;box-shadow:0 18px 34px #26190d14}.editor-actions{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.dock-quickbar{align-items:center;gap:10px;margin-bottom:2px;display:flex}.quick-tool-button{appearance:none;border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, #f7f0df 8%);color:var(--text);box-shadow:none;cursor:pointer;border-radius:18px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.quick-tool-button:hover{transform:translateY(-1px)}.quick-tool-icon{justify-content:center;align-items:center;width:20px;font-size:1rem;display:inline-flex}.action-button{box-shadow:none;border-radius:18px;padding:15px 16px}.action-button.primary{background:color-mix(in srgb, #fff6d1 78%, var(--accent) 22%);border-color:color-mix(in srgb, var(--accent) 32%, var(--line));font-weight:700}.action-button.secondary{min-width:116px}.action-button.tertiary{background:var(--panel)}.action-button.recording{color:var(--danger);background:#bb4d4426;border-color:#bb4d4447}.hold-button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}.voice-status{color:var(--muted);border-radius:20px;padding:14px 16px}.voice-status strong{color:var(--text);margin-bottom:6px;display:block}.voice-status.cancel{color:var(--danger);border-color:#bb4d4447}.audio-block,.attachment-block{border-radius:20px;padding:16px}.audio-block-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.audio-block-title{color:var(--text);font-weight:700}.audio-tools{gap:8px;display:flex}.attachment-count{color:var(--muted);font-size:.88rem}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.image-card{flex-direction:column;gap:8px;display:flex}.image-card img{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, #f7f1e5 8%);border-radius:18px;width:100%}.image-delete{align-self:flex-start}.ghost-button{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0}.ghost-button.danger{color:var(--danger)}.settings-grid{gap:14px;display:grid}.settings-card{border-radius:24px;padding:18px}.settings-card h3{margin:0 0 8px;font-size:1.08rem}.settings-card p{color:var(--muted);margin:0;line-height:1.65}.settings-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.theme-button.is-active{background:color-mix(in srgb, var(--accent) 20%, var(--panel));border-color:color-mix(in srgb, var(--accent) 46%, var(--line));color:var(--accent-strong);font-weight:700}.hidden-input{display:none}.danger-text{color:var(--danger)}.dock-text-button{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:none;align-self:center;padding:2px 4px 0;font-size:.94rem}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.app-shell{padding-left:12px;padding-right:12px}.topbar-title h1,.topbar-title h2{font-size:clamp(1.6rem,8vw,2.3rem)}.editor-surface{min-height:52vh;padding:20px 16px 24px}.editor-surface>:first-child{font-size:2.2rem}.editor-actions{grid-template-columns:1fr}.action-button{width:100%}.image-grid{grid-template-columns:1fr}}