.navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:72px;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:background var(--transition-base)}.navbar-transparent{background:transparent;border-bottom-color:transparent}.navbar-container{max-width:1440px;height:100%;margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between}.navbar-brand{display:flex;align-items:center;gap:var(--space-3)}.navbar-logo{width:36px;height:36px}.logo-icon{width:100%;height:100%}.navbar-title{font-size:var(--text-xl);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-links{display:flex;align-items:center;gap:var(--space-2)}.navbar-link{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.navbar-link:hover,.navbar-link.active{color:var(--text-primary);background:var(--bg-glass)}.navbar-divider{width:1px;height:24px;background:var(--border-default);margin:0 var(--space-2)}.navbar-user{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-lg);background:var(--bg-glass)}.user-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;color:#fff;background:var(--gradient-primary);border-radius:var(--radius-full)}.user-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-logout{color:var(--text-secondary)}.navbar-logout:hover{color:var(--color-accent-rose)}@media(max-width:768px){.navbar-links{gap:var(--space-1)}.navbar-link{padding:var(--space-2)}.user-name,.navbar-divider{display:none}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:calc(72px + var(--space-16)) 0 var(--space-16);overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4}.hero-glow-1{top:10%;left:20%;width:600px;height:600px;background:var(--color-primary-600)}.hero-glow-2{bottom:10%;right:20%;width:500px;height:500px;background:var(--color-accent-purple)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(99,102,241,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.03) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%)}.hero-content{position:relative;z-index:1;text-align:center;max-width:900px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-glass);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-dot{width:8px;height:8px;background:var(--color-accent-emerald);border-radius:50%;animation:pulse 2s infinite}.hero-title{font-size:clamp(var(--text-4xl),6vw,var(--text-6xl));font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--space-6)}.hero-subtitle{font-size:var(--text-xl);color:var(--text-secondary);line-height:1.6;max-width:700px;margin:0 auto var(--space-10)}.hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-16)}.hero-stats{display:flex;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-6);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:600px;margin:0 auto}.stat{text-align:center}.stat-value{display:block;font-size:var(--text-3xl);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:var(--text-sm);color:var(--text-muted)}.stat-divider{width:1px;height:40px;background:var(--border-default)}.features{background:var(--bg-secondary)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.feature-card{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;transition:all var(--transition-base)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl),var(--shadow-glow-sm);border-color:var(--border-default)}.feature-icon{width:72px;height:72px;margin:0 auto var(--space-5);display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);border-radius:var(--radius-xl);background:var(--bg-tertiary)}.feature-icon.risk{background:var(--color-risk-soft)}.feature-icon.impact{background:var(--color-impact-soft)}.feature-icon.cost{background:var(--color-cost-soft)}.feature-icon.ethics{background:var(--color-ethics-soft)}.feature-card h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-3)}.feature-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.process-steps{display:flex;align-items:flex-start;justify-content:center;gap:var(--space-4)}.process-step{flex:1;max-width:300px;text-align:center}.step-number{font-size:var(--text-5xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-4);opacity:.8}.step-content h3{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-3)}.step-content p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.process-connector{width:80px;height:2px;background:var(--gradient-primary);margin-top:40px;opacity:.5}.examples{background:var(--bg-secondary)}.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.example-card{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.example-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-lg)}.example-header{margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-subtle)}.example-header h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.example-header p{font-size:var(--text-sm);color:var(--text-secondary);font-style:italic}.example-perspectives{display:flex;gap:var(--space-2);margin-bottom:var(--space-5)}.mini-perspective{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-md)}.mini-type{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.mini-stance{font-size:var(--text-lg);font-weight:700}.stance-support{color:var(--color-accent-emerald)}.stance-oppose{color:var(--color-accent-rose)}.stance-neutral{color:var(--color-accent-amber)}.example-consensus{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-4)}.consensus-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary-400);display:block;margin-bottom:var(--space-2)}.example-consensus p{font-size:var(--text-sm);color:var(--text-primary);line-height:1.5}.cta{padding:var(--space-24) 0}.cta-card{position:relative;text-align:center;padding:var(--space-16);background:var(--gradient-card);border:1px solid var(--border-default);border-radius:var(--radius-2xl);overflow:hidden}.cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:var(--color-primary-600);filter:blur(150px);opacity:.2}.cta-card h2{position:relative;font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-4)}.cta-card p{position:relative;font-size:var(--text-lg);color:var(--text-secondary);max-width:500px;margin:0 auto var(--space-8)}.cta-card .btn{position:relative}.footer{padding:var(--space-10) 0;border-top:1px solid var(--border-subtle)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.footer-brand{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:700}.footer-brand .navbar-logo{width:32px;height:32px}.footer-text{font-size:var(--text-sm);color:var(--text-muted)}@media(max-width:1024px){.features-grid,.examples-grid{grid-template-columns:repeat(2,1fr)}.process-steps{flex-direction:column;align-items:center}.process-connector{width:2px;height:40px;margin:0}}@media(max-width:768px){.hero{padding-top:calc(72px + var(--space-10))}.hero-stats{flex-direction:column;gap:var(--space-4)}.stat-divider{width:60px;height:1px}.features-grid,.examples-grid{grid-template-columns:1fr}.cta-card{padding:var(--space-10)}}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);z-index:1000}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:calc(72px + var(--space-8)) var(--space-6) var(--space-8);background:var(--bg-primary)}.auth-container{width:100%;max-width:440px}.auth-card{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-10);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-logo{width:56px;height:56px;margin:0 auto var(--space-5)}.auth-logo svg{width:100%;height:100%}.auth-header h1{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-2)}.auth-header p{font-size:var(--text-sm);color:var(--text-secondary)}.auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.auth-error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#f43f5e1a;border:1px solid rgba(244,63,94,.3);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-accent-rose)}.auth-error svg{width:20px;height:20px;flex-shrink:0}.auth-submit{width:100%;margin-top:var(--space-2)}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-footer{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-subtle);text-align:center}.auth-footer p{font-size:var(--text-sm);color:var(--text-secondary)}.auth-link{color:var(--color-primary-400);font-weight:500;transition:color var(--transition-fast)}.auth-link:hover{color:var(--color-primary-300)}@media(max-width:480px){.auth-card{padding:var(--space-6)}}.dashboard-page{min-height:100vh;padding:calc(72px + var(--space-8)) 0 var(--space-12);background:var(--bg-primary)}.dashboard-container{max-width:1200px}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-6)}.header-welcome h1{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-2)}.header-welcome p{font-size:var(--text-base);color:var(--text-secondary)}.btn-icon-left{width:18px;height:18px;margin-right:var(--space-2)}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-bottom:var(--space-10)}.stat-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:all var(--transition-base)}.stat-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}.stat-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-lg);color:#fff}.stat-icon svg{width:24px;height:24px}.stat-content{display:flex;flex-direction:column}.stat-content .stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.stat-content .stat-label{font-size:var(--text-sm);color:var(--text-muted)}.dashboard-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-8)}.content-section{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6)}.content-section h2{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-5)}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.section-header-row h2{margin-bottom:0}.view-all-link{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-primary-400);transition:color var(--transition-fast)}.view-all-link:hover{color:var(--color-primary-300)}.view-all-link svg{width:16px;height:16px}.empty-state{text-align:center;padding:var(--space-10) var(--space-6)}.empty-icon{width:64px;height:64px;margin:0 auto var(--space-5);display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-xl);color:var(--text-muted)}.empty-icon svg{width:32px;height:32px}.empty-state h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.empty-state p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6)}.decisions-list{display:flex;flex-direction:column;gap:var(--space-3)}.decision-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.decision-item:hover{background:var(--bg-tertiary);transform:translate(4px)}.decision-main{flex:1;min-width:0}.decision-scenario{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.decision-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.decision-meta .badge{font-size:var(--text-xs);padding:2px var(--space-2)}.decision-time{font-size:var(--text-xs);color:var(--text-muted)}.decision-summary{display:flex;align-items:center;gap:var(--space-4);margin-left:var(--space-4)}.perspectives-mini{display:flex;gap:4px}.mini-dot{width:10px;height:10px;border-radius:50%}.mini-dot.stance-support{background:var(--color-accent-emerald)}.mini-dot.stance-oppose{background:var(--color-accent-rose)}.mini-dot.stance-neutral{background:var(--color-accent-amber)}.confidence-mini{font-size:var(--text-sm);font-weight:600;color:var(--color-primary-400)}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.quick-action-card{padding:var(--space-5);background:var(--bg-secondary);border-radius:var(--radius-lg);transition:all var(--transition-base)}.quick-action-card:hover{background:var(--bg-tertiary);transform:translateY(-2px)}.quick-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-md);color:#fff;margin-bottom:var(--space-3)}.quick-icon svg{width:20px;height:20px}.quick-action-card h3{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-1)}.quick-action-card p{font-size:var(--text-xs);color:var(--text-muted)}.perspective-overview{padding-top:var(--space-5);border-top:1px solid var(--border-subtle)}.perspective-overview h3{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-4)}.perspectives-list{display:flex;flex-direction:column;gap:var(--space-3)}.perspective-mini-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md)}.perspective-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.perspective-dot.risk{background:var(--color-risk)}.perspective-dot.impact{background:var(--color-impact)}.perspective-dot.cost{background:var(--color-cost)}.perspective-dot.ethics{background:var(--color-ethics)}.perspective-mini-card strong{display:block;font-size:var(--text-sm);font-weight:600}.perspective-mini-card span{font-size:var(--text-xs);color:var(--text-muted)}@media(max-width:1024px){.dashboard-content{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-stats{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:stretch}.dashboard-header .btn{width:100%}}.new-decision-page{min-height:100vh;padding:calc(72px + var(--space-8)) 0 var(--space-12);background:var(--bg-primary)}.new-decision-container{max-width:720px}.page-header{margin-bottom:var(--space-8)}.page-header h1{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-2)}.page-header p{font-size:var(--text-base);color:var(--text-secondary)}.decision-form{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}.form-error-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#f43f5e1a;border:1px solid rgba(244,63,94,.3);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-accent-rose)}.form-error-banner svg{width:20px;height:20px;flex-shrink:0}.form-section{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.required{color:var(--color-accent-rose)}.form-hint{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-1)}.char-count{font-size:var(--text-xs);color:var(--text-muted);text-align:right}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;cursor:pointer}.urgency-options{display:flex;gap:var(--space-2)}.urgency-option{flex:1;padding:var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;background:var(--bg-tertiary);color:var(--text-secondary);border:2px solid transparent;transition:all var(--transition-fast)}.urgency-option:hover{background:var(--bg-elevated)}.urgency-option.active.urgency-low{background:#10b98126;border-color:var(--color-accent-emerald);color:var(--color-accent-emerald)}.urgency-option.active.urgency-medium{background:#f59e0b26;border-color:var(--color-accent-amber);color:var(--color-accent-amber)}.urgency-option.active.urgency-high{background:#f43f5e26;border-color:var(--color-accent-rose);color:var(--color-accent-rose)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.form-info{margin-top:var(--space-6);padding:var(--space-6);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-xl)}.form-info h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-3)}.form-info p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.analyzing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);z-index:100}.analyzing-content{text-align:center;max-width:400px}.analyzing-animation{position:relative;width:160px;height:160px;margin:0 auto var(--space-8)}.orbit-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px dashed var(--border-default);border-radius:50%;animation:spin 8s linear infinite}.orbit-dot{position:absolute;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.orbit-dot.risk{top:-12px;left:50%;transform:translate(-50%);background:var(--color-risk)}.orbit-dot.impact{right:-12px;top:50%;transform:translateY(-50%);background:var(--color-impact)}.orbit-dot.cost{bottom:-12px;left:50%;transform:translate(-50%);background:var(--color-cost)}.orbit-dot.ethics{left:-12px;top:50%;transform:translateY(-50%);background:var(--color-ethics)}.center-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:var(--gradient-primary);border-radius:50%;animation:glow 2s ease-in-out infinite}.analyzing-content h2{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-2)}.analyzing-content>p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-8)}.analyzing-steps{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.analyzing-steps .step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-glass);border-radius:var(--radius-lg);opacity:.5;transition:opacity .3s}.analyzing-steps .step.active{opacity:1}.step-icon{font-size:var(--text-xl)}.analyzing-steps .step span:last-child{font-size:var(--text-xs);color:var(--text-secondary)}@media(max-width:640px){.decision-form{padding:var(--space-5)}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.perspective-card{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);opacity:0;animation:fadeIn .5s ease-out forwards;transition:all var(--transition-base)}.perspective-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-default)}.perspective-risk{border-left:3px solid var(--color-risk)}.perspective-impact{border-left:3px solid var(--color-impact)}.perspective-cost{border-left:3px solid var(--color-cost)}.perspective-ethics{border-left:3px solid var(--color-ethics)}.perspective-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5)}.perspective-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-lg);font-size:var(--text-2xl)}.perspective-title-group{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.perspective-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.perspective-content{margin-bottom:var(--space-5)}.reasoning-list{display:flex;flex-direction:column;gap:var(--space-3)}.reasoning-item{display:flex;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.reasoning-bullet{color:var(--color-primary-400);font-weight:700;flex-shrink:0}.perspective-footer{padding-top:var(--space-5);border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-4)}.perspective-conclusion{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-4)}.conclusion-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.stance-indicator{width:8px;height:8px;border-radius:var(--radius-full)}.stance-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.conclusion-text{font-size:var(--text-sm);color:var(--text-primary);line-height:1.6}.confidence-meter{display:flex;flex-direction:column;gap:var(--space-2)}.confidence-label{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.confidence-value{font-weight:600;color:var(--text-primary)}.confidence-bar{height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.confidence-fill{height:100%;border-radius:var(--radius-full);transition:width 1s ease-out}@media(max-width:640px){.perspective-card{padding:var(--space-4)}.perspective-header{flex-direction:column;gap:var(--space-3)}}.consensus-panel{background:var(--gradient-card);border:1px solid var(--border-default);border-radius:var(--radius-2xl);padding:var(--space-8);animation:fadeIn .6s ease-out forwards;animation-delay:.6s;opacity:0}.consensus-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-subtle)}.consensus-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-xl);color:#fff}.consensus-icon svg{width:28px;height:28px}.consensus-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.consensus-subtitle{font-size:var(--text-sm);color:var(--text-secondary)}.consensus-confidence{margin-left:auto;text-align:center;padding:var(--space-3) var(--space-5);background:var(--bg-glass);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.consensus-confidence .confidence-number{display:block;font-size:var(--text-3xl);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.consensus-confidence .confidence-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.recommendation-block{background:var(--bg-tertiary);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);border-left:4px solid var(--color-primary-500)}.recommendation-label{font-size:var(--text-xs);font-weight:600;color:var(--color-primary-400);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2)}.recommendation-text{font-size:var(--text-lg);font-weight:500;color:var(--text-primary);line-height:1.6}.consensus-summary{font-size:var(--text-base);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-8)}.consensus-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-bottom:var(--space-8)}.consensus-section{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-5)}.section-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.section-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-weight:700}.agreements .section-icon{background:#10b98133;color:var(--color-accent-emerald)}.disagreements .section-icon{background:#f43f5e33;color:var(--color-accent-rose)}.section-header h4{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.consensus-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.consensus-list li{font-size:var(--text-sm);color:var(--text-secondary);padding-left:var(--space-4);position:relative;line-height:1.5}.consensus-list li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--color-primary-500)}.tradeoffs-section{padding-top:var(--space-6);border-top:1px solid var(--border-subtle)}.tradeoffs-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-5)}.tradeoffs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.tradeoff-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--border-subtle)}.tradeoff-card.weight-high{border-color:#f59e0b4d}.tradeoff-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.tradeoff-factor{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.tradeoff-weight{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.tradeoff-arguments{display:flex;flex-direction:column;gap:var(--space-3)}.argument{display:flex;gap:var(--space-2);font-size:var(--text-sm)}.argument-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-weight:700;flex-shrink:0}.argument.pro .argument-icon{background:#10b98133;color:var(--color-accent-emerald)}.argument.con .argument-icon{background:#f43f5e33;color:var(--color-accent-rose)}.argument p{color:var(--text-secondary);line-height:1.5}@media(max-width:768px){.consensus-panel{padding:var(--space-5)}.consensus-header{flex-wrap:wrap}.consensus-confidence{margin-left:0;margin-top:var(--space-4);width:100%}.consensus-grid,.tradeoffs-grid{grid-template-columns:1fr}}.decision-result-page{min-height:100vh;padding:calc(72px + var(--space-8)) 0 var(--space-12);background:var(--bg-primary)}.result-container{max-width:1100px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-4);color:var(--text-secondary)}.result-header{margin-bottom:var(--space-10)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6);transition:color var(--transition-fast)}.back-link:hover{color:var(--color-primary-400)}.back-link svg{width:18px;height:18px}.result-title-section{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-8)}.result-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.urgency-badge{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);text-transform:capitalize}.result-date{font-size:var(--text-xs);color:var(--text-muted)}.result-scenario{font-size:var(--text-2xl);font-weight:600;line-height:1.4;margin-bottom:var(--space-3)}.result-stakeholders{font-size:var(--text-sm);color:var(--text-secondary)}.result-stakeholders strong{color:var(--text-muted)}.perspectives-section,.consensus-section{margin-bottom:var(--space-10)}.section-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-6)}.title-icon{font-size:var(--text-2xl)}.perspectives-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.result-actions{display:flex;justify-content:center;gap:var(--space-4);padding-top:var(--space-8);border-top:1px solid var(--border-subtle)}@media(max-width:768px){.perspectives-grid{grid-template-columns:1fr}.result-title-section{padding:var(--space-5)}.result-actions{flex-direction:column}.result-actions .btn{width:100%}}.history-page{min-height:100vh;padding:calc(72px + var(--space-8)) 0 var(--space-12);background:var(--bg-primary)}.history-container{max-width:900px}.history-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.history-header h1{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-2)}.history-header p{font-size:var(--text-base);color:var(--text-secondary)}.empty-state{text-align:center;padding:var(--space-16) var(--space-6);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl)}.empty-icon{width:80px;height:80px;margin:0 auto var(--space-6);display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-2xl);color:var(--text-muted)}.empty-icon svg{width:40px;height:40px}.empty-state h2{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-2)}.empty-state p{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-6)}.history-filters{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.search-box{flex:1;min-width:200px;position:relative}.search-box svg{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted)}.search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 44px;font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #6366f133}.search-input::placeholder{color:var(--text-muted)}.category-filters{display:flex;gap:var(--space-2);flex-wrap:wrap}.category-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.category-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.category-btn.active{background:var(--gradient-primary);color:#fff}.history-stats{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-6)}.history-stats strong{color:var(--text-primary)}.no-results{text-align:center;padding:var(--space-12);color:var(--text-secondary)}.no-results p{margin-bottom:var(--space-4)}.history-list{display:flex;flex-direction:column;gap:var(--space-4)}.history-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:all var(--transition-base)}.history-item:hover{border-color:var(--border-default);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.history-item-main{flex:1;min-width:0}.history-item-meta{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.urgency-badge{font-size:var(--text-xs);padding:2px var(--space-2);border-radius:var(--radius-sm);text-transform:capitalize}.urgency-low{background:#10b98126;color:var(--color-accent-emerald)}.urgency-medium{background:#f59e0b26;color:var(--color-accent-amber)}.urgency-high{background:#f43f5e26;color:var(--color-accent-rose)}.history-item-scenario{font-size:var(--text-base);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-item-footer{display:flex;align-items:center;gap:var(--space-4)}.history-date{font-size:var(--text-xs);color:var(--text-muted)}.perspectives-summary{display:flex;gap:var(--space-2)}.perspective-pip{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);border-radius:var(--radius-sm);background:var(--bg-tertiary)}.perspective-pip.stance-support{box-shadow:inset 0 0 0 2px var(--color-accent-emerald)}.perspective-pip.stance-oppose{box-shadow:inset 0 0 0 2px var(--color-accent-rose)}.perspective-pip.stance-neutral{box-shadow:inset 0 0 0 2px var(--color-accent-amber)}.history-item-summary{display:flex;flex-direction:column;align-items:center;margin-left:var(--space-6)}.confidence-circle{position:relative;width:56px;height:56px}.confidence-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.confidence-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.confidence-label{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.btn-icon{width:18px;height:18px}@media(max-width:640px){.history-item{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.history-item-summary{flex-direction:row;gap:var(--space-3);margin-left:0}.confidence-circle{width:40px;height:40px}.confidence-value{font-size:var(--text-xs)}}:root{--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-200: #c7d2fe;--color-primary-300: #a5b4fc;--color-primary-400: #818cf8;--color-primary-500: #6366f1;--color-primary-600: #4f46e5;--color-primary-700: #4338ca;--color-primary-800: #3730a3;--color-primary-900: #312e81;--color-accent-purple: #8b5cf6;--color-accent-cyan: #22d3ee;--color-accent-emerald: #10b981;--color-accent-amber: #f59e0b;--color-accent-rose: #f43f5e;--color-risk: #ef4444;--color-risk-soft: rgba(239, 68, 68, .15);--color-impact: #3b82f6;--color-impact-soft: rgba(59, 130, 246, .15);--color-cost: #f59e0b;--color-cost-soft: rgba(245, 158, 11, .15);--color-ethics: #10b981;--color-ethics-soft: rgba(16, 185, 129, .15);--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-tertiary: #1a1a24;--bg-elevated: #222230;--bg-glass: rgba(30, 30, 45, .7);--bg-glass-light: rgba(50, 50, 70, .5);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #0f172a;--border-subtle: rgba(148, 163, 184, .1);--border-default: rgba(148, 163, 184, .2);--border-strong: rgba(148, 163, 184, .3);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--gradient-hero: linear-gradient(135deg, #0a0a0f 0%, #1e1b4b 50%, #0a0a0f 100%);--gradient-card: linear-gradient(145deg, rgba(99, 102, 241, .05) 0%, rgba(139, 92, 246, .05) 100%);--gradient-glow: radial-gradient(ellipse at center, rgba(99, 102, 241, .15) 0%, transparent 70%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-glow: 0 0 40px rgba(99, 102, 241, .3);--shadow-glow-sm: 0 0 20px rgba(99, 102, 241, .2);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background:var(--bg-primary);min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}img,svg{display:block;max-width:100%}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-balance{text-wrap:balance}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md),var(--shadow-glow-sm)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-default);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--bg-glass-light);border-color:var(--border-strong);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);padding:var(--space-2) var(--space-4)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-glass)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-xl)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.card{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all var(--transition-base)}.card:hover{border-color:var(--border-default);box-shadow:var(--shadow-lg)}.card-elevated{background:var(--bg-elevated);box-shadow:var(--shadow-md)}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle)}.input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #6366f133}.input::placeholder{color:var(--text-muted)}.textarea{min-height:120px;resize:vertical}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.form-error{font-size:var(--text-sm);color:var(--color-accent-rose)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-6)}.container-narrow{max-width:640px}.container-wide{max-width:1440px}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.section{padding:var(--space-20) 0}.section-header{text-align:center;max-width:640px;margin:0 auto var(--space-12)}.section-title{font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--text-lg);color:var(--text-secondary)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);background:var(--bg-glass);border:1px solid var(--border-default)}.badge-primary{background:#6366f126;color:var(--color-primary-400);border-color:#6366f14d}.badge-success{background:#10b98126;color:var(--color-accent-emerald);border-color:#10b9814d}.badge-risk{background:var(--color-risk-soft);color:var(--color-risk);border-color:#ef44444d}.badge-impact{background:var(--color-impact-soft);color:var(--color-impact);border-color:#3b82f64d}.badge-cost{background:var(--color-cost-soft);color:var(--color-cost);border-color:#f59e0b4d}.badge-ethics{background:var(--color-ethics-soft);color:var(--color-ethics);border-color:#10b9814d}.divider{height:1px;background:var(--border-subtle);margin:var(--space-6) 0}.icon-box{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);background:var(--bg-glass);border:1px solid var(--border-subtle)}.icon-box-lg{width:64px;height:64px;border-radius:var(--radius-xl)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 40px #6366f180}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-slide-in{animation:slideIn .5s ease-out forwards}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.spinner{width:24px;height:24px;border:2px solid var(--border-default);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin .8s linear infinite}.spinner-lg{width:48px;height:48px;border-width:3px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-700)}::selection{background:#6366f14d;color:var(--text-primary)}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;padding:var(--space-2) var(--space-4);background:var(--color-primary-600);color:#fff;z-index:100}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.page{opacity:0;animation:fadeIn .4s ease-out forwards}