:root{--navy:#1c2b4a;--navy-deep:#12203a;--navy-tint:#e8ecf5;--surface-0:#f4f5f7;--surface-1:#eef0f4;--surface-2:#fff;--text-primary:#14161c;--text-secondary:#565b66;--text-muted:#8a8f99;--border:#e3e5ea;--border-strong:#cdd1d9;--border-danger:#e3a3a3;--bg-success:#e5f5ea;--text-success:#1f7a3d;--bg-danger:#fbeaea;--text-danger:#a83232;--radius:8px;--font-mono:ui-monospace, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--navy:#2a3d66;--navy-deep:#0d1626;--navy-tint:#1a2740;--surface-0:#101218;--surface-1:#171a22;--surface-2:#1d212b;--text-primary:#f2f3f5;--text-secondary:#a8adb8;--text-muted:#74798a;--border:#2a2e3a;--border-strong:#3a3f4d;--border-danger:#6b3a3a;--bg-success:#163826;--text-success:#6bd493;--bg-danger:#3a1e1e;--text-danger:#e08787}}*{box-sizing:border-box}body{background:var(--surface-0);color:var(--text-primary);margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}button,input,textarea{font-family:inherit}button{cursor:pointer}.login-page{flex-direction:column;min-height:100vh;display:flex}.login-brand-panel{background:linear-gradient(var(--navy), var(--navy-deep));flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:48px 32px;display:flex}.login-logo{background:#ffffff1f;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.login-app-name{color:#fff;font-size:20px;font-weight:500}.login-tagline{color:#fff9;text-align:center;font-size:13px}.login-form-panel{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:32px;display:flex}.login-form-heading{text-align:center}.login-form-title{margin:0 0 6px;font-size:17px;font-weight:500}.login-form-subtitle{color:var(--text-secondary);margin:0;font-size:13px}.login-google-button{background:var(--surface-2);border:.5px solid var(--border-strong);border-radius:var(--radius);width:280px;max-width:100%;height:44px;color:var(--text-primary);justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.login-error{color:var(--text-danger);text-align:center;margin:0;font-size:12px}@media (width>=768px){.login-page{flex-direction:row}.login-brand-panel{flex:0 0 45%}}.shell{flex-direction:column;min-height:100vh;display:flex;position:relative}.shell-mobile-header{background:var(--navy);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.shell-mobile-title{color:#fff;font-size:15px;font-weight:500}.shell-brand{color:#fff;white-space:nowrap;align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex}.icon-button{color:#fff;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.shell-body{flex:1;display:flex}.shell-sidebar{display:none}.shell-main{flex:1;padding:16px}.shell-main-inner{flex-direction:column;gap:14px;max-width:560px;margin:0 auto;display:flex}@media (width>=768px){.shell-mobile-header{display:none}.shell-sidebar{background:var(--navy);flex-direction:column;flex-shrink:0;padding:20px 16px;transition:width .15s;display:flex}.shell-sidebar.open{width:200px}.shell-sidebar.collapsed{align-items:center;width:64px;padding-left:0;padding-right:0}.shell-sidebar-top{justify-content:space-between;align-items:center;width:100%;margin-bottom:32px;display:flex}.shell-sidebar.collapsed .shell-sidebar-top{justify-content:center}.shell-nav{flex-direction:column;flex:1;gap:4px;width:100%;display:flex}.shell-nav-item{border-radius:var(--radius);color:#ffffffbf;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:13px;text-decoration:none;display:flex}.shell-sidebar.collapsed .shell-nav-item{justify-content:center;padding:9px}.shell-nav-item.active{color:#fff;background:#ffffff1f}.shell-logout{color:#fff9;border-top:.5px solid #ffffff26;margin-top:12px;padding-top:14px}.shell-main{padding:24px 32px}}.settings-page{flex-direction:column;gap:20px;display:flex}.settings-loading{color:var(--text-muted);padding:24px 16px;font-size:13px}.settings-section-label{color:var(--text-muted);margin:0 0 8px;font-size:12px}.settings-section-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.settings-create-key{color:var(--navy);background:0 0;border:none;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.settings-card{background:var(--surface-2);border:.5px solid var(--border);border-radius:12px;padding:12px 14px}.settings-toggle-row{justify-content:space-between;align-items:center;display:flex}.settings-item-title{color:var(--text-primary);margin:0;font-size:14px}.settings-item-subtitle{color:var(--text-secondary);margin:2px 0 0;font-size:12px}.settings-switch{background:var(--border-strong);border:none;border-radius:11px;flex-shrink:0;width:38px;height:22px;margin-left:12px;padding:0;position:relative}.settings-switch.on{background:var(--navy)}.settings-switch-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .12s;position:absolute;top:2px;left:2px}.settings-switch.on .settings-switch-thumb{left:18px}.settings-new-key{background:var(--navy-tint);border-radius:10px;margin-bottom:8px;padding:10px 12px}.settings-new-key-label{color:var(--text-secondary);margin:0 0 6px;font-size:12px}.settings-new-key code{word-break:break-all;color:var(--text-primary);font-size:12px}.settings-key-list{flex-direction:column;gap:8px;display:flex}.settings-empty{color:var(--text-muted);font-size:12px}.settings-key-row{justify-content:space-between;align-items:center;display:flex}.settings-key-id{color:var(--text-primary);font-size:13px;font-family:var(--font-mono)}.settings-badge{border-radius:10px;padding:2px 8px;font-size:12px}.settings-badge.success{background:var(--bg-success);color:var(--text-success)}.settings-badge.danger{background:var(--bg-danger);color:var(--text-danger)}.settings-key-meta{color:var(--text-muted);margin:6px 0 0;font-size:12px}.settings-revoke-button{color:var(--text-danger);background:0 0;border:none;margin-top:8px;padding:0;font-size:12px}.settings-mobile-logout{border-top:.5px solid var(--border);padding-top:16px}.settings-logout-button{background:var(--surface-2);border:.5px solid var(--border-danger);border-radius:var(--radius);width:100%;height:40px;color:var(--text-danger);justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}@media (width>=768px){.settings-mobile-logout{display:none}}.post-card{background:var(--surface-2);border:.5px solid var(--border);border-radius:12px;padding:16px}.post-card-meta{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.post-card-date{color:var(--text-muted);font-size:12px}.post-card-location-icon{color:var(--navy)}.post-card-text{color:var(--text-primary);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.6}.post-card-images{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.post-card-image{border-radius:8px;width:72px;height:72px;display:block;overflow:hidden}.post-card-image img{object-fit:cover;width:100%;height:100%}.post-form-inline{background:var(--surface-2);border:.5px solid var(--border);border-radius:12px;padding:14px 16px}.post-form-modal{background:var(--surface-2);border-radius:16px;width:100%;max-width:480px;overflow:hidden}.post-form-header{background:var(--navy);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.post-form-title{color:#fff;font-size:15px;font-weight:500}.icon-button-dark{color:#fff;background:0 0;border:none;padding:2px;display:flex}.post-form-submit-text{color:#fff;background:0 0;border:none;font-size:14px;font-weight:500}.post-form-submit-text:disabled{opacity:.5}.post-form-body{flex-direction:column;gap:12px;padding:16px;display:flex}.post-form-inline .post-form-body{padding:0}.post-form-textarea{resize:none;color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;padding:0;font-size:14px}.post-form-images{flex-wrap:wrap;gap:8px;display:flex}.post-form-image{border-radius:10px;width:72px;height:72px;position:relative;overflow:hidden}.post-form-image img{object-fit:cover;width:100%;height:100%}.post-form-image-remove{color:#fff;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:flex;position:absolute;top:4px;right:4px}.post-form-toolbar{border-top:.5px solid var(--border);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.post-form-actions{gap:14px;display:flex}.post-form-icon-button{color:var(--text-muted);background:0 0;border:none;padding:0;display:flex}.post-form-icon-button.active{color:var(--navy)}.post-form-submit-button{background:var(--navy);border-radius:var(--radius);color:#fff;border:none;height:30px;padding:0 16px;font-size:13px;font-weight:500}.post-form-submit-button:disabled{opacity:.5}.post-form-location{flex-direction:column;gap:8px;display:flex}.post-form-location-chips{gap:8px;display:flex}.post-form-chip{border:.5px solid var(--border-strong);color:var(--text-secondary);background:0 0;border-radius:12px;padding:4px 10px;font-size:12px}.post-form-chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}.post-form-manual-location{gap:8px;display:flex}.post-form-manual-location input{border-radius:var(--radius);border:.5px solid var(--border-strong);background:var(--surface-2);height:32px;color:var(--text-primary);flex:1;padding:0 10px;font-size:13px}.post-form-error{color:var(--text-danger);margin:0;font-size:12px}.timeline-page{flex-direction:column;gap:14px;display:flex}.timeline-empty{color:var(--text-muted);text-align:center;padding:24px 0;font-size:13px}.timeline-fab{background:var(--navy);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:absolute;bottom:18px;right:18px}.timeline-modal-overlay{z-index:10;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}