:root{--color-ink:#1C2B1A;--color-ink-soft:#3D3D35;--color-accent:#6B8C6A;--color-accent-subtle:#D5E5D4;--color-accent-mist:rgba(107,140,106,0.12);--color-accent-ink:#2E5C2C;--color-canvas:#F7F6F4;--color-surface:#FAFAF8;--color-border:#E2DDD7;--color-border-strong:#C5C0B8;--color-secondary:#8A897F;--color-muted:#A5A49A;--color-danger:#C17A5A;--color-danger-subtle:#F0EAE0;--color-warm:#7A5C30;--color-warm-subtle:#F0EAE0;--color-scrim:rgba(0,0,0,0.40);--color-decoration-leaf-1:#3d5c3a;--color-decoration-leaf-2:#456640;--text-primary:var(--color-ink);--text-secondary:var(--color-secondary);--text-muted:var(--color-muted);--text-body-color:var(--color-ink-soft);--surface-page:var(--color-canvas);--surface-card:var(--color-surface);--interactive:var(--color-accent);@media (prefers-color-scheme:dark){--color-ink:#ECEAE3;--color-ink-soft:#C9C6BD;--color-accent:#8AAD89;--color-accent-subtle:#26301E;--color-accent-mist:rgba(138,173,137,0.15);--color-accent-ink:#A9CBA8;--color-canvas:#1A1917;--color-surface:#232220;--color-border:#34322E;--color-border-strong:#46443F;--color-secondary:#8F8C83;--color-muted:#615E57;--color-danger:#D4896A;--color-danger-subtle:#2E211A;--color-warm:#C9A878;--color-warm-subtle:#2E211A;--shadow-overlay:0 4px 24px rgba(0,0,0,0.32),0 1px 6px rgba(0,0,0,0.18);--shadow-dropdown:0 4px 16px rgba(0,0,0,0.24),0 1px 4px rgba(0,0,0,0.12);--border-accent-subtle:0.5px solid rgba(138,173,137,0.30)}}:root{--font-display:"DM Serif Display",Georgia,serif;--font-body:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"Courier New",Courier,monospace;--text-display:36px;--text-title:24px;--text-hero:52px;--text-heading:16px;--text-stat:17px;--text-body:14px;--text-small:12px;--text-label:11px;--leading-display:1.1;--leading-title:1.2;--leading-body:1.65;--leading-tight:1.3;--weight-regular:400;--weight-medium:500;--tracking-label:0.08em;--tracking-tight:-0.01em}.text-display{font-size:var(--text-display);line-height:var(--leading-display);letter-spacing:var(--tracking-tight)}.text-display,.text-title{font-family:var(--font-display);color:var(--color-ink)}.text-title{font-size:var(--text-title);line-height:var(--leading-title)}.text-heading{font-family:var(--font-body);font-size:var(--text-heading);font-weight:var(--weight-medium);line-height:var(--leading-tight);color:var(--color-ink)}.text-body{font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-ink-soft)}.text-body,.text-small{font-family:var(--font-body);font-weight:var(--weight-regular)}.text-small{font-size:var(--text-small);color:var(--color-secondary)}.text-label{font-family:var(--font-body);font-size:var(--text-label);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-accent)}:root{--space-xs:4px;--space-sm:8px;--space-md:12px;--space-base:16px;--space-lg:20px;--space-relaxed:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:72px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:16px;--radius-pill:999px;--border-default:0.5px solid var(--color-border);--border-strong:0.5px solid var(--color-border-strong);--border-accent:0.5px solid var(--color-accent);--border-accent-subtle:0.5px solid rgba(107,140,106,0.30);--border-dashed:0.5px dashed var(--color-border-strong);--focus-ring:0 0 0 3px var(--color-accent-mist);--shadow-overlay:0 4px 24px rgba(0,0,0,0.12),0 1px 6px rgba(0,0,0,0.07);--shadow-dropdown:0 4px 16px rgba(0,0,0,0.08),0 1px 4px rgba(0,0,0,0.04);--feed-max-width:640px;--sidebar-width:240px;--content-max-width:960px;--nav-height:56px;--panel-max-width:440px;--avatar-xs:28px;--avatar-sm:24px;--avatar-md:36px;--avatar-lg:48px;--avatar-xl:72px;--avatar-stack-offset:-8px;--accent-stripe-height:3px;--z-base:0;--z-raised:10;--z-sticky:100;--z-overlay:200;--z-modal:300;--z-toast:400}body{line-height:var(--leading-body);color:var(--color-ink);background:var(--color-canvas);-webkit-font-smoothing:antialiased}.btn,body{font-family:var(--font-body);font-size:var(--text-body)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);font-weight:var(--weight-medium);line-height:1;border-radius:var(--radius-md);padding:8px 16px;cursor:pointer;transition:background .12s ease,border-color .12s ease,opacity .12s ease;text-decoration:none;white-space:nowrap;border:none;outline:none}.btn:focus-visible{box-shadow:var(--focus-ring)}.btn-primary{background:var(--color-ink);color:var(--color-canvas);border:none}.btn-primary:hover{opacity:.88}.btn-primary:active{opacity:.76}.btn-secondary{background:transparent;color:var(--color-ink);border:var(--border-strong)}.btn-secondary:hover{background:var(--color-surface)}.btn-secondary:active{opacity:.7}.btn-ghost{background:transparent;color:var(--color-accent);border:none}.btn-ghost:hover{background:var(--color-accent-subtle)}.btn-ghost:active{opacity:.7}.btn-danger{background:var(--color-danger);color:var(--color-canvas);border:none}.btn-danger:hover{opacity:.88}.btn-sm{font-size:var(--text-small);padding:5px 10px;border-radius:var(--radius-sm)}.btn-lg{font-size:var(--text-heading);padding:12px 24px;border-radius:var(--radius-lg)}.btn-icon{padding:7px;border-radius:var(--radius-md)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:3px 9px;border-radius:var(--radius-pill);font-size:var(--text-label);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;white-space:nowrap}.badge-default{background:var(--color-surface);color:var(--color-ink);border:var(--border-default)}.badge-accent{background:var(--color-accent-subtle);color:var(--color-accent-ink)}.badge-warm{background:var(--color-warm-subtle);color:var(--color-warm)}.badge-muted{background:var(--color-surface);color:var(--color-secondary);border:var(--border-default)}.badge-danger{background:var(--color-danger-subtle);color:var(--color-danger)}.input{display:block;width:100%;font-family:var(--font-body);font-size:var(--text-body);color:var(--color-ink);background:var(--color-surface);border:var(--border-strong);border-radius:var(--radius-md);padding:8px 12px;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.input::placeholder{color:var(--color-muted)}.input:focus,.input:hover{border-color:var(--color-accent)}.input:focus{box-shadow:var(--focus-ring)}.input-error{border-color:var(--color-danger)}.input-error:focus{box-shadow:0 0 0 3px rgba(193,122,90,.12)}textarea.input{resize:vertical;min-height:80px;line-height:var(--leading-body)}.field{display:flex;flex-direction:column;gap:var(--space-xs)}.field-label{font-weight:var(--weight-medium);color:var(--color-ink)}.field-hint,.field-label{font-size:var(--text-small)}.field-hint{color:var(--color-secondary)}.field-error{font-size:var(--text-small);color:var(--color-danger)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);font-family:var(--font-body);font-weight:var(--weight-medium);flex-shrink:0;background:var(--color-accent-subtle);color:var(--color-accent-ink);overflow:hidden;user-select:none}.avatar-sm{width:24px;height:24px;font-size:10px}.avatar-md{width:36px;height:36px;font-size:13px}.avatar-lg{width:48px;height:48px;font-size:16px}.avatar-xl{width:72px;height:72px;font-size:22px}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-group{display:flex}.avatar-group .avatar{margin-left:-8px;border:2px solid var(--color-canvas)}.avatar-group .avatar:first-child{margin-left:0}.card,.feed-card{background:var(--color-surface);border:var(--border-default);border-radius:var(--radius-lg);padding:var(--space-lg) 20px}.feed-card{transition:border-color .12s ease}.feed-card:hover{border-color:var(--color-border-strong)}.feed-card-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.feed-card-meta{flex:1;min-width:0}.feed-card-name{font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-card-time{font-size:var(--text-small);color:var(--color-secondary)}.feed-card-body{font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-ink-soft);margin-bottom:var(--space-md)}.feed-card-actions{display:flex;gap:var(--space-lg);padding-top:var(--space-sm);border-top:var(--border-default)}.action-btn{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-body);font-size:var(--text-small);color:var(--color-secondary);background:none;border:none;cursor:pointer;padding:0;transition:color .12s ease}.action-btn.active,.action-btn:hover{color:var(--color-accent)}.navbar{height:var(--nav-height)}.navbar-logo{font-family:var(--font-display);font-size:20px;color:var(--color-ink);text-decoration:none}.navbar-links{display:flex;align-items:center;gap:var(--space-xl);list-style:none;margin:0;padding:0}.navbar-link{font-size:var(--text-body);color:var(--color-secondary);text-decoration:none;transition:color .12s ease}.navbar-link.active,.navbar-link:hover{color:var(--color-ink)}.navbar-link.active{font-weight:var(--weight-medium)}.navbar-actions{display:flex;align-items:center;gap:var(--space-sm)}.notif{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);transition:background .1s ease}.notif:hover{background:var(--color-surface)}.notif-dot{width:7px;height:7px;border-radius:var(--radius-pill);background:var(--color-accent);margin-top:5px;flex-shrink:0}.notif-dot.read{background:transparent;border:1.5px solid var(--color-border-strong)}.notif-text{font-size:var(--text-body);color:var(--color-ink-soft);line-height:var(--leading-tight)}.notif-time{font-size:var(--text-small);color:var(--color-muted);margin-top:var(--space-xs)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-2xl) var(--space-xl);border:var(--border-dashed);border-radius:var(--radius-lg)}.empty-state-icon{font-size:28px;color:var(--color-border-strong);margin-bottom:var(--space-md)}.empty-state-title{font-size:var(--text-heading);font-weight:var(--weight-medium);color:var(--color-ink);margin-bottom:var(--space-xs)}.empty-state-body{font-size:var(--text-body);color:var(--color-secondary);margin-bottom:var(--space-lg);max-width:280px}.divider{border:none;border-top:var(--border-default);margin:var(--space-lg) 0}.toast{display:inline-flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-ink);color:var(--color-canvas);border-radius:var(--radius-lg);font-size:var(--text-body);box-shadow:0 4px 16px rgba(0,0,0,.12)}.toast-success{background:var(--color-accent-ink)}.toast-danger{background:var(--color-danger)}.panel{background:var(--color-surface);border:var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-overlay);padding:var(--space-2xl) var(--space-xl);width:100%;max-width:440px}.panel-page{min-height:100vh;background:var(--color-canvas);flex-direction:column;justify-content:center;padding:var(--space-2xl) var(--space-lg);gap:var(--space-xl)}.input-adorn-wrap,.panel-page{display:flex;align-items:center}.input-adorn-wrap{position:relative}.input-prefix{left:var(--space-md)}.input-prefix,.input-suffix{position:absolute;font-family:var(--font-body);font-size:var(--text-body);color:var(--color-secondary);pointer-events:none;user-select:none;z-index:1}.input-suffix{right:var(--space-md)}.input-prefix-icon{position:absolute;left:10px;font-size:var(--text-heading);color:var(--color-secondary);pointer-events:none;z-index:1;display:flex;align-items:center}.input-adorn-wrap .input-has-prefix{padding-left:28px}.input-adorn-wrap .input-has-suffix{padding-right:28px}.input-adorn-wrap .input-has-icon{padding-left:34px}:root{--duration-instant:50ms;--delay-stagger:50ms;--duration-fast:120ms;--duration-base:200ms;--duration-slow:320ms;--duration-relaxed:480ms;--ease-standard:cubic-bezier(0.2,0,0,1);--ease-enter:cubic-bezier(0,0,0.2,1);--ease-exit:cubic-bezier(0.4,0,1,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-linear:linear;--transition-colors:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard);--transition-transform:transform var(--duration-base) var(--ease-standard);--transition-shadow:box-shadow var(--duration-fast) var(--ease-standard);--transition-all:var(--transition-colors),var(--transition-transform)}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0ms;--duration-fast:0ms;--duration-base:0ms;--duration-slow:0ms;--duration-relaxed:0ms;--ease-spring:linear}}@keyframes gr-fade-in{0%{opacity:0}to{opacity:1}}@keyframes gr-fade-out{0%{opacity:1}to{opacity:0}}@keyframes gr-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes gr-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes gr-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes gr-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes gr-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes gr-sheet-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes gr-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-fade-in{animation:gr-fade-in var(--duration-base) var(--ease-enter) both}.animate-scale-in{animation:gr-scale-in var(--duration-base) var(--ease-enter) both}.animate-slide-up{animation:gr-slide-up var(--duration-base) var(--ease-enter) both}.animate-slide-down{animation:gr-slide-down var(--duration-base) var(--ease-enter) both}.animate-sheet-up{animation:gr-sheet-up var(--duration-slow) var(--ease-spring) both}.animate-spin{animation:gr-spin .8s var(--ease-linear) infinite}.animate-fade-in.is-exiting{animation:gr-fade-out var(--duration-fast) var(--ease-exit) both}.animate-scale-in.is-exiting{animation:gr-scale-out var(--duration-fast) var(--ease-exit) both}.animate-sheet-up.is-exiting{animation:gr-sheet-down var(--duration-base) var(--ease-exit) both}:root{--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--touch-target:44px;--mobile-nav-height:56px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);height:56px;background:var(--color-surface);border-bottom:var(--border-default);position:sticky;top:0;z-index:var(--z-sticky)}@media (max-width:767px){.navbar{position:fixed;top:auto;bottom:0;left:0;right:0;border-bottom:none;border-top:var(--border-default);padding:0 var(--space-sm);padding-bottom:var(--safe-bottom);height:calc(var(--mobile-nav-height) + var(--safe-bottom));z-index:var(--z-sticky);justify-content:space-around}.navbar-logo{display:none}.navbar-links{flex:1;justify-content:space-around;gap:0}.navbar-link{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;padding:var(--space-sm) var(--space-md);min-width:var(--touch-target);min-height:var(--touch-target);justify-content:center}.navbar-link i{font-size:20px}.navbar-actions{display:none}body{padding-bottom:calc(var(--mobile-nav-height) + var(--safe-bottom))}}.feed-layout{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-xl);display:grid;grid-template-columns:var(--sidebar-width) 1fr;gap:var(--space-xl);align-items:start}@media (max-width:1023px){.feed-layout{grid-template-columns:1fr;padding:var(--space-lg)}.feed-sidebar{display:none}}@media (max-width:767px){.feed-layout{padding:var(--space-sm) 0;gap:var(--space-sm)}}.feed-column{max-width:var(--feed-max-width);width:100%;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-sm)}@media (max-width:767px){.feed-card{border-radius:0;border-left:none;border-right:none}.feed-card+.feed-card{border-top:none}.btn{min-height:var(--touch-target)}.btn-sm{min-height:36px}.action-btn{padding:0 var(--space-sm)}.action-btn,.input{min-height:var(--touch-target)}.input{font-size:16px}}.sheet-backdrop{position:fixed;inset:0;background:var(--color-scrim);z-index:var(--z-overlay);animation:gr-fade-in var(--duration-base) var(--ease-enter) both}.sheet-backdrop.is-exiting{animation:gr-fade-out var(--duration-fast) var(--ease-exit) both}.sheet{position:fixed;left:0;right:0;bottom:0;background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-top:var(--border-default);padding:var(--space-lg) var(--space-lg) calc(var(--space-lg) + var(--safe-bottom));z-index:var(--z-modal);animation:gr-sheet-up var(--duration-slow) var(--ease-spring) both;max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.sheet.is-exiting{animation:gr-sheet-down var(--duration-base) var(--ease-exit) both}.sheet-handle{width:36px;height:4px;border-radius:var(--radius-pill);background:var(--color-border-strong);margin:0 auto var(--space-lg)}.sheet-title{font-size:var(--text-heading);font-weight:var(--weight-medium);color:var(--color-ink);margin-bottom:var(--space-lg)}@media (min-width:768px){.sheet-backdrop{display:flex;align-items:center;justify-content:center}.sheet{position:static;border-radius:var(--radius-xl);border:var(--border-default);width:480px;max-height:80vh;animation:gr-scale-in var(--duration-base) var(--ease-enter) both}.sheet.is-exiting{animation:gr-scale-out var(--duration-fast) var(--ease-exit) both}.sheet-handle{display:none}}@media (max-width:767px){:root{--text-display:28px;--text-title:22px}}.tabs{display:flex;flex-direction:column;width:100%}.tab-list{display:flex;align-items:flex-end;gap:0;border-bottom:var(--border-default);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tab-list::-webkit-scrollbar{display:none}.tab{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-regular);color:var(--color-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);margin-bottom:-.5px;text-decoration:none;outline:none}.tab.active,.tab:hover{color:var(--color-ink)}.tab.active{font-weight:var(--weight-medium);border-bottom-color:var(--color-accent)}.tab:focus-visible{color:var(--color-ink);box-shadow:var(--focus-ring);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--color-accent-subtle);color:var(--color-accent-ink);font-size:10px;font-weight:var(--weight-medium);line-height:1}.tab.active .tab-badge{background:var(--color-accent);color:var(--color-canvas)}.tab-panel{padding-top:var(--space-lg);animation:gr-fade-in var(--duration-base) var(--ease-enter) both}.tab-list-pill{display:flex;align-items:center;gap:var(--space-xs);border-bottom:none;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:var(--space-xs) 0}.tab-list-pill::-webkit-scrollbar{display:none}.tab-pill{display:inline-flex;align-items:center;gap:var(--space-xs);padding:5px var(--space-md);font-family:var(--font-body);font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--color-secondary);background:none;border:var(--border-default);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;transition:var(--transition-colors);outline:none;text-decoration:none;margin-bottom:-.5px}.tab-pill:hover{color:var(--color-ink);border-color:var(--color-border-strong);background:var(--color-surface)}.tab-pill.active{color:var(--color-canvas);background:var(--color-ink);border-color:var(--color-ink)}@media (prefers-color-scheme:dark){.tab-pill.active{color:var(--color-canvas)}}.tab-pill:focus-visible{box-shadow:var(--focus-ring)}.dropdown{position:relative;display:inline-flex}.dropdown-menu{position:absolute;top:calc(100% + var(--space-xs));left:0;min-width:180px;background:var(--color-surface);border:var(--border-default);border-radius:var(--radius-lg);padding:var(--space-xs) 0;z-index:var(--z-overlay);box-shadow:var(--shadow-dropdown);animation:gr-slide-up var(--duration-base) var(--ease-enter) both}.dropdown-menu.align-end{left:auto;right:0}.dropdown-menu.align-top{top:auto;bottom:calc(100% + var(--space-xs));animation-name:gr-slide-down}.dropdown-menu.is-exiting{animation:gr-fade-out var(--duration-fast) var(--ease-exit) both}.dropdown-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:var(--text-body);color:var(--color-ink-soft);background:none;border:none;cursor:pointer;text-decoration:none;text-align:left;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard);outline:none}.dropdown-item:focus-visible,.dropdown-item:hover{background:var(--color-canvas);color:var(--color-ink)}.dropdown-item:focus-visible{box-shadow:inset var(--focus-ring)}.dropdown-item i{font-size:16px;color:var(--color-secondary);flex-shrink:0}.dropdown-item:hover i{color:var(--color-ink)}.dropdown-item.danger,.dropdown-item.danger i{color:var(--color-danger)}.dropdown-item.danger:hover{background:var(--color-danger-subtle)}.dropdown-divider{height:.5px;background:var(--color-border);margin:var(--space-xs) 0}.dropdown-label{padding:var(--space-xs) var(--space-md);font-size:var(--text-label);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-muted)}.tooltip-wrapper{position:relative;display:inline-flex}.tooltip{bottom:calc(100% + 6px);transform:translateX(-50%);background:var(--color-ink);color:var(--color-canvas);font-family:var(--font-body);font-size:var(--text-small);font-weight:var(--weight-regular);line-height:var(--leading-tight);padding:5px var(--space-sm);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;z-index:var(--z-overlay);opacity:0;transform:translateX(-50%) translateY(4px);transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.tooltip,.tooltip:after{position:absolute;left:50%}.tooltip:after{content:"";top:100%;transform:translateX(-50%);border:4px solid transparent;border-top:4px solid var(--color-ink)}.tooltip-wrapper:focus-within .tooltip,.tooltip-wrapper:hover .tooltip{opacity:1;transform:translateX(-50%) translateY(0)}.tooltip.tooltip-bottom{top:calc(100% + 6px);bottom:auto;transform:translateX(-50%) translateY(-4px)}.tooltip.tooltip-bottom:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--color-ink)}.tooltip-wrapper:focus-within .tooltip.tooltip-bottom,.tooltip-wrapper:hover .tooltip.tooltip-bottom{transform:translateX(-50%) translateY(0)}.tooltip.tooltip-end{left:auto;right:0;transform:translateX(0) translateY(-4px)}.tooltip.tooltip-end:after{left:auto;right:var(--space-sm);transform:none}.tooltip-wrapper:focus-within .tooltip.tooltip-end,.tooltip-wrapper:hover .tooltip.tooltip-end{transform:translateX(0) translateY(0)}@media (prefers-color-scheme:dark){.tooltip{background:var(--color-surface);color:var(--color-ink);border:var(--border-default)}.tooltip:after{border-top-color:var(--color-surface)}.tooltip.tooltip-bottom:after{border-bottom-color:var(--color-surface)}}.command-backdrop{position:fixed;inset:0;background:var(--color-scrim);z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:gr-fade-in var(--duration-base) var(--ease-enter) both}.command-backdrop.is-exiting{animation:gr-fade-out var(--duration-fast) var(--ease-exit) both}@media (max-width:767px){.command-backdrop{align-items:flex-end;padding-top:0}}.command-palette{width:560px;max-width:calc(100vw - var(--space-xl) * 2);background:var(--color-surface);border:var(--border-default);border-radius:var(--radius-xl);overflow:hidden;animation:gr-scale-in var(--duration-base) var(--ease-enter) both}.command-palette.is-exiting{animation:gr-scale-out var(--duration-fast) var(--ease-exit) both}@media (max-width:767px){.command-palette{width:100%;max-width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation-name:gr-sheet-up;animation-duration:var(--duration-slow);animation-timing-function:var(--ease-spring)}.command-palette.is-exiting{animation-name:gr-sheet-down;animation-duration:var(--duration-base);animation-timing-function:var(--ease-exit)}}.command-input-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:var(--border-default)}.command-input-row i{font-size:18px;color:var(--color-secondary);flex-shrink:0}.command-input{flex:1;font-family:var(--font-body);font-size:var(--text-body);color:var(--color-ink);background:none;border:none;outline:none;padding:0}.command-input::placeholder{color:var(--color-muted)}.command-shortcut-hint{font-size:var(--text-small);color:var(--color-muted);padding:2px 6px;border:var(--border-default);border-radius:var(--radius-sm);font-family:var(--font-mono)}.command-results{max-height:360px;overflow-y:auto;padding:var(--space-xs) 0}@media (max-width:767px){.command-results{max-height:50vh}}.command-section-label{padding:var(--space-sm) var(--space-lg) var(--space-xs);font-size:var(--text-label);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-muted)}.command-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard);outline:none;text-decoration:none}.command-item.is-active,.command-item:hover{background:var(--color-canvas)}.command-item.is-active,.command-item:focus-visible{background:var(--color-accent-subtle)}.command-item-icon{width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-canvas);border:var(--border-default);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-secondary);font-size:15px}.command-item.is-active .command-item-icon{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent)}.command-item-body{flex:1;min-width:0}.command-item-title{font-size:var(--text-body);color:var(--color-ink);font-weight:var(--weight-regular)}.command-item-subtitle,.command-item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-item-subtitle{font-size:var(--text-small);color:var(--color-secondary)}.command-match{color:var(--color-accent);font-weight:var(--weight-medium)}.command-item-shortcut{font-size:var(--text-small);color:var(--color-muted);font-family:var(--font-mono);padding:2px 5px;border:var(--border-default);border-radius:var(--radius-sm);flex-shrink:0}.command-empty{flex-direction:column;padding:var(--space-2xl) var(--space-xl);color:var(--color-secondary);font-size:var(--text-body)}.command-empty,.command-footer{display:flex;align-items:center}.command-footer{gap:var(--space-lg);padding:var(--space-sm) var(--space-lg);border-top:var(--border-default)}.command-footer-hint{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-small);color:var(--color-muted)}.command-footer-hint kbd{font-size:10px;font-family:var(--font-mono);padding:1px 5px;border:var(--border-default);border-radius:var(--radius-sm);color:var(--color-secondary)}@media (max-width:767px){.command-footer{display:none}}.container-page{max-width:960px}.container-page,.container-platform{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-lg);padding-right:var(--space-lg)}.container-platform{max-width:1080px}.container-feed{width:100%;max-width:640px}.section-hero{padding-top:72px;padding-bottom:80px}.section-pad{padding-top:60px;padding-bottom:60px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.value-props-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);font-size:14px;line-height:var(--leading-body);color:var(--color-ink);background-color:var(--color-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-border) 25%,var(--color-surface) 50%,var(--color-border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.icon-xs{font-size:13px}.icon-sm{font-size:14px}.icon-base{font-size:16px}.icon-md{font-size:18px}.icon-lg{font-size:22px}.icon-xl{font-size:28px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:3px}:root[data-theme=dark]{--color-ink:#ECEAE3;--color-ink-soft:#C9C6BD;--color-accent:#8AAD89;--color-accent-subtle:#26301E;--color-accent-mist:rgba(138,173,137,0.15);--color-accent-ink:#A9CBA8;--color-canvas:#1A1917;--color-surface:#232220;--color-border:#34322E;--color-border-strong:#46443F;--color-secondary:#8F8C83;--color-muted:#615E57;--color-danger:#D4896A;--color-danger-subtle:#2E211A;--color-warm:#C9A878;--color-warm-subtle:#2E211A;--shadow-overlay:0 4px 24px rgba(0,0,0,0.32),0 1px 6px rgba(0,0,0,0.18);--shadow-dropdown:0 4px 16px rgba(0,0,0,0.24),0 1px 4px rgba(0,0,0,0.12);--border-accent-subtle:0.5px solid rgba(138,173,137,0.30)}:root[data-theme=light]{--color-ink:#1C2B1A;--color-ink-soft:#3D3D35;--color-accent:#6B8C6A;--color-accent-subtle:#D5E5D4;--color-accent-mist:rgba(107,140,106,0.12);--color-accent-ink:#2E5C2C;--color-canvas:#F7F6F4;--color-surface:#FAFAF8;--color-border:#E2DDD7;--color-border-strong:#C5C0B8;--color-secondary:#8A897F;--color-muted:#A5A49A;--color-danger:#C17A5A;--color-danger-subtle:#F0EAE0;--color-warm:#7A5C30;--color-warm-subtle:#F0EAE0;--border-accent-subtle:0.5px solid rgba(107,140,106,0.30)}[data-theme=dark] .tooltip{background:var(--color-surface);color:var(--color-ink);border:var(--border-default)}[data-theme=dark] .tooltip:after{border-top-color:var(--color-surface)}[data-theme=dark] .tooltip.tooltip-bottom:after{border-bottom-color:var(--color-surface)}[data-theme=light] .tooltip{background:var(--color-ink);color:var(--color-canvas);border:none}[data-theme=light] .tooltip:after{border-top-color:var(--color-ink)}[data-theme=light] .tooltip.tooltip-bottom:after{border-bottom-color:var(--color-ink)}