body,html{margin:0;padding:0;height:100%}#app{font-family:Arial,sans-serif;margin:0 auto;min-height:100vh;transition:all .3s ease;background:#2c3e50}.app-header{display:flex;align-items:center;justify-content:space-between;padding:5px;padding-left:20px;padding-right:20px;background-color:#175da3;position:fixed;top:0;left:0;right:0;z-index:1000}.logo{height:45px;margin-right:20px;margin-left:10px}.center-section{display:flex;gap:20px}.username{margin-right:15px;color:#86868b}.logout-btn{background:none;border:none;color:#0071e3;font-size:1.2rem;cursor:pointer;padding:8px;border-radius:5px;transition:all .3s ease}.logout-btn:hover{background:rgba(0,113,227,.1)}.app-content{padding:0 20px;padding-top:80px}nav a{color:#1d1d1f;text-decoration:none;font-weight:500;padding:8px 16px;border-radius:20px;transition:all .3s ease}nav a:hover{background:rgba(0,0,0,.05)}nav a.router-link-active{color:#0071e3;background:rgba(0,113,227,.1)}.physics-container[data-v-b69a0cdc]{position:fixed;top:40px;left:0;right:0;bottom:0;width:100%;height:calc(120% + 100px);background:#2c3e50;z-index:1;overflow:hidden}.journal-bubble[data-v-b69a0cdc]{position:absolute;width:148px;height:148px;border-radius:50%;background:#fff;cursor:grab;padding:8px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform;display:flex;align-items:center;justify-content:center}.journal-bubble[data-v-b69a0cdc]:active{cursor:grabbing}.journal-content[data-v-b69a0cdc]{width:100%}.journal-content h3[data-v-b69a0cdc]{font-size:.8rem;font-weight:500;margin:0 0 2px;color:#1d1d1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.journal-content .author[data-v-b69a0cdc]{font-size:.65rem;color:#86868b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal[data-v-b69a0cdc]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:grid;place-items:center;z-index:1000;overflow:hidden}.modal-content[data-v-b69a0cdc]{background:#fff;padding:30px;border-radius:20px;position:relative;max-width:600px;width:90%}.modal-content h2[data-v-b69a0cdc]{margin:0 0 20px;color:#1d1d1f}.modal-content-text[data-v-b69a0cdc]{line-height:1.6;color:#424245;margin-bottom:20px}.modal-footer[data-v-b69a0cdc]{display:flex;justify-content:space-between;color:#86868b;font-size:.9rem}.close-btn[data-v-b69a0cdc]{position:absolute;top:20px;right:20px;background:none;border:none;color:#86868b;font-size:1.5rem;cursor:pointer;padding:5px;transition:all .3s ease}.close-btn[data-v-b69a0cdc]:hover{color:#1d1d1f;transform:rotate(90deg)}[data-v-b69a0cdc] .dark-mode .close-btn:hover{color:#f5f5f7}.add-journal-btn[data-v-b69a0cdc]{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background:#0071e3;color:#fff;border:none;font-size:24px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease;z-index:100}.add-journal-btn[data-v-b69a0cdc]:hover{transform:scale(1.1);background:#0077ed}.create-form[data-v-b69a0cdc]{background:#fff;padding:30px;border-radius:20px;position:relative;max-width:600px;width:90%}.create-form h2[data-v-b69a0cdc]{margin:0 0 20px;color:#1d1d1f}.form-group[data-v-b69a0cdc]{margin-bottom:20px}.form-group input[data-v-b69a0cdc],.form-group textarea[data-v-b69a0cdc]{width:100%;padding:12px;border:1px solid #d2d2d7;border-radius:8px;font-size:14px}.form-group textarea[data-v-b69a0cdc]{height:150px;resize:vertical}.form-actions[data-v-b69a0cdc]{display:flex;gap:10px;justify-content:flex-end}.cancel-btn[data-v-b69a0cdc]{background:#f5f5f7}.cancel-btn[data-v-b69a0cdc],.submit-btn[data-v-b69a0cdc]{padding:8px 16px;border:none;border-radius:8px;cursor:pointer}.submit-btn[data-v-b69a0cdc]{background:#0071e3;color:#fff}.score[data-v-b69a0cdc]{font-size:1rem;color:#0071e3}.create-container[data-v-6f43cd01]{min-height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center;padding:20px}.create-form[data-v-6f43cd01]{width:100%;max-width:800px;padding:40px;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1)}h1[data-v-6f43cd01]{font-size:2rem;font-weight:600;margin-bottom:8px;color:#1d1d1f}.subtitle[data-v-6f43cd01]{color:#86868b;margin-bottom:32px}.form-group[data-v-6f43cd01]{margin-bottom:20px}input[data-v-6f43cd01],textarea[data-v-6f43cd01]{width:100%;padding:15px;border:1px solid #d2d2d7;border-radius:12px;font-size:1rem;background:hsla(0,0%,100%,.8);transition:all .3s ease;font-family:inherit}textarea[data-v-6f43cd01]{height:300px;resize:vertical;line-height:1.6}input[data-v-6f43cd01]:focus,textarea[data-v-6f43cd01]:focus{outline:none;border-color:#0071e3;box-shadow:0 0 0 4px rgba(0,113,227,.1)}button[data-v-6f43cd01]{width:100%;padding:15px;background:#0071e3;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}button[data-v-6f43cd01]:hover{background:#0077ed;transform:translateY(-1px)}[data-v-6f43cd01] .dark-mode .create-form{background:rgba(30,30,30,.8)}[data-v-6f43cd01] .dark-mode h1{color:#f5f5f7}[data-v-6f43cd01] .dark-mode input,[data-v-6f43cd01] .dark-mode textarea{background:rgba(40,40,40,.8);border-color:#424245;color:#fff}[data-v-6f43cd01] .dark-mode input::-moz-placeholder,[data-v-6f43cd01] .dark-mode textarea::-moz-placeholder{color:#86868b}[data-v-6f43cd01] .dark-mode input::placeholder,[data-v-6f43cd01] .dark-mode textarea::placeholder{color:#86868b}[data-v-6f43cd01] .dark-mode button{background:#2997ff}[data-v-6f43cd01] .dark-mode button:hover{background:#0071e3}.auth-container[data-v-5e677331]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-form[data-v-5e677331]{width:100%;max-width:400px;padding:40px;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1)}h1[data-v-5e677331]{font-size:2rem;font-weight:600;margin-bottom:8px;color:#1d1d1f}.subtitle[data-v-5e677331]{color:#86868b;margin-bottom:32px}.form-group[data-v-5e677331]{margin-bottom:20px}input[data-v-5e677331]{width:100%;padding:15px;border:1px solid #d2d2d7;border-radius:12px;font-size:1rem;background:hsla(0,0%,100%,.8);transition:all .3s ease}input[data-v-5e677331]:focus{outline:none;border-color:#0071e3;box-shadow:0 0 0 4px rgba(0,113,227,.1)}button[data-v-5e677331]{width:100%;padding:15px;background:#0071e3;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}button[data-v-5e677331]:hover{background:#0077ed;transform:translateY(-1px)}.auth-link[data-v-5e677331]{margin-top:24px;text-align:center;color:#86868b}.auth-link a[data-v-5e677331]{color:#0071e3;text-decoration:none;font-weight:500}[data-v-5e677331] .dark-mode .auth-form{background:rgba(30,30,30,.8)}[data-v-5e677331] .dark-mode h1{color:#f5f5f7}[data-v-5e677331] .dark-mode input{background:rgba(40,40,40,.8);border-color:#424245;color:#fff}[data-v-5e677331] .dark-mode input::-moz-placeholder{color:#86868b}[data-v-5e677331] .dark-mode input::placeholder{color:#86868b}[data-v-5e677331] .dark-mode .auth-link{color:#86868b}[data-v-5e677331] .dark-mode .auth-link a{color:#2997ff}.auth-container[data-v-18fb6250]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-form[data-v-18fb6250]{width:100%;max-width:400px;padding:40px;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1)}h1[data-v-18fb6250]{font-size:2rem;font-weight:600;margin-bottom:8px;color:#1d1d1f}.subtitle[data-v-18fb6250]{color:#86868b;margin-bottom:32px}.form-group[data-v-18fb6250]{margin-bottom:20px}input[data-v-18fb6250]{width:100%;padding:15px;border:1px solid #d2d2d7;border-radius:12px;font-size:1rem;background:hsla(0,0%,100%,.8);transition:all .3s ease}input[data-v-18fb6250]:focus{outline:none;border-color:#0071e3;box-shadow:0 0 0 4px rgba(0,113,227,.1)}button[data-v-18fb6250]{width:100%;padding:15px;background:#0071e3;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}button[data-v-18fb6250]:hover{background:#0077ed;transform:translateY(-1px)}.auth-link[data-v-18fb6250]{margin-top:24px;text-align:center;color:#86868b}.auth-link a[data-v-18fb6250]{color:#0071e3;text-decoration:none;font-weight:500}[data-v-18fb6250] .dark-mode .auth-form{background:rgba(30,30,30,.8)}[data-v-18fb6250] .dark-mode h1{color:#f5f5f7}[data-v-18fb6250] .dark-mode input{background:rgba(40,40,40,.8);border-color:#424245;color:#fff}[data-v-18fb6250] .dark-mode input::-moz-placeholder{color:#86868b}[data-v-18fb6250] .dark-mode input::placeholder{color:#86868b}[data-v-18fb6250] .dark-mode .auth-link{color:#86868b}[data-v-18fb6250] .dark-mode .auth-link a{color:#2997ff}[data-v-18fb6250] .dark-mode button{background:#2997ff}[data-v-18fb6250] .dark-mode button:hover{background:#0071e3}