:root{color-scheme:light;--bg: #FAFAF7;--surface: #FFFFFF;--surface-2: #F3F3ED;--ink: #23281F;--muted: #6E7366;--faint: #9DA195;--accent: #6B7F5E;--accent-ink: #4E5F44;--accent-soft: #EDF0E7;--line: #E4E4DC;--danger: #B0574D;--shadow: 0 1px 2px rgba(35, 40, 31, .05), 0 8px 24px rgba(35, 40, 31, .06);--mood-1: #C4756B;--mood-2: #C99F63;--mood-3: #A8A87E;--mood-4: #86A476;--mood-5: #5F9268;--radius: 14px;--font-display: "Fraunces", Georgia, serif;--font-body: "Karla", system-ui, sans-serif}[data-theme=dark]{color-scheme:dark;--bg: #191A17;--surface: #21231E;--surface-2: #282B24;--ink: #E9E9E1;--muted: #A2A697;--faint: #767B6D;--accent: #93A883;--accent-ink: #AFC2A0;--accent-soft: #2A2E25;--line: #30332B;--danger: #D08B82;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .35);--mood-1: #C98077;--mood-2: #CBA671;--mood-3: #ADAD85;--mood-4: #8FAC80;--mood-5: #6FA077}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease}h1,h2,h3{font-family:var(--font-display);font-weight:500;margin:0}button{font-family:var(--font-body);cursor:pointer}input,textarea,select{font-family:var(--font-body);font-size:16px}::selection{background:var(--accent-soft)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shell{display:flex;min-height:100%}.sidebar{width:232px;flex-shrink:0;border-right:1px solid var(--line);padding:28px 16px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.brand{font-family:var(--font-display);font-size:26px;font-weight:600;letter-spacing:.01em;color:var(--accent-ink);padding:0 12px 20px;display:flex;align-items:center;gap:10px}.brand svg{flex-shrink:0}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:none;background:transparent;color:var(--muted);font-size:15px;font-weight:500;text-align:left;width:100%;transition:background .15s ease,color .15s ease}.nav-item:hover{background:var(--surface-2);color:var(--ink)}.nav-item.active{background:var(--accent-soft);color:var(--accent-ink)}.nav-item svg{flex-shrink:0}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:4px}.main{flex:1;min-width:0;padding:32px clamp(16px,4vw,48px) 96px;max-width:880px;margin:0 auto;width:100%}.tabbar{display:none}@media (max-width: 760px){.sidebar{display:none}.main{padding-top:20px;padding-bottom:110px}.tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom));z-index:40}.tabbar .nav-item{flex-direction:column;gap:3px;font-size:11px;padding:8px 4px;align-items:center;justify-content:center;flex:1}}.page-head{margin-bottom:24px}.page-head h1{font-size:clamp(26px,4vw,34px)}.page-head .sub{color:var(--muted);margin:6px 0 0;font-size:15px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:10px;padding:10px 18px;font-size:15px;font-weight:600;background:var(--accent);color:#fbfbf8;transition:filter .15s ease,transform .05s ease}.btn:hover{filter:brightness(1.06)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.btn-ghost:hover{color:var(--ink);background:var(--surface-2);filter:none}.btn-danger{background:transparent;border:1px solid var(--line);color:var(--danger)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:13px;font-weight:700;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.field input,.field textarea,.field select{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:11px 14px;color:var(--ink)}.field textarea{resize:vertical;min-height:160px;line-height:1.65}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.hint{color:var(--faint);font-size:13px}.error-text{color:var(--danger);font-size:14px;margin:8px 0 0}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:400px;padding:32px 28px}.auth-card .brand{padding:0 0 8px;justify-content:center;font-size:30px}.auth-tag{text-align:center;color:var(--muted);font-style:italic;font-family:var(--font-display);margin:0 0 26px}.auth-toggle{text-align:center;margin-top:18px;font-size:14px;color:var(--muted)}.auth-toggle button{background:none;border:none;color:var(--accent-ink);font-weight:700;padding:0 4px}.mood-row{display:flex;gap:10px;flex-wrap:wrap}.mood-chip{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 8px 8px;min-width:62px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);color:var(--muted);font-size:12.5px;font-weight:600;transition:border-color .15s ease,background .15s ease,transform .1s ease}.mood-chip:hover{transform:translateY(-1px)}.mood-chip.on{border-color:var(--chip);background:color-mix(in srgb,var(--chip) 14%,var(--surface));color:var(--ink)}.mood-leaf{width:22px;height:22px}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.tag{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:5px 13px;font-size:13px;font-weight:600;transition:all .15s ease}.tag.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.entry-item{display:grid;grid-template-columns:86px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);cursor:pointer}.entry-item:hover .entry-title{color:var(--accent-ink)}.entry-date{font-family:var(--font-display);font-style:italic;color:var(--muted);font-size:14px;line-height:1.4;padding-top:2px;text-align:right}.entry-date .day{font-size:24px;font-style:normal;color:var(--ink);display:block}.entry-title{font-family:var(--font-display);font-size:19px;font-weight:500;margin:0 0 4px;transition:color .15s ease}.entry-snippet{color:var(--muted);font-size:14.5px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.entry-meta{display:flex;align-items:center;gap:10px;margin-top:8px}.entry-thumbs{display:flex;gap:6px;margin-top:10px}.entry-thumbs img{width:56px;height:56px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.mood-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.empty{text-align:center;padding:64px 20px;color:var(--muted)}.empty h3{font-size:22px;margin-bottom:8px;color:var(--ink)}.photo-grid{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.photo-cell{position:relative}.photo-cell img{width:96px;height:96px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.photo-cell .rm{position:absolute;top:-7px;right:-7px;width:22px;height:22px;border-radius:50%;border:none;background:var(--ink);color:var(--bg);font-size:13px;line-height:1;display:grid;place-items:center}.photo-add{width:96px;height:96px;border-radius:10px;border:1.5px dashed var(--line);background:transparent;color:var(--faint);font-size:26px;display:grid;place-items:center;transition:all .15s ease}.photo-add:hover{border-color:var(--accent);color:var(--accent)}.editor-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}.ai-panel{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 var(--radius) var(--radius) 0;padding:16px 18px;margin-top:20px}.ai-panel h3{font-size:16px;display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--accent-ink)}.ai-panel p{margin:0 0 10px;font-size:14.5px}.ai-panel ul{margin:4px 0 10px;padding-left:18px;font-size:14.5px}.ai-panel li{margin-bottom:5px}.ai-loading{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px}.spin{width:15px;height:15px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:22px}.stat{padding:16px 18px}.stat .num{font-family:var(--font-display);font-size:30px;font-weight:600}.stat .lbl{color:var(--muted);font-size:13px;margin-top:2px}.chart-card{padding:20px;margin-bottom:22px}.chart-card h3{font-size:17px;margin-bottom:14px}.legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:13px;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:6px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:none}.setting-row .info h3{font-size:16px;margin-bottom:2px}.setting-row .info p{color:var(--muted);font-size:13.5px;margin:0}.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.seg button{border:none;background:transparent;padding:8px 14px;font-size:13.5px;font-weight:600;color:var(--muted)}.seg button.on{background:var(--accent-soft);color:var(--accent-ink)}.switch{position:relative;width:46px;height:26px;border-radius:999px;border:none;background:var(--line);transition:background .2s ease;flex-shrink:0}.switch.on{background:var(--accent)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s ease}.switch.on:after{transform:translate(20px)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--bg);padding:11px 20px;border-radius:999px;font-size:14px;font-weight:600;z-index:60;box-shadow:var(--shadow);animation:rise .25s ease}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}@media (max-width: 760px){.toast{bottom:96px}.entry-item{grid-template-columns:64px 1fr;gap:12px}}