#app[data-v-dd87bba4]{height:100vh;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-primary)}.navbar[data-v-dd87bba4]{background-color:var(--color-primary);color:#fff;padding:0;flex-shrink:0;z-index:100;box-shadow:var(--shadow-md)}.navbar-content[data-v-dd87bba4]{max-width:1400px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.nav-actions[data-v-dd87bba4]{display:flex;align-items:center}.logo[data-v-dd87bba4]{font-size:16px;font-weight:700;letter-spacing:.5px;margin:0;cursor:pointer}.stats-btn[data-v-dd87bba4],.logout-btn[data-v-dd87bba4]{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-dd87bba4]:hover,.logout-btn[data-v-dd87bba4]:hover{background-color:#ffffff26}.main-content[data-v-dd87bba4]{flex:1;overflow:hidden;position:relative;width:100%}.mobile-header[data-v-dd87bba4]{display:none;justify-content:center;padding:12px;padding-top:max(12px,env(safe-area-inset-top));background-color:#fff;z-index:1000}.bottom-nav[data-v-dd87bba4]{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-dd87bba4]{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-dd87bba4]{color:var(--color-primary)}.nav-icon[data-v-dd87bba4]{font-size:20px}@media (max-width: 768px){.desktop-nav[data-v-dd87bba4]{display:none}.mobile-header[data-v-dd87bba4],.bottom-nav[data-v-dd87bba4]{display:flex}.navbar[data-v-dd87bba4]{background:#fff;color:#1d1d1f;box-shadow:0 1px #0000000d}.logo[data-v-dd87bba4]{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-dd87bba4]{height:auto!important;min-height:100vh;overflow:visible!important}.main-content[data-v-dd87bba4]{overflow:visible!important;height:auto!important;flex:none!important}.bottom-nav[data-v-dd87bba4]{position:relative;z-index:10}}*{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)}