*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{height:100%;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;background-color:var(--color-background-body,#f5f5f5);color:#333;color:var(--color-text-primary,#333);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{height:100%}#root,.app{margin:0;padding:0}.app{height:100vh;overflow-x:hidden}.container{background-color:#fff;background-color:var(--color-background-primary,#fff);margin:0 auto;max-width:min(600px,100vw - 2rem);min-height:100vh;padding:0 1rem}@media (max-width:640px){.container{padding:0 .75rem}}@media (min-width:768px){.container{padding:0 1.5rem}}.page-content{margin:0;min-height:100vh;overflow-y:auto;padding:0;position:relative}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.swipeable{cursor:grab}.swipeable:active{cursor:grabbing}@keyframes fadeInOut{0%{opacity:0;transform:scale(.8) translateY(10px)}20%{opacity:1;transform:scale(1.05) translateY(0)}80%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-5px)}}@keyframes gameStartPulse{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1.1)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.app-touch-feedback{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.app-touch-feedback,.touch-optimized{-webkit-user-select:none;user-select:none}.touch-optimized{-webkit-touch-callout:none}.gpu-accelerated{transform:translateZ(0);will-change:transform}.app-button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.app-button,.app-card{transition:opacity .15s ease,transform .15s ease}.app-card{touch-action:pan-y}.replant-emotion-tag-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);padding:0 12px;width:100%}@media (max-width:768px){.replant-emotion-tag-list{padding:0 12px}}@media (max-width:375px){.replant-emotion-tag-list{padding:0 16px}}@media (max-width:320px){.replant-emotion-tag-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:321px) and (max-width:480px){.replant-emotion-tag-list{grid-template-columns:repeat(4,1fr)}}@media (min-width:481px){.replant-emotion-tag-list{grid-template-columns:repeat(4,1fr)}}.replant-emotion-tag{align-items:center!important;display:flex!important;font-size:clamp(.75rem,2.5vw,.875rem)!important;gap:.25rem!important;height:3rem!important;justify-content:center!important;min-width:5rem!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important}@media (max-width:640px){.replant-emotion-tag{height:3.25rem!important;min-width:5.5rem!important}}.category-tabs::-webkit-scrollbar{display:none}.category-filter,.category-tabs{-ms-overflow-style:none;scrollbar-width:none}.category-filter::-webkit-scrollbar{background:#0000;height:0;width:0}.category-filter::-webkit-scrollbar-thumb,.category-filter::-webkit-scrollbar-track{background:#0000}.hamburger-button{height:2.75rem!important;left:1rem!important;min-height:44px!important;min-width:44px!important;outline:none!important;position:fixed!important;top:1rem!important;transform:none!important;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:2.75rem!important;z-index:1000!important}.hamburger-button:focus{outline:2px solid #22c55e!important;outline-offset:2px!important}.hamburger-button:active{transform:scale(.95)!important}.replant-button:active{transform:translateY(0)}.replant-emotion-tag:active{transform:scale(.98)}.replant-mission-check-button:active{transform:scale(.95)}.replant-button:focus-visible,.replant-emotion-tag:focus-visible,.replant-mission-check-button:focus-visible{outline:2px solid #22c55e;outline-offset:2px}@media (max-width:640px){.replant-emotion-tag-list{justify-content:center}.replant-character-level-detailed{padding:1rem}.hamburger-button{height:3rem!important;left:1.25rem!important;top:1.25rem!important;width:3rem!important;z-index:1001!important}}@media (min-width:641px) and (max-width:1023px){.hamburger-button{left:1.5rem!important;top:1.5rem!important}}@media (min-width:1024px){.hamburger-button{left:1rem!important;top:1rem!important}}.offline-indicator{box-shadow:0 2px 12px #00000026;color:#fff;cursor:pointer;font-size:14px;font-weight:500;left:0;position:fixed;right:0;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;z-index:10000}.offline-indicator-top{animation:slideDownIn .4s cubic-bezier(.4,0,.2,1);top:0}.offline-indicator-bottom{animation:slideUpIn .4s cubic-bezier(.4,0,.2,1);bottom:0}.offline-indicator-content{align-items:center;display:flex;justify-content:space-between;min-height:48px;padding:12px 16px}.offline-indicator-main{align-items:center;display:flex;flex:1 1;gap:12px}.offline-icon{align-items:center;display:flex;flex-shrink:0;font-size:18px;height:24px;justify-content:center;width:24px}.offline-text-container{display:flex;flex:1 1;flex-direction:column;gap:2px}.offline-text{font-size:14px;font-weight:600;line-height:1.2}.offline-subtitle{font-size:12px;font-weight:400;line-height:1.3;opacity:.9}.offline-expand-button{align-items:center;background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;display:flex;height:32px;justify-content:center;min-width:32px;padding:4px;transition:background-color .2s}.offline-expand-button:hover{background-color:#ffffff1a}.offline-expand-button:focus{outline:2px solid #ffffff80;outline-offset:2px}.expand-arrow{transform-origin:center;transition:transform .3s cubic-bezier(.4,0,.2,1)}.offline-details{animation:expandDown .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000001a;border-top:1px solid #fff3;padding:12px 16px}.detail-item{font-size:12px}.detail-item:not(:last-child){border-bottom:1px solid #ffffff1a;margin-bottom:4px;padding-bottom:8px}.detail-label{color:#fffc;font-weight:400}.detail-value{font-feature-settings:"tnum";color:#fff;font-variant-numeric:tabular-nums;font-weight:500}.offline-indicator.offline{background:linear-gradient(90deg,#ef4444,#dc2626)}.offline-indicator.fast,.offline-indicator.online-recovery{background:linear-gradient(90deg,#10b981,#059669)}.offline-indicator.medium{background:linear-gradient(90deg,#f59e0b,#d97706)}.offline-indicator.slow{background:linear-gradient(90deg,#ef4444,#dc2626)}[data-theme=dark] .offline-indicator{box-shadow:0 2px 12px #0000004d}[data-theme=dark] .offline-indicator.offline{background:linear-gradient(90deg,#dc2626,#b91c1c)}[data-theme=dark] .offline-indicator.fast,[data-theme=dark] .offline-indicator.online-recovery{background:linear-gradient(90deg,#059669,#047857)}[data-theme=dark] .offline-indicator.medium{background:linear-gradient(90deg,#d97706,#b45309)}[data-theme=dark] .offline-indicator.slow{background:linear-gradient(90deg,#dc2626,#b91c1c)}[data-theme=dark] .offline-details{background:#0003}@keyframes expandDown{0%{max-height:0;opacity:0}to{max-height:200px;opacity:1}}@media (max-width:640px){.offline-indicator-content{min-height:44px;padding:10px 12px}.offline-text{font-size:13px}.offline-subtitle{font-size:11px}.offline-icon{font-size:16px;height:20px;width:20px}.offline-details{padding:10px 12px}.detail-item{font-size:11px}}@media (prefers-contrast:high){.offline-indicator{border:2px solid #fff}.offline-expand-button:focus{outline:3px solid #fff;outline-offset:2px}}@media (prefers-reduced-motion:reduce){.offline-details,.offline-indicator{animation:none}.expand-arrow,.offline-indicator{transition:none}}@media print{.offline-indicator{display:none!important}}.offline-indicator:focus-within{outline:2px solid #ffffff80;outline-offset:2px}.offline-indicator.offline .offline-icon{animation:pulse 2s infinite}.offline-indicator.online-recovery .offline-icon{animation:bounce .6s ease-out}@keyframes bounce{0%,20%,53%,80%,to{transform:scale(1)}40%,43%{transform:scale(1.1)}70%{transform:scale(1.05)}90%{transform:scale(1.02)}}.offline-indicator:hover{filter:brightness(1.05);transform:translateY(0)}.offline-indicator-top:hover{box-shadow:0 4px 16px #0003}.offline-indicator-bottom:hover{box-shadow:0 -4px 16px #0003}.sync-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6366f1;border-radius:20px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:14px;left:50%;max-width:400px;min-width:200px;padding:8px 16px;position:fixed;transform:translateX(-50%);transition:all .3s ease-in-out;-webkit-user-select:none;user-select:none;z-index:1000}.sync-indicator-top{animation:slideDownIn .3s ease-out;top:60px}.sync-indicator-bottom{animation:slideUpIn .3s ease-out;bottom:20px}.sync-indicator.clickable{cursor:pointer}.sync-indicator.clickable:hover{box-shadow:0 6px 16px #0003;transform:translateX(-50%) scale(1.02)}.sync-indicator.clickable:active{transform:translateX(-50%) scale(.98)}.sync-indicator.sync-in-progress{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.sync-indicator.sync-needed{animation:pulse 2s infinite;background:linear-gradient(90deg,#ef4444,#dc2626)}.sync-indicator.sync-paused{background:linear-gradient(90deg,#f59e0b,#d97706)}.sync-indicator.sync-success{background:linear-gradient(90deg,#10b981,#059669)}.sync-indicator.sync-error{animation:shake .5s ease-in-out;background:linear-gradient(90deg,#ef4444,#dc2626)}.sync-indicator-content{align-items:center;display:flex;justify-content:space-between;width:100%}.sync-indicator-main{align-items:center;display:flex;flex:1 1;gap:8px}.sync-icon{align-items:center;display:flex;font-size:16px;justify-content:center;min-width:20px}.sync-text-container{display:flex;flex:1 1;flex-direction:column;gap:2px}.sync-text{font-size:14px;font-weight:600;line-height:1.2}.sync-subtitle{font-size:12px;font-weight:400;line-height:1.2;opacity:.9}.sync-spinner{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.spinner-ring{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.sync-expand-button{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.sync-expand-button:hover{background:#ffffff1a}.sync-expand-button:focus{outline:2px solid #ffffff80;outline-offset:1px}.expand-arrow{font-size:12px;transform:rotate(0deg);transition:transform .2s ease}.expand-arrow.expanded{transform:rotate(180deg)}.sync-details{animation:slideDown .2s ease-out;border-top:1px solid #fff3;margin-top:12px;padding-top:12px}.detail-item{align-items:center;display:flex;font-size:13px;justify-content:space-between;padding:4px 0}.detail-label{font-weight:500;opacity:.9}.detail-value{font-weight:600;text-align:right}.detail-group{margin:8px 0}.detail-group:not(:last-child){border-bottom:1px solid #ffffff1a;padding-bottom:8px}.sync-actions{border-top:1px solid #fff3;display:flex;justify-content:center;margin-top:12px;padding-top:12px}.sync-action-button{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s ease}.sync-action-button:hover:not(:disabled){background:#ffffff4d}.sync-action-button:disabled{cursor:not-allowed;opacity:.6}.sync-action-button:focus{outline:2px solid #ffffff80;outline-offset:1px}@keyframes slideDownIn{0%{opacity:0;transform:translateX(-50%) translateY(-100%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes slideUpIn{0%{opacity:0;transform:translateX(-50%) translateY(100%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:300px;opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes shake{0%,to{transform:translateX(-50%) translateY(0)}25%{transform:translateX(-50%) translateY(-2px)}75%{transform:translateX(-50%) translateY(2px)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.sync-indicator{left:16px;max-width:none;right:16px;transform:none}.sync-indicator-bottom,.sync-indicator-top{transform:none}.sync-indicator.clickable:hover{transform:scale(1.02)}.sync-indicator.clickable:active{transform:scale(.98)}@keyframes slideDownIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translateY(0)}25%{transform:translateY(-2px)}75%{transform:translateY(2px)}}}@media (prefers-color-scheme:dark){.sync-indicator{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}@media (prefers-reduced-motion:reduce){.expand-arrow,.spinner-ring,.sync-action-button,.sync-indicator{animation:none!important;transition:none!important}.sync-indicator.sync-needed{animation:none!important}}:root{--color-focus:#005fcc;--color-focus-outline:#06f;--color-focus-ring:#0066ff4d;--color-text-high-contrast:#000;--focus-outline-width:2px;--focus-outline-style:solid;--focus-outline-offset:2px;--focus-border-radius:4px;--focus-ring-width:4px}.sr-only{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.sr-only-focusable:focus{clip:auto!important;background-color:#005fcc!important;background-color:var(--color-focus)!important;border-radius:4px!important;border-radius:var(--focus-border-radius)!important;box-shadow:0 0 0 4px #0066ff4d!important;box-shadow:0 0 0 var(--focus-ring-width) var(--color-focus-ring)!important;color:#fff!important;height:auto!important;margin:0!important;overflow:visible!important;padding:.5rem 1rem!important;position:static!important;white-space:normal!important;width:auto!important;z-index:10000!important}@media (prefers-contrast:high){:root{--color-text-primary:var(--color-text-high-contrast)}}.skip-link{background:#000;border-radius:.25rem;color:#fff;font-size:.875rem;left:.375rem;padding:.5rem;position:absolute;text-decoration:none;top:-2.5rem;transition:top .2s;z-index:10000}.skip-link:focus{top:.375rem}@media (max-width:640px){.skip-link{font-size:1rem;left:1rem;padding:.75rem 1rem}.skip-link:focus{top:1rem}}:root{--color-background-body:#f5f5f5;--color-background-primary:#fff;--color-background-secondary:#f9fafb;--color-background-tertiary:#f3f4f6;--color-text-primary:#333;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-text-inverse:#fff;--color-primary-100:#dcfce7;--color-primary-200:#bbf7d0;--color-primary-300:#86efac;--color-primary-400:#4ade80;--color-primary-500:#22c55e;--color-primary-600:#16a34a;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-900:#111827;--color-border-light:#e5e7eb;--color-border-medium:#d1d5db;--color-border-dark:#9ca3af;--color-shadow-light:#0000000d;--color-shadow-medium:#00000026;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-warning-light:#fef3c7;--color-warning-dark:#92400e;--color-error-light:#fee2e2;--color-error-dark:#991b1b;--color-emotion-happy:#b45309;--color-emotion-excited:#c2410c;--color-emotion-calm:#0e7490;--color-emotion-grateful:#7c3aed;--color-emotion-sad:#6b7280;--color-emotion-angry:#dc2626;--color-emotion-anxious:#b45309;--color-emotion-tired:#64748b;--color-accent-blue:#2563eb;--color-accent-green:#15803d;--color-accent-orange:#c2410c;--color-accent-purple:#7c3aed;--color-accent-yellow:#b45309;--color-category-all-bg:#f3f4f6;--color-category-all-border:#d1d5db;--color-category-all-text:#374151;--color-category-all-bg-selected:#3741511a;--color-category-all-border-selected:#374151;--color-category-all-text-selected:#374151;--progress-track:#e5e7eb;--progress-fill:var(--color-primary-500)}[data-theme=dark]{--color-background-body:#121212;--color-background-primary:#1e1e1e;--color-background-secondary:#232323;--color-background-tertiary:#2a2a2a;--color-text-primary:#ffffffde;--color-text-secondary:#fff9;--color-text-tertiary:#ffffff61;--color-text-inverse:#fff;--color-primary-100:#1f3a1f;--color-primary-200:#2d4a2d;--color-primary-300:#4ade80;--color-primary-400:#34d399;--color-primary-500:#10b981;--color-primary-600:#059669;--color-gray-100:#2a2a2a;--color-gray-200:#303030;--color-gray-300:#373737;--color-gray-400:#3f3f3f;--color-gray-500:#fff9;--color-gray-600:#ffffffde;--color-gray-900:#ffffffde;--color-border-light:#2a2a2a;--color-border-medium:#373737;--color-border-dark:#3f3f3f;--color-shadow-light:#0003;--color-shadow-medium:#0006;--color-success:#4ade80;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa;--color-warning-light:#451a03;--color-warning-dark:#fbbf24;--color-error-light:#450a0a;--color-error-dark:#f87171;--color-emotion-happy:#fde047;--color-emotion-excited:#fb923c;--color-emotion-calm:#67e8f9;--color-emotion-grateful:#c4b5fd;--color-emotion-sad:#fff9;--color-emotion-angry:#fca5a5;--color-emotion-anxious:#fde047;--color-emotion-tired:#fff9;--color-accent-blue:#93c5fd;--color-accent-green:#86efac;--color-accent-orange:#fdba74;--color-accent-purple:#c4b5fd;--color-accent-yellow:#fde047;--color-category-all-bg:#2a2a2a;--color-category-all-border:#373737;--color-category-all-text:#fff9;--color-category-all-bg-selected:#373737;--color-category-all-border-selected:#3f3f3f;--color-category-all-text-selected:#ffffffde;--progress-track:#2a2a2a;--progress-fill:var(--color-primary-400)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-background-body:#121212;--color-background-primary:#1e1e1e;--color-background-secondary:#232323;--color-background-tertiary:#2a2a2a;--color-text-primary:#ffffffde;--color-text-secondary:#fff9;--color-text-tertiary:#ffffff61;--color-text-inverse:#fff}}[data-theme=dark]{--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700}*{transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out}canvas,iframe,img,video{transition:none!important}.theme-text-primary{color:#333;color:var(--color-text-primary)}.theme-text-secondary{color:#6b7280;color:var(--color-text-secondary)}.theme-bg-primary{background-color:#fff;background-color:var(--color-background-primary)}.theme-bg-secondary{background-color:#f9fafb;background-color:var(--color-background-secondary)}.theme-border{border-color:#e5e7eb;border-color:var(--color-border-light)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}[data-theme=dark] body{background:linear-gradient(180deg,#121212,#0f0f0f);background-attachment:fixed}[data-theme=dark] .card-enhanced{background:linear-gradient(145deg,#1e1e1e,#1a1a1a);border:1px solid #ffffff14;box-shadow:0 4px 16px #0000000d;box-shadow:0 4px 16px var(--color-shadow-light)}[data-theme=dark] .card-enhanced:hover{box-shadow:0 8px 24px #00000026;box-shadow:0 8px 24px var(--color-shadow-medium);transform:translateY(-2px);transition:all .3s cubic-bezier(.4,0,.2,1)}#chat-input{background-color:#fff;background-color:var(--color-background-primary);color:#333;color:var(--color-text-primary)}#chat-input::placeholder,[data-theme=dark] #chat-input::placeholder{color:#6b7280;color:var(--color-text-secondary);opacity:1}@media (prefers-contrast:high){:root{--color-text-primary:#000;--color-text-secondary:#333;--color-border-light:#000}[data-theme=dark]{--color-text-primary:#fff;--color-text-secondary:#e0e0e0;--color-border-light:#fff}}
/*# sourceMappingURL=main.471d6e6f.css.map*/