.mission-tab{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-12)}.mission-loading,.mission-error{display:flex;align-items:center;justify-content:center;min-height:320px;color:var(--color-text-tertiary);font-size:var(--text-body-size);gap:var(--space-3)}.mission-error{color:var(--color-danger, #f87171)}.mission-hero{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border)}.mission-hero h1{font-size:clamp(28px,4vw,42px);font-weight:var(--font-weight-bold);line-height:1.15;color:var(--color-text-primary);letter-spacing:-.02em}.mission-hero-tag{font-size:var(--text-body-size);color:var(--color-accent);font-weight:var(--font-weight-medium)}.mission-section{display:flex;flex-direction:column;gap:var(--space-6)}.mission-section-label{font-size:var(--text-label-size);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary)}.mission-body{display:flex;flex-direction:column;gap:var(--space-4)}.mission-body p{font-size:var(--text-body-size);line-height:var(--line-height-base);color:var(--color-text-secondary)}.mission-values-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.mission-value-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--glass-panel);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--color-border);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:border-color var(--duration-fast) var(--ease-default)}.mission-value-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent, var(--color-accent));border-radius:var(--radius-lg) var(--radius-lg) 0 0}.mission-value-card:hover{border-color:color-mix(in srgb,var(--card-accent, var(--color-accent)) 40%,transparent)}.mission-value-title{font-size:var(--text-body-size);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.mission-value-body{font-size:var(--text-label-size);line-height:var(--line-height-base);color:var(--color-text-secondary)}.mission-goals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}.mission-goal-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:var(--glass-panel);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--ease-default)}.mission-goal-card:hover{border-color:color-mix(in srgb,var(--card-accent, var(--color-accent)) 40%,transparent)}.mission-goal-header{display:flex;flex-direction:column;gap:var(--space-1)}.mission-goal-title{font-size:var(--text-body-size);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.mission-goal-detail{font-size:var(--text-label-size);line-height:var(--line-height-base);color:var(--color-text-secondary)}.mission-goal-progress{display:flex;flex-direction:column;gap:var(--space-2)}.mission-goal-bar-track{height:6px;background:#ffffff14;border-radius:99px;overflow:hidden}.mission-goal-bar-fill{height:100%;border-radius:99px;background:var(--card-accent, var(--color-accent));transition:width .6s var(--ease-default)}.mission-goal-pct{font-size:var(--text-label-size);font-weight:var(--font-weight-semibold);color:var(--card-accent, var(--color-accent));align-self:flex-end}.mission-pillars-list{display:flex;flex-direction:column;gap:var(--space-3);list-style:none}.mission-pillar-item{display:flex;gap:var(--space-4);align-items:flex-start;padding:var(--space-4) var(--space-5);background:var(--glass-panel);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--color-border);border-radius:var(--radius-md)}.mission-pillar-num{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--color-accent-muted);color:var(--color-accent);font-size:var(--text-label-size);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;margin-top:1px}.mission-pillar-body{font-size:var(--text-body-size);line-height:var(--line-height-base);color:var(--color-text-secondary)}.mission-culture{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6) var(--space-7);background:var(--glass-panel);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--color-border);border-radius:var(--radius-lg);border-left:3px solid var(--color-accent)}.mission-culture p{font-size:var(--text-body-size);line-height:var(--line-height-base);color:var(--color-text-secondary)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-6);height:var(--topbar-height);background:var(--glass-panel);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-sidebar)}.topbar-brand{font-size:var(--text-label-size);font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);flex-shrink:0}.topbar-nav{display:flex;gap:var(--space-1);flex:1;overflow-x:auto;scrollbar-width:none}.topbar-nav::-webkit-scrollbar{display:none}.tab-link{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-body-size);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;white-space:nowrap;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.tab-link:hover{background:#ffffff0f;color:var(--color-text-primary)}.tab-link.active{background:var(--color-accent-muted);color:var(--color-accent)}.topbar-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.topbar-user-name{font-size:var(--text-label-size);color:var(--color-text-tertiary)}.tab-content{flex:1;padding:var(--space-8) var(--space-6)}.auth-gate{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg)}.auth-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-12);background:var(--glass-panel);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:center;max-width:360px;width:100%}.auth-brand{font-size:var(--text-label-size);font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.auth-title{font-size:28px;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.auth-subtitle{font-size:var(--text-body-size);color:var(--color-text-secondary)}.sign-in-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-8);background:var(--color-accent);color:var(--color-text-on-accent);border:none;border-radius:var(--radius-lg);font-size:var(--text-body-size);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.sign-in-btn:hover{background:var(--color-accent-hover);box-shadow:var(--glow-accent-soft)}.tab-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:320px;color:var(--color-text-tertiary);text-align:center}.tab-placeholder h2{font-size:18px;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.tab-placeholder p{font-size:var(--text-body-size)}:root{--color-cyan-300: #67e8f9;--color-cyan-400: #22d3ee;--color-cyan-500: #06b6d4;--color-cyan-600: #0891b2;--color-teal-400: #2dd4bf;--color-teal-500: #14b8a6;--color-teal-600: #0d9488;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-emerald-400: #34d399;--color-red-400: #f87171;--color-blue-400: #60a5fa;--color-amber-400: #fbbf24;--color-purple-400: #c084fc;--color-rose-400: #fb7185;--color-accent: var(--color-cyan-400);--color-accent-hover: var(--color-cyan-500);--color-accent-pressed: var(--color-cyan-600);--color-accent-muted: rgba(34, 211, 238, .15);--color-bg: var(--color-slate-900);--color-surface: var(--color-slate-800);--color-surface-raised: var(--color-slate-700);--color-border: rgba(255, 255, 255, .1);--color-border-strong: rgba(255, 255, 255, .4);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .7);--color-text-tertiary: rgba(255, 255, 255, .5);--color-text-disabled: rgba(255, 255, 255, .3);--color-text-on-accent: #ffffff;--color-icon-default: var(--color-slate-400);--color-icon-active: var(--color-cyan-400);--color-success: var(--color-emerald-400);--color-success-bg: rgba(52, 211, 153, .15);--color-danger: var(--color-red-400);--color-danger-bg: rgba(239, 68, 68, .15);--color-option-standard: var(--color-emerald-400);--color-option-standard-bg: rgba(52, 211, 153, .1);--color-option-standard-border: rgba(52, 211, 153, .25);--color-option-level-1: var(--color-blue-400);--color-option-level-1-bg: rgba(96, 165, 250, .1);--color-option-level-1-border: rgba(96, 165, 250, .25);--color-option-level-2: var(--color-amber-400);--color-option-level-2-bg: rgba(251, 191, 36, .1);--color-option-level-2-border: rgba(251, 191, 36, .25);--color-option-level-3: var(--color-purple-400);--color-option-level-3-bg: rgba(192, 132, 252, .1);--color-option-level-3-border: rgba(192, 132, 252, .25);--color-option-level-4: var(--color-rose-400);--color-option-level-4-bg: rgba(251, 113, 133, .1);--color-option-level-4-border: rgba(251, 113, 133, .25);--glass-floating: rgba(15, 23, 42, .7);--glass-toolbar: rgba(15, 23, 42, .8);--glass-panel: rgba(15, 23, 42, .9);--glass-modal: rgba(15, 23, 42, .95);--glass-blur: 24px;--glow-accent-soft: 0 0 8px rgba(34, 211, 238, .4);--glow-accent: 0 0 15px rgba(6, 182, 212, .5);--glow-accent-strong:0 0 20px rgba(34, 211, 238, .4);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-section-header-size: 18px;--text-section-header-weight: 700;--text-body-size: 14px;--text-body-weight: 500;--text-label-size: 12px;--text-label-weight: 600;--text-micro-size: 11px;--text-micro-weight: 700;--text-nano-size: 9px;--text-nano-weight: 700;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold:800;--line-height-tight: 1.2;--line-height-base: 1.5;--space-1: 4px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--duration-micro: .15s;--duration-fast: .2s;--duration-standard: .3s;--duration-panel: .4s;--ease-snap: cubic-bezier(.22, 1, .36, 1);--ease-default: cubic-bezier(.4, 0, .2, 1);--topbar-height: 52px;--mode-rail-width: 100px;--sidebar-width: 260px;--bottom-bar-height-default: 50px;--bottom-bar-height-tour: 60px;--z-anchored: 10;--z-status: 20;--z-gallery: 30;--z-sidebar: 40;--z-floating: 50}[data-theme=light]{--color-accent: var(--color-teal-600);--color-accent-hover: var(--color-teal-500);--color-accent-pressed: var(--color-teal-600);--color-accent-muted: rgba(20, 184, 166, .1);--color-bg: #ffffff;--color-surface: #f8fafc;--color-surface-raised: #ffffff;--color-border: rgba(0, 0, 0, .1);--color-border-strong: rgba(0, 0, 0, .25);--color-text-primary: #0f172a;--color-text-secondary: rgba(15, 23, 42, .7);--color-text-tertiary: rgba(15, 23, 42, .5);--color-text-disabled: rgba(15, 23, 42, .3);--color-text-on-accent: #ffffff;--color-icon-default: var(--color-slate-500);--color-icon-active: var(--color-teal-600);--glass-floating: rgba(255, 255, 255, .7);--glass-toolbar: rgba(255, 255, 255, .8);--glass-panel: rgba(255, 255, 255, .9);--glass-modal: rgba(255, 255, 255, .95)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:var(--color-accent);text-decoration:none}a:hover{opacity:.85}button{font-family:inherit;cursor:pointer}