:root{--bg: #0f1626;--surface: #18233a;--surface-2: #1f2c47;--border: #2c3a5a;--text: #eef2fb;--muted: #93a1c0;--accent: #f6c453;--accent-d: #d8a72f;--good: #5bd6a0;--warn: #f0a04b;--bad: #ef6f6f;--radius: 14px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:560px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px;padding-top:calc(14px + env(safe-area-inset-top));position:sticky;top:0;background:linear-gradient(var(--bg),rgba(15,22,38,.85));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5}.topbar h1{font-size:18px;margin:0;letter-spacing:.02em}.screen{padding:8px 16px 24px;flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:14px}.card h2{font-size:14px;color:var(--muted);margin:0 0 12px;font-weight:600}.bignum{font-size:40px;font-weight:700;line-height:1.1}.bignum small{font-size:16px;color:var(--muted);font-weight:500;margin-left:4px}.row{display:flex;gap:10px}.row.between{justify-content:space-between;align-items:center}.wrap{flex-wrap:wrap}.muted{color:var(--muted)}.small{font-size:12px}.center{text-align:center}.bar{height:10px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin:8px 0}.bar>span{display:block;height:100%;border-radius:999px;transition:width .3s}button{font:inherit;cursor:pointer;border:none;border-radius:10px;padding:12px 16px;background:var(--surface-2);color:var(--text);border:1px solid var(--border)}button:active{transform:translateY(1px)}button.primary{background:var(--accent);color:#2a2207;border-color:var(--accent-d);font-weight:700}button.ghost{background:transparent}button.danger{color:var(--bad);border-color:#4a2b33;background:#2a1a1f}button.block{width:100%}button:disabled{opacity:.5;cursor:default}.items{display:grid;grid-template-columns:1fr 1fr;gap:10px}.item{text-align:left;display:flex;flex-direction:column;gap:4px;padding:12px;min-height:64px}.item.has-thumb{flex-direction:row;align-items:center;gap:10px}.item .item-text{display:flex;flex-direction:column;gap:4px;min-width:0}.item .lbl{font-weight:600;font-size:14px}.item .sub{font-size:11px;color:var(--muted)}.thumb{flex:0 0 auto;border-radius:10px;object-fit:cover;background:#fff;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.photo-pick{display:flex;gap:14px;align-items:center;margin-bottom:16px}.photo-frame{flex:0 0 auto;width:96px;height:96px;border-radius:12px;background:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden}.photo-frame img{width:100%;height:100%;object-fit:cover}.tag{display:inline-block;font-size:10px;padding:1px 6px;border-radius:999px;border:1px solid var(--border);color:var(--muted);vertical-align:middle}.tag.kikaku{color:var(--good);border-color:#2e5546}.tag.meyasu{color:var(--warn);border-color:#5a4530}.tag.kakunin{color:var(--accent);border-color:var(--accent-d)}.tag.minna{color:#7fb4ff;border-color:#2c4a78}.section-title{font-size:12px;color:var(--muted);margin:16px 2px 8px;font-weight:600}.segmented{display:flex;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:3px;margin-bottom:14px}.segmented button{flex:1;border:none;background:none;border-radius:9px;padding:9px 4px;color:var(--muted);font-size:13px}.segmented button.active{background:var(--surface);color:var(--text);font-weight:600}.field-cap{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.seg-date{position:relative;flex:1;display:flex;align-items:center;justify-content:center;border-radius:9px;padding:9px 4px;color:var(--muted);font-size:13px}.seg-date.active{background:var(--surface);color:var(--text);font-weight:600}.seg-date input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;border:none;padding:0;margin:0;cursor:pointer}label.field{display:block;margin-bottom:12px}label.field>span{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}input,select{width:100%;font:inherit;padding:11px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;color:var(--text)}input[type=range]{padding:0}.inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.log-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--border)}.log-row:last-child{border-bottom:none}.log-row .meta{font-size:12px;color:var(--muted)}.tabbar{position:fixed;bottom:0;left:0;right:0;max-width:560px;margin:0 auto;display:flex;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:10}.tabbar button{flex:1;border:none;background:none;border-radius:0;padding:10px 2px;color:var(--muted);font-size:10px;white-space:nowrap;display:flex;flex-direction:column;align-items:center;gap:3px}.tabbar button.active{color:var(--accent)}.tabbar .ic{font-size:20px;line-height:1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;z-index:20}.modal{background:var(--surface);border:1px solid var(--border);border-radius:18px 18px 0 0;width:100%;max-width:560px;padding:20px 18px calc(20px + env(safe-area-inset-bottom));animation:slideup .18s ease-out}@keyframes slideup{0%{transform:translateY(20px);opacity:.6}to{transform:none;opacity:1}}.modal h3{margin:0 0 14px;font-size:16px}.disclaimer{font-size:11px;color:var(--muted);line-height:1.5;background:#221a12;border:1px solid #4a3a1f;border-radius:10px;padding:10px 12px}.disclaimer strong{color:var(--warn)}.homescreen-tip{font-size:12px;line-height:1.6;color:var(--text);background:#14233f;border:1px solid #2c4a78;border-radius:10px;padding:12px 14px;margin-bottom:14px}.homescreen-tip strong{color:#7fb4ff}.empty{text-align:center;color:var(--muted);padding:32px 12px;font-size:14px}.day-block{padding:8px 0;border-bottom:1px solid var(--border)}.day-block:last-child{border-bottom:none}.entry-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:8px 10px;margin-top:6px}.entry-main{display:flex;flex-direction:column;gap:2px;min-width:0}.entry-name{font-size:13px}.entry-edit{color:var(--accent);font-size:12px;flex:0 0 auto}