:root{--bg: #f6f6f3;--surface: #ffffff;--surface-elevated: #fcfcfa;--text: #1b1b1f;--muted: #707079;--border: #e7e6e4;--accent: #e5484d;--accent-strong: #d7363c;--danger-surface: #fdf0ef;--shadow-card: 0 1px 3px rgba(16, 24, 40, .06), 0 8px 24px rgba(16, 24, 40, .06);--shadow-card-hover: 0 2px 5px rgba(16, 24, 40, .08), 0 12px 28px rgba(16, 24, 40, .08);--shadow-modal: 0 20px 45px rgba(17, 24, 39, .22);--radius-xl: 16px;--radius-lg: 12px;--radius-md: 10px;--radius-sm: 8px;--notebook-line: #e0e0e0;--notebook-margin: #ffcdd2;--apple-yellow: #ffcc00}.dark-theme{--bg: #131316;--surface: #1d1d21;--surface-elevated: #232327;--text: #f5f5f7;--muted: #9e9ea7;--border: #2d2d32;--accent: #ff6369;--accent-strong: #ff4f56;--danger-surface: #462325;--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 22px rgba(0, 0, 0, .24);--shadow-card-hover: 0 2px 4px rgba(0, 0, 0, .35), 0 14px 28px rgba(0, 0, 0, .28);--shadow-modal: 0 24px 52px rgba(0, 0, 0, .45);--notebook-line: #2d2d32;--notebook-margin: #3d2325}.notebook-paper{background-image:linear-gradient(var(--notebook-line) 1px,transparent 1px);background-size:100% 2rem;background-attachment:local}.notebook-lines{background-image:linear-gradient(transparent 1.95rem,var(--notebook-line) 1.95rem);background-size:100% 2rem;line-height:2rem!important;padding-top:.5rem!important}.apple-notes-modal{width:min(1200px,98vw)!important;height:92vh!important;max-height:92vh!important;display:flex;flex-direction:column}.apple-notes-toolbar{display:flex;background:var(--bg);padding:4px;border-radius:var(--radius-md);gap:4px}.tool-toggle-btn{padding:6px 12px;border-radius:var(--radius-sm);color:var(--muted)}.tool-toggle-btn.active{background:var(--surface);color:var(--apple-yellow);box-shadow:0 2px 4px #0000001a}.notebook-surface-container{flex:1;overflow:hidden;position:relative;background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);margin:1rem 0}.notebook-paper-surface{height:100%;position:relative;overflow-y:auto;background-image:linear-gradient(var(--notebook-line) 1px,transparent 1px);background-size:100% 2rem}.apple-notes-textarea{width:100%;min-height:100%;border:none;background:transparent!important;resize:none;padding:1rem 2rem 1rem 3rem;font-size:1.1rem;color:var(--text);outline:none!important;position:relative;z-index:2}.apple-notes-canvas-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.canvas-layer{width:100%;height:100%;position:relative}.canvas-mini-tools{position:absolute;top:10px;right:10px;z-index:10}.canvas-clear-btn-mini{background:#0009;color:#fff;font-size:.7rem;padding:4px 8px;border-radius:4px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background-color:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:300;line-height:1.68;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{min-height:100vh;padding:72px 24px 24px}.app-header{position:fixed;top:0;left:0;right:0;height:48px;border-bottom:1px solid color-mix(in srgb,var(--border) 88%,transparent);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:100}.app-header-inner{max-width:860px;height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.header-actions{display:flex;align-items:center;gap:.5rem}.logo{font-size:.95rem;font-weight:500;letter-spacing:.01em}.logo-log-light,.logo-log-dark{color:var(--accent)}.icon-btn{width:30px;height:30px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn:hover{color:var(--text);background:color-mix(in srgb,var(--surface) 70%,transparent);border-color:color-mix(in srgb,var(--border) 75%,transparent)}.new-entry-btn{height:32px;padding:0 11px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 85%,var(--accent-strong));background:color-mix(in srgb,var(--accent) 90%,var(--accent-strong));color:#fff;display:inline-flex;align-items:center;gap:.42rem;font-size:.79rem;font-weight:500;line-height:1}.new-entry-btn:hover{background:var(--accent-strong)}.settings-btn{width:auto;height:32px;padding:0 10px;gap:.42rem;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface) 78%,transparent)}.settings-btn-label{font-size:.78rem;font-weight:500;color:inherit}.home-container{max-width:860px;margin:0 auto;display:flex;gap:18px;align-items:flex-start}.form-box{flex:0 0 245px;min-height:230px;border-radius:var(--radius-xl);background:var(--surface);border:1px solid color-mix(in srgb,var(--border) 85%,transparent);box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:26px}.typing-animation{max-width:100%;font-size:1.4rem;font-weight:500;letter-spacing:-.015em;line-height:1.35;text-align:center;color:var(--text)}.typing-cursor{display:inline-block;width:2px;height:1.2em;margin-left:5px;border-radius:2px;background-color:var(--accent);vertical-align:-.2em}.list-box{flex:1;min-width:0;max-height:calc(100vh - 110px);overflow-y:auto;padding-right:.2rem;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--border) 90%,transparent) transparent}.entry-controls{display:flex;align-items:center;gap:.65rem;margin-bottom:.95rem}.entry-search-input,.entry-date-filter,.settings-drawer-select{border:1px solid color-mix(in srgb,var(--border) 88%,transparent);background:var(--surface);color:var(--text);border-radius:var(--radius-md);font-size:.85rem;font-weight:400;padding:.62rem .78rem}.entry-search-input{flex:1;min-width:0}.entry-search-input:focus,.entry-date-filter:focus,.settings-drawer-select:focus,.new-entry-btn:focus,.cancel-btn:focus,.delete-btn:focus,.edit-btn:focus,.search-clear-btn:focus,.undo-btn:focus,.settings-btn:focus,.settings-drawer-close-btn:focus,.settings-drawer-btn:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 50%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.search-clear-btn{border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:var(--radius-sm);padding:.58rem .72rem;font-size:.82rem;font-weight:500;cursor:pointer}.entry-list{display:flex;flex-direction:column;gap:.58rem}.entry-list-heading{margin:0 0 .85rem .28rem;font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.entry-list-empty{min-height:220px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:.92rem;padding:0 1rem}.entry-item{width:100%;text-align:left;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:.95rem 1rem;cursor:pointer;color:inherit}.entry-item-head{display:flex;justify-content:space-between;align-items:center;gap:.65rem}.entry-item-date{font-size:.72rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb,var(--muted) 92%,var(--accent))}.entry-item-mood{font-size:1.02rem;opacity:.82}.entry-item-text{margin:.6rem 0 0;color:var(--text);font-size:.96rem;font-weight:300;line-height:1.72;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal-backdrop{position:fixed;inset:0;background:#00000047;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;z-index:120;padding:18px}.glass{background:color-mix(in srgb,var(--surface) 86%,transparent);border:1px solid color-mix(in srgb,var(--border) 72%,transparent);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.modal-content{width:min(680px,100%);max-height:min(86vh,760px);overflow-y:auto;border-radius:var(--radius-xl);padding:1.55rem;box-shadow:var(--shadow-modal)}.modal-content h2,.modal-content h3{margin:0 0 1rem;font-weight:600;letter-spacing:-.015em;line-height:1.25}.entry-modal-content{max-width:700px}.entry-modal-date{margin-bottom:1rem;color:var(--muted);font-size:.85rem;font-weight:500}.entry-modal-text{margin:0;min-height:140px;white-space:pre-wrap;color:var(--text);font-size:1rem;line-height:1.74}.new-entry-form{display:flex;flex-direction:column;gap:1rem}.new-entry-form textarea{min-height:300px;border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 75%,transparent);color:var(--text);font-size:1rem;font-weight:300;line-height:1.74;padding:1rem;resize:none}.new-entry-form textarea::placeholder{color:var(--muted)}.new-entry-form textarea:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}.entry-form-buttons,.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.65rem}.draft-status{margin-right:auto;font-size:.74rem;color:var(--muted);font-weight:400}button{border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:inherit;font-size:.84rem;font-weight:500;padding:.62rem .88rem;cursor:pointer}button[type=submit]{background:var(--accent);color:#fff;border-color:color-mix(in srgb,var(--accent) 88%,var(--accent-strong))}.cancel-btn,.edit-btn{border-color:var(--border);color:var(--muted);background:transparent}.delete-btn{background:var(--danger-surface);border-color:color-mix(in srgb,var(--accent) 30%,var(--border));color:var(--accent)}.settings-drawer-overlay{position:fixed;inset:0;background:#00000047;z-index:990}.settings-drawer{position:fixed;right:0;top:0;width:min(320px,92vw);height:100vh;background:var(--surface-elevated);border-left:1px solid color-mix(in srgb,var(--border) 90%,transparent);box-shadow:-14px 0 34px #0000002b;z-index:1000;padding:1.1rem 1rem;overflow-y:auto}.settings-drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.95rem}.settings-drawer-header h2{margin:0;font-size:1rem;font-weight:600}.settings-drawer-close-btn{width:30px;height:30px;border:1px solid var(--border);border-radius:999px;color:var(--muted);display:inline-flex;align-items:center;justify-content:center}.settings-drawer-section{padding-top:.9rem;margin-top:.9rem;border-top:1px solid color-mix(in srgb,var(--border) 88%,transparent)}.settings-drawer-section h3{margin:0 0 .8rem;color:var(--muted);font-size:.7rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase}.settings-drawer-btn-group{display:flex;flex-direction:column;gap:.55rem}.settings-drawer-btn{width:100%;display:flex;align-items:center;gap:.6rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);padding:.72rem .78rem;font-weight:400;font-size:.84rem}.settings-theme-btn{justify-content:space-between}.theme-icon{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.82rem}.settings-import-mode{margin-bottom:.8rem}.settings-import-mode label{display:block;margin-bottom:.4rem;color:var(--muted);font-size:.72rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.settings-drawer-footer{margin-top:1.1rem;padding-top:.8rem;border-top:1px solid color-mix(in srgb,var(--border) 88%,transparent);color:var(--muted);font-size:.78rem}.undo-toast{position:fixed;bottom:1.15rem;left:50%;transform:translate(-50%);z-index:160;display:flex;align-items:center;gap:.8rem;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid color-mix(in srgb,var(--border) 90%,transparent);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:.66rem .84rem;font-size:.84rem}.undo-btn{border:1px solid var(--border);color:var(--accent);padding:.45rem .68rem}.theme-toggle{border:1px solid var(--border);color:var(--muted);padding:.45rem .7rem}@media(max-width:900px){.home-container{flex-direction:column}.form-box{width:100%;min-height:190px;flex-basis:auto}.list-box{width:100%;max-height:none;overflow:visible}}@media(max-width:640px){.App{padding:64px 16px 16px}.app-header-inner{padding:0 16px}.settings-btn-label,.new-entry-btn span{display:none}.new-entry-btn{width:32px;padding:0;justify-content:center}.entry-controls{flex-wrap:wrap}.entry-search-input{flex:1 1 100%}.entry-date-filter,.search-clear-btn{flex:1}.modal-content{padding:1.1rem}.new-entry-form textarea{min-height:240px}}@media(prefers-reduced-motion:no-preference){.form-box,.entry-item,.settings-drawer-btn,.settings-drawer-close-btn,.icon-btn,.search-clear-btn,.undo-btn,.cancel-btn,.edit-btn,.delete-btn,button[type=submit]{transition:all .22s cubic-bezier(.4,0,.2,1)}.typing-cursor{animation:blink-cursor 1s step-end infinite}.form-box:hover,.entry-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-card-hover)}.settings-drawer-btn:hover,.settings-drawer-close-btn:hover,.search-clear-btn:hover,.undo-btn:hover,.cancel-btn:hover,.edit-btn:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));color:color-mix(in srgb,var(--accent) 76%,var(--text))}button[type=submit]:hover{background:var(--accent-strong)}.delete-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}}@keyframes blink-cursor{0%,49%{opacity:1}50%,to{opacity:0}}