:root{--color-primary: #2f5d46;--color-primary-light: #5e8f66;--color-primary-dark: #1a3329;--color-secondary: #d5c894;--color-secondary-light: #ece1ba;--color-background: #f6f3ec;--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-surface-hover: rgba(255, 252, 247, .72);--color-text-primary: #2c2c2c;--color-text-secondary: #5f5a52;--color-text-muted: #8a847b;--color-text-inverse: #fff9f0;--color-border: rgba(47, 93, 70, .14);--color-border-light: rgba(47, 93, 70, .08);--color-ring: rgba(94, 143, 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(47, 93, 70, .08);--color-calendar-button-bg-hover: rgba(47, 93, 70, .16);--color-calendar-selected-bg: rgba(47, 93, 70, .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: 56px;--bottom-nav-height: 80px;--max-content-width: 720px;--color-brand-forest: #2f5d46;--color-brand-sage: #5e8f66;--color-brand-mist: #a8cfa2;--color-brand-pale: #e8f3e5;--color-brand-deep: #1a3329;--color-bg-warm: #f6f3ec;--color-surface-soft: #faf8f3;--color-surface-base: #ffffff;--color-text-dark: #2c2c2c;--color-text-tertiary: #8a847b;--color-border-figma: #e6e1d7;--color-border-figma-mid: #d5d0c6;--color-status-danger: #a85a52;--color-status-warning: #b88a3b;--color-status-info: #6e8fa8;--color-status-success: #4e7a57;--shadow-card: 0 4px 16px rgba(0, 0, 0, .08);--color-shell-background: var(--color-surface-soft);--color-input-background: var(--color-surface-base);--color-input-border: var(--color-border-figma-mid);--color-overlay: rgba(244, 239, 231, .72);--color-modal-backdrop: rgba(33, 49, 41, .34);--color-empty-state-border: rgba(47, 93, 70, .18);--color-empty-state-background: linear-gradient(180deg, rgba(255, 251, 245, .88), rgba(244, 238, 228, .72));--color-empty-state-icon-bg: rgba(94, 143, 102, .1);--color-loading-spinner-track: rgba(47, 93, 70, .12);--color-photo-grid-background: rgba(255, 252, 247, .72);--color-scrollbar-thumb: rgba(85, 100, 93, .28);--color-scrollbar-thumb-hover: rgba(85, 100, 93, .42);--color-page-gradient-start: var(--color-background);--color-page-gradient-mid: #f2eee6;--color-page-gradient-end: var(--color-background-alt);--color-page-glow-warm: rgba(213, 200, 148, .38);--color-page-glow-cool: rgba(137, 173, 154, .25);--color-page-orb-top: rgba(228, 219, 188, .72);--color-page-orb-bottom: rgba(124, 154, 136, .22);--color-state-warning-border: #d9c090;--color-state-warning-bg: #fdf8ef;--color-state-warning-title: #8a5c00;--color-state-error-border: #d9a5a0;--color-state-error-bg: #fdf0ef;--color-state-success-border: #90c09a;--color-state-success-bg: #eff6f0;--color-state-info-border: rgba(88, 124, 199, .24);--color-state-info-bg: rgba(64, 98, 187, .12);--color-chip-neutral-bg: rgba(47, 93, 70, .08);--color-chip-neutral-strong-bg: rgba(47, 93, 70, .12);--color-chip-success-bg: rgba(94, 143, 102, .1);--color-chip-warning-bg: rgba(214, 140, 53, .12);--color-chip-error-bg: rgba(195, 92, 71, .1);--color-chip-info-bg: rgba(64, 98, 187, .12);--color-hero-glass-bg: linear-gradient(135deg, rgba(255, 252, 247, .92), rgba(238, 242, 235, .82));--color-hero-glass-rich-bg: linear-gradient(135deg, rgba(255, 252, 247, .9) 0%, rgba(244, 238, 228, .78) 54%, rgba(225, 236, 229, .78) 100%);--color-hero-glass-tile-bg: rgba(255, 255, 255, .62);--color-panel-glass-bg: rgba(255, 252, 247, .84);--color-panel-glass-strong-bg: rgba(255, 252, 247, .9);--color-selection-glass-bg: linear-gradient(180deg, rgba(255, 252, 247, .95), rgba(244, 238, 228, .7));--color-selection-glass-active-bg: linear-gradient(135deg, rgba(47, 93, 70, .12), rgba(213, 200, 148, .18)), rgba(255, 252, 247, .98);--color-notice-glass-bg: radial-gradient(circle at top right, rgba(213, 200, 148, .18), transparent 36%), linear-gradient(135deg, rgba(255, 252, 247, .96), rgba(238, 242, 235, .9));--color-notice-glass-warning-bg: radial-gradient(circle at top right, rgba(214, 140, 53, .18), transparent 36%), linear-gradient(135deg, rgba(255, 252, 247, .96), rgba(255, 247, 236, .92));--color-soft-chip-surface: rgba(255, 252, 247, .76);--color-soft-chip-border: rgba(47, 93, 70, .1);--color-secondary-action-surface: rgba(255, 252, 247, .92);--color-secondary-action-surface-hover: rgba(47, 93, 70, .08);--color-disabled-glass-bg: linear-gradient(180deg, rgba(246, 241, 233, .88), rgba(240, 233, 222, .76));--color-disabled-glass-border: rgba(47, 93, 70, .08);--color-control-inset-highlight: rgba(255, 255, 255, .9);--color-control-active-inset-highlight: rgba(255, 255, 255, .18);--color-selection-active-highlight: rgba(255, 255, 255, .55);--color-input-datetime-indicator-bg: rgba(47, 93, 70, .08);--color-input-datetime-indicator-bg-hover: rgba(47, 93, 70, .14);--filter-input-datetime-indicator: none;--color-log-badge-water-bg: #e8f0f7;--color-log-badge-water-text: #4b6980;--color-log-badge-water-border: rgba(86, 122, 144, .18);--color-log-badge-observation-bg: #f0ede8}html[data-theme=dark]{--color-primary: #5e8f66;--color-primary-light: #86b18c;--color-primary-dark: #a8cfa2;--color-secondary: #9d8a5f;--color-secondary-light: #bba97e;--color-background: #111714;--color-background-alt: #161d19;--color-surface: rgba(24, 32, 28, .82);--color-surface-elevated: rgba(27, 36, 32, .96);--color-surface-muted: rgba(24, 32, 28, .88);--color-surface-hover: rgba(30, 40, 35, .92);--color-text-primary: #f0f0ee;--color-text-secondary: #c0b8b0;--color-text-muted: #9a9188;--color-text-inverse: #0f1613;--color-border: rgba(168, 207, 162, .16);--color-border-light: rgba(168, 207, 162, .1);--color-ring: rgba(94, 143, 102, .28);--color-calendar-weather-bg: rgba(28, 40, 34, .92);--color-temp-high: #e6ab84;--color-temp-low: #8fb6df;--color-calendar-sunday: #df9b90;--color-calendar-saturday: #8fb6df;--color-calendar-button-bg: rgba(168, 207, 162, .1);--color-calendar-button-bg-hover: rgba(168, 207, 162, .18);--color-calendar-selected-bg: rgba(94, 143, 102, .22);--color-calendar-acquired-ring: rgba(214, 140, 53, .54);--color-calendar-acquired-ring-selected: rgba(238, 244, 239, .72);--color-calendar-acquired-bg: rgba(214, 140, 53, .2);--color-calendar-weather-chip-bg: rgba(255, 255, 255, .08);--color-calendar-event-border: rgba(168, 207, 162, .14);--color-calendar-event-bg-start: rgba(30, 40, 35, .96);--color-calendar-event-bg-end: rgba(36, 48, 42, .94);--ambient-opacity: .42;--shadow-sm: 0 12px 30px rgba(0, 0, 0, .18);--shadow-md: 0 18px 40px rgba(0, 0, 0, .24);--shadow-lg: 0 24px 56px rgba(0, 0, 0, .3);--shadow-xl: 0 32px 72px rgba(0, 0, 0, .36);--color-brand-pale: rgba(168, 207, 162, .14);--color-brand-deep: #d6ead8;--color-bg-warm: rgba(255, 255, 255, .06);--color-surface-soft: #18201c;--color-surface-base: #18201c;--color-text-dark: #eef4ef;--color-text-tertiary: #93a79c;--color-border-figma: #2a3731;--color-border-figma-mid: #33423a;--color-status-danger: #d9a098;--color-status-warning: #d7b36d;--color-status-info: #9dc0d9;--color-status-success: #8cc296;--shadow-card: 0 10px 28px rgba(0, 0, 0, .26);--color-shell-background: rgba(24, 32, 28, .96);--color-input-background: rgba(20, 27, 23, .92);--color-input-border: #33423a;--color-overlay: rgba(17, 23, 20, .8);--color-modal-backdrop: rgba(8, 12, 10, .58);--color-empty-state-border: rgba(168, 207, 162, .18);--color-empty-state-background: linear-gradient(180deg, rgba(24, 32, 28, .96), rgba(20, 27, 23, .92));--color-empty-state-icon-bg: rgba(168, 207, 162, .12);--color-loading-spinner-track: rgba(168, 207, 162, .18);--color-photo-grid-background: rgba(24, 32, 28, .88);--color-scrollbar-thumb: rgba(184, 197, 188, .24);--color-scrollbar-thumb-hover: rgba(184, 197, 188, .34);--color-page-gradient-start: #111714;--color-page-gradient-mid: #141a17;--color-page-gradient-end: #18201c;--color-page-glow-warm: rgba(94, 143, 102, .1);--color-page-glow-cool: rgba(168, 207, 162, .06);--color-page-orb-top: rgba(94, 143, 102, .16);--color-page-orb-bottom: rgba(168, 207, 162, .08);--color-state-warning-border: rgba(214, 140, 53, .28);--color-state-warning-bg: rgba(58, 45, 24, .5);--color-state-warning-title: #e5c17b;--color-state-error-border: rgba(195, 92, 71, .28);--color-state-error-bg: rgba(67, 36, 32, .56);--color-state-success-border: rgba(94, 143, 102, .28);--color-state-success-bg: rgba(33, 55, 44, .58);--color-state-info-border: rgba(143, 182, 223, .28);--color-state-info-bg: rgba(43, 66, 92, .56);--color-chip-neutral-bg: rgba(168, 207, 162, .12);--color-chip-neutral-strong-bg: rgba(168, 207, 162, .16);--color-chip-success-bg: rgba(94, 143, 102, .18);--color-chip-warning-bg: rgba(214, 140, 53, .18);--color-chip-error-bg: rgba(195, 92, 71, .18);--color-chip-info-bg: rgba(143, 182, 223, .18);--color-hero-glass-bg: linear-gradient(135deg, rgba(28, 37, 33, .98), rgba(23, 31, 27, .94));--color-hero-glass-rich-bg: radial-gradient(circle at top right, rgba(94, 143, 102, .16), transparent 34%), linear-gradient(135deg, rgba(30, 40, 35, .98) 0%, rgba(24, 32, 28, .96) 54%, rgba(20, 27, 23, .94) 100%);--color-hero-glass-tile-bg: rgba(236, 244, 239, .08);--color-panel-glass-bg: rgba(28, 37, 33, .94);--color-panel-glass-strong-bg: rgba(30, 40, 35, .96);--color-selection-glass-bg: linear-gradient(180deg, rgba(30, 40, 35, .96), rgba(24, 32, 28, .92));--color-selection-glass-active-bg: radial-gradient(circle at top right, rgba(94, 143, 102, .14), transparent 34%), linear-gradient(135deg, rgba(33, 55, 44, .96), rgba(27, 36, 32, .94));--color-notice-glass-bg: radial-gradient(circle at top right, rgba(94, 143, 102, .14), transparent 36%), linear-gradient(135deg, rgba(29, 39, 35, .98), rgba(24, 32, 28, .94));--color-notice-glass-warning-bg: radial-gradient(circle at top right, rgba(214, 140, 53, .14), transparent 36%), linear-gradient(135deg, rgba(46, 38, 24, .92), rgba(33, 29, 22, .88));--color-soft-chip-surface: rgba(236, 244, 239, .08);--color-soft-chip-border: rgba(168, 207, 162, .16);--color-secondary-action-surface: rgba(30, 40, 35, .96);--color-secondary-action-surface-hover: rgba(168, 207, 162, .12);--color-disabled-glass-bg: linear-gradient(180deg, rgba(30, 40, 35, .92), rgba(24, 32, 28, .88));--color-disabled-glass-border: rgba(168, 207, 162, .12);--color-control-inset-highlight: rgba(255, 255, 255, .12);--color-control-active-inset-highlight: rgba(255, 255, 255, .08);--color-selection-active-highlight: rgba(168, 207, 162, .08);--color-input-datetime-indicator-bg: rgba(168, 207, 162, .14);--color-input-datetime-indicator-bg-hover: rgba(168, 207, 162, .2);--filter-input-datetime-indicator: invert(88%) sepia(8%) saturate(237%) hue-rotate(72deg) brightness(93%) contrast(89%);--color-log-badge-water-bg: rgba(112, 150, 181, .2);--color-log-badge-water-text: #d6e6f2;--color-log-badge-water-border: rgba(143, 182, 223, .22);--color-log-badge-observation-bg: rgba(255, 255, 255, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color-scheme:light}html[data-theme=dark]{color-scheme:dark}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,var(--color-page-glow-warm),transparent 28%),radial-gradient(circle at 86% 10%,var(--color-page-glow-cool),transparent 22%),linear-gradient(180deg,var(--color-page-gradient-start) 0%,var(--color-page-gradient-mid) 52%,var(--color-page-gradient-end) 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:var(--color-page-orb-top)}body:after{bottom:-160px;left:-90px;width:320px;height:320px;background:var(--color-page-orb-bottom);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:8px;min-height:44px;padding:0 18px;border-radius:14px;border:1px solid transparent;font-size:var(--font-size-sm);font-weight:500;transition:transform var(--transition-fast),opacity var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.38;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-brand-forest);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-primary)}.btn-secondary{background:var(--color-surface-base);color:var(--color-primary);border:1.5px solid var(--color-brand-forest)}.btn-secondary:hover{background:var(--color-brand-pale)}.btn-ghost{color:var(--color-text-dark);background:transparent}.btn-ghost:hover{background:var(--color-surface-hover)}.btn-icon{width:44px;min-height:44px;padding:0}.btn-lg{min-height:52px;padding:0 24px;font-size:var(--font-size-md);border-radius:16px}.btn-full{width:100%}input,textarea,select,.input{width:100%;padding:12px 16px;font:inherit;color:var(--color-text-dark);background:var(--color-input-background);border:1px solid var(--color-input-border);border-radius:14px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}input:hover,textarea:hover,select:hover,.input:hover{border-color:var(--color-brand-mist)}input:focus,textarea:focus,select:focus,.input:focus{outline:none;border-color:var(--color-brand-sage);box-shadow:0 0 0 3px #5e8f6626}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}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-figma);border-radius:20px;background:var(--color-surface-base);box-shadow:var(--shadow-card);transition:transform var(--transition-normal),box-shadow var(--transition-normal),background-color 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)}.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 var(--color-loading-spinner-track);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:var(--color-overlay);-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 var(--color-empty-state-border);border-radius:var(--radius-xl);background:var(--color-empty-state-background);text-align:center}.empty-state-icon{width:72px;height:72px;display:grid;place-items:center;border-radius:var(--radius-lg);background:var(--color-empty-state-icon-bg);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:8px;padding:16px 18px;border:1px solid var(--color-border-figma);border-radius:16px;background:var(--color-surface-soft)}.state-panel-neutral{border-color:var(--color-border-figma);background:var(--color-surface-soft)}.state-panel-warning{border-color:var(--color-state-warning-border);background:var(--color-state-warning-bg)}.state-panel-error{border-color:var(--color-state-error-border);background:var(--color-state-error-bg)}.state-panel-success{border-color:var(--color-state-success-border);background:var(--color-state-success-bg)}.state-panel-title{color:var(--color-text-dark);font-size:var(--font-size-sm);font-weight:600}.state-panel-warning .state-panel-title{color:var(--color-state-warning-title)}.state-panel-error .state-panel-title{color:var(--color-status-danger)}.state-panel-success .state-panel-title{color:var(--color-brand-forest)}.state-panel-text{max-width:42rem;color:var(--color-text-secondary);font-size:13px;line-height:1.6}.state-panel-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.log-badge{display:inline-flex;align-items:center;align-self:flex-start;flex:0 0 auto;gap:4px;padding:4px 8px;width:fit-content;border-radius:6px;border:1px solid transparent;font-size:11px;font-weight:500;white-space:nowrap}.log-badge-watering,.log-badge-rain_hydration{background:var(--color-log-badge-water-bg);color:var(--color-log-badge-water-text);border-color:var(--color-log-badge-water-border)}.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:var(--color-log-badge-observation-bg);color:var(--color-text-secondary)}.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:var(--color-photo-grid-background);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:var(--color-scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}@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: 56px;--bottom-nav-height: 80px}.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_j4xlj_1{position:fixed;left:50%;bottom:0;z-index:120;width:min(100%,calc(var(--max-content-width) + 1px));height:var(--bottom-nav-height);display:flex;align-items:stretch;justify-content:space-between;padding-bottom:env(safe-area-inset-bottom);background:var(--color-shell-background);border-top:1px solid var(--color-border-figma);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translate(-50%)}._navItem_j4xlj_18{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 8px;color:var(--color-text-tertiary);transition:color var(--transition-fast),background-color var(--transition-fast)}._navItem_j4xlj_18:hover{color:var(--color-text-secondary)}._emblem_j4xlj_37{width:40px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;transition:background-color var(--transition-fast)}._icon_j4xlj_47{display:block;width:22px;height:22px;flex-shrink:0}._label_j4xlj_54{font-size:10px;font-weight:400;letter-spacing:.02em;white-space:nowrap}._active_j4xlj_61{background:var(--color-brand-pale);color:var(--color-primary)}._active_j4xlj_61 ._label_j4xlj_54{font-weight:600}._active_j4xlj_61:after{content:"";display:block;width:4px;height:4px;border-radius:50%;background:var(--color-primary);margin-top:1px}@media (max-width: 640px){._nav_j4xlj_1{width:100%}._icon_j4xlj_47{width:20px;height:20px}}._screen_sxxms_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,var(--color-page-glow-cool),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--color-background) 92%,transparent),color-mix(in srgb,var(--color-background-alt) 96%,transparent));color:var(--color-text-primary);text-align:center}._centered_sxxms_16{text-align:center}._mark_sxxms_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:var(--color-surface-elevated);color:var(--color-primary);box-shadow:var(--shadow-sm)}._symbol_sxxms_33{width:42px;height:auto;display:block}._copy_sxxms_39{display:grid;gap:6px}._eyebrow_sxxms_44{font-size:var(--font-size-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}._title_sxxms_52{font-size:clamp(1.9rem,6vw,2.5rem);line-height:1.1}._subtitle_sxxms_57{max-width:20rem;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.7}._spinner_sxxms_64{width:24px;height:24px;border-radius:50%;border:2px solid var(--color-loading-spinner-track);border-top-color:var(--color-primary);animation:_spin_sxxms_64 .9s linear infinite}@keyframes _spin_sxxms_64{to{transform:rotate(360deg)}}._notice_1853z_1{gap:8px;padding:18px;margin-bottom:18px}._notice_1853z_1._collapsed_1853z_7{padding-top:12px;padding-bottom:12px}._header_1853z_12{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0;cursor:pointer;color:inherit;text-align:left}._chevron_1853z_25{font-size:1.2rem;line-height:1;color:var(--color-text-secondary);transform:rotate(90deg);transition:transform var(--transition-fast);flex-shrink:0}._chevronCollapsed_1853z_34{transform:rotate(0)}._notice_1853z_1 .eyebrow{letter-spacing:.14em}._notice_1853z_1 .state-panel-text{font-size:var(--font-size-sm);line-height:1.6}._title_1853z_47{font-size:var(--font-size-sm);line-height:1.55;color:var(--color-text-primary)}