:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}*{box-sizing:border-box}body{margin:0}#app{width:100%;min-height:100vh}.navbar[data-v-bf73c312]{align-items:center;gap:20px;height:70px;padding:10px 20px;display:flex}.search[data-v-bf73c312]{flex:1;height:100%}.login-button[data-v-bf73c312]{margin-left:auto}.hint[data-v-bf73c312]{color:#777}.logo[data-v-bf73c312]{white-space:nowrap;color:#000;font-size:20px;font-weight:700;text-decoration:none}.create-post-button[data-v-bf73c312]{border-radius:20px;padding:10px 18px;text-decoration:none}.sidebar[data-v-71c9b881]{padding:20px}nav[data-v-71c9b881]{flex-direction:column;gap:10px;display:flex}a[data-v-71c9b881]{color:#000;text-decoration:none}.post-card[data-v-17157d3b]{border:1px solid #ddd;gap:20px;margin-bottom:15px;padding:20px;display:flex;position:relative}.votes[data-v-17157d3b]{flex-direction:column;align-items:center;display:flex}.votes .active[data-v-17157d3b]{color:#ff4500;font-weight:700}.post-content[data-v-17157d3b]{flex:1}.author[data-v-17157d3b]{color:#777}.badge[data-v-17157d3b]{background:#eee;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:12px}.content[data-v-17157d3b]{font-size:18px}.title[data-v-17157d3b]{margin:0 0 10px;font-size:24px;font-weight:700}.popup[data-v-17157d3b]{z-index:1000;color:#b71c1c;background-color:#ffebee;border:1px solid #d32f2f;max-width:320px;padding:15px;position:absolute;top:10px;right:10px}.popup button[data-v-17157d3b]{margin-top:10px}.post-picture[data-v-17157d3b]{object-fit:contain;max-width:100%;max-height:500px;margin-top:15px;display:block}.privacy[data-v-17157d3b]{margin-top:10px}.post-list[data-v-8ba523e8]{width:100%}.right-sidebar[data-v-ad9ff913]{padding:20px}.layout[data-v-c795c375]{grid-template-columns:200px minmax(0,1fr) 250px;gap:20px;padding:20px;display:grid}.feed[data-v-c795c375]{min-width:0}.create-post[data-v-df1c22fc]{padding:30px}form[data-v-df1c22fc]{flex-direction:column;gap:15px;max-width:600px;display:flex}.author[data-v-df1c22fc]{color:#777;margin:0}input[data-v-df1c22fc],textarea[data-v-df1c22fc]{padding:10px}.popup[data-v-df1c22fc]{color:#b71c1c;background-color:#ffebee;border:1px solid #d32f2f;max-width:600px;margin-bottom:15px;padding:15px}.popup button[data-v-df1c22fc]{margin-top:10px}.auth-page[data-v-741d5b5d]{padding:30px}form[data-v-741d5b5d]{flex-direction:column;gap:15px;max-width:400px;display:flex}input[data-v-741d5b5d]{padding:10px}.hint[data-v-741d5b5d]{color:#777;margin:0}.switch[data-v-741d5b5d]{margin-top:15px}.popup[data-v-741d5b5d]{color:#b71c1c;background-color:#ffebee;border:1px solid #d32f2f;max-width:400px;margin-bottom:15px;padding:15px}.account[data-v-32eaeef7]{padding:30px}form[data-v-32eaeef7]{flex-direction:column;gap:15px;max-width:400px;display:flex}input[data-v-32eaeef7]{padding:10px}.hint[data-v-32eaeef7]{color:#777;margin:0}.error[data-v-32eaeef7]{color:#b71c1c}.ok[data-v-32eaeef7]{color:#2e7d32}