:root{--color-primary: #234b3b;--color-primary-light: #4f7a66;--color-primary-dark: #173126;--color-secondary: #d5c894;--color-secondary-light: #ece1ba;--color-background: #f4efe7;--color-background-alt: #eef2eb;--color-surface: rgba(255, 251, 245, .68);--color-surface-elevated: rgba(255, 252, 247, .9);--color-surface-muted: rgba(244, 238, 228, .86);--color-text-primary: #213129;--color-text-secondary: #55645d;--color-text-muted: #7c8983;--color-text-inverse: #fff9f0;--color-border: rgba(35, 75, 59, .14);--color-border-light: rgba(35, 75, 59, .08);--color-ring: rgba(79, 122, 102, .18);--color-success: #3a8d67;--color-warning: #d68c35;--color-error: #c35c47;--color-info: #587cc7;--color-calendar-weather-bg: rgba(220, 237, 225, .9);--color-temp-high: #c35c47;--color-temp-low: #4a7ec7;--color-calendar-sunday: rgba(195, 92, 71, .9);--color-calendar-saturday: rgba(88, 124, 199, .9);--color-calendar-button-bg: rgba(35, 75, 59, .08);--color-calendar-button-bg-hover: rgba(35, 75, 59, .16);--color-calendar-selected-bg: rgba(35, 75, 59, .06);--color-calendar-acquired-ring: rgba(214, 140, 53, .42);--color-calendar-acquired-ring-selected: rgba(255, 255, 255, .65);--color-calendar-acquired-bg: rgba(214, 140, 53, .14);--color-calendar-weather-chip-bg: rgba(255, 255, 255, .38);--color-calendar-event-border: rgba(214, 140, 53, .16);--color-calendar-event-bg-start: rgba(255, 248, 225, .9);--color-calendar-event-bg-end: rgba(255, 243, 224, .9);--ambient-opacity: .55;--color-log-watering: #4f8db4;--color-log-fertilizing: #5f8f4b;--color-log-repotting: #9c785c;--color-log-pruning: #8d5f68;--color-log-observation: #b8863c;--color-log-relocation: #567a90;--color-log-other: #6c7a72;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 30px;--radius-full: 9999px;--shadow-sm: 0 12px 30px rgba(27, 42, 35, .06);--shadow-md: 0 18px 40px rgba(27, 42, 35, .1);--shadow-lg: 0 24px 56px rgba(27, 42, 35, .14);--shadow-xl: 0 32px 72px rgba(27, 42, 35, .18);--font-family: "BIZ UDPGothic", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;--font-family-display: "BIZ UDPMincho", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-size-3xl: 36px;--transition-fast: .16s ease;--transition-normal: .28s ease;--transition-slow: .42s ease;--header-height: 68px;--bottom-nav-height: 88px;--max-content-width: 720px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;overflow-x:hidden;font-family:var(--font-family);font-size:var(--font-size-md);line-height:1.65;color:var(--color-text-primary);background:radial-gradient(circle at top left,rgba(213,200,148,.38),transparent 28%),radial-gradient(circle at 86% 10%,rgba(137,173,154,.25),transparent 22%),linear-gradient(180deg,var(--color-background) 0%,#f2eee6 52%,var(--color-background-alt) 100%);background-attachment:fixed}body:before,body:after{content:"";position:fixed;z-index:-1;border-radius:50%;filter:blur(24px);opacity:var(--ambient-opacity);pointer-events:none;animation:drift 16s ease-in-out infinite alternate}body:before{top:-120px;right:-64px;width:260px;height:260px;background:#e4dbbcb8}body:after{bottom:-160px;left:-90px;width:320px;height:320px;background:#7c9a8838;animation-duration:20s}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-display);font-weight:600;line-height:1.2;letter-spacing:.02em}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}img{display:block;max-width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 18px;border-radius:var(--radius-full);border:1px solid transparent;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast);will-change:transform}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-md)}.btn-secondary{background:#fffcf7b8;color:var(--color-primary);border-color:var(--color-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-secondary:hover{border-color:#234b3b3d;box-shadow:var(--shadow-md)}.btn-ghost{color:var(--color-text-secondary);background:#fffcf73d}.btn-ghost:hover{background:#fffcf7ad}.btn-icon{width:44px;height:44px;padding:0}.btn-lg{min-height:52px;padding:14px 22px;font-size:var(--font-size-md)}.btn-full{width:100%}input,textarea,select{width:100%;padding:14px 16px;font:inherit;color:var(--color-text-primary);background:#fffcf7b3;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:inset 0 1px #ffffffa6;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}input:hover,textarea:hover,select:hover{border-color:#234b3b33}input:focus,textarea:focus,select:focus{outline:none;border-color:#4f7a66ad;background:#fffcf7f0;box-shadow:inset 0 1px #ffffffa6,0 0 0 4px var(--color-ring)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}textarea{resize:vertical}label{display:block;margin-bottom:8px;font-size:var(--font-size-sm);color:var(--color-text-secondary);letter-spacing:.02em}.form-group{margin-bottom:20px}.card{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-2px);border-color:#234b3b2e}.card-body{padding:20px}.container{width:100%;max-width:var(--max-content-width);margin:0 auto;padding:0 clamp(16px,4vw,24px)}.page{min-height:100vh;padding-top:calc(var(--header-height) + 28px);padding-bottom:calc(var(--bottom-nav-height) + 36px)}.page-header{padding:12px 0 18px}.page-title{font-size:var(--font-size-2xl);color:var(--color-text-primary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.eyebrow{font-size:var(--font-size-xs);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted)}.page-photo-focus{--ambient-opacity: 0}.loading-spinner{width:44px;height:44px;border:3px solid rgba(35,75,59,.12);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#f4efe7b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:36px 28px;border:1px dashed rgba(35,75,59,.18);border-radius:var(--radius-xl);background:linear-gradient(180deg,#fffbf5e0,#f4eee4b8);text-align:center}.empty-state-icon{width:72px;height:72px;display:grid;place-items:center;border-radius:var(--radius-lg);background:#4f7a661a;color:var(--color-primary);font-family:var(--font-family-display);font-size:1.8rem}.empty-state-text{max-width:30rem;color:var(--color-text-secondary)}.state-panel{display:flex;flex-direction:column;gap:12px;padding:24px 20px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-sm)}.state-panel-neutral{border-color:#4f7a6629;background:#fffcf7eb}.state-panel-warning{border-color:#b88a3b2e;background:#fff8efeb}.state-panel-error{border-color:#c35c4733;background:#c35c4714}.state-panel-title{color:var(--color-text-primary);font-size:var(--font-size-lg)}.state-panel-text{max-width:42rem;color:var(--color-text-secondary);line-height:1.7}.state-panel-error .state-panel-text{color:var(--color-error)}.state-panel-actions{display:flex;flex-wrap:wrap;gap:12px}.log-badge{display:inline-flex;align-items:center;align-self:flex-start;flex:0 0 auto;gap:6px;padding:6px 12px;width:fit-content;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.06em;white-space:nowrap}.log-badge-watering{background:#4f8db41f;color:var(--color-log-watering)}.log-badge-fertilizing{background:#5f8f4b1f;color:var(--color-log-fertilizing)}.log-badge-repotting{background:#9c785c1f;color:var(--color-log-repotting)}.log-badge-pruning{background:#8d5f681f;color:var(--color-log-pruning)}.log-badge-observation{background:#b8863c1f;color:var(--color-log-observation)}.log-badge-relocation{background:#567a901f;color:var(--color-log-relocation)}.log-badge-other{background:#6c7a721f;color:var(--color-log-other)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.photo-grid-item{aspect-ratio:1;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fffcf7b8;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.photo-grid-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.photo-grid-item img{width:100%;height:100%;object-fit:cover}.animate-fadeIn{animation:fadeIn var(--transition-normal) ease-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#55645d47;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#55645d6b}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(14px,-18px,0) scale(1.06)}}@media (max-width: 640px){:root{--font-size-2xl: 24px;--font-size-3xl: 32px;--header-height: 64px;--bottom-nav-height: 84px}.page{padding-top:calc(var(--header-height) + 24px);padding-bottom:calc(var(--bottom-nav-height) + 30px)}.card-body{padding:18px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}._nav_8doe6_1{position:fixed;left:50%;bottom:14px;z-index:120;width:min(calc(100% - 24px),calc(var(--max-content-width) + 12px));display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.44);border-radius:32px;background:#fbf7f0c7;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%)}._navItem_8doe6_20{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 8px;color:var(--color-text-muted);border-radius:var(--radius-lg);transition:transform var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}._navItem_8doe6_20:hover{transform:translateY(-1px);color:var(--color-text-secondary)}._emblem_8doe6_41{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:#234b3b0f;transition:background-color var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast)}._icon_8doe6_55{display:block;width:18px;height:18px;flex-shrink:0}._label_8doe6_62{font-size:var(--font-size-xs);font-weight:600;letter-spacing:.04em;white-space:nowrap}._active_8doe6_69{color:var(--color-primary)}._active_8doe6_69 ._emblem_8doe6_41{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}@media (max-width: 640px){._nav_8doe6_1{bottom:10px;width:min(calc(100% - 16px),calc(var(--max-content-width) + 8px));padding:8px 10px calc(8px + env(safe-area-inset-bottom))}._emblem_8doe6_41{width:38px;height:38px;border-radius:var(--radius-md)}._label_8doe6_62{font-size:var(--font-size-xs)}}._screen_2hrmu_1{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;background:radial-gradient(circle at top,rgba(168,207,162,.18),transparent 28%),linear-gradient(180deg,#faf8f3fa,#f6f3ec);color:var(--color-text-primary);text-align:center}._centered_2hrmu_16{text-align:center}._mark_2hrmu_20{width:72px;height:72px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#ffffffe6;color:var(--color-primary);box-shadow:var(--shadow-sm)}._copy_2hrmu_33{display:grid;gap:6px}._eyebrow_2hrmu_38{font-size:var(--font-size-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}._title_2hrmu_46{font-size:clamp(1.9rem,6vw,2.5rem);line-height:1.1}._subtitle_2hrmu_51{max-width:20rem;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.7}._spinner_2hrmu_58{width:24px;height:24px;border-radius:50%;border:2px solid rgba(47,93,70,.16);border-top-color:var(--color-primary);animation:_spin_2hrmu_58 .9s linear infinite}@keyframes _spin_2hrmu_58{to{transform:rotate(360deg)}}._notice_fx0j2_1{margin-bottom:24px}._title_fx0j2_5{font-size:var(--font-size-md);color:var(--color-text-primary)}