:root{--bg-primary: #fafafa;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-hover: #f5f5f5;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-muted: #888888;--accent-primary: #2c4a6e;--accent-secondary: #1a3a5c;--accent-light: rgba(44, 74, 110, .08);--achieved-color: #2e7d32;--achieved-bg: rgba(46, 125, 50, .08);--not-achieved-color: #c62828;--not-achieved-bg: rgba(198, 40, 40, .08);--cat-health: #2e7d32;--cat-study: #1565c0;--cat-work: #f57c00;--cat-hobby: #7b1fa2;--cat-life: #c2185b;--cat-other: #616161;--border-color: #e0e0e0;--border-radius: 8px;--border-radius-lg: 12px;--border-radius-sm: 6px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--transition: all .2s ease;--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-tap-highlight-color:transparent}body{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;padding-top:var(--safe-area-top);padding-bottom:calc(70px + var(--safe-area-bottom));line-height:1.6;letter-spacing:.02em}h1,h2,h3,h4{font-weight:600;line-height:1.4}h1{font-size:1.4rem}h2{font-size:1.15rem;color:var(--text-primary)}h3{font-size:.95rem;color:var(--text-secondary)}.section-title{position:relative;display:inline-block;padding-bottom:.5rem;margin-bottom:1rem}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:3rem;height:2px;background:var(--accent-primary)}.subsection-title{position:relative;padding-left:.75rem;margin:1.5rem 0 .75rem;font-size:.9rem;font-weight:600;color:var(--text-secondary)}.subsection-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:1em;background:var(--accent-primary)}.text-muted{color:var(--text-muted);font-size:.85rem}.header{background:var(--bg-secondary);padding:1rem;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border-color)}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:600px;margin:0 auto}.header-title{font-size:1rem;font-weight:700;color:var(--accent-primary);letter-spacing:.1em}.btn-home{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.icon-home{width:18px;height:18px;border:2px solid currentColor;border-radius:2px;position:relative}.icon-home:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:8px solid currentColor}.btn-home:hover{color:var(--accent-primary)}.main-content{max-width:600px;margin:0 auto;padding:1rem}.view{display:none}.view.active{display:block;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border-color);padding-bottom:var(--safe-area-bottom);z-index:100}.nav-list{display:flex;justify-content:space-around;max-width:600px;margin:0 auto;list-style:none}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:.6rem .5rem;color:var(--text-muted);cursor:pointer;transition:var(--transition);position:relative}.nav-item.active{color:var(--accent-primary)}.nav-item.active:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:2px;background:var(--accent-primary)}.nav-item:hover{color:var(--accent-primary)}.nav-icon{width:22px;height:22px;margin-bottom:.2rem;display:flex;align-items:center;justify-content:center}.icon-record{position:relative;width:18px;height:18px}.icon-record:before,.icon-record:after{content:"";position:absolute;background:currentColor}.icon-record:before{width:16px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)}.icon-record:after{width:2px;height:16px;top:50%;left:50%;transform:translate(-50%,-50%)}.icon-history{width:16px;height:16px;border:2px solid currentColor;border-radius:50%;position:relative}.icon-history:before{content:"";position:absolute;top:2px;left:50%;transform:translate(-50%);width:2px;height:5px;background:currentColor}.icon-history:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:2px;background:currentColor}.icon-analysis{width:16px;height:14px;position:relative}.icon-analysis:before{content:"";position:absolute;bottom:0;left:0;width:4px;height:8px;background:currentColor}.icon-analysis:after{content:"";position:absolute;bottom:0;left:6px;width:4px;height:14px;background:currentColor}.icon-settings{width:16px;height:16px;border:2px solid currentColor;border-radius:50%;position:relative}.icon-settings:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border:2px solid currentColor;border-radius:50%}.nav-label{font-size:.65rem;font-weight:500;letter-spacing:.05em}.card{background:var(--bg-card);border-radius:var(--border-radius);padding:1rem;margin-bottom:1rem;border:1px solid var(--border-color)}.card-title{font-size:.9rem;font-weight:600;margin-bottom:.75rem;color:var(--text-secondary)}.today-summary{background:var(--bg-card);border:1px solid var(--border-color);border-left:4px solid var(--accent-primary);border-radius:var(--border-radius);padding:1rem;margin-bottom:1.5rem}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.summary-date{font-size:.9rem;font-weight:600;color:var(--text-primary)}.summary-streak{font-size:.85rem;font-weight:600;color:var(--achieved-color)}.summary-message{font-size:.9rem;color:var(--text-secondary);margin-bottom:.75rem}.summary-progress{display:flex;align-items:center;gap:.75rem}.progress-bar{flex:1;height:6px;background:var(--bg-hover);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--accent-primary);border-radius:3px;transition:width .3s ease}.progress-text{font-size:.8rem;font-weight:500;color:var(--text-secondary);white-space:nowrap}.kpi-card{background:var(--bg-card);border-radius:var(--border-radius);padding:1rem;margin-bottom:.75rem;border:1px solid var(--border-color);cursor:pointer;transition:var(--transition)}.kpi-card:hover{background:var(--bg-hover)}.kpi-card:active{transform:scale(.99)}.kpi-card.achieved{border-left:4px solid var(--achieved-color);background:var(--achieved-bg)}.kpi-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.5rem}.kpi-info{flex:1}.kpi-category-badge{display:inline-block;padding:.15rem .5rem;border-radius:3px;font-size:.65rem;font-weight:600;color:#fff;margin-bottom:.25rem;letter-spacing:.05em}.kpi-name{font-size:.95rem;font-weight:600;color:var(--text-primary)}.btn-edit-kpi{background:none;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;opacity:.5;transition:var(--transition);width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-edit-kpi:hover{opacity:1;border-color:var(--accent-primary)}.icon-edit{width:10px;height:10px;border:1px solid currentColor;transform:rotate(45deg)}.kpi-card-body{margin-bottom:.75rem}.kpi-stats{display:flex;gap:1rem}.stat-item{display:flex;flex-direction:column}.stat-label{font-size:.7rem;color:var(--text-muted)}.stat-value{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.kpi-card-actions{display:flex;gap:.5rem}.btn-quick-action{flex:1;padding:.5rem;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:var(--transition);border:none}.btn-achieved{background:var(--achieved-bg);color:var(--achieved-color);border:1px solid var(--achieved-color)}.btn-achieved:hover{background:var(--achieved-color);color:#fff}.btn-not-achieved{background:var(--not-achieved-bg);color:var(--not-achieved-color);border:1px solid var(--not-achieved-color)}.btn-not-achieved:hover{background:var(--not-achieved-color);color:#fff}.btn-numeric{background:var(--accent-light);color:var(--accent-primary);border:1px solid var(--accent-primary)}.btn-numeric:hover{background:var(--accent-primary);color:#fff}.today-status{flex:1;text-align:center;padding:.4rem;border-radius:4px;font-size:.8rem;font-weight:600}.today-status.achieved{background:var(--achieved-bg);color:var(--achieved-color)}.today-status.not-achieved{background:var(--not-achieved-bg);color:var(--not-achieved-color)}.entry-section{margin-bottom:1.5rem}.entry-header{margin-bottom:1rem}.entry-metric-info{display:flex;flex-direction:column;gap:.75rem}.entry-stats{display:flex;justify-content:space-around;text-align:center}.today-entry{padding:1rem}.achievement-buttons{display:flex;gap:.75rem}.btn-record{flex:1;padding:1rem;border-radius:var(--border-radius);border:1px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:.5rem}.btn-record .btn-icon{font-size:1.25rem}.btn-record .btn-text{font-size:.85rem;font-weight:600}.btn-record.btn-achieved:hover,.btn-record.btn-achieved.active{background:var(--achieved-bg);border-color:var(--achieved-color);color:var(--achieved-color)}.btn-record.btn-not-achieved:hover,.btn-record.btn-not-achieved.active{background:var(--not-achieved-bg);border-color:var(--not-achieved-color);color:var(--not-achieved-color)}.value-form{display:flex;flex-direction:column;gap:.75rem}.input-with-unit{display:flex;align-items:center;gap:.5rem}.input-with-unit input{flex:1;margin-bottom:0}.unit-label{font-size:.9rem;color:var(--text-muted);white-space:nowrap}.target-hint{font-size:.85rem;color:var(--text-muted)}.entry-history{display:flex;flex-direction:column;gap:.5rem}.entry-item{display:flex;align-items:center;padding:.6rem .75rem;background:var(--bg-card);border-radius:var(--border-radius-sm);border:1px solid var(--border-color)}.entry-item.achieved{border-left:3px solid var(--achieved-color)}.entry-item.not-achieved{border-left:3px solid var(--not-achieved-color)}.entry-date{font-size:.85rem;color:var(--text-secondary);margin-right:auto}.entry-status{font-size:.9rem;font-weight:600;margin-left:.5rem}.entry-item.achieved .entry-status{color:var(--achieved-color)}.entry-item.not-achieved .entry-status{color:var(--not-achieved-color)}.entry-value{font-size:.85rem;color:var(--text-muted);margin-left:.5rem}.history-filter{margin-bottom:1rem}.filter-select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-card);font-size:.9rem;cursor:pointer}.history-date-group{margin-bottom:1rem}.history-date{font-size:.8rem;font-weight:600;color:var(--text-muted);margin-bottom:.5rem;padding-left:.25rem}.history-entry{display:flex;align-items:center;padding:.6rem .75rem;background:var(--bg-card);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);margin-bottom:.5rem}.history-entry.achieved{border-left:3px solid var(--achieved-color)}.history-entry.not-achieved{border-left:3px solid var(--not-achieved-color)}.history-metric-name{flex:1;font-weight:500;font-size:.9rem}.history-status{font-size:.8rem;font-weight:600;margin-left:.5rem}.history-entry.achieved .history-status{color:var(--achieved-color)}.history-entry.not-achieved .history-status{color:var(--not-achieved-color)}.history-value{font-size:.8rem;color:var(--text-muted);margin-left:.5rem}.period-filter{background:var(--bg-card);border-radius:var(--border-radius);padding:1rem;margin-bottom:1rem;border:1px solid var(--border-color)}.period-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.period-buttons{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.period-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:.4rem .8rem;font-size:.8rem;cursor:pointer;transition:var(--transition);font-family:inherit}.period-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.period-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.period-custom{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.date-input{width:auto;flex:1;min-width:120px;padding:.4rem .6rem;font-size:.8rem;margin-bottom:0}.date-separator{color:var(--text-muted);font-size:.8rem}.btn-apply{background:var(--accent-light);color:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:4px;padding:.4rem .8rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:var(--transition);font-family:inherit}.btn-apply:hover{background:var(--accent-primary);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.stat-card{background:var(--bg-card);border-radius:var(--border-radius);padding:1rem;text-align:center;border:1px solid var(--border-color)}.stat-card .stat-icon{font-size:1.25rem;margin-bottom:.25rem}.stat-card .stat-value{font-size:1.4rem;font-weight:700;color:var(--text-primary)}.stat-card .stat-label{font-size:.7rem;color:var(--text-muted)}.badge-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.badge-item{display:flex;align-items:center;gap:.25rem;padding:.35rem .6rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px}.badge-icon{font-size:.9rem}.badge-name{font-size:.75rem;font-weight:500}.performance-list{display:flex;flex-direction:column;gap:.75rem}.performance-item{padding:.75rem}.performance-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.performance-name{font-weight:500;font-size:.9rem}.performance-bar{height:6px;background:var(--bg-hover);border-radius:3px;overflow:hidden;margin-bottom:.25rem}.performance-fill{height:100%;border-radius:3px;transition:width .3s ease}.performance-stats{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}.trend-chart-container{padding:1rem;overflow-x:auto}.trend-bars{display:flex;align-items:flex-end;gap:.5rem;min-height:100px;padding-top:10px}.trend-bar-wrapper{display:flex;flex-direction:column;align-items:center;flex:1;min-width:28px}.trend-bar{width:100%;max-width:24px;border-radius:3px 3px 0 0;transition:height .3s ease}.trend-label{font-size:.6rem;color:var(--text-muted);margin-top:.25rem;white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.category-item{display:flex;align-items:center;gap:.5rem;padding:.6rem}.category-color{width:10px;height:10px;border-radius:50%;flex-shrink:0}.category-name{font-weight:500;font-size:.85rem}.data-management-section{margin-top:1rem}.data-management-description{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.data-management-buttons{display:flex;flex-direction:column;gap:.5rem}.btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1rem;border-radius:var(--border-radius-sm);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition);border:1px solid var(--border-color);background:var(--bg-secondary)}.btn:hover{background:var(--bg-hover)}.btn-export{color:var(--accent-primary)}.btn-import{color:var(--text-secondary)}.icon-export,.icon-import{width:16px;height:16px;display:inline-block}.icon-export:before{content:"↑";font-size:1rem}.icon-import:before{content:"↓";font-size:1rem}.btn-primary{background:var(--accent-primary);color:#fff;border:none;border-radius:var(--border-radius);padding:.8rem 1.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition);width:100%;margin-top:1rem;letter-spacing:.05em}.btn-primary:hover{background:var(--accent-secondary)}.btn-primary:active{transform:scale(.98)}.btn-danger{background:var(--not-achieved-bg);color:var(--not-achieved-color);border:1px solid var(--not-achieved-color);border-radius:var(--border-radius);padding:.7rem 1.25rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition);width:100%;margin-top:.5rem}.btn-danger:hover{background:var(--not-achieved-color);color:#fff}input,select,textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:.8rem 1rem;color:var(--text-primary);font-size:.95rem;width:100%;margin-bottom:.75rem;transition:var(--transition);font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-primary)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%234a4a4a' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}textarea{min-height:80px;resize:vertical}label{display:block;margin-bottom:.4rem;color:var(--text-secondary);font-size:.8rem;font-weight:500}.modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:200}.modal.active{display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d}.modal-content{position:relative;background:var(--bg-card);border-radius:var(--border-radius-lg);padding:1.5rem;width:90%;max-width:400px;max-height:80vh;overflow-y:auto;z-index:1;box-shadow:var(--shadow-lg)}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-title{font-size:1.1rem;font-weight:700;margin-bottom:1.5rem}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.empty-icon{font-size:2.5rem;margin-bottom:1rem}.toast-container{position:fixed;bottom:90px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:.5rem}.toast{background:var(--text-primary);color:#fff;padding:.7rem 1rem;border-radius:var(--border-radius);font-size:.85rem;font-weight:500;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(10px);transition:all .3s ease}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:400px){.stats-grid{grid-template-columns:repeat(2,1fr)}.kpi-stats{flex-wrap:wrap}}