@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap";.profile-menu{border:1px solid var(--border);z-index:200;width:244px;box-shadow:var(--shadow-md);background:#000;border-radius:8px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.profile-menu-profile{padding:10px 10px 8px}.profile-menu-username{color:var(--text);word-break:break-word;font-size:16px;font-weight:600;line-height:1.35}.profile-menu-item{color:var(--text-secondary);opacity:.86;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:14px;display:flex}.profile-menu-item:hover{color:var(--text);opacity:1}.profile-menu-item svg{flex-shrink:0}.profile-menu-sep{background:var(--border);height:1px;margin:4px 0}@media (width<=768px){.profile-menu{width:min(244px,100vw - 28px)}.profile-menu-username{font-size:15px}}.header{height:var(--header-height);background:var(--bg);border-bottom:1px solid var(--border);z-index:100;align-items:center;gap:16px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.header-logo{white-space:nowrap;color:var(--text);letter-spacing:-.5px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:16px;font-weight:700}.header-search-wrap{flex:1;align-items:center;gap:10px;display:flex}.header-search{flex:1;max-width:480px;margin:0 auto;position:relative}.header-search-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;width:100%;height:38px;padding:10px 16px 10px 40px;font-size:15px}.header-search-input:focus{border-color:var(--accent);box-shadow:none}.header-search-icon{color:var(--text-muted);opacity:.72;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.header-menu-btn{border:1px solid var(--border);background:var(--bg-elevated);width:38px;height:38px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:none}.header-menu-btn:hover{color:var(--text);border-color:var(--text-muted)}.header-menu-icon{width:16px;height:16px;display:block}.header-actions{align-items:center;gap:12px;display:flex}.header-create-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);border-radius:999px;justify-content:center;align-items:center;display:flex}.header-create-btn-desktop{gap:8px;min-width:108px;height:38px;padding:0 16px;font-size:13px;font-weight:500}.header-create-btn-mobile{width:38px;height:38px;padding:0}.header-create-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.header-create-icon{flex-shrink:0;width:14px;height:14px;display:block}.header-create-btn-desktop span{line-height:1}.header-avatar{border:1px solid var(--border);cursor:pointer;border-radius:50%;width:34px;height:34px;position:relative;overflow:hidden}.header-avatar:hover{border-color:var(--text-muted)}.header-avatar img{object-fit:cover;width:100%;height:100%}@media (width<=768px){.header{gap:10px;height:auto;padding:10px 14px}.header-logo{display:none}.header-search{max-width:none;margin:0}.header-search-input{height:40px;padding:8px 14px 8px 38px;font-size:14px}.header-actions{flex-shrink:0;gap:8px}.header-menu-btn{display:inline-flex}.header-create-btn-desktop{display:none}.header-menu-btn,.header-create-btn-mobile{width:40px;height:40px}}.sidebar-wrapper{top:var(--header-height);z-index:50;display:flex;position:fixed;bottom:0;left:0}.sidebar{width:var(--sidebar-width);background:var(--bg);border-right:1px solid var(--border);transition:width var(--transition);flex-direction:column;display:flex;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-nav{flex:1;padding:10px 0;overflow-y:auto}.sidebar-item{color:var(--text-secondary);opacity:.74;cursor:pointer;white-space:nowrap;transition:color var(--transition);text-align:left;letter-spacing:-.01em;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 20px;font-size:15px;display:flex;overflow:hidden}.sidebar-item:hover{color:var(--text);opacity:1}.sidebar-item.active{color:var(--text);opacity:1;font-weight:600}.sidebar-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar-item-icon svg{width:18px;height:18px}.sidebar-item-label{text-overflow:ellipsis;overflow:hidden}.sidebar-person-icon{align-self:center}.sidebar-person-avatar{border:1px solid var(--border);background:var(--bg-elevated);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex;overflow:hidden}.sidebar-person-avatar img{object-fit:cover;width:100%;height:100%;display:block}.sidebar-item-content{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.sidebar-item-badge{color:var(--text-muted);opacity:.64;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border);border-radius:999px;flex-shrink:0;padding:2px 6px;font-size:11px}.sidebar-item-count{text-transform:none;letter-spacing:0}.sidebar.collapsed .sidebar-item-label,.sidebar.collapsed .sidebar-item-content,.sidebar.collapsed .sidebar-item-badge{display:none}.sidebar.collapsed .sidebar-item{justify-content:center;padding:10px}.sidebar-section-label{color:var(--text-muted);opacity:.58;letter-spacing:.12em;text-transform:uppercase;padding:8px 20px 4px;font-size:11px}.sidebar-space-divider{background:var(--border);height:1px;margin:8px 20px}.sidebar-footer{justify-content:flex-end;align-items:center;padding:12px 16px;display:flex}.sidebar-add-btn{background:var(--bg-elevated);border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex}.sidebar-add-btn:hover{color:var(--text);border-color:var(--text-muted)}.sidebar-add-icon{flex-shrink:0;width:14px;height:14px;display:block}.sidebar.collapsed .sidebar-footer{justify-content:center;padding:10px 6px}.sidebar-toggle{background:var(--border);flex-shrink:0;width:1px;position:relative}.sidebar-toggle-btn{aspect-ratio:1;background:var(--bg);border:1px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--text-muted);z-index:2;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.sidebar-toggle-btn:hover{color:var(--text);border-color:var(--text-muted)}.hamburger-icon{width:15px;height:15px;display:block}.sidebar-overlay{display:none}@media (width<=768px){.sidebar{top:var(--header-height);width:min(320px,100vw - 56px);transition:transform var(--transition);z-index:60;box-shadow:var(--shadow-md);position:fixed;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar.collapsed{transform:translate(-100%)}.sidebar-overlay{inset:0;top:var(--header-height);z-index:55;opacity:0;pointer-events:none;transition:opacity var(--transition);background:#0000008c;display:block;position:fixed}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.sidebar-item{padding:12px 18px;font-size:15px}.sidebar-footer{padding:14px 16px 18px}}.layout{height:100vh;padding-top:var(--header-height);display:flex}.layout-main{margin-left:calc(var(--sidebar-width) + 18px);min-width:0;transition:margin-left var(--transition);flex:1;overflow-y:auto}.layout-main.sidebar-collapsed{margin-left:calc(var(--sidebar-collapsed) + 18px)}@media (width<=768px){.layout-main,.layout-main.sidebar-collapsed{margin-left:0}}.auth-container{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{width:100%;max-width:340px}.auth-title{text-align:center;letter-spacing:-.5px;margin-bottom:4px;font-size:22px;font-weight:700}.auth-subtitle{color:var(--text-muted);text-align:center;margin-bottom:28px;font-size:13px}.auth-form{flex-direction:column;gap:10px;display:flex}.auth-form input{background:var(--bg-elevated);border-radius:var(--radius);border:none;width:100%;padding:10px 14px}.auth-error{color:var(--danger);text-align:center;font-size:12px}.auth-success{color:var(--success);text-align:center;font-size:12px}.auth-link{color:var(--text-muted);text-align:center;margin-top:14px;font-size:12px}.auth-link a,.auth-link button{color:var(--accent);cursor:pointer;font-size:12px}.auth-divider{color:var(--text-muted);align-items:center;gap:12px;margin:20px 0;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.google-btn{border-radius:var(--radius);background:var(--bg-elevated);width:100%;color:var(--text);cursor:pointer;transition:opacity var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13px;display:flex}.google-btn:hover{opacity:.85}.post-actions-menu{flex-shrink:0;margin-left:auto;position:relative}.post-actions-trigger{width:24px;height:24px;color:var(--text-muted);opacity:.72;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.post-actions-trigger:hover,.post-actions-trigger.open{color:var(--text);opacity:1}.post-actions-dropdown{border:1px solid var(--border);background:var(--bg-surface);min-width:184px;box-shadow:var(--shadow-md);z-index:30;border-radius:6px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.post-actions-item{text-align:left;width:100%;color:var(--text-secondary);background:0 0;padding:8px 10px;font-size:13px}.post-actions-item:hover{color:var(--text)}.post-actions-divider{background:var(--border);height:1px;margin:4px 2px}.post-actions-item.danger{color:var(--danger)}.post-organizer-dialog{width:min(92vw,620px);max-width:620px;padding:0;overflow:hidden}.post-organizer-header{border-bottom:1px solid var(--border);padding:22px 22px 16px}.post-organizer-kicker{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:11px}.post-organizer-title{letter-spacing:-.03em;margin:0;font-size:20px}.post-organizer-subtitle{color:var(--text-secondary);margin-top:6px;font-size:13px;line-height:1.6}.post-organizer-body{flex-direction:column;gap:18px;padding:20px 22px;display:flex}.post-organizer-section{flex-direction:column;gap:10px;display:flex}.post-organizer-label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.post-organizer-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.post-organizer-count{color:var(--text-secondary);font-size:12px}.post-organizer-select{width:100%}.post-organizer-hint{color:var(--text-muted);font-size:12px;line-height:1.65}.post-organizer-tag-grid{flex-wrap:wrap;gap:8px;display:flex}.post-organizer-tag-option{border:1px solid var(--border);transition:border-color var(--transition), background var(--transition);background:0 0;border-radius:999px;padding:4px}.post-organizer-tag-option:hover,.post-organizer-tag-option.selected{background:#ffffff08;border-color:#ffffff29}.post-organizer-tag-option .tag-pill{pointer-events:none}.post-organizer-create-row{gap:10px;display:flex}.post-organizer-create-row input{flex:1}.post-organizer-error{color:var(--danger);font-size:12px}.post-organizer-footer{justify-content:flex-end;gap:10px;padding:0 22px 22px;display:flex}@media (width<=640px){.post-organizer-header,.post-organizer-body,.post-organizer-footer{padding-left:18px;padding-right:18px}.post-organizer-create-row,.post-organizer-footer{flex-direction:column}.post-organizer-footer .btn,.post-organizer-create-row .btn{width:100%}}.post-card{cursor:pointer;padding:14px 0}.post-card-header-row{align-items:flex-start;gap:8px;display:flex}.post-card-title-wrap{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.post-card-title{color:var(--text);font-size:16px;font-weight:600;font-family:var(--font);margin-bottom:2px}.post-card-pin{color:var(--text-muted);opacity:.78;justify-content:center;align-items:center;display:inline-flex}.post-card-subtitle{color:var(--text-secondary);font-size:13px;font-style:italic;font-family:var(--font-body);margin-bottom:4px}.post-card-body{color:var(--text-muted);-webkit-line-clamp:2;line-clamp:2;font-size:13px;line-height:1.5;font-family:var(--font-body);-webkit-box-orient:vertical;margin-bottom:6px;display:-webkit-box;overflow:hidden}.post-card-footer{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.post-card-space{color:var(--text-secondary);border-radius:var(--radius-pill);background:var(--bg-elevated);align-items:center;gap:5px;padding:2px 8px;font-size:11px;display:inline-flex}.post-card-meta{color:var(--text-muted);margin-left:auto;font-size:11px}.post-card-lock{color:var(--text-muted);font-size:12px}.post-card-draft{color:var(--text-muted);background:var(--bg-elevated);border-radius:var(--radius-pill);letter-spacing:.02em;padding:1px 7px;font-size:10px}.pinned-posts-rail{width:min(100%, var(--page-content-max));margin:0 auto 24px}.pinned-posts-header{margin-bottom:12px}.pinned-posts-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:13px;font-weight:600}.pinned-posts-track{gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.pinned-post-card,.pinned-post-create{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);text-align:left;width:168px;min-width:168px;min-height:168px;color:var(--text);flex-direction:column;justify-content:space-between;padding:14px;display:flex}.pinned-post-card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.pinned-post-card-badge{border:1px solid var(--border);background:var(--bg-elevated);width:24px;height:24px;color:var(--text-secondary);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pinned-post-card-space{color:var(--text-muted);text-align:right;max-width:92px;font-size:10px;line-height:1.35}.pinned-post-card-body{gap:6px;margin:14px 0 16px;display:grid}.pinned-post-card-title{color:var(--text);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:15px;font-weight:600;line-height:1.28;display:-webkit-box;overflow:hidden}.pinned-post-card-subtitle,.pinned-post-card-snippet{color:var(--text-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.pinned-post-card-meta{color:var(--text-muted);font-size:11px}.pinned-post-create{text-align:center;justify-content:center;align-items:center;gap:10px}.pinned-post-create-icon{border:1px solid var(--border);background:var(--bg-elevated);border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.pinned-post-create-label{color:var(--text-secondary);font-size:12px}@media (width<=768px){.pinned-posts-rail{margin-bottom:20px}.pinned-post-card,.pinned-post-create{width:152px;min-width:152px;min-height:152px;padding:12px}}.home-page{width:min(100%, var(--page-shell-max));margin:0 auto;padding:12px 24px 48px}.home-feed{width:min(100%, var(--page-content-max));margin:0 auto}.home-empty{text-align:center;max-width:560px;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(#ffffff05,#fff0);margin:52px auto 0;padding:48px 28px}.home-empty h2{color:var(--text-secondary);margin-bottom:8px;font-size:18px;font-weight:500}.home-empty p{font-size:14px}.home-loading{text-align:center;color:var(--text-muted);padding:20px;font-size:13px}@media (width<=768px){.home-page{padding:8px 16px 32px}.home-empty{margin-top:36px;padding:36px 20px}}.calendar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px;display:grid}.calendar-month{border-top:1px solid var(--border);min-width:0;padding:12px 0 0}.calendar-month-title{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:12px;font-weight:600}.calendar-weekdays{text-align:center;color:var(--text-muted);grid-template-columns:repeat(7,1fr);margin-bottom:4px;font-size:10px;display:grid}.calendar-days{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px 0;display:grid}.calendar-day{min-height:24px;color:var(--text-muted);cursor:default;padding:2px 0;font-size:11px;line-height:1.9;position:relative}.calendar-day.has-post{color:var(--accent);cursor:pointer;background:0 0;font-weight:700}.calendar-day.has-post:hover{color:var(--text)}.calendar-day.today{color:var(--text);text-underline-offset:4px;background:0 0;font-weight:600;text-decoration:underline}.calendar-tooltip{background:var(--bg-elevated);border:1px solid var(--border);white-space:nowrap;z-index:10;color:var(--text);pointer-events:none;border-radius:8px;padding:3px 8px;font-size:11px;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0006}@media (width<=1100px){.calendar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}}@media (width<=480px){.calendar-grid{grid-template-columns:1fr}}.calendar-page{width:min(100%,1240px);margin:0 auto;padding:12px 24px 48px}.calendar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding-bottom:14px;display:flex}.calendar-header h1{letter-spacing:-.03em;font-size:22px;font-weight:600}.calendar-year-picker select{border:1px solid var(--border);min-width:104px;color:var(--text);background:0 0;border-radius:6px;padding:9px 12px;font-size:13px}@media (width<=768px){.calendar-page{padding:8px 16px 32px}.calendar-header{flex-direction:column;align-items:flex-start}}.rich-editor-wrapper{border-radius:var(--radius);background:var(--bg-surface);overflow:hidden}.rich-editor-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1px;padding:6px 8px;display:flex}.rich-editor-toolbar button{width:30px;height:26px;color:var(--text-muted);transition:color var(--transition);border-radius:4px;justify-content:center;align-items:center;font-size:13px;display:flex}.rich-editor-toolbar button:hover{color:var(--text)}.rich-editor-toolbar button.active{color:var(--accent)}.toolbar-separator{background:var(--border);width:1px;height:16px;margin:0 4px}.toolbar-right{align-items:center;gap:2px;margin-left:auto;display:flex}.editor-mode-toggle{border:1px solid var(--border);background:var(--bg);border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;min-width:68px;padding:2px;display:grid;position:relative}.editor-mode-thumb{background:var(--accent);width:calc(50% - 2px);height:calc(100% - 4px);transition:transform var(--transition);border-radius:999px;position:absolute;top:2px;left:2px}.editor-mode-toggle.markdown .editor-mode-thumb{transform:translate(100%)}.editor-mode-option{z-index:1;color:var(--text-muted);letter-spacing:.08em;font-weight:600;position:relative;background:0 0!important;border-radius:999px!important;width:auto!important;min-width:0!important;height:22px!important;padding:0 9px!important;font-size:10px!important}.editor-mode-option.active{color:#fff}.rich-editor-content{min-height:300px;font-family:var(--font-body);padding:12px 16px;font-size:14px;line-height:1.75}.rich-editor-content .ProseMirror{outline:none;min-height:300px}.rich-editor-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-muted);float:left;pointer-events:none;height:0}.rich-editor-content .ProseMirror img{border-radius:var(--radius);max-width:100%;margin:8px 0}.rich-editor-content .ProseMirror h1{font-size:22px;font-family:var(--font);margin:16px 0 8px}.rich-editor-content .ProseMirror h2{font-size:18px;font-family:var(--font);margin:14px 0 6px}.rich-editor-content .ProseMirror h3{font-size:16px;font-family:var(--font);margin:12px 0 4px}.rich-editor-content .ProseMirror blockquote{border-left:2px solid var(--text-muted);color:var(--text-secondary);margin:8px 0;padding-left:12px}.rich-editor-content .ProseMirror code{background:var(--bg-elevated);border-radius:3px;padding:1px 4px;font-size:13px}.rich-editor-content .ProseMirror pre{background:var(--bg-elevated);border-radius:var(--radius);padding:12px;overflow-x:auto}.markdown-editor-textarea{background:var(--bg-surface);resize:vertical;width:100%;min-height:300px;color:var(--text);border:none;padding:12px 16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.75}.markdown-editor-textarea:focus{box-shadow:none;outline:none}.image-upload-btn{position:relative;overflow:hidden}.image-upload-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.create-post-page{width:min(100%, var(--page-shell-max));margin:0 auto;padding:12px 24px 40px}.create-post-header{align-items:center;gap:12px;width:min(100%,980px);margin:0 auto 18px;display:flex}.create-post-back{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:color var(--transition), background var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.create-post-back:hover{color:var(--text);background:var(--bg-hover)}.create-post-heading{font-size:24px;line-height:1.15}.create-post-shell{border-top:1px solid var(--border);width:min(100%,980px);margin:0 auto;padding:22px 0 0}.create-post-meta-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:14px;margin-bottom:14px;display:grid}.create-post-meta-card{border:1px solid var(--border);background:#ffffff04;border-radius:8px;flex-direction:column;min-height:96px;padding:12px;display:flex}.create-post-meta-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:11px;display:block}.create-post-space-select,.create-post-date-input{width:100%}.create-post-meta-hint{color:var(--text-muted);margin-top:auto;padding-top:10px;font-size:12px;line-height:1.45}.create-post-space-banner{color:var(--text-secondary);background:#ffffff08;border-radius:999px;align-items:center;gap:8px;margin-bottom:12px;padding:6px 10px;font-size:12px;display:inline-flex}.create-post-title-input{background:var(--bg-surface);border:1px solid var(--border);width:100%;font-size:20px;font-weight:600;font-family:var(--font);letter-spacing:-.3px;border-radius:8px;margin-bottom:14px;padding:16px 18px}.create-post-title-input:focus{border-color:var(--accent);box-shadow:none}.create-post-subtitle-row{align-items:stretch;gap:12px;margin-bottom:12px;display:flex}.create-post-subtitle-input{background:var(--bg-surface);border:1px solid var(--border);font-size:14px;font-style:italic;font-family:var(--font-body);border-radius:8px;flex:1;min-height:46px;padding:11px 14px}.create-post-subtitle-input:focus{border-color:var(--accent)}.create-post-tags-dropdown{position:relative}.create-post-tags-btn{background:var(--bg-surface);border:1px solid var(--border);height:100%;min-height:46px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--transition), border-color var(--transition), background var(--transition);border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:13px;display:inline-flex}.create-post-tags-btn:hover{color:var(--text);border-color:var(--text-muted)}.create-post-tags-btn svg{width:12px;height:12px}.tags-dropdown-menu{background:var(--bg-surface);border:1px solid var(--border);z-index:20;border-radius:8px;min-width:220px;max-height:220px;padding:4px;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 8px 24px #0006}.tags-dropdown-item{cursor:pointer;color:var(--text-secondary);transition:color var(--transition), background var(--transition);border-radius:4px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.tags-dropdown-item:hover{color:var(--text);background:#ffffff05}.create-post-selected-tags{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.create-post-editor-wrap{border:1px solid var(--border);background:var(--bg-surface);border-radius:8px;margin-bottom:18px;overflow:hidden}.create-post-error{color:var(--danger);margin-bottom:12px;font-size:13px}.create-post-actions{border-top:1px solid var(--border-light);justify-content:flex-end;gap:8px;margin-top:0;padding-top:14px;display:flex}@media (width<=768px){.create-post-page{padding:8px 16px 32px}.create-post-heading{font-size:22px}.create-post-shell{padding-top:16px}.create-post-meta-grid{grid-template-columns:1fr}.create-post-subtitle-row{flex-direction:column}.create-post-tags-btn{justify-content:space-between;width:100%}.create-post-actions{flex-wrap:wrap}}.read-post-page{width:min(100%, var(--page-shell-max));margin:0 auto;padding:12px 24px 40px}.read-post-nav{width:100%;max-width:var(--page-reading-max);align-items:center;gap:8px;margin:0 auto 24px;display:flex}.read-post-nav-spacer{flex:1}.read-post-nav-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.read-post-nav-btn{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:color var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.read-post-nav-btn:hover{color:var(--text)}.read-post-title{width:100%;max-width:var(--page-reading-max);color:var(--text);font-size:24px;font-weight:700;line-height:1.1;font-family:var(--font);letter-spacing:-.4px;background:0 0;border:none;outline:none;margin:0 auto 8px;padding:0;display:block}.read-post-subtitle{width:100%;max-width:var(--page-reading-max);color:var(--text-secondary);font-size:14px;font-style:italic;font-family:var(--font-body);background:0 0;border:none;outline:none;margin:0 auto 18px;padding:0;display:block}.read-post-meta{width:100%;max-width:var(--page-reading-max);flex-wrap:wrap;align-items:center;gap:6px;margin:0 auto 18px;display:flex}.read-post-date{color:var(--text-muted);font-size:12px}.read-post-space{border-radius:var(--radius-pill);background:var(--bg-elevated);color:var(--text-secondary);align-items:center;gap:5px;padding:2px 9px;font-size:11px;display:inline-flex}.read-post-pin{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-elevated);width:24px;height:24px;color:var(--text-secondary);justify-content:center;align-items:center;display:inline-flex}.read-post-body{width:100%;max-width:var(--page-reading-max);font-family:var(--font-body);color:var(--text);margin:0 auto 28px;font-size:14px;line-height:1.9}.read-post-body img{border-radius:var(--radius);max-width:100%;margin:12px 0}.read-post-body blockquote{border-left:2px solid var(--text-muted);color:var(--text-secondary);margin:12px 0;padding-left:12px}.read-post-body code{background:var(--bg-elevated);border-radius:3px;padding:1px 4px;font-size:13px}.read-post-body pre{background:var(--bg-elevated);border-radius:var(--radius);margin:12px 0;padding:12px;overflow-x:auto}.read-post-body h1,.read-post-body h2,.read-post-body h3{font-family:var(--font);margin:20px 0 8px}.read-post-locked{text-align:center;max-width:620px;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(#ffffff05,#fff0);margin:72px auto 0;padding:40px 32px}.read-post-locked svg{margin-bottom:12px}.read-post-edit-body{width:100%;max-width:var(--page-reading-max);margin:0 auto 24px}@media (width<=768px){.read-post-page{padding:8px 16px 32px}.read-post-nav{margin-bottom:18px}.read-post-title{font-size:22px}.read-post-locked{margin-top:40px;padding:32px 20px}}.space-page{width:min(100%, var(--page-shell-max));margin:0 auto;padding:12px 24px 48px}.space-page-header{width:min(100%, var(--page-content-max));border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;margin:0 auto 18px;padding-bottom:16px;display:flex}.space-page-heading{align-items:flex-start;gap:12px;min-width:0;display:flex}.space-page-back{width:32px;height:32px;color:var(--text-secondary);transition:background var(--transition), color var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.space-page-back:hover{background:var(--bg-hover);color:var(--text)}.space-page-heading-copy{min-width:0}.space-page-title{margin:0;font-size:26px;line-height:1.15}.space-page-meta{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.space-page-chip{border:1px solid var(--border);color:var(--text-muted);border-radius:999px;align-items:center;padding:4px 8px;font-size:11px;display:inline-flex}.space-page-actions{flex-wrap:wrap;gap:10px;display:flex}.space-page-feed{width:min(100%, var(--page-content-max));margin:0 auto}.space-page-empty{text-align:left;color:var(--text-muted);border-top:1px solid var(--border);padding:36px 0 0}.space-page-empty h2{color:var(--text);margin-bottom:6px;font-size:18px}.space-page-empty p{margin-bottom:14px;font-size:13px}.space-page-loading{text-align:center;color:var(--text-muted);padding:20px 0;font-size:13px}.space-page-error{width:min(100%, var(--page-content-max));margin:0 auto;padding:22px 0}.space-page-error-copy{color:var(--text-muted);margin-top:8px;font-size:14px;line-height:1.6}@media (width<=768px){.space-page{padding:8px 16px 32px}.space-page-header{flex-direction:column;align-items:stretch}.space-page-title{font-size:22px}}.settings-page{width:min(100%,920px);margin:0 auto;padding:20px 32px 56px}.settings-header{border-bottom:1px solid var(--border);align-items:center;gap:16px;margin:0 0 28px;padding-bottom:16px;display:flex}.settings-back-btn{border:1px solid var(--border);background:var(--bg-elevated);width:36px;height:36px;color:var(--text-secondary);opacity:.82;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.settings-back-btn:hover{color:var(--text);opacity:1;border-color:var(--text-muted)}.settings-heading{min-width:0}.settings-title{letter-spacing:-.05em;font-size:30px;font-weight:600;line-height:1.08}.settings-description{color:var(--text-secondary);opacity:.72;margin-top:6px;font-size:13px;line-height:1.5}.settings-content{width:100%}.settings-card{border-top:1px solid var(--border);padding:20px 0}.settings-card:first-child{border-top:none;padding-top:0}.settings-card-title{margin-bottom:16px;font-size:16px;font-weight:600}.settings-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-field{flex-direction:column;gap:6px;display:flex}.settings-label{color:var(--text-secondary);opacity:.76;font-size:12px;font-weight:500}.settings-inline-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.settings-note{color:var(--text-secondary);opacity:.76;margin-top:12px;font-size:12px;line-height:1.5}.settings-note.error{color:var(--danger)}.settings-note.success{color:var(--success)}.settings-tools{flex-wrap:wrap;gap:12px;display:flex}.settings-danger-card{padding-top:24px}.settings-danger-body{gap:14px;max-width:520px;display:grid}.settings-danger-confirm{gap:14px;padding:14px 0 0;display:grid}.settings-danger-actions{flex-wrap:wrap;gap:12px;display:flex}@media (width<=768px){.settings-page{padding:12px 16px 40px}.settings-title{font-size:26px}.settings-form-grid{grid-template-columns:1fr}.settings-danger-actions{flex-direction:column;align-items:stretch}}.settings-tool{gap:24px;display:grid}.settings-tool-form{border-bottom:1px solid var(--border);gap:14px;padding-bottom:20px;display:grid}.settings-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-tool-grid-compact{grid-template-columns:76px minmax(0,1fr)}.settings-tool-field{flex-direction:column;gap:6px;display:flex}.settings-tool-label{color:var(--text-secondary);opacity:.76;font-size:12px;font-weight:500}.settings-tool-input{border:1px solid var(--border);background:var(--bg-elevated);width:100%;min-height:40px;color:var(--text);border-radius:6px;padding:10px 12px;font-size:14px}.settings-tool-input.icon{text-align:center;padding-inline:0;font-size:18px}.settings-tool-row{align-items:center;gap:12px;display:flex}.settings-tool-row .settings-tool-input,.settings-tool-row select.settings-tool-input{flex:1}.settings-tool-toggle{color:var(--text-secondary);cursor:pointer;align-items:center;gap:10px;font-size:13px;display:inline-flex}.settings-tool-toggle input{width:16px;height:16px;accent-color:var(--accent)}.settings-tool-actions{flex-wrap:wrap;gap:12px;padding-top:4px;display:flex}.settings-tool-note{color:var(--text-secondary);opacity:.76;margin:0;font-size:12px;line-height:1.5}.settings-tool-note.error{color:var(--danger)}.settings-tool-note.success{color:var(--success)}.settings-tool-list{display:grid}.settings-tool-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.settings-tool-item:last-child{border-bottom:none}.settings-tool-main{gap:6px;min-width:0;display:grid}.settings-tool-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.settings-tool-name{color:var(--text);font-size:14px;font-weight:500;line-height:1.35}.settings-tool-meta{color:var(--text-secondary);opacity:.72;font-size:12px;line-height:1.45}.settings-tool-chip{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);opacity:.72;border-radius:999px;align-items:center;padding:2px 7px;font-size:11px;display:inline-flex}.settings-tool-item-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.settings-tool-link{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.settings-tool-link:hover{color:var(--text)}.settings-tool-link.danger{color:var(--danger)}.settings-item-menu{position:relative}.settings-item-trigger{border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);background:var(--bg-elevated);opacity:.82;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.settings-item-trigger:hover,.settings-item-trigger.open{color:var(--text);opacity:1;border-color:var(--text-muted)}.settings-item-dropdown{border:1px solid var(--border);background:var(--bg-surface);min-width:160px;box-shadow:var(--shadow-md);z-index:30;border-radius:8px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.settings-item-option{text-align:left;width:100%;color:var(--text-secondary);border-radius:8px;padding:8px 10px;font-size:13px}.settings-item-option:hover{color:var(--text);background:var(--bg-elevated)}.settings-item-option.danger{color:var(--danger)}.settings-tool-empty{color:var(--text-secondary);opacity:.72;padding:4px 0 0;font-size:12px}.settings-tool-swatches{flex-wrap:wrap;gap:10px;display:flex}.settings-tool-swatch{border:1px solid var(--border);cursor:pointer;border-radius:4px;width:24px;height:24px}.settings-tool-swatch.active{border-color:var(--text)}.settings-tool-inline{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.settings-tool-inline-color{border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;border-radius:6px;width:44px;height:40px;padding:4px}.settings-tool-preview{align-items:center;min-height:40px;display:flex}.settings-tool-preview .tag-pill{cursor:default}@media (width<=768px){.settings-tool-grid,.settings-tool-grid-compact{grid-template-columns:1fr}.settings-tool-row,.settings-tool-item{flex-direction:column;align-items:stretch}.settings-tool-item-actions{justify-content:flex-start}}.person-profile-page{width:min(100%,920px);margin:0 auto;padding:24px 32px 56px}.person-profile-card{border-top:1px solid var(--border);padding-top:22px}.person-profile-back{border:1px solid var(--border);background:var(--bg-elevated);width:36px;height:36px;color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;margin-bottom:24px;display:inline-flex}.person-profile-back:hover{color:var(--text);border-color:var(--text-muted)}.person-profile-hero{align-items:center;gap:20px;margin-bottom:24px;display:flex}.person-profile-avatar{border:1px solid var(--border);background:var(--bg-elevated);border-radius:50%;flex-shrink:0;overflow:hidden}.person-profile-avatar img{object-fit:cover;width:100%;height:100%;display:block}.person-profile-identity{min-width:0}.person-profile-title{letter-spacing:-.05em;font-size:30px;line-height:1.05}.person-profile-username{color:var(--text-secondary);opacity:.72;margin-top:8px;font-size:14px}.person-profile-stat{border:1px solid var(--border);background:var(--bg-elevated);border-radius:8px;flex-direction:column;gap:6px;min-width:140px;margin-bottom:28px;padding:14px 16px;display:inline-flex}.person-profile-stat-label{color:var(--text-secondary);opacity:.7;font-size:12px}.person-profile-stat-value{font-size:26px;line-height:1}.person-profile-section{border-top:1px solid var(--border);padding-top:18px}.person-profile-section-title{margin-bottom:14px;font-size:16px}.person-profile-space-list{gap:10px;display:grid}.person-profile-space-item{border:1px solid var(--border);background:var(--bg-elevated);text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.person-profile-space-item:hover{border-color:var(--text-muted)}.person-profile-space-icon{text-align:center;flex-shrink:0;width:24px;font-size:16px}.person-profile-space-name{font-size:14px}.person-profile-copy,.person-profile-loading{color:var(--text-secondary);opacity:.74;font-size:14px;line-height:1.6}@media (width<=768px){.person-profile-page{padding:16px 16px 40px}.person-profile-card{padding-top:18px}.person-profile-hero{flex-direction:column;align-items:flex-start;gap:16px}.person-profile-title{font-size:26px}.person-profile-stat{width:100%}}:root{--bg:#0e1113;--bg-surface:#131619;--bg-elevated:#171b1f;--bg-hover:#1d2125;--text:#fff;--text-secondary:#fff;--text-muted:#fff;--border:#3e4142;--border-light:#3e4142;--accent:#b94d3f;--accent-hover:#a44336;--accent-dim:#b94d3f24;--danger:#c35949;--danger-hover:#aa4b3d;--success:#27ae60;--radius:6px;--radius-lg:8px;--radius-pill:999px;--header-height:56px;--sidebar-width:260px;--sidebar-collapsed:52px;--page-shell-max:1180px;--page-content-max:900px;--page-reading-max:860px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"IBM Plex Sans", "Inter", -apple-system, sans-serif;--transition:.14s ease;--shadow-sm:0 1px 2px #00000029;--shadow-md:0 12px 24px #0000002e;--shadow-lg:0 16px 32px #00000038}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.6}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#262626;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#333}a{color:var(--accent);text-decoration:none}a:hover{color:var(--text)}button{font-family:var(--font-body);cursor:pointer;color:var(--text);background:0 0;border:none;outline:none;font-size:14px}input,textarea,select{font-family:var(--font-body);background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition), background-color var(--transition);outline:none;padding:10px 14px;font-size:14px}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:none}input::placeholder,textarea::placeholder{color:#ffffff94}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{border-radius:var(--radius);min-height:40px;transition:background-color var(--transition), border-color var(--transition), color var(--transition);white-space:nowrap;letter-spacing:-.01em;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{background:var(--bg-elevated);border-color:var(--border);color:var(--text-secondary)}.btn-ghost:hover{color:var(--text);border-color:var(--text-muted)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover);border-color:var(--danger-hover)}.btn-outline{border-color:var(--border);color:var(--text-secondary);background:0 0}.btn-outline:hover{color:var(--text);border-color:var(--text-muted)}.modal-overlay{z-index:1000;background:#08090ab8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:90%;max-width:440px;box-shadow:var(--shadow-lg);padding:28px}.modal-content h3{margin-bottom:12px;font-size:17px;font-weight:600}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.tag-pill{border-radius:var(--radius-pill);white-space:nowrap;letter-spacing:.01em;cursor:pointer;border:1px solid #ffffff14;align-items:center;padding:2px 10px;font-size:12px;font-weight:500;line-height:1.7;display:inline-flex}.post-separator{border:none;border-top:1px solid var(--border-light);width:100%;margin:0}.section-separator{border:none;border-top:1px solid var(--border);width:100%}@media (width<=768px){:root{--header-height:106px}}