#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:0}.app-title[data-v-5e3f3703]{position:fixed;top:0;left:0;width:98%;background-color:#fff;z-index:1000;padding:10px 20px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}.app-title[data-v-5e3f3703],.title-content[data-v-5e3f3703]{display:flex;justify-content:space-between;align-items:center}.title-content[data-v-5e3f3703]{width:100%}.title-text[data-v-5e3f3703]{flex:1;text-align:center;margin:0 20px;font-size:20px;font-weight:700}.user-info[data-v-5e3f3703]{margin-left:auto}.camera-container[data-v-5e3f3703]{display:flex;flex-direction:column;align-items:center;justify-content:center}.capture-button[data-v-5e3f3703]{margin-top:10px;padding:8px 16px;background-color:#409eff;color:#fff;border:none;border-radius:4px;cursor:pointer}.capture-button[data-v-5e3f3703]:hover{background-color:#337ecc}.card-grid[data-v-5e3f3703]{margin-top:60px;display:grid;gap:20px;padding:20px;grid-template-columns:repeat(var(--columns,1),1fr)}.card-content[data-v-5e3f3703]{height:200px}.grid-card[data-v-5e3f3703]{width:350px;height:360px}.floating-sidebar[data-v-5e3f3703]{position:fixed;bottom:0;left:50%;transform:translate(-50%,-50%);padding:20px;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:8px;display:flex;flex-direction:column;gap:10px}.button-container[data-v-5e3f3703]{display:flex;justify-content:center;gap:10px}.card-footer[data-v-5e3f3703]{height:30px;display:flex;align-items:center;justify-content:center;padding:0 10px;overflow:hidden}.user-profile[data-v-5e3f3703]{display:flex;align-items:center;gap:10px}.username[data-v-5e3f3703]{font-size:14px;color:#333}