#app[data-v-4f016eef]{height:100vh;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-primary)}.navbar[data-v-4f016eef]{background-color:var(--color-primary);color:#fff;padding:0;flex-shrink:0;z-index:100;box-shadow:var(--shadow-md)}.navbar-content[data-v-4f016eef]{max-width:1400px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.nav-actions[data-v-4f016eef]{display:flex;align-items:center}.logo[data-v-4f016eef]{font-size:16px;font-weight:700;letter-spacing:.5px;margin:0;cursor:pointer}.stats-btn[data-v-4f016eef],.logout-btn[data-v-4f016eef]{background-color:transparent;color:#fff;border:none;padding:6px 12px;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;margin-right:4px}.stats-btn[data-v-4f016eef]:hover,.logout-btn[data-v-4f016eef]:hover{background-color:#ffffff26}.main-content[data-v-4f016eef]{flex:1;overflow:hidden;position:relative;width:100%}.mobile-header[data-v-4f016eef]{display:none;background-color:#fff;z-index:1000;border-bottom:1px solid #f2f2f7}.mobile-navbar-content[data-v-4f016eef]{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;padding-top:max(12px,env(safe-area-inset-top))}.mobile-nav-actions[data-v-4f016eef]{display:flex;gap:12px}.mobile-icon-btn[data-v-4f016eef]{background:#f5f5f7;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:background .2s}.mobile-icon-btn[data-v-4f016eef]:active{background:#e8e8ed}.bottom-nav[data-v-4f016eef]{display:none;background:#fff;border-top:1px solid #eee;padding:8px 0;justify-content:space-around;box-shadow:0 -2px 10px #00000008;z-index:100;padding-bottom:max(8px,env(safe-area-inset-bottom));flex-shrink:0}.nav-item[data-v-4f016eef]{background:none;border:none;display:flex;flex-direction:column;align-items:center;padding:4px 12px;color:#999;font-size:10px;gap:4px;cursor:pointer}.nav-item.active[data-v-4f016eef]{color:var(--color-primary)}.nav-icon[data-v-4f016eef]{font-size:20px}@media (max-width: 768px){.desktop-nav[data-v-4f016eef]{display:none}.mobile-header[data-v-4f016eef],.bottom-nav[data-v-4f016eef]{display:flex}.navbar[data-v-4f016eef]{background:#fff;color:#1d1d1f;box-shadow:0 1px #0000000d}.logo[data-v-4f016eef]{font-size:18px;color:#1d1d1f}}@media (max-height: 800px) and (orientation: landscape){html,body{overflow-y:auto!important;height:auto!important;min-height:100vh!important;-webkit-overflow-scrolling:touch!important}}@media (max-height: 800px) and (orientation: landscape){#app[data-v-4f016eef]{height:auto!important;min-height:100vh;overflow:visible!important}.main-content[data-v-4f016eef]{overflow:visible!important;height:auto!important;flex:none!important}.bottom-nav[data-v-4f016eef]{position:relative;z-index:10}}.auth-page[data-v-7a990d64]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background-color:var(--bg-primary)}.auth-container[data-v-7a990d64]{width:100%;max-width:400px}.auth-card[data-v-7a990d64]{padding:var(--spacing-xl)}.auth-title[data-v-7a990d64]{font-size:20px;font-weight:600;text-align:center;margin-bottom:var(--spacing-xl);letter-spacing:.5px}.auth-form[data-v-7a990d64]{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group[data-v-7a990d64]{width:100%}.error-message[data-v-7a990d64]{color:#ff6b6b;font-size:13px;text-align:center;padding:var(--spacing-sm);background-color:#ff6b6b1a;border-radius:var(--radius-sm)}.test-account-info[data-v-7a990d64]{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:12px;border-radius:var(--radius-sm);text-align:center;font-size:13px;margin-bottom:8px}.btn-large[data-v-7a990d64]{width:100%;margin-top:var(--spacing-sm)}.btn-primary[data-v-7a990d64]:disabled{opacity:.6;cursor:not-allowed}.auth-link[data-v-7a990d64]{text-align:center;margin-top:var(--spacing-md);font-size:14px}.auth-footer[data-v-7a990d64]{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);text-align:center}.auth-footer p[data-v-7a990d64]{font-size:12px;color:var(--color-text-light);margin:4px 0}.footer-credit[data-v-7a990d64]{font-style:italic}.auth-page[data-v-7ad86b72]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background-color:var(--bg-primary)}.auth-container[data-v-7ad86b72]{width:100%;max-width:400px}.auth-card[data-v-7ad86b72]{padding:var(--spacing-xl)}.signup-header[data-v-7ad86b72]{text-align:center;margin-bottom:var(--spacing-xl)}.signup-title[data-v-7ad86b72]{font-size:18px;font-weight:600;margin-bottom:4px;color:var(--color-text)}.signup-subtitle[data-v-7ad86b72]{font-size:18px;font-weight:600;color:var(--color-text)}.auth-form[data-v-7ad86b72]{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group[data-v-7ad86b72]{width:100%}.error-message[data-v-7ad86b72]{color:#ff6b6b;font-size:13px;text-align:center;padding:var(--spacing-sm);background-color:#ff6b6b1a;border-radius:var(--radius-sm)}.success-message[data-v-7ad86b72]{color:#4caf50;font-size:13px;text-align:center;padding:var(--spacing-sm);background-color:#4caf501a;border-radius:var(--radius-sm)}.btn-large[data-v-7ad86b72]{width:100%;margin-top:var(--spacing-sm)}.btn-primary[data-v-7ad86b72]:disabled{opacity:.6;cursor:not-allowed}.auth-link[data-v-7ad86b72]{text-align:center;margin-top:var(--spacing-md);font-size:14px;color:var(--color-text-light)}.auth-footer[data-v-7ad86b72]{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);text-align:center}.auth-footer p[data-v-7ad86b72]{font-size:12px;color:var(--color-text-light);margin:4px 0}.footer-credit[data-v-7ad86b72]{font-style:italic}.calendar-grid[data-v-d4d72d1f]{width:100%;height:100%;display:flex;flex-direction:column}.weekday-header[data-v-d4d72d1f]{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:var(--spacing-sm);flex-shrink:0}.dates-grid[data-v-d4d72d1f]{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;gap:4px}.date-cell[data-v-d4d72d1f]{min-height:80px;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--bg-card);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:all .2s ease;position:relative;padding:4px;overflow:hidden}.date-cell[data-v-d4d72d1f]:hover:not(:disabled):not(.other-month){background-color:var(--color-hover);transform:translateY(-2px);box-shadow:var(--shadow-sm);z-index:1}.date-cell.other-month[data-v-d4d72d1f]{opacity:.3;cursor:not-allowed;background-color:transparent}.date-cell.today[data-v-d4d72d1f]{border-color:var(--color-primary);border-width:2px}.date-cell.today .date-number[data-v-d4d72d1f]{color:var(--color-primary);font-weight:800}.date-cell.selected[data-v-d4d72d1f]{background-color:#0000000d;border-color:var(--color-primary)}.date-cell.has-diary[data-v-d4d72d1f]{background-color:#ffd93d14}.date-emoji[data-v-d4d72d1f]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:70%;object-fit:contain;opacity:.25;z-index:0;pointer-events:none}.date-ai-prediction[data-v-d4d72d1f]{position:relative;z-index:1;font-size:11px;font-weight:600;color:var(--color-text);text-align:center;line-height:1.3;width:100%;padding:0 4px;margin:0;display:flex;align-items:center;justify-content:center;height:100%;white-space:normal;word-break:keep-all;overflow:visible;text-shadow:0 1px 2px rgba(255,255,255,.8)}.date-number[data-v-d4d72d1f]{align-self:flex-start;position:absolute;top:4px;left:6px;font-size:13px;font-weight:600;color:var(--color-text);line-height:1;z-index:1}@media (max-width: 768px){.dates-grid[data-v-d4d72d1f]{gap:4px}.date-number[data-v-d4d72d1f]{font-size:11px;top:4px;left:4px}.date-emoji[data-v-d4d72d1f]{font-size:22px;margin-top:8px}.date-ai-prediction[data-v-d4d72d1f]{font-size:9px}}.emoji-selector[data-v-608a8a03]{margin-bottom:var(--spacing-lg)}.emoji-label[data-v-608a8a03]{font-size:14px;font-weight:500;margin-bottom:var(--spacing-md);color:var(--color-text)}.emoji-options[data-v-608a8a03]{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md);margin:0 auto}.emoji-option[data-v-608a8a03]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background-color:var(--bg-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;flex:0 0 30%;max-width:30%}.emoji-option[data-v-608a8a03]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-placeholder)}.emoji-option.selected[data-v-608a8a03]{border-color:var(--color-primary);background-color:#00000008;transform:scale(1.05)}.emoji-img[data-v-608a8a03]{width:48px;height:48px;object-fit:contain;margin-bottom:4px}.emoji-name[data-v-608a8a03]{font-size:12px;color:var(--color-text-light);font-weight:500}.emoji-option.selected .emoji-name[data-v-608a8a03]{color:var(--color-primary);font-weight:600}@media (max-width: 640px){.emoji-options[data-v-608a8a03]{gap:var(--spacing-sm)}.emoji-option[data-v-608a8a03]{min-width:60px;padding:var(--spacing-sm)}.emoji-icon[data-v-608a8a03]{font-size:28px}}.question-accordion[data-v-204a26a7]{margin-bottom:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background-color:var(--bg-card)}.accordion-header[data-v-204a26a7]{width:100%;padding:var(--spacing-md);background-color:transparent;border:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background-color .2s ease;text-align:left}.accordion-header[data-v-204a26a7]:hover{background-color:var(--color-hover)}.accordion-header.open[data-v-204a26a7]{background-color:#00000005;border-bottom:1px solid var(--color-border)}.question-text[data-v-204a26a7]{font-size:14px;font-weight:500;color:var(--color-text)}.required-mark[data-v-204a26a7]{color:#ff6b6b;margin-left:4px}.toggle-icon[data-v-204a26a7]{font-size:12px;color:var(--color-text-light);transition:transform .2s ease}.accordion-content[data-v-204a26a7]{padding:var(--spacing-md)}.accordion-content textarea[data-v-204a26a7]{margin:0}.slide-enter-active[data-v-204a26a7],.slide-leave-active[data-v-204a26a7]{transition:all .3s ease;max-height:300px}.slide-enter-from[data-v-204a26a7],.slide-leave-to[data-v-204a26a7]{max-height:0;opacity:0;padding-top:0;padding-bottom:0}.header-actions[data-v-204a26a7]{display:flex;align-items:center;gap:12px}.btn-mic-mini[data-v-204a26a7]{background:#f1f3f5;border:1px solid rgba(0,0,0,.05);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s ease}.btn-mic-mini[data-v-204a26a7]:hover{background:#e9ecef;transform:scale(1.1)}.btn-mic-mini.recording[data-v-204a26a7]{background:#ffec99;border-color:#fcc419;animation:pulse-orange-204a26a7 1.5s infinite}@keyframes pulse-orange-204a26a7{0%{box-shadow:0 0 #ffc01966}70%{box-shadow:0 0 0 6px #ffc01900}to{box-shadow:0 0 #ffc01900}}.diary-panel[data-v-58dc13ea]{height:100%;overflow-y:auto;padding:0 32px 32px;background:#fafafa;scroll-behavior:smooth}.modal-header[data-v-58dc13ea]{position:sticky;top:0;z-index:10;padding-top:32px;padding-bottom:24px;background:#fafafa;border-bottom:1px solid rgba(0,0,0,.03)}.modal-title[data-v-58dc13ea]{font-size:24px;font-weight:800;color:#1d1d1f;display:flex;align-items:center;justify-content:space-between}.diary-timestamp[data-v-58dc13ea]{font-size:13px;color:#999;margin-top:4px}.weather-badge-premium[data-v-58dc13ea]{display:flex;align-items:center;gap:8px;background:#fff;padding:6px 12px;border-radius:20px;box-shadow:0 2px 4px #0000000d;border:1px solid rgba(0,0,0,.03)}.weather-icon[data-v-58dc13ea]{font-size:16px}.weather-text[data-v-58dc13ea]{font-size:12px;font-weight:600;color:#555}.weather-loading[data-v-58dc13ea]{font-size:12px;color:#888;display:flex;align-items:center;gap:6px}.pulse[data-v-58dc13ea]{width:8px;height:8px;background:#ff4757;border-radius:50%;display:inline-block;animation:pulse-anim-58dc13ea 1.5s infinite}@keyframes pulse-anim-58dc13ea{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.diary-empty[data-v-58dc13ea]{text-align:center;padding:60px 20px}.empty-message[data-v-58dc13ea]{display:flex;flex-direction:column;align-items:center;gap:16px}.empty-hint[data-v-58dc13ea]{font-size:14px;color:#aaa;margin-top:8px}.insight-bubble[data-v-58dc13ea]{background:#fff;padding:16px 24px;border-radius:20px;box-shadow:0 4px 16px #0000000f;border:1px solid rgba(0,0,0,.04);font-size:15px;color:#444;font-weight:600;max-width:320px;line-height:1.5;display:flex;align-items:center;gap:10px;margin-top:12px;position:relative}.insight-bubble[data-v-58dc13ea]:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(0,0,0,.04)}.insight-bubble[data-v-58dc13ea]:after{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white}.insight-bubble-purple[data-v-58dc13ea]{background:#f3e5f5;border-color:#4a148c1a}.insight-bubble-purple[data-v-58dc13ea]:before{border-bottom-color:#4a148c1a}.insight-bubble-purple[data-v-58dc13ea]:after{border-bottom-color:#f3e5f5}.insight-icon[data-v-58dc13ea]{font-size:20px}.fade-in[data-v-58dc13ea]{animation:fadeIn-58dc13ea .6s ease-out forwards;opacity:0;transform:translateY(10px)}@keyframes fadeIn-58dc13ea{to{opacity:1;transform:translateY(0)}}.btn[data-v-58dc13ea]{padding:12px 24px;border-radius:12px;border:none;cursor:pointer;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary[data-v-58dc13ea]{background:#1d1d1f;color:#fff}.btn-primary[data-v-58dc13ea]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-large[data-v-58dc13ea]{padding:16px 40px;font-size:16px}.btn-secondary[data-v-58dc13ea]{background:#f2f2f7;color:#1d1d1f}.btn-danger[data-v-58dc13ea]{background:#ff3b30;color:#fff}.btn-ghost[data-v-58dc13ea]{background:transparent;color:#ff3b30;border:1px solid rgba(255,59,48,.15)}.btn-ghost[data-v-58dc13ea]:hover{background:#ff3b300d;border-color:#ff3b30}.modal-actions-inline[data-v-58dc13ea]{display:flex;justify-content:flex-end;gap:16px;margin-top:60px;padding:40px 0 20px;border-top:1px solid rgba(0,0,0,.06);position:relative;z-index:5}.diary-view[data-v-58dc13ea]{position:relative}.view-content-wrapper[data-v-58dc13ea]{position:relative;z-index:2;background:#fafafa;margin-top:-20px;padding-top:1px}.view-emoji-premium[data-v-58dc13ea]{border-radius:28px;padding:40px;display:flex;flex-direction:column;align-items:center;gap:24px;margin-bottom:32px;transition:all .4s ease;box-shadow:0 10px 30px #0000000d}.mood-happy[data-v-58dc13ea]{background:linear-gradient(135deg,#fffde7,#ffe082)}.mood-calm[data-v-58dc13ea]{background:linear-gradient(135deg,#f1f8e9,#a5d6a7)}.mood-neutral[data-v-58dc13ea]{background:linear-gradient(135deg,#fafafa,#e0e0e0)}.mood-sad[data-v-58dc13ea]{background:linear-gradient(135deg,#e3f2fd,#90caf9)}.mood-angry[data-v-58dc13ea]{background:linear-gradient(135deg,#ffebee,#ef9a9a)}.emoji-container[data-v-58dc13ea]{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:8px}.emoji-large[data-v-58dc13ea]{width:110px;height:110px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.12))}.anim-float[data-v-58dc13ea]{animation:float-58dc13ea 4s ease-in-out infinite}@keyframes float-58dc13ea{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.emoji-label[data-v-58dc13ea]{font-size:26px;font-weight:800;color:#000c;letter-spacing:-.5px}.primary-label[data-v-58dc13ea]{margin-bottom:8px}.ai-prediction-badge-premium[data-v-58dc13ea]{font-size:13px;font-weight:700;color:#fff;background:#00000040;padding:7px 16px;border-radius:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ai-letter-box[data-v-58dc13ea]{background:#fffffff5;padding:28px;border-radius:24px;width:100%;box-shadow:0 12px 32px #0000000f;border:1px solid rgba(255,255,255,.8)}.letter-header[data-v-58dc13ea]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.ai-icon[data-v-58dc13ea]{font-size:22px}.ai-sender[data-v-58dc13ea]{font-size:15px;font-weight:700;color:#222}.ai-comment-text[data-v-58dc13ea]{font-size:16px;line-height:1.8;color:#444;white-space:pre-wrap;font-weight:500}.ai-loading-section[data-v-58dc13ea]{width:100%;background:#fff9;padding:24px;border-radius:24px;border:1px solid rgba(255,255,255,.3)}.progress-track[data-v-58dc13ea]{width:100%;height:8px;background:#0000000f;border-radius:10px;overflow:hidden;margin-top:12px}.progress-fill[data-v-58dc13ea]{height:100%;background:#1d1d1f;transition:width .6s cubic-bezier(.4,0,.2,1)}.view-answers[data-v-58dc13ea]{display:flex;flex-direction:column;gap:28px;padding-bottom:60px}.answer-item-premium[data-v-58dc13ea]{background:#fff;padding:32px;border-radius:24px;border:1px solid rgba(0,0,0,.02);box-shadow:0 6px 20px #00000008;transition:transform .3s ease}.answer-item-premium[data-v-58dc13ea]:hover{transform:translateY(-4px)}.answer-question[data-v-58dc13ea]{font-size:14px;color:#999;margin-bottom:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.answer-text[data-v-58dc13ea]{font-size:17px;color:#1d1d1f;line-height:1.7;white-space:pre-wrap;font-weight:500}.mindset-bubble[data-v-58dc13ea]{background:#f3e5f5;padding:16px 20px;border-radius:16px;margin-bottom:24px;border:1px solid rgba(0,0,0,.03);animation:slideDown-58dc13ea .4s ease-out}.mindset-content[data-v-58dc13ea]{display:flex;gap:12px;align-items:center}.mindset-icon[data-v-58dc13ea]{font-size:20px;flex-shrink:0;margin-top:2px}.mindset-text[data-v-58dc13ea]{font-size:15px;color:#4a148c;font-weight:600;line-height:1.5;word-break:keep-all}.mindset-loading[data-v-58dc13ea]{text-align:center;color:#999;font-size:13px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:8px}.pulse-mini[data-v-58dc13ea]{width:6px;height:6px;background:#999;border-radius:50%;animation:pulse-anim-58dc13ea 1s infinite}@keyframes slideDown-58dc13ea{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.voice-section[data-v-58dc13ea]{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px}.btn-voice[data-v-58dc13ea]{display:flex;align-items:center;gap:10px;padding:14px 24px;border-radius:30px;border:1px solid rgba(0,0,0,.08);background:#fff;color:#333;font-weight:700;font-size:15px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;width:100%;justify-content:center;cursor:pointer}.btn-voice[data-v-58dc13ea]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014;border-color:#1d1d1f}.btn-voice.recording[data-v-58dc13ea]{background:#ff3b30;color:#fff;border-color:#ff3b30;animation:pulse-red-58dc13ea 2s infinite}.voice-loading[data-v-58dc13ea]{font-size:13px;color:#666;display:flex;align-items:center;gap:8px}@keyframes pulse-red-58dc13ea{0%{box-shadow:0 0 #ff3b3066}70%{box-shadow:0 0 0 10px #ff3b3000}to{box-shadow:0 0 #ff3b3000}}.voice-loading-overlay[data-v-58dc13ea]{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:20px}.voice-loader-box[data-v-58dc13ea]{background:#fff;padding:16px 24px;border-radius:30px;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;gap:10px;font-size:14px;color:#555;font-weight:600}html,body{overflow:hidden;height:100%}.cursor-pointer[data-v-44d01edb]{cursor:pointer;transition:transform .2s}.cursor-pointer[data-v-44d01edb]:hover{transform:scale(1.02)}.stat-arrow[data-v-44d01edb]{margin-left:auto;font-size:24px;color:#ccc;font-weight:300}.calendar-page[data-v-44d01edb]{height:calc(100vh - 56px);padding:var(--spacing-lg);background-color:var(--bg-primary);overflow:hidden;box-sizing:border-box}.calendar-layout[data-v-44d01edb]{display:grid;grid-template-columns:5.5fr 4.5fr;min-width:0;gap:var(--spacing-lg);width:100%;height:100%;max-width:1400px;margin:0 auto}.calendar-section[data-v-44d01edb],.diary-section[data-v-44d01edb]{min-width:0;width:100%;height:auto;max-height:100%;display:flex;flex-direction:column;overflow:hidden}.diary-section[data-v-44d01edb]{overflow-y:auto}.calendar-section[data-v-44d01edb]{background-color:var(--bg-card);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-lg)}.diary-section[data-v-44d01edb]{background-color:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.empty-panel[data-v-44d01edb]{display:flex;align-items:center;justify-content:center;height:100%;padding:var(--spacing-xl);color:var(--color-text-light);text-align:center}.calendar-header-v2[data-v-44d01edb]{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.month-navigation-v2[data-v-44d01edb]{display:flex;align-items:center;gap:20px}.current-month-v2[data-v-44d01edb]{font-size:28px;font-weight:800;color:#1d1d1f;letter-spacing:-1px}.nav-btn-v2[data-v-44d01edb]{width:36px;height:36px;border-radius:50%;border:1px solid rgba(0,0,0,.06);background:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;color:#555;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #00000005}.nav-btn-v2[data-v-44d01edb]:hover{background:#f5f5f7;transform:scale(1.1);box-shadow:0 4px 10px #0000000d}.search-box-v2[data-v-44d01edb]{flex:0 0 320px}.search-input-wrapper[data-v-44d01edb]{position:relative;display:flex;align-items:center}.search-input-v2[data-v-44d01edb]{width:100%;padding:12px 48px 12px 20px;background:#f5f5f7;border:none;border-radius:25px;font-size:15px;color:#1d1d1f;transition:all .3s ease}.search-input-v2[data-v-44d01edb]:focus{background:#fff;box-shadow:0 0 0 3px #00000008,0 4px 12px #0000000d;outline:none}.search-btn-v2[data-v-44d01edb]{position:absolute;right:12px;background:none;border:none;font-size:18px;cursor:pointer;opacity:.5;transition:opacity .2s}.search-btn-v2[data-v-44d01edb]:hover{opacity:1}.quick-links[data-v-44d01edb]{display:flex;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid #f0f0f0}.quick-btn[data-v-44d01edb]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.guide-btn[data-v-44d01edb]{background:#eef2ff;color:#4f46e5}.stats-btn-main[data-v-44d01edb]{background:#f0fdf4;color:#16a34a}.quick-btn[data-v-44d01edb]:hover{transform:translateY(-2px);filter:brightness(.95)}.stats-premium-banner[data-v-44d01edb]{display:flex;align-items:center;gap:40px;background:#fff;padding:24px 32px;border-radius:24px;box-shadow:0 8px 30px #00000008;border:1px solid rgba(0,0,0,.02)}.stat-group[data-v-44d01edb]{display:flex;align-items:center;gap:12px}.stat-icon[data-v-44d01edb]{font-size:24px}.stat-info[data-v-44d01edb]{font-size:15px;color:#666;font-weight:500}.stat-info strong[data-v-44d01edb]{color:#1d1d1f;font-weight:700;margin:0 2px}.stat-divider-v2[data-v-44d01edb]{width:1px;height:24px;background:#eee}.search-results-overlay[data-v-44d01edb]{flex:1;overflow-y:auto;background:#fff;border-radius:var(--radius-md);display:flex;flex-direction:column}.search-header[data-v-44d01edb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px}.close-search[data-v-44d01edb]{background:#eee;border:none;padding:4px 12px;border-radius:4px;cursor:pointer}.results-list[data-v-44d01edb]{display:flex;flex-direction:column;gap:12px}.search-item[data-v-44d01edb]{padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:.2s}.search-item[data-v-44d01edb]:hover{background:#f9f9f9;border-color:#000}.search-item-date[data-v-44d01edb]{font-size:12px;color:#888;margin-bottom:4px}.search-item-text[data-v-44d01edb]{font-size:14px;color:#333}.fade-enter-active[data-v-44d01edb],.fade-leave-active[data-v-44d01edb]{transition:opacity .5s ease}.fade-enter-from[data-v-44d01edb],.fade-leave-to[data-v-44d01edb]{opacity:0}@media (max-width: 1024px){.calendar-layout[data-v-44d01edb]{grid-template-columns:1fr}}@media (max-width: 768px){.calendar-page[data-v-44d01edb]{padding:0;height:100%;display:flex;flex-direction:column}.calendar-section[data-v-44d01edb]{padding:8px;height:100%;border-radius:0;overflow-y:auto;flex:1}.calendar-layout[data-v-44d01edb]{display:block;height:100%}.calendar-header-v2[data-v-44d01edb]{flex-direction:column;align-items:stretch;gap:16px}.month-navigation-v2[data-v-44d01edb]{justify-content:space-between;width:100%;padding:0 10px}.search-box-v2[data-v-44d01edb]{flex:1;width:100%}.diary-section[data-v-44d01edb]{display:none;position:fixed;top:0;left:0;right:0;bottom:60px;z-index:50;margin:0;border-radius:0;padding-bottom:20px;animation:slideUp-44d01edb .3s ease-out;background-color:var(--bg-primary);padding-bottom:calc(20px + env(safe-area-inset-bottom));padding-top:80px}.diary-section.mobile-active[data-v-44d01edb]{display:flex}.current-month-v2[data-v-44d01edb]{font-size:24px}.stats-premium-banner[data-v-44d01edb]{flex-direction:column;align-items:flex-start;gap:12px;padding:20px}.stat-divider-v2[data-v-44d01edb],.stat-arrow[data-v-44d01edb]{display:none}}@keyframes slideUp-44d01edb{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-height: 800px) and (orientation: landscape){.calendar-page[data-v-44d01edb]{display:block!important;padding:20px!important;height:auto!important;min-height:100vh!important;overflow-y:auto!important;box-sizing:border-box!important}.calendar-layout[data-v-44d01edb]{display:grid!important;grid-template-columns:1.2fr 1fr!important;gap:20px!important;height:auto!important;min-height:0!important;overflow:visible!important}.calendar-section[data-v-44d01edb]{width:100%!important;height:auto!important;min-height:400px!important;border-radius:16px!important;padding:15px!important;overflow:visible!important;box-shadow:0 2px 10px #0000000d!important;flex:none!important}.diary-section[data-v-44d01edb]{display:flex!important;flex-direction:column!important;position:static!important;width:100%!important;height:auto!important;min-height:400px!important;margin:0!important;z-index:1!important;background-color:#fff!important;padding-bottom:0!important;animation:none!important;border-radius:16px!important;box-shadow:0 2px 10px #0000000d!important;overflow:visible!important;flex:none!important}.diary-section.mobile-active[data-v-44d01edb]{animation:none!important}.calendar-header-v2[data-v-44d01edb]{flex-direction:row!important;justify-content:space-between!important;gap:10px!important;margin-bottom:15px}.month-navigation-v2[data-v-44d01edb]{padding:0!important;width:auto!important}.current-month-v2[data-v-44d01edb]{font-size:20px!important}.nav-btn-v2[data-v-44d01edb]{width:30px!important;height:30px!important;font-size:16px!important}.search-box-v2[data-v-44d01edb],.stats-premium-banner[data-v-44d01edb]{display:none!important}html[data-v-44d01edb],body[data-v-44d01edb]{overflow-y:auto!important;height:auto!important}}.long-term-box[data-v-b5e3cd2d]{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 12px #00000008}.long-term-box h4[data-v-b5e3cd2d]{margin:0 0 16px;color:#166534;font-size:18px;display:flex;align-items:center;gap:8px}.report-actions[data-v-b5e3cd2d]{display:flex;gap:10px}.meta-btn[data-v-b5e3cd2d]{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.meta-btn[data-v-b5e3cd2d]:hover:not(:disabled){background:#059669;transform:scale(1.02)}.meta-btn[data-v-b5e3cd2d]:disabled{opacity:.7;cursor:wait}.stats-page[data-v-b5e3cd2d]{height:100%;overflow:hidden;background:#f5f5f7;padding:20px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.stats-container[data-v-b5e3cd2d]{max-width:900px;height:100%;margin:0 auto;display:flex;flex-direction:column}.stats-header[data-v-b5e3cd2d]{flex-shrink:0;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.header-left h2[data-v-b5e3cd2d]{font-size:28px;font-weight:800;color:#1d1d1f;margin:0 0 8px}.subtitle[data-v-b5e3cd2d]{font-size:15px;color:#86868b;margin:0}.close-btn[data-v-b5e3cd2d]{background:#fff;border:1px solid #d2d2d7;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;color:#1d1d1f;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.close-btn[data-v-b5e3cd2d]:hover{background:#f5f5f7;transform:scale(1.02)}.close-btn .icon[data-v-b5e3cd2d]{font-size:12px}.stats-nav[data-v-b5e3cd2d]{flex-shrink:0;display:flex;background:#fff;padding:6px;border-radius:16px;margin-bottom:20px;box-shadow:0 2px 12px #00000008;gap:8px}.nav-item[data-v-b5e3cd2d]{flex:1;border:none;background:transparent;padding:12px;border-radius:12px;font-size:15px;font-weight:600;color:#86868b;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.nav-item[data-v-b5e3cd2d]:hover{background:#00000005;color:#1d1d1f}.nav-item.active[data-v-b5e3cd2d]{background:#1d1d1f;color:#fff;box-shadow:0 4px 12px #00000026}.nav-icon[data-v-b5e3cd2d]{font-size:18px}.stats-content[data-v-b5e3cd2d]{flex:1;min-height:0;background:#fff;border-radius:24px;box-shadow:0 10px 30px #0000000a;position:relative;display:flex;flex-direction:column;overflow:hidden}.content-body[data-v-b5e3cd2d]{flex:1;overflow-y:auto;padding:30px}.content-body[data-v-b5e3cd2d]::-webkit-scrollbar{width:8px}.content-body[data-v-b5e3cd2d]::-webkit-scrollbar-track{background:transparent}.content-body[data-v-b5e3cd2d]::-webkit-scrollbar-thumb{background-color:#d1d1d6;border-radius:4px;border:2px solid white}.loading-state[data-v-b5e3cd2d]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#86868b}.spinner[data-v-b5e3cd2d]{width:30px;height:30px;border:3px solid #f2f2f7;border-top-color:#1d1d1f;border-radius:50%;animation:spin-b5e3cd2d 1s infinite linear;margin:0 auto 16px}@keyframes spin-b5e3cd2d{to{transform:rotate(360deg)}}.chart-section[data-v-b5e3cd2d]{padding-bottom:20px}.section-info[data-v-b5e3cd2d]{margin-bottom:30px;text-align:center}.section-info h3[data-v-b5e3cd2d]{font-size:22px;margin:0 0 8px;color:#1d1d1f}.section-info p[data-v-b5e3cd2d]{color:#86868b;margin:0;font-size:15px}.charts-grid[data-v-b5e3cd2d]{display:flex;flex-direction:column;gap:40px}.month-chart-card[data-v-b5e3cd2d]{background:#fbfbfd;padding:24px;border-radius:20px;border:1px solid #f2f2f7}.month-title[data-v-b5e3cd2d]{font-size:18px;font-weight:700;margin:0 0 16px;color:#1d1d1f}.chart-wrapper[data-v-b5e3cd2d]{flex:1;position:relative;width:100%}.main-chart[data-v-b5e3cd2d]{min-height:350px}.sub-chart[data-v-b5e3cd2d]{min-height:200px}.donut-chart[data-v-b5e3cd2d]{min-height:300px;max-width:400px;margin:0 auto}.mood-layout .mood-content[data-v-b5e3cd2d]{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap}.mood-legend[data-v-b5e3cd2d]{display:flex;flex-direction:column;gap:12px;min-width:200px}.legend-item[data-v-b5e3cd2d]{display:flex;align-items:center;font-size:14px;color:#444;background:#fbfbfd;padding:10px 16px;border-radius:12px;border:1px solid #f2f2f7}.dot[data-v-b5e3cd2d]{width:12px;height:12px;border-radius:50%;margin-right:12px}.label[data-v-b5e3cd2d]{flex:1;font-weight:600}.value[data-v-b5e3cd2d]{font-weight:400;color:#86868b;font-size:13px}.fade-enter-active[data-v-b5e3cd2d],.fade-leave-active[data-v-b5e3cd2d]{transition:opacity .3s ease}.fade-enter-from[data-v-b5e3cd2d],.fade-leave-to[data-v-b5e3cd2d]{opacity:0}@media (max-width: 768px){.stats-page[data-v-b5e3cd2d]{padding:16px 16px 90px;height:100%;overflow-y:auto}.stats-container[data-v-b5e3cd2d]{height:auto;display:block}.stats-header[data-v-b5e3cd2d]{flex-direction:column;gap:12px;align-items:flex-start}.close-btn[data-v-b5e3cd2d]{position:absolute;top:16px;right:16px}.stats-nav[data-v-b5e3cd2d]{overflow-x:auto;white-space:nowrap;padding:10px 4px;margin-bottom:16px;-webkit-overflow-scrolling:touch}.stats-nav[data-v-b5e3cd2d]::-webkit-scrollbar{display:none}.nav-item[data-v-b5e3cd2d]{flex:0 0 auto;padding:10px 16px}.mood-layout .mood-content[data-v-b5e3cd2d]{flex-direction:column}.stats-content[data-v-b5e3cd2d]{padding:20px;height:auto;border-radius:20px;box-shadow:none;border:1px solid #f0f0f0}.content-body[data-v-b5e3cd2d]{padding:0;overflow:visible}.report-meta[data-v-b5e3cd2d]{flex-direction:column;align-items:flex-start;gap:12px}.report-actions[data-v-b5e3cd2d]{width:100%;flex-direction:column}.meta-btn[data-v-b5e3cd2d],.regenerate-btn[data-v-b5e3cd2d]{width:100%;justify-content:center}}.report-section[data-v-b5e3cd2d]{height:100%;display:flex;flex-direction:column}.report-container[data-v-b5e3cd2d]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fbfbfd;border-radius:20px;padding:30px;border:1px solid #f2f2f7;min-height:400px}.report-initial[data-v-b5e3cd2d]{text-align:center;max-width:400px}.report-icon-large[data-v-b5e3cd2d]{font-size:60px;margin-bottom:20px}.report-initial p[data-v-b5e3cd2d]{color:#666;line-height:1.6;margin-bottom:30px}.generate-btn[data-v-b5e3cd2d]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 32px;border-radius:30px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #764ba24d}.generate-btn[data-v-b5e3cd2d]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #764ba266}.notice[data-v-b5e3cd2d]{margin-top:16px!important;font-size:13px!important;color:#999!important}.report-loading[data-v-b5e3cd2d]{display:flex;flex-direction:column;align-items:center}.spinner-large[data-v-b5e3cd2d]{width:50px;height:50px;border:5px solid #e0e0e0;border-top:5px solid #764ba2;border-radius:50%;animation:spin-b5e3cd2d 1s linear infinite;margin-bottom:24px}.loading-text[data-v-b5e3cd2d]{font-size:18px;font-weight:600;color:#333;margin-bottom:8px}.loading-sub[data-v-b5e3cd2d]{color:#888;font-size:14px}.report-result[data-v-b5e3cd2d]{width:100%;height:100%;display:flex;flex-direction:column}.report-meta[data-v-b5e3cd2d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #eee}.report-date[data-v-b5e3cd2d]{font-size:14px;color:#888;background:#eee;padding:4px 12px;border-radius:12px}.regenerate-btn[data-v-b5e3cd2d]{background:none;border:1px solid #ddd;padding:6px 12px;border-radius:15px;font-size:13px;cursor:pointer;color:#666;transition:all .2s}.regenerate-btn[data-v-b5e3cd2d]:hover{background:#f5f5f5;color:#333}.report-content-box[data-v-b5e3cd2d]{flex:1;overflow-y:auto;padding:0 10px;font-size:16px;line-height:1.8;color:#333;white-space:pre-wrap}.report-content-box[data-v-b5e3cd2d]::-webkit-scrollbar{width:6px}.report-content-box[data-v-b5e3cd2d]::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:3px}.guide-page[data-v-ba77ee5c]{height:100vh;overflow:hidden;background:#f5f5f7;padding:20px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.guide-container[data-v-ba77ee5c]{max-width:800px;height:100%;margin:0 auto;display:flex;flex-direction:column}.guide-header[data-v-ba77ee5c]{flex-shrink:0;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.header-left h2[data-v-ba77ee5c]{font-size:32px;font-weight:800;color:#1d1d1f;margin:0 0 8px;letter-spacing:-.5px}.subtitle[data-v-ba77ee5c]{font-size:16px;color:#86868b;margin:0}.close-btn[data-v-ba77ee5c]{width:36px;height:36px;background:#e8e8ed;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.close-btn[data-v-ba77ee5c]:hover{background:#d2d2d7;transform:scale(1.05)}.guide-content[data-v-ba77ee5c]{flex:1;min-height:0;background:#fff;border-radius:28px;box-shadow:0 15px 40px #0000000d;display:flex;flex-direction:column;overflow:hidden}.content-body[data-v-ba77ee5c]{flex:1;overflow-y:auto;padding:48px;scroll-behavior:smooth}.content-body[data-v-ba77ee5c]::-webkit-scrollbar{width:6px}.content-body[data-v-ba77ee5c]::-webkit-scrollbar-track{background:transparent}.content-body[data-v-ba77ee5c]::-webkit-scrollbar-thumb{background-color:#d2d2d7;border-radius:3px}.guide-section[data-v-ba77ee5c]{margin-bottom:60px}.guide-section[data-v-ba77ee5c]:last-child{margin-bottom:0}.section-title-box[data-v-ba77ee5c]{margin-bottom:28px}.guide-section h3[data-v-ba77ee5c]{font-size:24px;font-weight:700;color:#1d1d1f;margin:0 0 10px;letter-spacing:-.3px}.section-desc[data-v-ba77ee5c]{font-size:16px;color:#666;margin:0}.steps-grid[data-v-ba77ee5c]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.step-card[data-v-ba77ee5c]{background:#fbfbfd;padding:24px;border-radius:20px;border:1px solid #f2f2f7;display:flex;gap:16px;transition:all .2s ease}.step-card[data-v-ba77ee5c]:hover{background:#fff;box-shadow:0 8px 20px #00000008;transform:translateY(-2px)}.step-num-badge[data-v-ba77ee5c]{flex-shrink:0;width:28px;height:28px;background:#1d1d1f;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;box-shadow:0 4px 10px #00000026}.step-card-content h4[data-v-ba77ee5c]{margin:0 0 8px;font-size:17px;font-weight:700;color:#1d1d1f}.step-card-content p[data-v-ba77ee5c]{font-size:14px;color:#555;line-height:1.6;margin:0}.feature-cards-stack[data-v-ba77ee5c]{display:flex;flex-direction:column;gap:16px}.feature-layout-card[data-v-ba77ee5c]{display:flex;justify-content:space-between;align-items:center;background:#fbfbfd;padding:28px 32px;border-radius:24px;border:1px solid #f2f2f7;transition:all .2s ease}.feature-layout-card.highlighted[data-v-ba77ee5c]{border:2px solid #34c759;background:#fff;box-shadow:0 10px 30px #34c7590d}.feature-text[data-v-ba77ee5c]{flex:1}.feature-text h4[data-v-ba77ee5c]{margin:0 0 10px;font-size:18px;font-weight:700;color:#1d1d1f}.feature-text p[data-v-ba77ee5c]{font-size:15px;color:#555;line-height:1.6;margin:0}.feature-icon[data-v-ba77ee5c]{font-size:44px;margin-left:24px;flex-shrink:0}.small-features-grid[data-v-ba77ee5c]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px}.small-feature-card[data-v-ba77ee5c]{background:#fbfbfd;padding:20px;border-radius:18px;border:1px solid #f2f2f7;text-align:left}.small-feature-card h4[data-v-ba77ee5c]{margin:0 0 8px;font-size:16px;font-weight:700;color:#1d1d1f}.small-feature-card p[data-v-ba77ee5c]{font-size:13px;color:#666;margin:0}@media (max-width: 640px){.guide-page[data-v-ba77ee5c]{padding:12px}.content-body[data-v-ba77ee5c]{padding:24px}.steps-grid[data-v-ba77ee5c],.small-features-grid[data-v-ba77ee5c]{grid-template-columns:1fr}.feature-layout-card[data-v-ba77ee5c]{padding:24px;flex-direction:column-reverse;text-align:center;gap:16px}.feature-icon[data-v-ba77ee5c]{margin-left:0}.header-left h2[data-v-ba77ee5c]{font-size:26px}}.diary-write-page[data-v-9086b6cb],.diary-detail-page[data-v-cf19a08b]{padding:var(--spacing-xl);text-align:center}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #f5f5f7;--bg-card: #ffffff;--color-primary: #000000;--color-text: #333333;--color-text-light: #666666;--color-placeholder: #aaaaaa;--color-border: #e5e5e5;--color-hover: #f0f0f0;--emoji-happy: #ffd93d;--emoji-calm: #a8e6cf;--emoji-neutral: #d3d3d3;--emoji-sad: #87ceeb;--emoji-angry: #ff6b6b;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Noto Sans KR,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--color-text);line-height:1.6}#app{min-height:100vh}.btn{padding:12px 24px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:#333;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:#fff;color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-hover)}.btn-small{padding:8px 16px;font-size:13px}.btn-large{padding:14px 32px;font-size:15px}.input{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;background-color:var(--bg-card);color:var(--color-text);transition:all .2s ease}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0000000d}.input::placeholder{color:var(--color-placeholder)}textarea.input{resize:vertical;min-height:80px;font-family:inherit}.card{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}a{color:var(--color-text-light);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary)}.text-center{text-align:center}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background-color:var(--bg-card);border-radius:var(--radius-xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-placeholder)}