:root{--ink:#1a2332;--ink-muted:#5a6578;--paper:#f7f3eb;--paper-deep:#ebe4d6;--paper-surface:#fffdf8e0;--line:#d4cbb8;--grid:#1a233212;--accent:#1a2332;--accent-soft:#1a23320f;--danger:#c62828;--danger-deep:#9b1c1c;--ok:#2e5a3c;--sketch-border:2px solid var(--ink);--sketch-shadow:2px 2px 0 #1a23321f;--radius:14px;--font-ui:"Source Sans 3", system-ui, sans-serif;--font-diary:"Literata", Georgia, serif;--footer-h:72px;--safe-bottom:env(safe-area-inset-bottom,0px);--grid-size:24px;--paper-grid:repeating-linear-gradient(0deg, transparent, transparent calc(var(--grid-size) - 1px), var(--grid) calc(var(--grid-size) - 1px), var(--grid) var(--grid-size)), repeating-linear-gradient(90deg, transparent, transparent calc(var(--grid-size) - 1px), var(--grid) calc(var(--grid-size) - 1px), var(--grid) var(--grid-size)), var(--paper)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100dvh;overflow:hidden}body{font-family:var(--font-ui);color:var(--ink);background:var(--paper-grid);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea{font:inherit}.app-shell{background:var(--paper-grid);flex-direction:column;max-width:430px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #1a23320f}.page{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.page--list{padding-bottom:calc(var(--footer-h) + var(--safe-bottom) + 8px)}.page-header{flex-shrink:0;padding:20px 20px 8px}.page-header__title{font-family:var(--font-diary);letter-spacing:-.02em;margin:0;font-size:1.85rem;font-weight:600}.folder-bar{scrollbar-width:none;flex-shrink:0;gap:8px;padding:8px 16px 12px;display:flex;overflow-x:auto}.folder-bar::-webkit-scrollbar{display:none}.folder-chip{border:var(--sketch-border);color:var(--ink);cursor:pointer;box-shadow:none;background:0 0;border-radius:999px;flex:none;padding:8px 14px;font-size:.92rem;font-weight:500}.folder-chip.is-active{background:var(--ink);border-color:var(--ink);color:var(--paper);box-shadow:none}.folder-chip--add{min-width:40px;font-size:1.2rem;font-weight:600;line-height:1}.page-main{flex:1;min-height:0;padding:0 16px 16px;overflow:auto}.empty-state{text-align:center;color:var(--ink-muted);margin:32px 8px}.note-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.note-swipe{border-radius:var(--radius);touch-action:pan-y;position:relative;overflow:hidden}.note-swipe__actions{background:var(--danger);justify-content:stretch;align-items:stretch;width:80px;display:flex;position:absolute;inset:0 0 0 auto}.note-swipe__delete{color:#fff;cursor:pointer;background:0 0;border:none;width:100%;padding:0 8px;font-size:.85rem;font-weight:600}.note-swipe__delete:active{background:var(--danger-deep)}.note-swipe__content{z-index:1;touch-action:pan-y;will-change:transform;transition:transform .18s;position:relative}.note-swipe__content.is-dragging{transition:none}.note-list-item{color:inherit;border:1px solid var(--line);border-radius:var(--radius);-webkit-user-select:none;user-select:none;background:#fffdf8;flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;transition:border-color .15s;display:flex}.note-list-item__title{word-break:break-word;font-size:1.05rem;font-weight:600;line-height:1.35}.note-list-item__title.is-untitled{color:var(--ink-muted);font-style:italic;font-weight:500}.note-list-item__date{color:var(--ink-muted);font-size:.85rem}.list-footer{width:min(100%,430px);padding:12px 16px calc(12px + var(--safe-bottom));background:0 0;border-top:none;align-items:center;gap:10px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.list-footer__search{border:var(--sketch-border);box-shadow:none;background:0 0;border-radius:12px;outline:none;flex:1;padding:12px 14px}.list-footer__search:focus{border-color:var(--ink)}.list-footer__add{border:var(--sketch-border);width:48px;height:48px;color:var(--ink);cursor:pointer;box-shadow:none;background:0 0;border-radius:50%;font-size:1.6rem;font-weight:600;line-height:1}.page--editor{padding-bottom:calc(96px + var(--safe-bottom))}.editor-header{flex-shrink:0;align-items:center;gap:8px;padding:12px 12px 4px;display:flex}.editor-header__back{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:12px;font-size:1.4rem}.editor-header__back:hover{background:var(--paper-deep)}.editor-header__label{color:var(--ink-muted);font-size:.95rem;font-weight:500}.editor-header__delete{width:44px;height:44px;color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;place-items:center;margin-left:auto;display:grid}.editor-header__delete:hover{background:var(--paper-deep);color:var(--danger)}.editor-header__delete:active{color:var(--danger-deep)}.confirm-dialog{z-index:80;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirm-dialog__backdrop{cursor:pointer;background:#1a233261;border:none;margin:0;padding:0;position:absolute;inset:0}.confirm-dialog__panel{z-index:1;border:var(--sketch-border);border-radius:var(--radius);background:var(--paper);width:min(100%,320px);box-shadow:var(--sketch-shadow);padding:20px 18px 16px;position:relative}.confirm-dialog__title{font-family:var(--font-diary);margin:0 0 8px;font-size:1.25rem;font-weight:600}.confirm-dialog__message{color:var(--ink-muted);margin:0 0 18px;font-size:.95rem;line-height:1.45}.confirm-dialog__label{color:var(--ink-muted);margin:0 0 6px;font-size:.9rem;display:block}.confirm-dialog__field{border:var(--sketch-border);background:var(--paper-surface);width:100%;color:var(--ink);box-sizing:border-box;border-radius:12px;margin:0 0 18px;padding:10px 12px;font-family:inherit;font-size:1rem;display:block}.confirm-dialog__field:focus{outline:2px solid color-mix(in srgb, var(--ink) 28%, transparent);outline-offset:1px}.confirm-dialog__error{color:var(--danger);margin:-10px 0 14px;font-size:.85rem;line-height:1.3}.confirm-dialog__actions{justify-content:flex-end;gap:10px;display:flex}.confirm-dialog__btn{border:var(--sketch-border);cursor:pointer;background:var(--paper-surface);color:var(--ink);box-shadow:var(--sketch-shadow);border-radius:12px;padding:10px 14px;font-weight:600}.confirm-dialog__btn:active{box-shadow:none;transform:translate(1px,1px)}.confirm-dialog__btn--confirm.is-danger{background:var(--danger);border-color:var(--danger-deep);color:#fff}.confirm-dialog__btn--confirm.is-danger:hover{background:var(--danger-deep)}.editor-main{flex-direction:column;flex:1;min-height:0;padding:8px 20px 24px;display:flex;overflow:hidden}.diary-title{flex-shrink:0;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.diary-title__input{resize:none;font-family:var(--font-diary);color:var(--ink);word-break:break-word;background:0 0;border:none;outline:none;flex:1;padding:0;font-size:1.55rem;font-weight:600;line-height:1.35;overflow:hidden}.diary-title__input::placeholder{color:var(--ink-muted);font-style:italic;font-weight:500}.diary-title__regen{border:var(--sketch-border);background:var(--paper-surface);width:40px;height:40px;color:var(--ink);cursor:pointer;box-shadow:var(--sketch-shadow);border-radius:50%;flex:none;place-items:center;margin-top:2px;display:grid}.diary-title__regen:active{color:var(--ink);box-shadow:none;transform:translate(1px,1px)}.diary-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.diary-body__input{resize:none;width:100%;min-height:0;font-family:var(--font-diary);color:var(--ink);background:0 0;border:none;outline:none;flex:1 1 0;padding:0;font-size:1.08rem;line-height:1.65;overflow-y:auto}.diary-body__input::placeholder{color:var(--ink-muted)}.speech-hint,.speech-error{flex-shrink:0;margin:16px 0 0;font-size:.9rem}.speech-hint{color:var(--ink-muted)}.speech-error{color:var(--danger)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fab-cluster{left:50%;bottom:calc(20px + var(--safe-bottom));z-index:20;box-shadow:none;background:0 0;border:none;border-radius:0;align-items:center;gap:10px;padding:0;display:flex;position:fixed;transform:translate(-50%)}.fab{border:var(--sketch-border);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:1px 1px #1a23321a}.fab:disabled{opacity:.45;cursor:not-allowed}.fab:active:not(:disabled){box-shadow:none;transform:translate(1px,1px)}.fab--record{width:60px;height:60px;color:var(--danger);border-color:var(--danger)}.fab--record.is-listening{color:var(--danger-deep);border-color:var(--danger-deep);animation:1.4s ease-in-out infinite pulse-record}.fab--copy{width:40px;height:40px;color:var(--ink)}.fab--copy.is-ok{color:var(--ok);border-color:var(--ok)}.fab--copy.is-err{color:var(--danger);border-color:var(--danger)}@keyframes pulse-record{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}