:root{--color-bg-base: #faf8f3;--color-bg-surface: #ffffff;--color-bg-subtle: #f2eee6;--color-border: #e6e0d4;--color-ink-primary: #1e2a24;--color-ink-secondary: #57615a;--color-ink-tertiary: #8b938b;--color-primary: #2f5d50;--color-primary-hover: #264c42;--color-primary-soft: #e7f0eb;--color-accent: #c8763e;--color-accent-soft: #f8ece2;--color-success: #3e8e6e;--color-success-soft: #e7f2ec;--color-warning: #c99a2e;--color-warning-soft: #f7efd9;--color-danger: #b4452f;--color-danger-soft: #f6e4df;--font-sans: "Noto Sans SC", "Inter", system-ui, -apple-system, sans-serif;--font-serif: "Noto Serif SC", "Noto Sans SC", serif;--font-mono: "Inter", "Noto Sans SC", system-ui, sans-serif;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 32px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--icon-stroke: 2px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--shadow-card: 0 1px 3px rgba(30, 42, 36, .06), 0 1px 2px rgba(30, 42, 36, .04);--shadow-nav: 0 -1px 0 var(--color-border)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg-subtle);color:var(--color-ink-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit}a{color:inherit;text-decoration:none}.app-shell{position:relative;max-width:480px;margin:0 auto;min-height:100%;background:var(--color-bg-base);display:flex;flex-direction:column;box-shadow:0 0 0 1px var(--color-border)}.app-main{flex:1;padding-bottom:calc(64px + env(safe-area-inset-bottom));overflow-y:auto}.app-loading,.app-centered{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--color-ink-tertiary);font-size:var(--text-md);background:var(--color-bg-base)}.page{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.page__section-title{font-size:var(--text-sm);color:var(--color-ink-secondary);font-weight:600;letter-spacing:.02em;margin:0}.top-bar{position:sticky;top:0;z-index:10;background:var(--color-bg-base);display:flex;align-items:center;gap:var(--space-2);padding:12px var(--space-4);min-height:52px;border-bottom:1px solid var(--color-border)}.top-bar__title{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:600;color:var(--color-ink-primary)}.top-bar__spacer{flex:1}.card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-card)}.card--soft{background:var(--color-bg-subtle);border-color:transparent;box-shadow:none}.card__title{font-family:var(--font-serif);font-size:var(--text-md);font-weight:600;margin:0 0 var(--space-3);color:var(--color-ink-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-5);border-radius:var(--radius-pill);border:1px solid transparent;font-size:var(--text-md);font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;line-height:1}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--secondary{background:var(--color-bg-surface);color:var(--color-primary);border-color:var(--color-primary)}.btn--secondary:hover:not(:disabled){background:var(--color-primary-soft)}.btn--ghost{background:transparent;color:var(--color-ink-secondary)}.btn--accent{background:var(--color-accent);color:#fff}.btn--block{width:100%}.btn svg{width:var(--icon-md);height:var(--icon-md)}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.field__label{font-size:var(--text-sm);color:var(--color-ink-secondary);font-weight:500}.input,.textarea{width:100%;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 14px;font-size:var(--text-base);font-family:inherit;color:var(--color-ink-primary)}.textarea{min-height:120px;resize:vertical;line-height:1.7}.input::placeholder,.textarea::placeholder{color:var(--color-ink-tertiary)}.input:focus,.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--color-bg-surface);border-top:1px solid var(--color-border);display:flex;z-index:20}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:44px;color:var(--color-ink-tertiary);font-size:var(--text-xs);background:none;border:none;cursor:pointer}.bottom-nav__item--active{color:var(--color-primary)}.bottom-nav__item svg{width:var(--icon-md);height:var(--icon-md)}.streak{display:inline-flex;align-items:center;gap:6px;background:var(--color-accent-soft);color:var(--color-accent);border-radius:var(--radius-pill);padding:6px 12px;font-size:var(--text-sm);font-weight:600}.streak svg{width:var(--icon-sm);height:var(--icon-sm)}.heat{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-2)}.heat__cell{aspect-ratio:1 / 1.15;border-radius:var(--radius-md);background:var(--color-bg-subtle);border:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--color-ink-secondary)}.heat__cell--on{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success)}.heat__cell--today:not(.heat__cell--on){border-color:var(--color-primary)}.heat__dow{font-size:11px;color:var(--color-ink-tertiary)}.heat__cell--on .heat__dow{color:var(--color-success)}.heat__day{font-size:var(--text-md);font-weight:600;font-family:var(--font-mono)}.ai-bubble{display:flex;gap:var(--space-2);background:var(--color-primary-soft);color:var(--color-ink-primary);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-base);line-height:1.7}.ai-bubble__icon{flex-shrink:0;color:var(--color-primary);margin-top:2px}.ai-bubble__icon svg{width:var(--icon-md);height:var(--icon-md)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);color:var(--color-ink-tertiary)}.empty__icon{width:56px;height:56px;border-radius:var(--radius-pill);background:var(--color-bg-subtle);display:flex;align-items:center;justify-content:center;color:var(--color-ink-tertiary)}.empty__icon svg{width:var(--icon-lg);height:var(--icon-lg)}.empty__title{font-size:var(--text-md);font-weight:600;color:var(--color-ink-secondary)}.empty__desc{font-size:var(--text-sm);max-width:240px;line-height:1.6}.feed-item{display:flex;flex-direction:column;gap:var(--space-3)}.feed-item__head{display:flex;align-items:center;gap:var(--space-3)}.avatar{width:40px;height:40px;border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-md);flex-shrink:0}.avatar--lg{width:64px;height:64px;font-size:var(--text-xl)}.feed-item__meta{display:flex;flex-direction:column;gap:1px}.feed-item__name{font-size:var(--text-md);font-weight:600;color:var(--color-ink-primary)}.feed-item__sub{font-size:var(--text-xs);color:var(--color-ink-tertiary);font-family:var(--font-mono)}.feed-item__book{font-size:var(--text-sm);color:var(--color-primary);font-weight:500}.reflection{font-family:var(--font-serif);font-size:var(--text-md);line-height:1.8;color:var(--color-ink-primary)}.divider{height:1px;background:var(--color-border);border:none;margin:0}.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.kpi{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-2);text-align:center}.kpi__num{font-size:var(--text-2xl);font-weight:700;color:var(--color-primary);font-family:var(--font-mono);line-height:1.1}.kpi__label{font-size:var(--text-xs);color:var(--color-ink-tertiary);margin-top:var(--space-2)}.rank-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.rank-row__pos{width:22px;font-weight:700;font-family:var(--font-mono);color:var(--color-ink-tertiary);text-align:center;flex-shrink:0}.rank-row__pos--top{color:var(--color-accent)}.rank-row__name{width:84px;font-size:var(--text-sm);color:var(--color-ink-secondary);flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-bar{flex:1;height:10px;background:var(--color-bg-subtle);border-radius:var(--radius-pill);overflow:hidden}.rank-bar__fill{height:100%;background:var(--color-primary);border-radius:var(--radius-pill);transition:width .4s ease}.rank-row__val{width:48px;text-align:right;font-size:var(--text-sm);color:var(--color-ink-secondary);font-family:var(--font-mono);flex-shrink:0}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th,.table td{text-align:left;padding:10px var(--space-2);border-bottom:1px solid var(--color-border);white-space:nowrap}.table th{color:var(--color-ink-tertiary);font-weight:500}.table tbody tr:last-child td{border-bottom:none}.me-hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.me-hero__name{font-size:var(--text-lg);font-weight:600;color:var(--color-ink-primary)}.me-hero__sub{font-size:var(--text-sm);color:var(--color-ink-tertiary)}.me-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.me-stat{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.me-stat__num{font-size:var(--text-2xl);font-weight:700;color:var(--color-primary);font-family:var(--font-mono)}.me-stat__label{font-size:var(--text-xs);color:var(--color-ink-tertiary);margin-top:var(--space-2)}.role-tag{display:inline-block;font-size:var(--text-xs);color:var(--color-ink-secondary);background:var(--color-bg-subtle);border-radius:var(--radius-pill);padding:2px 10px}.devlogin{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:var(--space-5);padding:var(--space-6);background:var(--color-bg-base);max-width:480px;margin:0 auto}.devlogin__brand{display:flex;flex-direction:column;gap:var(--space-2)}.devlogin__title{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:700;color:var(--color-ink-primary)}.devlogin__desc{font-size:var(--text-sm);color:var(--color-ink-secondary);line-height:1.7}.devlogin__actions{display:flex;flex-direction:column;gap:var(--space-3)}.devlogin__error{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent);font-size:var(--text-sm);text-align:center}.devlogin__divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-1) 0;color:var(--color-ink-tertiary);font-size:var(--text-xs)}.devlogin__divider:before,.devlogin__divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.banner{display:flex;align-items:center;gap:var(--space-2);background:var(--color-accent-soft);color:var(--color-accent);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.banner svg{width:var(--icon-md);height:var(--icon-md);flex-shrink:0}.muted{color:var(--color-ink-tertiary)}.plan-progress{display:block;width:100%;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);cursor:pointer;font-family:inherit}.plan-progress__row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.plan-progress__bar{height:8px;background:var(--color-bg-subtle);border-radius:var(--radius-pill);overflow:hidden}.plan-progress__fill{height:100%;background:var(--color-primary);border-radius:var(--radius-pill);transition:width .4s ease}.recorder-label{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--color-ink-primary);font-size:var(--text-sm);margin-bottom:var(--space-2)}.recorder-label__hint{font-weight:400;color:var(--color-ink-tertiary);font-size:var(--text-xs);margin-left:auto}.recorder__panel{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3);border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-subtle)}.recorder__panel--done{flex-direction:column;align-items:stretch;border-style:solid;background:var(--color-primary-soft)}.recorder__btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;min-height:44px;border-radius:var(--radius-pill);border:none;background:var(--color-primary);color:#fff;font-size:var(--text-sm);font-weight:600;cursor:pointer;font-family:inherit}.recorder__btn--stop{background:var(--color-danger)}.recorder__time{font-variant-numeric:tabular-nums;font-family:var(--font-en)}.recorder__file{display:inline-flex;align-items:center;padding:12px 16px;min-height:44px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-bg-surface);color:var(--color-ink-secondary);font-size:var(--text-sm);cursor:pointer}.recorder__file input{display:none}.recorder__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-xs)}.recorder__discard{display:inline-flex;align-items:center;gap:4px;border:none;background:transparent;color:var(--color-danger);font-size:var(--text-xs);cursor:pointer;font-family:inherit;min-height:44px;padding:0 var(--space-2)}.audio-player{width:100%;height:40px}.feed-audio{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-primary-soft)}.feed-audio__label{display:flex;align-items:center;font-size:var(--text-xs);color:var(--color-primary);font-weight:600}.day-pill{display:inline-block;font-size:var(--text-xs);font-weight:600;color:var(--color-primary);background:var(--color-primary-soft);border-radius:var(--radius-pill);padding:3px 10px;font-family:var(--font-mono)}.day-pill--inline{margin-left:8px;vertical-align:middle}.reading-card{display:flex;flex-direction:column;gap:var(--space-3)}.reading-card__meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.reading-card__book{font-size:var(--text-sm);font-weight:600;color:var(--color-primary)}.reading-card__chapter{font-size:var(--text-xs);color:var(--color-ink-tertiary)}.reading-card__title{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:700;color:var(--color-ink-primary);margin:0;line-height:1.4}.reading-card__content{font-family:var(--font-serif);font-size:var(--text-md);line-height:2;color:var(--color-ink-primary);white-space:pre-wrap}.reading-end{text-align:center;font-size:var(--text-xs);letter-spacing:.04em}.checkin-dock{position:fixed;left:50%;transform:translate(-50%);bottom:calc(74px + env(safe-area-inset-bottom));width:min(448px,calc(100% - 24px));z-index:30;display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-3) var(--space-2);box-shadow:0 8px 28px #1e2a242e}.checkin-dock__row{display:flex;align-items:center;gap:var(--space-3);min-height:52px}.checkin-dock__mic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:none;background:var(--color-accent);color:#fff;cursor:pointer;box-shadow:0 3px 10px #c8763e59;transition:transform .15s ease}.checkin-dock__mic:active{transform:scale(.94)}.checkin-dock__mic svg{width:22px;height:22px}.checkin-dock__mic--stop{background:var(--color-danger);box-shadow:0 3px 10px #b03a2e59;animation:dock-pulse 1.2s ease-in-out infinite}@keyframes dock-pulse{0%,to{box-shadow:0 3px 10px #b03a2e59,0 0 #b03a2e4d}50%{box-shadow:0 3px 10px #b03a2e59,0 0 0 8px #b03a2e00}}.checkin-dock__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.checkin-dock__state{font-size:var(--text-sm);color:var(--color-ink-primary);line-height:1.3}.checkin-dock__hint{font-size:var(--text-xs);color:var(--color-ink-tertiary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkin-dock .audio-player{width:100%;height:36px;margin-top:2px}.checkin-dock__aux{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.checkin-dock__aux-btn{display:inline-flex;align-items:center;gap:3px;border:none;background:transparent;color:var(--color-ink-tertiary);font-size:var(--text-xs);font-family:inherit;min-height:32px;cursor:pointer;padding:0 var(--space-1)}.checkin-dock__aux-btn input[type=file]{display:none}.checkin-dock .btn{min-height:40px;padding:8px 16px;font-size:var(--text-sm);flex:none}.reading-card__prompt{font-size:var(--text-sm);color:var(--color-accent);background:var(--color-accent-soft);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);line-height:1.7}.plan-phases{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.plan-phase__title{font-size:var(--text-sm);font-weight:600;color:var(--color-ink-secondary);margin-bottom:4px}.plan-phase__books{display:flex;flex-direction:column;gap:4px}.plan-phase__book{font-size:var(--text-sm);color:var(--color-primary)}.plan-list{display:flex;flex-direction:column;gap:var(--space-2)}.plan-day{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);cursor:pointer;font-family:inherit}.plan-day--today{border-color:var(--color-primary);background:var(--color-primary-soft)}.plan-day__no{width:28px;font-weight:700;font-family:var(--font-mono);color:var(--color-ink-tertiary);text-align:center;flex-shrink:0}.plan-day--today .plan-day__no{color:var(--color-primary)}.plan-day__body{display:flex;flex-direction:column;gap:2px;min-width:0}.plan-day__book{font-size:var(--text-xs);color:var(--color-primary);font-weight:500}.plan-day__title{font-size:var(--text-sm);color:var(--color-ink-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#1e2a2473;display:flex;align-items:flex-end;justify-content:center}.sheet__panel{width:100%;max-width:480px;max-height:84vh;overflow-y:auto;background:var(--color-bg-base);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-4);padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom))}.sheet__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.sheet__close{background:none;border:none;color:var(--color-ink-tertiary);cursor:pointer;padding:4px}.mt-auto{margin-top:auto}