:root{--bg:#000;--bg-hover:#16181c;--border:#2f3336;--text:#e7e9ea;--text-sub:#71767b;--accent:#1d9bf0;--accent-hover:#1a8cd8;--like:#f91880}*{box-sizing:border-box}body{background-color:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button{cursor:pointer;border:none;border-radius:9999px;font-weight:700;transition:background-color .15s}input,textarea{border:1px solid var(--border);color:var(--text);background-color:#0000;border-radius:8px;padding:10px;font-family:inherit;font-size:15px}input:focus,textarea:focus{outline:1px solid var(--accent);border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}.layout{max-width:1000px;min-height:100vh;margin:0 auto;display:flex}.sidebar{border-right:1px solid var(--border);flex-direction:column;gap:8px;width:220px;padding:16px 12px;display:flex}.sidebar h2{padding:8px 12px;font-size:22px}.nav-link{color:var(--text);border-radius:9999px;padding:12px;font-size:18px;text-decoration:none;transition:background-color .15s;display:block}.nav-link:hover{background-color:var(--bg-hover)}.logout-button{border:1px solid var(--bg-hover);color:var(--text);background-color:#0000;margin-top:auto;padding:12px}.logout-button:hover{background-color:var(--bg-hover)}.main-content{border-right:1px solid var(--border);flex:1;min-height:100vh}.home-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000d9;padding:16px;position:sticky;top:0}.home-header h1{margin:0;font-size:20px}.post-form{border-bottom:1px solid var(--border);padding:16px}.post-form textarea{resize:none;width:100%;margin-bottom:8px;display:block}.post-form footer{text-align:right}.post-submit-button{background-color:var(--accent);color:#fff;padding:8px 20px;font-size:15px}.post-submit-button:hover{background-color:var(--accent-hover)}.post-list{margin:0;padding:0;list-style:none}.post-item{border-bottom:1px solid var(--border);cursor:pointer;padding:12px 16px;transition:background-color .1s}.post-item:hover{background-color:var(--bg-hover)}.post-item p{margin:4px 0}.post-time{color:var(--text-sub)}.like-button{color:var(--text-sub);background-color:#0000;margin-top:8px;padding:4px 8px;font-size:14px}.like-button:hover{background-color:#f918801a}.like-button.liked{color:var(--like)}.delete-button{color:var(--text-sub);background-color:#0000;margin-top:8px;margin-right:8px;padding:4px 8px;font-size:14px}.delete-button:hover{color:var(--text);background-color:#ffffff1a}.post-link{color:inherit;text-decoration:none;display:block}.settings-form{flex-direction:column;gap:12px;max-width:320px;padding:16px;display:flex}.settings-label{color:var(--text-sub);font-size:13px}.settings-form .post-submit-button{align-self:flex-start;padding:8px 24px}.settings-message{color:var(--accent);font-size:14px}.back-link{color:var(--accent);margin-bottom:4px;font-size:14px;text-decoration:none;display:block}.back-link:hover{text-decoration:underline}