:root{--bg:#f4f7f2;--bg-main:#e8efe6;--card:#fbfef8;--line:#c5d4c0;--line-pistachio:#9fb89a;--text:#1e2d22;--accent:#2d5a3d;--accent-soft:#3d7a55;--pistachio:#3d6b4f;--pistachio-deep:#2d5a3d;--herb-sage:#6b8f71;--herb-mint:#a8c9b0;--white-soft:#f7faf6;--main-side-padding:16px;--herb-select-max-w:5.5rem}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);min-width:0;margin:0;padding:0;font-family:Noto Sans JP,sans-serif;overflow-x:hidden}.login-page{background-color:var(--bg-main);justify-content:center;align-items:center;min-height:100dvh;padding:20px;font-family:Noto Sans JP,sans-serif;display:flex}.login-container{width:100%;max-width:400px;margin:0 auto}.login-card{background:var(--card);border:1px solid var(--line-pistachio);border-radius:.375rem;overflow:hidden;box-shadow:0 .125rem .25rem #0000000f}.login-card-body{padding:1.5rem}.login-card-header{text-align:center;margin-bottom:1.5rem}.login-logo{margin:0 auto .5rem;display:block}.login-card-title{color:var(--text);margin:0;font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:700}.login-form-group{margin-bottom:1rem}.login-form-label{color:var(--text);margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.login-form-control{width:100%;min-height:44px;color:var(--text);background:var(--white-soft);border:1px solid var(--line-pistachio);box-sizing:border-box;border-radius:.375rem;padding:.375rem .75rem;font-size:16px;line-height:1.5;display:block}.login-form-control::placeholder{color:#6c757d}.login-form-control:focus{border-color:var(--pistachio);outline:0;box-shadow:0 0 0 .2rem #3d6b4f40}.login-btn-primary{width:100%;min-height:44px;color:var(--white-soft);background-color:var(--pistachio);border:1px solid var(--pistachio);cursor:pointer;border-radius:.375rem;padding:.375rem .75rem;font-size:1rem;font-weight:500}.login-btn-primary:hover{background-color:var(--pistachio-deep);border-color:var(--pistachio-deep)}.login-error{color:#b22424;margin:0 0 1rem;font-size:.875rem}.login-form .login-error:last-child{margin-top:.75rem;margin-bottom:0}.login-form{display:block}input,button{min-height:44px;font-size:16px}.error{color:#b22424}.app-shell{grid-template-rows:auto 1fr;width:100%;min-width:0;max-width:480px;min-height:100dvh;margin-left:auto;margin-right:auto;display:grid;overflow-x:hidden}.app-header,.app-footer{min-width:0;padding:0 var(--main-side-padding);padding-bottom:max(0px, env(safe-area-inset-bottom));border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;display:flex}.app-header{z-index:20;background:var(--pistachio-deep);color:var(--white-soft);border-top:none;border-bottom:1px solid #ffffff2e;flex-wrap:wrap;row-gap:6px;padding-top:8px;padding-bottom:8px;position:relative}.header-logo-wrap{flex-shrink:0;align-items:center;gap:8px;min-width:0;display:flex}.header-logo-icon{object-fit:contain;border-radius:50%;width:30px;height:30px;display:block}.header-title{font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:400}.header-logo-link{color:inherit;align-items:center;gap:8px;text-decoration:none;display:flex}.header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.header-herb-controls{min-width:0;max-width:var(--herb-select-max-w);flex:0 auto;align-items:center;display:flex}.herb-select-label{width:100%;min-width:0;max-width:100%;margin:0;display:block}.herb-select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:32px;color:var(--text);background:var(--white-soft);text-overflow:ellipsis;border:1px solid #ffffff59;border-radius:8px;padding:2px 4px 2px 6px;font-size:10px;line-height:1.2;display:block}.herb-select option{padding:.35rem .5rem;font-size:16px;line-height:1.4}.header-icon-link{width:44px;height:44px;color:inherit;border-radius:8px;justify-content:center;align-items:center;font-size:22px;text-decoration:none;transition:opacity .2s;display:flex}.header-icon-link:hover{opacity:.85}.header-icon-link-active{opacity:.9}.side-menu{position:relative}.side-menu summary{list-style:none}.side-menu summary::-webkit-details-marker{display:none}.header-controls{cursor:pointer;align-items:center;gap:14px;font-size:20px;display:flex}.hamburger{font-size:24px}.side-menu-panel{border:1px solid var(--line-pistachio);background:#fff;border-radius:12px;width:min(280px,86vw);position:absolute;top:42px;right:0;box-shadow:0 12px 30px #00000014}.side-menu-header{background:var(--pistachio);color:var(--white-soft);border-bottom:1px solid var(--line-pistachio);border-radius:11px 11px 0 0;padding:12px;font-weight:700}.side-menu-content{color:var(--text);gap:10px;padding:10px 12px;display:grid}.side-menu-content a{color:var(--text);font-weight:500;text-decoration:none}.side-menu-content form button{border:1px solid var(--line-pistachio);background:var(--white-soft);width:100%;color:var(--text);border-radius:10px;font-weight:500}.side-menu-content form button:hover{background:var(--line-pistachio)}.user-email{color:var(--text);opacity:.9;margin:0;font-size:13px}.app-main{background:var(--bg-main);grid-template-rows:auto 1fr;min-width:0;display:grid;overflow:hidden}.hero{padding:16px var(--main-side-padding) 12px var(--main-side-padding);max-width:100%}.miso-greeting{align-items:flex-start;width:100%;min-width:0;max-width:100%;margin-bottom:4px;display:flex;position:relative}.miso-avatar{object-fit:contain;flex-shrink:0;width:50px;height:50px;margin-right:10px;display:block}.miso-greeting .speech{color:#102a43;overflow-wrap:break-word;word-break:break-word;white-space:pre-line;background-color:#f7fbff;border:1px solid #dcebfa;border-radius:10px;flex-grow:1;align-items:center;min-width:0;min-height:40px;margin-left:5px;padding:15px;font-size:clamp(14px,3.2vw,15px);font-weight:400;line-height:1.5;display:flex;position:relative;box-shadow:0 2px 5px #0000001a}.miso-greeting .speech:before{content:"";z-index:1;border-radius:0 0 0 15px;width:20px;height:30px;position:absolute;top:15px;left:-10px;box-shadow:inset -3px -15px 0 -7px #f7fbff}.miso-greeting .speech:after{content:"";z-index:0;border-radius:0 0 0 15px;width:20px;height:30px;position:absolute;top:15px;left:-11px;box-shadow:inset -3px -15px 0 -7px #dcebfa}.timeline-area{min-width:0;padding:10px var(--main-side-padding) 18px;padding-bottom:calc(90px + env(safe-area-inset-bottom));overflow:auto}.app-main-album{padding-bottom:env(safe-area-inset-bottom);overflow:auto}.album-area{padding:16px var(--main-side-padding) 24px;min-width:0}.album-content{min-width:0}.album-content.hidden{display:none}.album-grid{grid-template-columns:repeat(3,1fr);gap:10px;min-width:0;display:grid}.album-thumb-link{aspect-ratio:1;border:1px solid var(--line-pistachio);background:var(--bg-main);border-radius:10px;display:block;position:relative;overflow:hidden}.album-thumb{object-fit:cover;width:100%;height:100%;display:block}.album-thumb-date{color:var(--white-soft);background:#00000080;padding:4px 6px;font-size:10px;position:absolute;bottom:0;left:0;right:0}.album-empty{color:var(--text);opacity:.8;margin:0;font-size:14px}.entry-grid-wrap{min-width:0}.entry-list{flex-direction:column;gap:18px;width:100%;min-width:0;max-width:100%;display:flex}.entry-section{border:1px solid var(--line-pistachio);background:#fff;border-radius:0;min-width:0;padding:16px;position:relative;box-shadow:0 4px 12px #0000000a}.entry-section-title-wrap{color:var(--white-soft);background:var(--pistachio);justify-content:space-between;align-items:center;gap:8px;margin:-16px -16px 14px;padding:0 0 0 16px;font-size:16px;font-weight:700;line-height:2.25;display:flex}.entry-section-title{color:var(--white-soft);background:0 0;margin:0;padding:0;font-size:16px;font-weight:700}.entry-date-inline-form{align-items:center;display:inline-flex;position:relative}.entry-date-inline-input{appearance:none;color:var(--white-soft);cursor:pointer;background:0 0;border:0;width:10.5ch;min-height:auto;margin:0;padding:0;font-size:16px;font-weight:700;line-height:2.25}.entry-date-inline-input::-webkit-datetime-edit{padding:0}.entry-date-inline-input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.entry-date-form{align-items:center;gap:6px;font-size:12px;display:flex}.entry-date-input{border:0;border-radius:4px;min-height:auto;padding:2px 4px;font-size:12px}.entry-date-btn{min-height:auto;color:var(--white-soft);background:#ffffff26;border:0;border-radius:999px;padding:2px 6px;font-size:12px}.entry-date-btn:hover{background:#ffffff40}.entry-stats{grid-template-columns:1fr 1fr;gap:12px 20px;margin-bottom:16px;display:grid}.entry-stat-cards{gap:12px 16px}.entry-stat{background:var(--bg-main);border:1px solid var(--line-pistachio);border-radius:0;min-width:0;padding:10px 12px}.entry-stat-card{border:1px solid var(--line-pistachio);background:#fff;border-radius:0;padding:12px 14px;box-shadow:0 2px 8px #0000000a}.entry-stat-card .entry-stat-label{color:var(--pistachio);opacity:1;margin-bottom:8px;font-size:14px;font-weight:700}.entry-stat-label{color:var(--pistachio);opacity:.85;margin-bottom:6px;font-size:11px;display:block}.entry-stat-rows{grid-template-columns:minmax(0,3.5em) 1fr;align-items:baseline;gap:0 6px;min-width:0;display:grid}.entry-stat-rows+.entry-stat-rows{margin-top:4px}.entry-stat-row-label{color:var(--text);opacity:.8;font-size:12px}.entry-stat-row-value{color:var(--text);text-overflow:ellipsis;min-width:0;font-size:15px;font-weight:700;overflow:hidden}.entry-photo-wrap{width:100%;position:relative}.entry-photo-wrap+.entry-photo-wrap{margin-top:8px}.entry-photo-delete{z-index:2;margin:0;position:absolute;top:8px;right:8px}.entry-photo-delete-btn{width:40px;height:40px;color:var(--white-soft);cursor:pointer;background:#00000073;border:0;border-radius:50%;place-items:center;padding:0;font-size:18px;line-height:1;display:grid}.entry-photo-delete-btn:hover{background:#0009}.entry-add-photo{flex-direction:column;justify-content:center;align-items:center;gap:4px;margin:10px 0 0;display:flex}.entry-add-photo input[type=file]{opacity:0;clip:rect(0, 0, 0, 0);width:0;height:0;position:absolute;overflow:hidden}.entry-add-photo .photo-generating-msg{color:var(--text);opacity:.85;order:-1;font-size:11px;display:none}.entry-add-photo.htmx-request .photo-generating-msg{display:block}.entry-add-photo-btn{border:2px dashed var(--line-pistachio);background:var(--bg-main);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:50%;place-items:center;font-size:22px;line-height:1;transition:background .15s,border-color .15s;display:grid}.entry-add-photo-btn:hover{background:var(--card);border-color:var(--pistachio);color:var(--pistachio)}.entry-section img{aspect-ratio:1;object-fit:cover;vertical-align:top;border-radius:12px;width:100%;max-width:100%}.entry-card-delete{flex-shrink:0;margin:0}.entry-card-delete-btn{color:var(--white-soft);cursor:pointer;background:0 0;border:0;padding:8px 12px;font-size:16px;line-height:1}.entry-card-delete-btn:hover{opacity:.85}.entry-memo-wrap{min-width:0;margin-top:10px;position:relative}.entry-memo-display{color:var(--text);cursor:pointer;border-bottom:1px solid var(--line-pistachio);opacity:.9;min-height:2.5em;padding:8px;font-size:14px}.entry-memo-display.is-placeholder{opacity:.55}.entry-memo-form,.entry-memo-wrap.edit-mode .entry-memo-display{display:none}.entry-memo-wrap.edit-mode .entry-memo-form{display:block}.entry-memo-input{border:0;border-bottom:1px solid var(--line-pistachio);width:100%;color:var(--text);background:0 0;min-width:0;padding:8px;font-size:14px}.entry-memo-input::placeholder{opacity:.6}.app-footer{align-items:center;gap:10px}.quick-entry-form{flex:1;grid-template-columns:1fr auto auto;align-items:center;gap:8px;min-width:0;display:grid}.quick-entry-form input[type=file]{display:none}.quick-entry-form input[type=text]{border:1px solid var(--line);background:#fff;border-radius:999px;min-width:0;min-height:40px;padding:0 12px;font-size:14px}.icon-btn{border:1px solid var(--line);min-width:40px;min-height:40px;color:var(--text);cursor:pointer;background:#fff;border-radius:999px;place-items:center;font-size:16px;display:grid}.footer-menu{align-items:center;gap:6px;display:flex}.footer-menu a,.footer-menu button{border:1px solid var(--line);width:40px;height:40px;color:var(--text);background:#fff;border-radius:999px;place-items:center;padding:0;font-size:16px;text-decoration:none;display:grid}.photo-adding-msg--top{color:var(--text);opacity:.9;text-align:center;padding:10px 0;font-size:13px;display:none}.app-shell:has(.floating-camera-form.htmx-request) .photo-adding-msg--top{display:block}.app-shell:has(.floating-camera-form.htmx-request) #entry-grid .empty{display:none}.entry-add-photo.is-uploading .photo-generating-msg{display:block}.app-shell:has(.floating-camera-form.is-uploading) .photo-adding-msg--top{display:block}.app-shell:has(.floating-camera-form.is-uploading) #entry-grid .empty{display:none}.floating-camera-form{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:40;position:fixed;transform:translate(-50%)}.floating-camera-form input[type=file]{display:none}.floating-camera-btn{background:linear-gradient(145deg, var(--pistachio-deep), var(--herb-sage));width:58px;height:58px;color:var(--white-soft);cursor:pointer;border:1px solid #ffffff4d;border-radius:999px;place-items:center;font-size:24px;text-decoration:none;display:grid;box-shadow:0 8px 20px #2d5a3d59}.loading,.empty{opacity:.8;font-size:14px}@media (width<=374px){.quick-entry-form{gap:6px}}@media (width>=430px){.app-main{grid-template-rows:auto 1fr}.entry-list{gap:20px}}.restored-notice{padding:12px var(--main-side-padding);background:var(--line-pistachio);color:var(--text);margin:0;font-size:14px}.restore-page{padding:20px var(--main-side-padding)}.restore-title{margin:0 0 12px;font-size:1.25rem}.restore-desc{opacity:.9;margin:0 0 20px;font-size:14px}.restore-error{color:#b22424;margin:0 0 16px;font-size:14px}.restore-form{gap:16px;display:grid}.restore-dates label,.restore-confirm label{margin-bottom:6px;font-size:14px;display:block}.restore-dates select,.restore-confirm input{width:100%;min-height:44px;padding:8px 12px;font-size:16px}.restore-actions{align-items:center;gap:12px;margin-top:8px;display:flex}.restore-cancel{color:var(--accent);font-size:14px}.restore-submit{background:var(--pistachio);min-height:44px;color:var(--white-soft);cursor:pointer;border:none;border-radius:8px;padding:0 20px;font-size:16px}.restore-empty{margin:0 0 16px;font-size:14px}.restore-back{color:var(--accent);font-size:14px}.hidden{display:none!important}.config-banner{color:#664d03;text-align:center;background:#fff3cd;padding:.75rem 16px;font-size:.875rem}