:root{--efeonce-color-action:#0375db;--efeonce-color-action-strong:#023c70;--efeonce-color-accent:#12afa2;--efeonce-color-surface:#fff;--efeonce-color-canvas:#f8f7fa;--efeonce-color-text:#2f2b3d;--efeonce-color-text-muted:#6d6777;--efeonce-color-border:#2f2b3d1f;--efeonce-color-focus:#0375db;--efeonce-color-success:#157f47;--efeonce-color-warning:#ffb703;--efeonce-color-danger:#dc2e39;--efeonce-radius-sm:.375rem;--efeonce-radius-md:.5rem;--efeonce-radius-lg:.75rem;--efeonce-spacing-1:.25rem;--efeonce-spacing-2:.5rem;--efeonce-spacing-3:.75rem;--efeonce-spacing-4:1rem;--efeonce-spacing-6:1.5rem;--efeonce-spacing-8:2rem;--efeonce-motion-fast:.15s;--efeonce-motion-standard:.2s;--efeonce-motion-slow:.3s;--efeonce-motion-instant:75ms;--efeonce-motion-short:.15s;--efeonce-motion-medium:.3s;--efeonce-motion-long:.4s;--efeonce-motion-extended:.6s;--efeonce-motion-ease-emphasized:cubic-bezier(.2, 0, 0, 1);--efeonce-motion-ease-standard:cubic-bezier(.4, 0, .2, 1);--efeonce-motion-ease-emphasizedAccelerate:cubic-bezier(.3, 0, .8, .15);--efeonce-motion-ease-linear:linear;color-scheme:light;background:var(--efeonce-color-canvas);color:var(--efeonce-color-text);--efeonce-shadow-floating:0 1px 2px #2f2b3d0f, 0 4px 12px #2f2b3d14;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.site-header,.site-footer,.page-shell{max-width:1440px;margin:0 auto}.site-header{padding:var(--efeonce-spacing-5) var(--efeonce-spacing-8);justify-content:space-between;align-items:center;display:flex}.site-header nav{gap:var(--efeonce-spacing-5);font-size:.875rem;display:flex}.wordmark{color:var(--efeonce-color-action-strong);font-weight:800;text-decoration:none}.wordmark span{color:var(--efeonce-color-text-muted);font-weight:500}.site-footer{color:var(--efeonce-color-text-muted);padding:var(--efeonce-spacing-8);font-size:.75rem}.page-shell{padding:var(--efeonce-spacing-8)}.page-heading{margin-bottom:var(--efeonce-spacing-8)}.hero-heading{justify-content:space-between;align-items:flex-start;gap:var(--efeonce-spacing-6);display:flex}.back-link,.text-link{color:var(--efeonce-color-action-strong);font-size:.875rem;font-weight:700}.back-link{margin-bottom:var(--efeonce-spacing-6);text-decoration:none;display:inline-block}.catalog-shell,.reference-card,.evidence-card{background:var(--efeonce-color-surface);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-lg);padding:var(--efeonce-spacing-6)}.catalog-toolbar{justify-content:space-between;align-items:end;gap:var(--efeonce-spacing-6);margin-bottom:var(--efeonce-spacing-6);display:flex}.catalog-toolbar h2,.catalog-toolbar p{margin:0}.catalog-toolbar p{color:var(--efeonce-color-text-muted);margin-top:.25rem;font-size:.875rem}.catalog-toolbar label{color:var(--efeonce-color-text-muted);width:100%;max-width:26rem;font-size:.75rem;font-weight:700}.catalog-toolbar input{margin-top:var(--efeonce-spacing-2);display:block}.pattern-list{gap:var(--efeonce-spacing-3);display:grid}.pattern-card{border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-md);align-items:center;gap:var(--efeonce-spacing-4);padding:var(--efeonce-spacing-4);grid-template-columns:1fr 1fr auto;text-decoration:none;transition:border-color .15s,transform .15s;display:grid}.pattern-card:hover,.pattern-card:focus-visible{border-color:var(--efeonce-color-action);transform:translateY(-1px)}.pattern-card h3{margin:.2rem 0 0}.pattern-card p{color:var(--efeonce-color-text-muted);margin:0;font-size:.875rem}.arrow{color:var(--efeonce-color-action-strong);font-size:1.25rem}.detail-grid{gap:var(--efeonce-spacing-6);grid-template-columns:minmax(0,1.4fr) minmax(18rem,.8fr);display:grid}.detail-grid>*{min-width:0}.detail-grid>aside{background:var(--efeonce-color-surface);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-lg);padding:var(--efeonce-spacing-6)}.detail-grid h2{margin-top:0}.reference-card{margin-bottom:var(--efeonce-spacing-6)}.reference-note{color:var(--efeonce-color-text-muted);margin:var(--efeonce-spacing-6) 0 0;font-size:.875rem}.facts-grid{gap:var(--efeonce-spacing-4);display:grid}.facts-grid div{border-top:1px solid var(--efeonce-color-border);padding-top:var(--efeonce-spacing-3)}.facts-grid dt{color:var(--efeonce-color-text-muted);font-size:.75rem}.facts-grid dd{margin:.25rem 0 0}.evidence-list{gap:var(--efeonce-spacing-3);margin:var(--efeonce-spacing-6) 0 0;padding:0;list-style:none;display:grid}.evidence-list li{align-items:center;gap:var(--efeonce-spacing-2);font-size:.875rem;display:flex}.prose{max-width:48rem}.prose h1{font-size:clamp(2rem,4vw,3.75rem)}.prose h2{margin-top:var(--efeonce-spacing-8)}.prose p,.prose li{color:var(--efeonce-color-text-muted);line-height:1.7}.progress-preview{gap:var(--efeonce-spacing-6);margin:var(--efeonce-spacing-8) 0;padding:0;list-style:none;display:flex}.progress-preview li{color:var(--efeonce-color-text-muted);align-items:center;gap:var(--efeonce-spacing-2);display:flex}.progress-preview span{border:1px solid var(--efeonce-color-border);border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.progress-preview .is-complete span,.progress-preview .is-active span{background:var(--efeonce-color-action);border-color:var(--efeonce-color-action);color:#fff}.progress-preview .is-active strong{color:var(--efeonce-color-action-strong)}.token-families{gap:var(--efeonce-spacing-6);display:grid}.token-family{background:var(--efeonce-color-surface);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-lg);padding:var(--efeonce-spacing-6)}.token-family h2{text-transform:capitalize;margin:0}.swatch-grid{gap:var(--efeonce-spacing-3);margin-top:var(--efeonce-spacing-5);grid-template-columns:repeat(9,minmax(4rem,1fr));display:grid}.swatch{gap:.35rem;min-width:0;font-size:.75rem;display:grid}.swatch-color{border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-md);height:4.5rem}.swatch code{color:var(--efeonce-color-text-muted);font-size:.65rem}.family-specimens{gap:var(--efeonce-spacing-6);margin-top:var(--efeonce-spacing-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.family-specimens>div{border-top:1px solid var(--efeonce-color-border);padding-top:var(--efeonce-spacing-3)}.spec-label,.type-meta{color:var(--efeonce-color-text-muted);font-size:.75rem}.family-display,.family-text{margin:var(--efeonce-spacing-3) 0;font-size:2rem}.family-display{font-family:Poppins,system-ui,sans-serif}.family-text{font-family:Geist,system-ui,sans-serif}.family-specimens code,.type-meta code{color:var(--efeonce-color-text-muted);font-size:.7rem}.type-token-list{margin-top:var(--efeonce-spacing-5)}.type-token{border-top:1px solid var(--efeonce-color-border);align-items:center;gap:var(--efeonce-spacing-5);padding:var(--efeonce-spacing-5) 0;grid-template-columns:minmax(0,1fr) 13rem;display:grid}.type-specimen{overflow-wrap:anywhere;min-width:0}.type-meta{gap:.35rem;display:grid}.type-meta strong{color:var(--efeonce-color-text);font-size:.8rem}.geometry-spacing-grid{gap:var(--efeonce-spacing-3);margin-top:var(--efeonce-spacing-5);display:grid}.geometry-spacing-row{align-items:center;gap:var(--efeonce-spacing-3);grid-template-columns:2rem minmax(1rem,1fr) 10rem;min-height:2rem;display:grid}.geometry-bar{background:var(--efeonce-color-action);border-radius:var(--efeonce-radius-sm);min-width:.25rem;max-width:100%;height:1rem;display:block}.geometry-radius-grid{gap:var(--efeonce-spacing-4);margin-top:var(--efeonce-spacing-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.radius-specimen{gap:var(--efeonce-spacing-2);display:grid}.radius-shape{background:color-mix(in srgb, var(--efeonce-color-action) 12%, white);border:2px solid var(--efeonce-color-action);height:5rem}.elevation-grid{gap:var(--efeonce-spacing-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.elevation-card{background:var(--efeonce-color-surface);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-lg);padding:var(--efeonce-spacing-5)}.elevation-card.is-reserved{opacity:.65}.elevation-stage{background:var(--efeonce-color-canvas);border-radius:var(--efeonce-radius-md);min-height:8rem;padding:var(--efeonce-spacing-5);align-items:center;display:flex}.elevation-surface{background:var(--efeonce-color-surface);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-md);justify-content:center;align-items:center;width:100%;min-height:4rem;display:flex}.elevation-meta{gap:var(--efeonce-spacing-3);margin-top:var(--efeonce-spacing-5);display:grid}.elevation-meta h2{text-transform:capitalize;margin:0}.elevation-meta p{color:var(--efeonce-color-text-muted);margin:0;font-size:.875rem}.breadcrumb-preview ol{gap:var(--efeonce-spacing-3);margin:var(--efeonce-spacing-6) 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.breadcrumb-preview li:not(:last-child):after{color:var(--efeonce-color-text-muted);content:"/";margin-left:var(--efeonce-spacing-3)}.breadcrumb-preview a{color:var(--efeonce-color-action-strong);font-weight:700}.breadcrumbs-reference{background:var(--efeonce-color-canvas);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-lg);overflow:hidden}.breadcrumbs-intro{background:color-mix(in srgb, var(--efeonce-color-action) 7%, var(--efeonce-color-surface));align-items:start;gap:var(--efeonce-spacing-6);padding:var(--efeonce-spacing-8);justify-content:space-between;display:flex}.breadcrumbs-intro h3{letter-spacing:-.04em;margin:0;font-family:Poppins,system-ui,sans-serif;font-size:2rem}.breadcrumbs-intro p{color:var(--efeonce-color-text-muted);margin:var(--efeonce-spacing-2) 0 0;max-width:42rem}.breadcrumbs-sections{gap:var(--efeonce-spacing-6);padding:var(--efeonce-spacing-8);display:grid}.breadcrumbs-section{background:var(--efeonce-color-surface);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-md);min-width:0;padding:var(--efeonce-spacing-6)}.breadcrumbs-section-heading{margin-bottom:var(--efeonce-spacing-4);gap:.25rem;display:grid}.breadcrumbs-section-heading h4{margin:0;font-family:Poppins,system-ui,sans-serif;font-size:1.2rem}.breadcrumbs-stage{background:color-mix(in srgb, var(--efeonce-color-canvas) 72%, transparent);border-radius:var(--efeonce-radius-md);min-width:0;min-height:8.25rem;padding:var(--efeonce-spacing-4) var(--efeonce-spacing-5);align-items:center;display:flex;overflow-x:auto}.breadcrumbs-stage.is-comfortable{min-height:10rem}.breadcrumbs-stage nav{width:100%;min-width:max-content}.breadcrumbs-stage ol{flex-wrap:wrap;align-items:center;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs-stage li{align-items:center;min-width:0;display:inline-flex}.breadcrumbs-stage a,.breadcrumbs-stage [aria-current=page]{border-radius:var(--efeonce-radius-sm);color:var(--efeonce-color-action-strong);outline-offset:2px;overflow-wrap:anywhere;max-width:100%;min-height:1.75rem;transition:color .15s ease, background-color .15s ease, transform .2s var(--efeonce-motion-ease-emphasized);align-items:center;gap:.4rem;padding:.2rem .35rem;text-decoration:none;display:inline-flex}.breadcrumbs-stage a:hover,.breadcrumbs-stage a:focus-visible{background:color-mix(in srgb, var(--efeonce-color-action) 9%, transparent);color:var(--efeonce-color-action-strong);text-decoration:underline}.breadcrumbs-stage [aria-current=page]{color:var(--efeonce-color-text);font-weight:600}.breadcrumbs-stage.is-comfortable a,.breadcrumbs-stage.is-comfortable [aria-current=page]{min-height:2.5rem;padding:.5rem .75rem}.crumb-icon{flex:none;justify-content:center;align-items:center;width:1rem;font-size:.9rem;display:inline-flex}.crumb-separator{color:var(--efeonce-color-text-muted);justify-content:center;padding-inline:.2rem;font-size:1rem;display:inline-flex}.crumb-separator.is-chevron{font-size:1.2rem}.crumb-overflow{position:relative}.crumb-overflow summary{border-radius:var(--efeonce-radius-sm);color:var(--efeonce-color-action-strong);cursor:pointer;outline-offset:2px;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.35rem;font-weight:800;list-style:none;display:inline-flex}.crumb-overflow summary::-webkit-details-marker{display:none}.crumb-overflow summary:hover,.crumb-overflow[open] summary{background:color-mix(in srgb, var(--efeonce-color-action) 9%, transparent)}.crumb-overflow ul{background:var(--efeonce-color-surface);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-md);box-shadow:var(--efeonce-shadow-floating);z-index:2;gap:.2rem;min-width:16rem;margin:.35rem 0 0;padding:.35rem;list-style:none;display:grid;position:absolute;top:100%;left:0}.crumb-overflow li{display:block}.crumb-overflow a{color:var(--efeonce-color-text);min-height:2.25rem;padding:.5rem .65rem;display:block}.crumb-overflow a:hover,.crumb-overflow a:focus-visible{color:var(--efeonce-color-action-strong);text-decoration:none}.breadcrumbs-stage ol.is-animated li{animation:axis-breadcrumb-enter .45s var(--efeonce-motion-ease-emphasized) both}.breadcrumbs-stage ol.is-animated li:nth-child(2){animation-delay:60ms}.breadcrumbs-stage ol.is-animated li:nth-child(3){animation-delay:.12s}.breadcrumbs-variant-row{gap:var(--efeonce-spacing-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.breadcrumbs-variant-row>div{border-top:1px solid var(--efeonce-color-border);min-width:0;padding-top:var(--efeonce-spacing-4);gap:.5rem;display:grid}.breadcrumbs-variant-row p{color:var(--efeonce-color-text-muted);margin:0;font-size:.875rem}.breadcrumbs-variant-row nav{min-width:0;overflow-x:auto}.breadcrumbs-variant-row ol{flex-wrap:wrap;align-items:center;gap:.15rem;min-width:max-content;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.breadcrumbs-variant-row a,.breadcrumbs-variant-row [aria-current=page]{color:var(--efeonce-color-action-strong);font-size:.875rem;text-decoration:none}.breadcrumbs-variant-row [aria-current=page]{color:var(--efeonce-color-text);font-weight:600}.breadcrumbs-variant-row ol.is-compact a,.breadcrumbs-variant-row ol.is-compact [aria-current=page]{font-size:.75rem}.pattern-tag{background:color-mix(in srgb, var(--efeonce-color-action) 12%, transparent);color:var(--efeonce-color-action-strong);border-radius:999px;width:max-content;padding:.2rem .45rem;font-size:.7rem;font-weight:700;display:inline-flex}.pattern-tag.is-secondary{background:color-mix(in srgb, var(--efeonce-color-accent) 13%, transparent);color:var(--efeonce-color-accent)}.pattern-tag.is-info{background:color-mix(in srgb, var(--efeonce-color-info) 12%, transparent);color:var(--efeonce-color-info)}.breadcrumbs-kinds{margin:0}.breadcrumbs-kinds>div{border-top:1px solid var(--efeonce-color-border);gap:var(--efeonce-spacing-4);padding:var(--efeonce-spacing-4) 0;grid-template-columns:minmax(10rem,14rem) minmax(0,1fr);display:grid}.breadcrumbs-kinds dt{color:var(--efeonce-color-text);font-size:.875rem;font-weight:700}.breadcrumbs-kinds dd{gap:.5rem;min-width:0;display:grid}.breadcrumbs-kinds nav{min-width:0;overflow-x:auto}.breadcrumbs-kinds ol{flex-wrap:wrap;align-items:center;gap:.15rem;min-width:max-content;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs-kinds a,.breadcrumbs-kinds [aria-current=page]{color:var(--efeonce-color-action-strong);font-size:.8rem;text-decoration:none}.breadcrumbs-kinds [aria-current=page]{color:var(--efeonce-color-text);font-weight:600}.breadcrumbs-rules{border-left:3px solid var(--efeonce-color-action);gap:var(--efeonce-spacing-4);padding-left:var(--efeonce-spacing-5);display:grid}.breadcrumbs-rules p{color:var(--efeonce-color-text-muted);margin:0;line-height:1.65}@keyframes axis-breadcrumb-enter{0%{opacity:0;transform:translate(-.5rem)}to{opacity:1;transform:translate(0)}}.disclosure-preview{border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-md);margin:var(--efeonce-spacing-6) 0;padding:var(--efeonce-spacing-4)}.disclosure-preview summary{cursor:pointer;font-weight:700}.disclosure-preview p{color:var(--efeonce-color-text-muted);margin:var(--efeonce-spacing-4) 0 0}.loader-preview{align-items:center;gap:var(--efeonce-spacing-3);margin:var(--efeonce-spacing-6) 0;display:flex}.loader-track{background:var(--efeonce-color-border);border-radius:999px;width:12rem;height:.5rem;display:block;overflow:hidden}.loader-track span{background:var(--efeonce-color-action);transform-origin:0;height:100%;animation:1.4s ease-in-out infinite axis-loader;display:block}.floating-preview{margin:var(--efeonce-spacing-6) 0;min-height:6rem;position:relative}.floating-preview button{background:var(--efeonce-color-surface);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-md);cursor:pointer;padding:var(--efeonce-spacing-3) var(--efeonce-spacing-4)}.floating-preview span{background:var(--efeonce-color-surface);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-md);box-shadow:var(--efeonce-shadow-floating);margin-top:var(--efeonce-spacing-3);padding:var(--efeonce-spacing-3);width:max-content;display:block}.floating-surface-reference{background:var(--efeonce-color-canvas);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-lg);overflow:hidden}.floating-surface-intro{background:color-mix(in srgb, var(--efeonce-color-action) 7%, var(--efeonce-color-surface));align-items:start;gap:var(--efeonce-spacing-6);padding:var(--efeonce-spacing-8);justify-content:space-between;display:flex}.floating-surface-intro h3{letter-spacing:-.04em;margin:0;font-family:Poppins,system-ui,sans-serif;font-size:2rem}.floating-surface-intro p{color:var(--efeonce-color-text-muted);margin:var(--efeonce-spacing-2) 0 0;max-width:42rem}.floating-surface-grid{gap:var(--efeonce-spacing-5);padding:var(--efeonce-spacing-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.floating-surface-card{background:var(--efeonce-color-surface);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-md);gap:var(--efeonce-spacing-3);min-width:0;padding:var(--efeonce-spacing-5);flex-direction:column;display:flex}.floating-surface-card-heading{align-items:center;gap:var(--efeonce-spacing-3);display:flex}.floating-surface-card-heading h4{overflow-wrap:anywhere;margin:0;font-family:Poppins,system-ui,sans-serif;font-size:1.1rem}.floating-surface-icon{background:color-mix(in srgb, var(--efeonce-color-action) 12%, transparent);border-radius:var(--efeonce-radius-md);color:var(--efeonce-color-action-strong);flex:none;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.3rem;display:inline-flex}.floating-surface-description{color:var(--efeonce-color-text-muted);min-height:2.3rem;margin:0;font-size:.8rem;line-height:1.45}.floating-surface-tags,.floating-surface-chip-row{flex-wrap:wrap;gap:.35rem;display:flex}.pattern-tag.is-success{background:color-mix(in srgb, var(--efeonce-color-success) 13%, transparent);color:var(--efeonce-color-success)}.floating-surface-demo{margin-top:auto;position:relative}.floating-surface-demo summary{border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-sm);color:var(--efeonce-color-text);cursor:pointer;outline-offset:2px;align-items:center;gap:.45rem;min-height:2.5rem;padding:.55rem .75rem;list-style:none;transition:color .15s,border-color .15s,background-color .15s;display:inline-flex}.floating-surface-demo summary::-webkit-details-marker{display:none}.floating-surface-demo summary:hover,.floating-surface-demo[open] summary{background:color-mix(in srgb, var(--efeonce-color-action) 8%, transparent);border-color:var(--efeonce-color-action);color:var(--efeonce-color-action-strong)}.floating-surface-panel{animation:axis-floating-enter .2s var(--efeonce-motion-ease-emphasized) both;background:var(--efeonce-color-surface);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-md);box-shadow:var(--efeonce-shadow-floating);gap:var(--efeonce-spacing-3);min-width:min(19rem,100%);padding:var(--efeonce-spacing-4);z-index:2;margin-top:.5rem;display:grid;position:relative}.floating-surface-panel h5{margin:0;font-family:Poppins,system-ui,sans-serif;font-size:1rem}.floating-surface-panel p{color:var(--efeonce-color-text-muted);margin:0;font-size:.8rem;line-height:1.5}.floating-surface-panel ul{gap:.2rem;margin:0;padding:0;list-style:none;display:grid}.floating-surface-panel li{display:block}.floating-surface-panel li button,.floating-surface-actions button{border-radius:var(--efeonce-radius-sm);color:var(--efeonce-color-text);cursor:pointer;text-align:left;background:0 0;border:0;width:100%;padding:.55rem .65rem;font-size:.8rem}.floating-surface-panel li button:hover,.floating-surface-panel li button:focus-visible{background:color-mix(in srgb, var(--efeonce-color-action) 8%, transparent);color:var(--efeonce-color-action-strong)}.floating-surface-panel label{color:var(--efeonce-color-text-muted);font-size:.75rem;font-weight:700}.floating-surface-panel input{border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-sm);width:100%;padding:.55rem .65rem}.floating-surface-actions{justify-content:flex-end;gap:.35rem;display:flex}.floating-surface-actions button{text-align:center;width:auto}.floating-surface-actions .is-primary{background:var(--efeonce-color-action);color:#fff}.floating-surface-link{color:var(--efeonce-color-action-strong);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-size:.8rem;font-weight:700}.floating-surface-footer{border-top:1px solid var(--efeonce-color-border);color:var(--efeonce-color-text-muted);margin:0 var(--efeonce-spacing-8);padding:var(--efeonce-spacing-5) 0 var(--efeonce-spacing-8);font-size:.8rem;line-height:1.55}@keyframes axis-floating-enter{0%{opacity:0;transform:translateY(-.35rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.motion-preview{align-items:center;gap:var(--efeonce-spacing-3);margin:var(--efeonce-spacing-6) 0;display:flex}.motion-dot{animation:axis-motion 1s var(--efeonce-motion-ease-emphasized) infinite alternate;background:var(--efeonce-color-action);border-radius:50%;width:1.5rem;height:1.5rem;display:block}.motion-reference{background:var(--efeonce-color-canvas);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-lg);overflow:hidden}.motion-reference-intro{background:color-mix(in srgb, var(--efeonce-color-action) 7%, var(--efeonce-color-surface));align-items:start;gap:var(--efeonce-spacing-6);padding:var(--efeonce-spacing-8);justify-content:space-between;display:flex}.motion-reference-intro h3{letter-spacing:-.04em;margin:0;font-family:Poppins,system-ui,sans-serif;font-size:2rem}.motion-reference-intro p{color:var(--efeonce-color-text-muted);margin:var(--efeonce-spacing-2) 0 0;max-width:48rem}.motion-reference-body{gap:var(--efeonce-spacing-8);padding:var(--efeonce-spacing-8);display:grid}.motion-section-heading{margin-bottom:var(--efeonce-spacing-4);gap:.25rem;display:grid}.motion-section-heading h4{margin:0;font-family:Poppins,system-ui,sans-serif;font-size:1.35rem}.motion-section-heading p{color:var(--efeonce-color-text-muted);max-width:48rem;margin:0;font-size:.875rem;line-height:1.55}.motion-token-grid{gap:var(--efeonce-spacing-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.motion-token-card,.motion-demo-card,.motion-accessibility-section{background:var(--efeonce-color-surface);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-md);padding:var(--efeonce-spacing-5)}.motion-token-card h5,.motion-demo-card h5{margin:0;font-family:Poppins,system-ui,sans-serif;font-size:1.05rem}.motion-token-card{gap:var(--efeonce-spacing-3);display:grid}.motion-token-row{align-items:center;gap:var(--efeonce-spacing-3);grid-template-columns:6rem minmax(2rem,1fr) 4rem;display:grid}.motion-token-row strong,.motion-ease-row strong{font-size:.8rem}.motion-token-row code,.motion-ease-row code{color:var(--efeonce-color-text-muted);text-align:right;font-size:.7rem}.motion-token-bar{background:var(--efeonce-color-action);height:.45rem;width:var(--motion-bar);border-radius:999px;display:block}.motion-ease-row{border-top:1px solid var(--efeonce-color-border);align-items:center;gap:var(--efeonce-spacing-3);padding-top:var(--efeonce-spacing-3);grid-template-columns:10rem minmax(0,1fr);display:grid}.motion-ease-row code{overflow-wrap:anywhere;text-align:left}.motion-demo-grid{gap:var(--efeonce-spacing-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.motion-demo-card{gap:var(--efeonce-spacing-4);min-width:0;display:grid}.motion-demo-heading{align-items:start;gap:var(--efeonce-spacing-3);justify-content:space-between;display:flex}.motion-demo-heading p{color:var(--efeonce-color-text-muted);margin:.25rem 0 0;font-size:.8rem;line-height:1.45}.motion-demo-heading button,.motion-control button{background:color-mix(in srgb, var(--efeonce-color-action) 10%, transparent);border:1px solid color-mix(in srgb, var(--efeonce-color-action) 30%, transparent);border-radius:var(--efeonce-radius-sm);color:var(--efeonce-color-action-strong);cursor:pointer;white-space:nowrap;min-height:2.25rem;padding:.45rem .65rem;font-size:.75rem;font-weight:700}.motion-demo-stage{background:color-mix(in srgb, var(--efeonce-color-canvas) 75%, transparent);border:1px dashed var(--efeonce-color-border);border-radius:var(--efeonce-radius-md);min-height:10rem;padding:var(--efeonce-spacing-4);justify-content:center;align-items:center;display:flex;overflow:hidden}.motion-demo-panel{background:var(--efeonce-color-surface);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-md);box-shadow:var(--efeonce-shadow-floating);min-width:12rem;padding:var(--efeonce-spacing-4);text-align:center;gap:.25rem;display:grid}.motion-demo-panel span{color:var(--efeonce-color-text-muted);font-size:.75rem}.motion-demo-panel.motion-entrance.is-replaying{animation:axis-motion-entrance var(--efeonce-motion-extended) var(--efeonce-motion-ease-emphasized) both}.motion-stagger{gap:.45rem;width:min(100%,20rem);display:grid}.motion-stagger span{background:var(--efeonce-color-surface);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-sm);align-items:center;gap:.45rem;padding:.55rem .7rem;font-size:.75rem;display:flex}.motion-stagger i{background:var(--efeonce-color-action);border-radius:50%;width:.45rem;height:.45rem;display:block}.motion-stagger.is-replaying span{animation:axis-motion-stagger var(--efeonce-motion-standard) var(--efeonce-motion-ease-emphasized) both}.motion-stagger.is-replaying span:nth-child(2){animation-delay:80ms}.motion-stagger.is-replaying span:nth-child(3){animation-delay:.16s}.motion-stagger.is-replaying span:nth-child(4){animation-delay:.24s}.motion-timeline{align-items:center;gap:.75rem;display:flex}.motion-timeline i{background:var(--efeonce-color-action);border-radius:50%;width:1.75rem;height:1.75rem;display:block}.motion-timeline.is-replaying i{animation:axis-motion-timeline var(--efeonce-motion-standard) var(--efeonce-motion-ease-emphasized) both}.motion-timeline.is-replaying i:nth-child(2){animation-delay:.1s}.motion-timeline.is-replaying i:nth-child(3){animation-delay:.2s}.motion-timeline.is-replaying i:nth-child(4){animation-delay:.3s}.motion-timeline.is-replaying i:nth-child(5){animation-delay:.4s}.motion-demo-panel.motion-scroll-reveal.is-replaying{animation:axis-motion-scroll-reveal var(--efeonce-motion-long) var(--efeonce-motion-ease-emphasized) both}.motion-snippet{background:color-mix(in srgb, var(--efeonce-color-text) 5%, transparent);border-radius:var(--efeonce-radius-sm);color:var(--efeonce-color-text-muted);padding:.65rem;font-size:.7rem;display:block;overflow-x:auto}.motion-accessibility-section{gap:var(--efeonce-spacing-4);display:grid}.motion-control{background:color-mix(in srgb, var(--efeonce-color-action) 6%, transparent);border-radius:var(--efeonce-radius-sm);align-items:center;gap:var(--efeonce-spacing-4);padding:var(--efeonce-spacing-4);justify-content:space-between;display:flex}.motion-control p{color:var(--efeonce-color-text-muted);margin:0;font-size:.8rem;line-height:1.5}.motion-reference.is-motion-off .motion-demo-panel,.motion-reference.is-motion-off .motion-stagger span,.motion-reference.is-motion-off .motion-timeline i{opacity:1;transform:none;animation:none!important}@keyframes axis-motion-entrance{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes axis-motion-stagger{0%{opacity:0;transform:translate(-.75rem)}to{opacity:1;transform:translate(0)}}@keyframes axis-motion-timeline{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes axis-motion-scroll-reveal{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.beam-preview{background:linear-gradient(var(--efeonce-color-surface), var(--efeonce-color-surface)) padding-box, linear-gradient(90deg, var(--efeonce-color-action), var(--efeonce-color-accent), var(--efeonce-color-action)) border-box;border-radius:var(--efeonce-radius-lg);margin:var(--efeonce-spacing-6) 0;border:3px solid #0000;justify-content:center;align-items:center;min-height:6rem;animation:2.2s linear infinite axis-beam;display:flex}.shell-preview{gap:var(--efeonce-spacing-3);margin:var(--efeonce-spacing-6) 0;grid-template-columns:minmax(0,1fr) 10rem;display:grid}.shell-preview header,.shell-preview main,.shell-preview aside{border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-md);padding:var(--efeonce-spacing-4)}.shell-preview header{background:color-mix(in srgb, var(--efeonce-color-action) 8%, white);grid-column:1/-1}.shell-preview main{min-height:5rem}.shell-preview aside{color:var(--efeonce-color-text-muted)}.density-preview{margin:var(--efeonce-spacing-6) 0}.density-preview article{border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-md);align-items:center;gap:var(--efeonce-spacing-4);padding:var(--efeonce-spacing-4);justify-content:space-between;display:flex}.density-preview span{color:var(--efeonce-color-text-muted);font-size:.75rem}.chart-preview{background:repeating-linear-gradient(to top, transparent 0 2rem, var(--efeonce-color-border) 2rem calc(2rem + 1px));align-items:flex-end;gap:var(--efeonce-spacing-3);height:8rem;margin:var(--efeonce-spacing-6) 0;padding:var(--efeonce-spacing-3);display:flex}.chart-preview span{background:var(--efeonce-color-action);border-radius:var(--efeonce-radius-sm) var(--efeonce-radius-sm) 0 0;flex:1;min-height:.5rem;display:block}.chart-preview .chart-label{color:var(--efeonce-color-text-muted);background:0 0;flex:none;font-size:.75rem}.charts-reference{background:var(--efeonce-color-surface);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-lg);overflow:hidden}.charts-reference-intro{background:color-mix(in srgb, var(--efeonce-color-action) 8%, var(--efeonce-color-surface));align-items:flex-start;gap:var(--efeonce-spacing-6);justify-content:space-between;padding:clamp(1.4rem,4vw,2.5rem);display:flex}.charts-reference-intro p{color:var(--efeonce-color-text-muted);max-width:52rem;margin:.55rem 0 0}.charts-reference-body{gap:var(--efeonce-spacing-5);min-width:0;padding:clamp(1rem,3vw,2rem);display:grid}.charts-reference-body>*,.chart-health-layout>*{min-width:0}.chart-composition,.chart-state-gallery{background:var(--efeonce-color-surface);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-md);box-shadow:var(--efeonce-shadow-sm);min-width:0;padding:clamp(1rem,2vw,1.5rem)}.chart-composition-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.chart-composition-heading h4{margin:.35rem 0 .15rem;font-size:1.25rem}.chart-composition-heading p{color:var(--efeonce-color-text-muted);margin:0}.chart-kpi-row{grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1.35rem 0;display:grid}.chart-kpi-row>div{background:color-mix(in srgb, var(--efeonce-color-action) 3%, var(--efeonce-color-surface));border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-sm);padding:.8rem}.chart-kpi-row strong,.chart-kpi-row span{display:block}.chart-kpi-row strong{font-size:1.4rem}.chart-kpi-row span,.chart-hero-value span{color:var(--efeonce-color-text-muted);font-size:.78rem}.chart-pipeline-rail{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:.45rem;display:grid}.chart-stage-button{background:color-mix(in srgb, var(--efeonce-color-action) 3%, var(--efeonce-color-surface));border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-sm);color:var(--efeonce-color-text);cursor:pointer;text-align:left;min-height:8.4rem;transition:border-color var(--efeonce-motion-standard) var(--efeonce-motion-ease-standard), transform var(--efeonce-motion-standard) var(--efeonce-motion-ease-standard), background var(--efeonce-motion-standard) var(--efeonce-motion-ease-standard);gap:.28rem;padding:.7rem;display:grid}.chart-stage-button:hover,.chart-stage-button:focus-visible,.chart-stage-button.is-selected{background:color-mix(in srgb, var(--efeonce-color-action) 8%, var(--efeonce-color-surface));border-color:var(--efeonce-color-action)}.chart-stage-button.is-selected{box-shadow:0 0 0 2px color-mix(in srgb, var(--efeonce-color-action) 18%, transparent);transform:translateY(-2px)}.chart-stage-button:focus-visible,.chart-tablist button:focus-visible,.chart-bar:focus-visible,.chart-insight button:focus-visible{outline:3px solid color-mix(in srgb, var(--efeonce-color-action) 42%, transparent);outline-offset:2px}.chart-stage-number{font-size:1.55rem;font-weight:750}.chart-stage-button strong{font-size:.88rem}.chart-stage-button small{color:var(--efeonce-color-text-muted);font-size:.7rem}.chart-stage-button i{background:var(--efeonce-color-action);border-radius:999px;width:100%;height:.35rem;margin-top:auto;display:block}.chart-stage-button.is-warning i{background:var(--efeonce-color-warning)}.chart-stage-button.is-error i{background:var(--efeonce-color-danger)}.chart-pipeline-detail{background:color-mix(in srgb, var(--efeonce-color-action) 3%, var(--efeonce-color-surface));border-left:3px solid var(--efeonce-color-action);gap:.55rem;margin-top:1rem;padding:.9rem 1rem;display:grid}.chart-pipeline-detail>span{color:var(--efeonce-color-text-muted)}.chart-pipeline-detail dl{grid-template-columns:repeat(4,1fr);gap:.7rem;margin:.2rem 0 0;display:grid}.chart-pipeline-detail dt{color:var(--efeonce-color-text-muted);font-size:.68rem}.chart-pipeline-detail dd{margin:.15rem 0 0;font-size:.8rem}.chart-insight{background:color-mix(in srgb, var(--efeonce-color-warning) 12%, var(--efeonce-color-surface));border-radius:var(--efeonce-radius-sm);color:var(--efeonce-color-text);align-items:center;gap:.6rem;margin-top:1rem;padding:.75rem .9rem;display:flex}.chart-insight>span:nth-child(2){flex:1}.chart-insight button{border:1px solid var(--efeonce-color-border-strong);border-radius:var(--efeonce-radius-sm);color:inherit;cursor:pointer;background:0 0;padding:.45rem .65rem;font-weight:700}.chart-health-layout{grid-template-columns:minmax(10rem,14rem) 1fr;align-items:center;gap:2rem;margin-top:1.25rem;display:grid}.chart-donut{aspect-ratio:1;background:conic-gradient(var(--efeonce-color-success) 0 82%, var(--efeonce-color-warning) 82% 95%, var(--efeonce-color-danger) 95% 100%);border-radius:50%;place-items:center;display:grid;position:relative}.chart-donut:after{background:var(--efeonce-color-surface);content:"";border-radius:50%;position:absolute;inset:14%}.chart-donut>div{z-index:1;align-items:baseline;display:flex;position:relative}.chart-donut strong{font-size:2.2rem}.chart-donut span{color:var(--efeonce-color-text-muted);font-size:.78rem}.chart-legend,.chart-vehicle-list{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.chart-legend li,.chart-vehicle-list li{align-items:center;gap:.55rem;display:flex}.chart-legend li strong,.chart-vehicle-list li>b{margin-left:auto}.chart-legend-swatch{background:var(--efeonce-color-border-strong);border-radius:999px;flex:0 0 .65rem;width:.65rem;height:.65rem;display:inline-block}.chart-legend-swatch.is-success{background:var(--efeonce-color-success)}.chart-legend-swatch.is-warning{background:var(--efeonce-color-warning)}.chart-legend-swatch.is-error{background:var(--efeonce-color-danger)}.chart-legend-swatch.is-info{background:var(--efeonce-color-action)}.chart-legend-swatch.is-neutral{background:var(--efeonce-color-text-muted)}.chart-legend-swatch.is-ink{background:var(--efeonce-color-text)}.chart-hero-value{align-items:baseline;gap:.75rem;margin-top:1.25rem;display:flex}.chart-hero-value strong{font-size:2.1rem}.chart-bar-plot,.chart-monthly-panel{background:repeating-linear-gradient(to top, transparent 0 2.25rem, var(--efeonce-color-border) 2.25rem calc(2.25rem + 1px));align-items:end;gap:.55rem;height:13rem;margin-top:1rem;padding:.8rem .8rem 0;display:flex}.chart-bar{color:var(--efeonce-color-text-muted);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:end;align-self:stretch;align-items:center;min-width:2rem;padding:0;display:flex}.chart-bar>span{animation:axis-chart-grow var(--efeonce-motion-extended) var(--efeonce-motion-ease-emphasized) both;background:var(--efeonce-color-action);height:var(--chart-bar-height);border-radius:.35rem .35rem 0 0;width:100%;max-width:2.8rem;min-height:.4rem;display:block}.chart-bar.is-highlighted>span{background:var(--efeonce-color-success)}.chart-bar small{padding:.45rem 0 .05rem;font-size:.7rem}.chart-delta{border-radius:999px;padding:.35rem .6rem;font-size:.78rem;font-weight:700}.chart-delta.is-positive{background:color-mix(in srgb, var(--efeonce-color-success) 12%, var(--efeonce-color-surface));color:var(--efeonce-color-success)}.chart-meter-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem;display:grid}.chart-meter{background:color-mix(in srgb, var(--efeonce-color-action) 3%, var(--efeonce-color-surface));border-radius:var(--efeonce-radius-sm);padding:.7rem}.chart-meter>div{justify-content:space-between;display:flex}.chart-meter>div span,.chart-meter small{color:var(--efeonce-color-text-muted);font-size:.72rem}.chart-meter-track{background:var(--efeonce-color-border);border-radius:999px;height:.4rem;margin:.55rem 0 .35rem;display:block;overflow:hidden}.chart-meter-track i{background:var(--efeonce-color-action);border-radius:inherit;height:100%;width:var(--chart-meter-progress);display:block}.chart-meter-track.is-success i{background:var(--efeonce-color-success)}.chart-meter-track.is-info i{background:var(--efeonce-color-action)}.chart-meter-track.is-error i{background:var(--efeonce-color-danger)}.chart-stacked-bar{background:var(--efeonce-color-border);border-radius:.55rem;height:2.2rem;margin:1.4rem 0 1rem;display:flex;overflow:hidden}.chart-stacked-bar span{background:var(--efeonce-color-text-muted);min-width:1px;width:var(--chart-segment)}.chart-stacked-bar span.is-success{background:var(--efeonce-color-success)}.chart-stacked-bar span.is-info{background:var(--efeonce-color-action)}.chart-stacked-bar span.is-ink{background:var(--efeonce-color-text)}.chart-vehicle-list li>span:nth-child(2){gap:.15rem;display:grid}.chart-vehicle-list small{color:var(--efeonce-color-text-muted)}.chart-tablist{border-bottom:1px solid var(--efeonce-color-border);gap:.35rem;margin-top:1.25rem;padding-bottom:.4rem;display:flex;overflow-x:auto}.chart-tablist button{color:var(--efeonce-color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:.65rem .75rem;font-weight:700}.chart-tablist button.is-active{border-bottom-color:var(--efeonce-color-action);color:var(--efeonce-color-text)}.chart-tablist .chart-add-metric{color:var(--efeonce-color-action);margin-left:auto}.chart-add-status{background:color-mix(in srgb, var(--efeonce-color-action) 8%, var(--efeonce-color-surface));border-radius:var(--efeonce-radius-sm);color:var(--efeonce-color-text-muted);margin-top:.75rem;padding:.65rem .8rem}.chart-state-gallery{box-shadow:none;background:0 0}.chart-state-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:1rem;display:grid}.chart-state{border:1px dashed var(--efeonce-color-border-strong);border-radius:var(--efeonce-radius-sm);gap:.35rem;min-height:7rem;padding:.85rem;display:grid}.chart-state small{color:var(--efeonce-color-text-muted)}.chart-state-spinner{border:2px solid var(--efeonce-color-border);border-top-color:var(--efeonce-color-action);border-radius:50%;width:1rem;height:1rem;animation:.9s linear infinite axis-chart-spin}.chart-state.is-negative{border-color:var(--efeonce-color-danger)}.chart-fallback-table-wrap{margin-top:1rem;overflow-x:auto}.chart-fallback-table-wrap table{border-collapse:collapse;width:100%;min-width:34rem}.chart-fallback-table-wrap caption{text-align:left;margin-bottom:.5rem;font-size:.78rem;font-weight:700}.chart-fallback-table-wrap th,.chart-fallback-table-wrap td{border-bottom:1px solid var(--efeonce-color-border);text-align:left;padding:.55rem .65rem}.chart-fallback-table-wrap th{font-size:.72rem}.chart-fallback-table-wrap td{color:var(--efeonce-color-text-muted);font-size:.78rem}@keyframes axis-chart-grow{0%{opacity:.35;transform-origin:bottom;transform:scaleY(.1)}to{opacity:1;transform-origin:bottom;transform:scaleY(1)}}@keyframes axis-chart-spin{to{transform:rotate(360deg)}}@media (width<=800px){.chart-pipeline-rail{grid-template-columns:repeat(5,minmax(8rem,1fr));padding-bottom:.4rem;overflow-x:auto}.chart-pipeline-detail dl,.chart-state-grid{grid-template-columns:repeat(2,1fr)}.chart-health-layout{grid-template-columns:minmax(8rem,11rem) 1fr}}@media (width<=560px){.charts-reference-intro,.chart-composition-heading,.chart-insight{flex-direction:column}.chart-kpi-row,.chart-meter-grid,.chart-health-layout{grid-template-columns:1fr}.chart-donut{width:100%;max-width:12rem;margin:auto}.chart-state-grid{grid-template-columns:1fr}.chart-hero-value{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){[data-chart-motion]{transition-duration:0s!important;animation:none!important}.chart-stage-button,.chart-bar>span{transition:none!important;animation:none!important}.chart-stage-button.is-selected{transform:none}.chart-state-spinner{border-top-color:var(--efeonce-color-action);animation:none}}.disclosure-reference{background:var(--efeonce-color-surface);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-lg);overflow:hidden}.disclosure-reference-intro{background:color-mix(in srgb, var(--efeonce-color-action) 8%, var(--efeonce-color-surface));align-items:flex-start;gap:var(--efeonce-spacing-6);justify-content:space-between;padding:clamp(1.4rem,4vw,2.5rem);display:flex}.disclosure-reference-intro p{color:var(--efeonce-color-text-muted);max-width:52rem;margin:.55rem 0 0}.disclosure-reference-body{gap:var(--efeonce-spacing-5);min-width:0;padding:clamp(1rem,3vw,2rem);display:grid}.disclosure-section{background:var(--efeonce-color-surface);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-md);min-width:0;padding:clamp(1rem,2vw,1.5rem)}.disclosure-section-heading h4{margin:.35rem 0 .15rem;font-size:1.25rem}.disclosure-section-heading p{color:var(--efeonce-color-text-muted);margin:0}.disclosure-specimen-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1.25rem;display:grid}.disclosure-specimen{background:color-mix(in srgb, var(--efeonce-color-action) 3%, var(--efeonce-color-surface));border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-sm);place-items:center;gap:.55rem;padding:.8rem;display:grid}.specimen-label{color:var(--efeonce-color-text-muted);text-align:center;font-size:.7rem;font-weight:700}.disclosure-trigger{background:var(--efeonce-color-surface);border:1px solid var(--efeonce-color-border);color:var(--efeonce-color-text-muted);cursor:pointer;height:2.5rem;transition:background var(--efeonce-motion-standard) var(--efeonce-motion-ease-standard), border-color var(--efeonce-motion-standard) var(--efeonce-motion-ease-standard), color var(--efeonce-motion-standard) var(--efeonce-motion-ease-standard);border-radius:50%;justify-content:center;align-items:center;width:2.5rem;display:inline-flex}.disclosure-trigger>span{transition:transform var(--efeonce-motion-standard) var(--efeonce-motion-ease-emphasized);font-size:1.3rem;line-height:1;display:inline-block}.disclosure-trigger.is-expand>span{font-size:1.7rem}.disclosure-trigger.is-reveal>span{font-size:1.5rem}.disclosure-trigger.is-nexaMark>span{font-size:1.1rem}.disclosure-trigger.is-open{background:color-mix(in srgb, var(--efeonce-color-action) 9%, var(--efeonce-color-surface));border-color:var(--efeonce-color-action);color:var(--efeonce-color-action-strong)}.disclosure-trigger.is-addToggle.is-open>span{transform:rotate(45deg)}.disclosure-trigger.is-expand.is-open>span{transform:rotate(180deg)}.disclosure-trigger.is-reveal.is-open>span{transform:rotate(90deg)}.disclosure-trigger.is-nexaMark.is-open>span{transform:translate(-2px,2px)scale(1.25)}.disclosure-trigger:hover,.disclosure-trigger:focus-visible{border-color:var(--efeonce-color-action);color:var(--efeonce-color-action)}.disclosure-trigger:focus-visible,.disclosure-panel button:focus-visible,.disclosure-panel input:focus-visible,.disclosure-companion:focus-visible{outline:3px solid color-mix(in srgb, var(--efeonce-color-action) 42%, transparent);outline-offset:3px}.disclosure-interactive-row{border-top:1px solid var(--efeonce-color-border);flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:1.25rem;padding-top:1rem;display:flex}.disclosure-anchored-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem;display:grid}.disclosure-surface-card{background:color-mix(in srgb, var(--efeonce-color-action) 3%, var(--efeonce-color-surface));border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-sm);min-width:0;padding:1rem;position:relative}.disclosure-surface-label{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.disclosure-panel{background:var(--efeonce-color-surface);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-sm);box-shadow:var(--efeonce-shadow-floating);gap:.65rem;margin-top:.8rem;padding:1rem;display:grid}.disclosure-panel[hidden]{display:none}.disclosure-panel label{color:var(--efeonce-color-text-muted);font-size:.75rem;font-weight:700}.disclosure-panel input{border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-sm);width:100%;min-width:0;padding:.6rem .7rem}.disclosure-panel-actions{justify-content:flex-end;gap:.5rem;display:flex}.disclosure-panel-actions button,.disclosure-menu-panel button,.disclosure-companion{border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-sm);color:var(--efeonce-color-text);cursor:pointer;background:0 0;padding:.5rem .7rem}.disclosure-panel-actions button.is-primary{background:var(--efeonce-color-action);border-color:var(--efeonce-color-action);color:#fff}.disclosure-menu-panel{gap:.25rem}.disclosure-menu-panel button{text-align:left;width:100%}.disclosure-menu-panel button:hover,.disclosure-menu-panel button:focus-visible{background:color-mix(in srgb, var(--efeonce-color-action) 8%, var(--efeonce-color-surface))}.disclosure-menu-panel button.is-danger{color:var(--efeonce-color-danger)}.disclosure-menu-note,.disclosure-dirty-status{color:var(--efeonce-color-text-muted);margin:.75rem 0 0;font-size:.75rem}.disclosure-dirty-status{margin:0}.disclosure-companion{margin-top:.8rem}.disclosure-quick-peek-status{background:color-mix(in srgb, var(--efeonce-color-warning) 10%, var(--efeonce-color-surface));border-radius:var(--efeonce-radius-sm);align-items:flex-start;gap:.6rem;margin-top:1rem;padding:.75rem .85rem;display:flex}.disclosure-quick-peek-status span{color:var(--efeonce-color-text-muted)}.disclosure-rule-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.disclosure-rule-grid>div{border-top:2px solid var(--efeonce-color-action);gap:.35rem;padding-top:.65rem;display:grid}.disclosure-rule-grid span{color:var(--efeonce-color-text-muted);font-size:.78rem}@media (width<=800px){.disclosure-specimen-grid,.disclosure-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.disclosure-reference-intro,.disclosure-surface-label{display:block}.disclosure-reference-intro .button-axis-mark{margin-top:1rem}.disclosure-anchored-grid,.disclosure-rule-grid{grid-template-columns:1fr}.disclosure-surface-label .disclosure-trigger{margin-top:.6rem}}@media (prefers-reduced-motion:reduce){.disclosure-trigger,.disclosure-trigger>span{transition:none!important}.disclosure-trigger.is-open>span{transform:none}}.loaders-reference{background:var(--efeonce-color-surface);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-lg);overflow:hidden}.loaders-reference-intro{background:color-mix(in srgb, var(--efeonce-color-action) 8%, var(--efeonce-color-surface));align-items:flex-start;gap:var(--efeonce-spacing-6);justify-content:space-between;padding:clamp(1.4rem,4vw,2.5rem);display:flex}.loaders-reference-intro p{color:var(--efeonce-color-text-muted);max-width:52rem;margin:.55rem 0 0}.loaders-reference-body{gap:var(--efeonce-spacing-5);min-width:0;padding:clamp(1rem,3vw,2rem);display:grid}.loader-scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;min-width:0;display:grid}.loader-scene,.loader-inline-card,.loader-state-gallery{background:var(--efeonce-color-surface);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-md);min-width:0;padding:1rem}.loader-scene-heading{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.loader-scene h4,.loader-inline-card h4,.loader-state-gallery h4{margin:.25rem 0 0;font-size:1.1rem}.loader-scene p,.loader-inline-card p,.loader-state-gallery p{color:var(--efeonce-color-text-muted);margin:.65rem 0 .3rem;font-size:.82rem}.loader-scene>small{color:var(--efeonce-color-text-muted);min-height:2.1rem;font-size:.7rem;display:block}.loader-state-badge{background:color-mix(in srgb, var(--efeonce-color-action) 10%, var(--efeonce-color-surface));color:var(--efeonce-color-action-strong);text-transform:uppercase;border-radius:999px;padding:.25rem .5rem;font-size:.68rem;font-weight:800}.loader-visual{background:color-mix(in srgb, var(--efeonce-color-action) 4%, var(--efeonce-color-surface));border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-sm);align-items:center;gap:.75rem;min-height:4.7rem;margin-top:.85rem;padding:.8rem;display:flex}.loader-visual-mark{animation:axis-loader-pulse 1.2s var(--efeonce-motion-ease-emphasized) infinite;background:var(--efeonce-color-action);border-radius:50%;flex:0 0 2rem;height:2rem;display:block}.loader-visual.is-thinking .loader-visual-mark{background:var(--efeonce-color-accent);box-shadow:0 0 0 .45rem color-mix(in srgb, var(--efeonce-color-accent) 14%, transparent)}.loader-visual.is-secure .loader-visual-mark{border:3px solid var(--efeonce-color-action);background:0 0}.loader-visual-copy{gap:.25rem;display:grid}.loader-visual-copy span,.loader-inline-status small{color:var(--efeonce-color-text-muted);font-size:.72rem}.loader-step-list{gap:.35rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.loader-step-list li{color:var(--efeonce-color-text-muted);align-items:center;gap:.45rem;font-size:.72rem;display:flex}.loader-step-list li[data-loader-state=done]{color:var(--efeonce-color-success)}.loader-step-list li[data-loader-state=active]{color:var(--efeonce-color-action-strong);font-weight:700}.loader-step-list i{width:1rem;font-style:normal}.loader-skeleton-lines{gap:.45rem;margin-top:.8rem;display:grid}.loader-skeleton-lines i{background:linear-gradient(90deg, color-mix(in srgb, var(--efeonce-color-action) 7%, var(--efeonce-color-surface)), color-mix(in srgb, var(--efeonce-color-action) 16%, var(--efeonce-color-surface)), color-mix(in srgb, var(--efeonce-color-action) 7%, var(--efeonce-color-surface)));background-size:200% 100%;border-radius:999px;height:.55rem;animation:1.4s linear infinite axis-loader-shimmer;display:block}.loader-skeleton-lines i:nth-child(2){width:78%}.loader-skeleton-lines i:nth-child(3){width:91%}.loader-skeleton-lines i:nth-child(4){width:62%}.loader-inline-card{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.loader-inline-status{background:color-mix(in srgb, var(--efeonce-color-success) 7%, var(--efeonce-color-surface));border:1px solid color-mix(in srgb, var(--efeonce-color-success) 20%, var(--efeonce-color-surface));border-radius:var(--efeonce-radius-sm);grid-template-columns:.65rem 1fr;align-items:center;gap:.15rem;padding:.75rem;display:grid}.loader-inline-status small{grid-column:2}.loader-inline-dot{background:var(--efeonce-color-success);border-radius:50%;grid-row:span 2;width:.6rem;height:.6rem;animation:1.2s ease-in-out infinite axis-loader-pulse}.loader-state-gallery>p{max-width:42rem}.loader-state-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.loader-state-grid>div{border:1px dashed var(--efeonce-color-border-strong,var(--efeonce-color-border));border-radius:var(--efeonce-radius-sm);gap:.35rem;min-height:6.2rem;padding:.75rem;display:grid}.loader-state-grid small{color:var(--efeonce-color-text-muted);font-size:.72rem}.loader-state-grid button{background:var(--efeonce-color-action);border-radius:var(--efeonce-radius-sm);color:#fff;cursor:pointer;border:0;justify-self:start;padding:.4rem .6rem}.loader-track{background:var(--efeonce-color-border);border-radius:999px;height:.45rem;margin-bottom:.45rem;display:block;overflow:hidden}.loader-track i{background:var(--efeonce-color-action);width:42%;height:100%;animation:1.2s ease-in-out infinite axis-loader-track;display:block}@keyframes axis-loader-pulse{0%,to{opacity:.42;transform:scale(.86)}50%{opacity:1;transform:scale(1)}}@keyframes axis-loader-shimmer{to{background-position:-200% 0}}@keyframes axis-loader-track{0%{transform:translate(-120%)}to{transform:translate(260%)}}@media (width<=800px){.loader-scene-grid{grid-template-columns:1fr}.loader-state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.loaders-reference-intro,.loader-inline-card{display:block}.loaders-reference-intro .button-axis-mark,.loader-inline-status{margin-top:1rem}.loader-state-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){[data-loader-motion] *,.loader-visual-mark,.loader-skeleton-lines i,.loader-inline-dot,.loader-track i{transition:none!important;animation:none!important}.loader-visual-mark{opacity:.72;transform:none}}.timeline-preview{gap:var(--efeonce-spacing-6);margin:var(--efeonce-spacing-6) 0;padding:0;list-style:none;display:flex}.timeline-preview li{color:var(--efeonce-color-text-muted);align-items:center;gap:var(--efeonce-spacing-2);display:flex}.timeline-preview li:before{background:var(--efeonce-color-border);content:"";border-radius:50%;width:.75rem;height:.75rem;display:block}.timeline-preview .is-complete,.timeline-preview .is-active{color:var(--efeonce-color-text);font-weight:700}.timeline-preview .is-complete:before,.timeline-preview .is-active:before{background:var(--efeonce-color-action)}.avatar-preview{margin:var(--efeonce-spacing-6) 0;padding-left:.75rem;display:flex}.avatar-preview span{background:var(--efeonce-color-action);border:2px solid var(--efeonce-color-surface);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;margin-left:-.75rem;font-size:.75rem;font-weight:700;display:inline-flex}.avatar-preview span:nth-child(2){background:var(--efeonce-color-accent)}.avatar-preview span:nth-child(3){background:var(--efeonce-color-success)}.avatar-preview span:last-child{background:var(--efeonce-color-text-muted)}.surface-recipes-preview{gap:var(--efeonce-spacing-4);margin:var(--efeonce-spacing-6) 0;grid-template-columns:1fr 1fr;display:grid}.surface-recipes-preview>div{border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-md);padding:var(--efeonce-spacing-5)}.surface-floating{box-shadow:var(--efeonce-shadow-floating)}.gradient-preview{background:linear-gradient(135deg, color-mix(in srgb, var(--efeonce-color-action) 14%, white), var(--efeonce-color-surface) 52%, color-mix(in srgb, var(--efeonce-color-accent) 14%, white));border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-lg);margin:var(--efeonce-spacing-6) 0;justify-content:center;align-items:center;min-height:6rem;display:flex}.activity-preview{gap:var(--efeonce-spacing-3);margin:var(--efeonce-spacing-6) 0;padding:0;list-style:none;display:grid}.activity-preview li{border-left:3px solid var(--efeonce-color-action);padding:var(--efeonce-spacing-3) var(--efeonce-spacing-4);gap:.25rem;display:grid}.activity-preview time,.activity-preview span{color:var(--efeonce-color-text-muted);font-size:.75rem}.logo-gate-preview{gap:var(--efeonce-spacing-3);margin:var(--efeonce-spacing-6) 0;display:grid}.logo-gate-preview>div{border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-md);padding:var(--efeonce-spacing-3) var(--efeonce-spacing-4);justify-content:space-between;align-items:center;display:flex}.logo-status{border-radius:999px;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.logo-status.is-approved{background:color-mix(in srgb, var(--efeonce-color-success) 14%, white);color:var(--efeonce-color-success)}.logo-status.is-pending{background:color-mix(in srgb, var(--efeonce-color-warning) 18%, white);color:var(--efeonce-color-text)}.logo-status.is-rejected{background:color-mix(in srgb, var(--efeonce-color-error) 12%, white);color:var(--efeonce-color-error)}.leaderboard-preview{gap:var(--efeonce-spacing-4);margin:var(--efeonce-spacing-6) 0;display:grid}.leaderboard-head{justify-content:space-between;gap:var(--efeonce-spacing-3);display:flex}.leaderboard-head span{color:var(--efeonce-color-text-muted);font-size:.75rem}.podium-preview{align-items:end;gap:var(--efeonce-spacing-2);text-align:center;grid-template-columns:repeat(3,1fr);display:grid}.podium-preview>div{background:color-mix(in srgb, var(--efeonce-color-action) 10%, white);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-md);min-height:4rem;padding:var(--efeonce-spacing-3)}.podium-preview .is-first{min-height:5.5rem}.podium-preview b{font-variant-numeric:tabular-nums}.ranking-preview{gap:var(--efeonce-spacing-2);margin:0;padding:0;list-style:none;display:grid}.ranking-preview li{border-top:1px solid var(--efeonce-color-border);align-items:center;gap:var(--efeonce-spacing-3);padding:var(--efeonce-spacing-2) 0;display:flex}.ranking-preview li span{color:var(--efeonce-color-text-muted);width:1rem}.ranking-preview li strong{margin-left:auto}.chip-reference{gap:var(--efeonce-spacing-6);display:grid}.chip-boards{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.chip-board{color:#2f2b3d;background:#f8f7fa;min-width:0}.chip-board.is-dark{color:#e1def5;background:#25293c}.chip-board-header{background:color-mix(in srgb, currentColor 6%, transparent);align-items:start;gap:var(--efeonce-spacing-5);padding:var(--efeonce-spacing-6);justify-content:space-between;display:flex}.chip-board-header h3{margin:0;font-family:Poppins,system-ui,sans-serif;font-size:1.5rem}.chip-board-header p{color:color-mix(in srgb, currentColor 72%, transparent);margin:var(--efeonce-spacing-2) 0 0;max-width:22rem}.chip-board-content{padding:var(--efeonce-spacing-6)}.chip-section{margin-bottom:var(--efeonce-spacing-6);overflow-x:auto}.chip-section h4{margin:0 0 var(--efeonce-spacing-3);font-family:Poppins,system-ui,sans-serif;font-size:1.15rem}.chip-matrix{border:1px dashed color-mix(in srgb, currentColor 16%, transparent);border-radius:var(--efeonce-radius-lg);align-items:center;gap:var(--efeonce-spacing-3);min-width:max-content;padding:var(--efeonce-spacing-4);grid-template-columns:5.4rem repeat(3,5.6rem);display:grid}.colors-chip-matrix{grid-template-columns:5.4rem repeat(3,5.6rem)}.axis-chip{border-radius:var(--efeonce-radius-md);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.28rem;min-width:4.5rem;min-height:2rem;padding:.25rem .55rem;font-size:.8125rem;font-weight:700;display:inline-flex}.axis-chip.is-small{min-width:3.8rem;min-height:1.65rem;padding-inline:.45rem;font-size:.7rem}.axis-chip.is-solid{background:var(--chip-main,var(--efeonce-color-action));border-color:var(--chip-main,var(--efeonce-color-action));color:var(--chip-ink,#fff)}.axis-chip.is-label{background:color-mix(in srgb, var(--chip-main,var(--efeonce-color-action)) 18%, transparent);border-color:color-mix(in srgb, var(--chip-main,var(--efeonce-color-action)) 22%, transparent);color:var(--chip-main,var(--efeonce-color-action))}.axis-chip.is-outlined{border-color:var(--chip-main,var(--efeonce-color-action));color:var(--chip-main,var(--efeonce-color-action));background:0 0}.axis-chip.is-default{--chip-main:#2f2b3d;--chip-ink:#fff}.chip-board.is-dark .axis-chip.is-default{--chip-main:#e1def5;--chip-ink:#25293c}.axis-chip.is-primary{--chip-main:#0375db}.axis-chip.is-secondary{--chip-main:#0b726c}.chip-board.is-dark .axis-chip.is-secondary{--chip-main:#3bcbbd;--chip-ink:#022a4e}.axis-chip.is-error{--chip-main:#dc2e39}.axis-chip.is-warning{--chip-main:#ffb703;--chip-ink:#2f2b3d}.axis-chip.is-info{--chip-main:#1f6fd4}.axis-chip.is-success{--chip-main:#157f47}.chip-avatar{background:color-mix(in srgb, var(--chip-main,#0375db) 70%, white);border:1px solid color-mix(in srgb, var(--chip-main,#0375db) 35%, white);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.55rem;display:inline-flex}.chip-close{color:currentColor;cursor:pointer;background:0 0;border:0;padding:0;font-size:1rem;line-height:1}.chip-feedback-card{background:var(--efeonce-color-surface);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-lg);gap:var(--efeonce-spacing-4);padding:var(--efeonce-spacing-6);display:grid}.chip-feedback-card h3{margin:0;font-family:Poppins,system-ui,sans-serif;font-size:1.1rem}.chip-feedback-card p{color:var(--efeonce-color-text-muted);margin:0}.chip-feedback-row,.chip-motion-row{align-items:center;gap:var(--efeonce-spacing-4);flex-wrap:wrap;display:flex}.chip-feedback-row>span:first-child,.chip-motion-row>span:first-child{color:var(--efeonce-color-text-muted);min-width:9rem;font-size:.8rem}.kpi-delta{color:var(--efeonce-color-text-muted);font-size:.8rem}.kpi-delta.is-positive{color:var(--efeonce-color-success)}.kpi-delta.is-negative{color:var(--efeonce-color-error)}.kpi-delta.is-tonal{background:color-mix(in srgb, currentColor 12%, transparent);border-radius:var(--efeonce-radius-sm);padding:.25rem .4rem}.status-atom{align-items:center;gap:.35rem;font-size:.8rem;font-weight:700;display:inline-flex}.status-atom i,.animated-chip i{background:currentColor;border-radius:50%;width:.45rem;height:.45rem;display:block}.status-atom.is-success{color:var(--efeonce-color-success)}.status-atom.is-warning{color:var(--efeonce-color-warning)}.status-atom.is-error{color:var(--efeonce-color-error)}.status-atom.is-info{color:var(--efeonce-color-action)}.status-atom.is-neutral{color:var(--efeonce-color-text-muted)}.chip-motion-sentence{background:var(--efeonce-color-canvas);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-md);padding:var(--efeonce-spacing-6);text-align:center;align-items:center;font-size:1rem;font-weight:700;line-height:1.8;display:block}.animated-chip{border:2px solid color-mix(in srgb, currentColor 25%, transparent);white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .65rem;display:inline-flex}.animated-chip.is-spotlight{animation:2.2s linear infinite axis-chip-shimmer}.animated-chip.is-signal{animation:axis-chip-pulse 1.8s var(--efeonce-motion-ease-emphasized) infinite}.animated-chip.is-primary{color:var(--efeonce-color-action)}.animated-chip.is-success{color:var(--efeonce-color-success)}.animated-chip.is-warning{color:var(--efeonce-color-warning)}.animated-chip.is-error{color:var(--efeonce-color-error)}.animated-chip.is-info{color:var(--efeonce-color-action)}@keyframes axis-chip-shimmer{50%{box-shadow:0 0 1rem color-mix(in srgb, currentColor 20%, transparent)}}@keyframes axis-chip-pulse{50%{box-shadow:0 0 0 .25rem color-mix(in srgb, currentColor 12%, transparent)}}.button-reference{background:var(--efeonce-color-canvas);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-lg);overflow:hidden}.button-reference-intro{background:color-mix(in srgb, var(--efeonce-color-action) 7%, var(--efeonce-color-surface));align-items:start;gap:var(--efeonce-spacing-6);padding:var(--efeonce-spacing-8);justify-content:space-between;display:flex}.button-reference-intro h3{letter-spacing:-.04em;margin:0;font-family:Poppins,system-ui,sans-serif;font-size:2rem}.button-reference-intro p{color:var(--efeonce-color-text-muted);margin:var(--efeonce-spacing-2) 0 0;max-width:35rem}.button-title-row{align-items:center;gap:var(--efeonce-spacing-3);flex-wrap:wrap;display:flex}.auto-layout-badge{background:color-mix(in srgb, var(--efeonce-color-success) 16%, var(--efeonce-color-surface));color:var(--efeonce-color-success);padding:var(--efeonce-spacing-2) var(--efeonce-spacing-3);border-radius:999px;font-size:.75rem;font-weight:700}.button-axis-mark{color:var(--efeonce-color-action-strong);letter-spacing:.12em;font-size:1.25rem}.button-boards{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.button-board{--button-paper:#fff;--button-body:#f8f7fa;background:var(--button-body);color:#2f2b3d;min-width:0;padding:var(--efeonce-spacing-8);overflow:hidden}.button-board.is-dark{--button-paper:#2f3349;--button-body:#25293c;color:#e1def5}.button-token-strip{gap:var(--efeonce-spacing-2);margin-bottom:var(--efeonce-spacing-6);flex-wrap:wrap;display:flex}.button-token-strip span{border:1px solid color-mix(in srgb, currentColor 14%, transparent);border-radius:var(--efeonce-radius-md);padding:var(--efeonce-spacing-2) var(--efeonce-spacing-3);font-family:Geist,system-ui,sans-serif;font-size:.7rem}.button-token-strip b{font-weight:700}.button-section{margin-top:var(--efeonce-spacing-6);min-width:0;overflow-x:auto}.button-section h4{margin:0 0 var(--efeonce-spacing-3);font-family:Poppins,system-ui,sans-serif;font-size:1.15rem}.button-matrix{align-items:center;gap:var(--efeonce-spacing-2);width:max-content;display:grid}.variants-matrix{grid-template-columns:5.6rem repeat(4,6rem)}.icons-matrix{grid-template-columns:5.6rem repeat(4,8rem)}.sizes-matrix{grid-template-columns:5.6rem repeat(3,7rem)}.colors-matrix{grid-template-columns:5.6rem repeat(6,6.9rem)}.states-matrix{grid-template-columns:5.6rem repeat(5,6.9rem)}.matrix-label{color:color-mix(in srgb, currentColor 72%, transparent);text-align:center;font-size:.7rem;font-weight:700}.row-label{text-align:left}.axis-button{border-radius:var(--efeonce-radius-md);cursor:default;min-width:5.4rem;transition:background-color var(--efeonce-motion-standard) var(--efeonce-motion-ease-emphasized), border-color var(--efeonce-motion-standard) var(--efeonce-motion-ease-emphasized), box-shadow var(--efeonce-motion-standard) var(--efeonce-motion-ease-emphasized), transform var(--efeonce-motion-fast) var(--efeonce-motion-ease-emphasized);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:0 .75rem;font-family:Geist,system-ui,sans-serif;font-size:.875rem;font-weight:600;display:inline-flex}.axis-button.is-large{min-height:3rem;font-size:1rem}.axis-button.is-medium{min-height:2.375rem}.axis-button.is-small{min-height:1.875rem;font-size:.8125rem}.axis-button.is-solid{background:var(--button-main,var(--efeonce-color-action));border-color:var(--button-main,var(--efeonce-color-action));color:var(--button-ink,#fff)}.axis-button.is-label{background:color-mix(in srgb, var(--button-main,var(--efeonce-color-action)) 16%, transparent);color:var(--button-main,var(--efeonce-color-action))}.axis-button.is-outlined{background:var(--button-paper);border-color:var(--button-main,var(--efeonce-color-action));color:var(--button-main,var(--efeonce-color-action))}.axis-button.is-text{color:var(--button-main,var(--efeonce-color-action));background:0 0}.axis-button.is-hover,.axis-button.is-focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--button-main,var(--efeonce-color-action)) 22%, transparent)}.axis-button.is-label.is-hover,.axis-button.is-label.is-focus{background:color-mix(in srgb, var(--button-main,var(--efeonce-color-action)) 24%, transparent);box-shadow:none}.axis-button.is-outlined.is-hover,.axis-button.is-outlined.is-focus,.axis-button.is-text.is-hover,.axis-button.is-text.is-focus{background:color-mix(in srgb, var(--button-main,var(--efeonce-color-action)) 8%, transparent);box-shadow:none}.axis-button.is-active{transform:scale(.98)}.axis-button.is-disabled{cursor:not-allowed;opacity:.42}.axis-button.is-secondary{--button-main:#0b726c}.button-board.is-dark .axis-button.is-secondary{--button-main:#3bcbbd;--button-ink:#022a4e}.axis-button.is-error{--button-main:#dc2e39}.axis-button.is-warning{--button-main:#ffb703;--button-ink:#2f2b3d}.axis-button.is-info{--button-main:#1f6fd4}.axis-button.is-success{--button-main:#157f47}.button-state-note{color:color-mix(in srgb, currentColor 70%, transparent);margin:var(--efeonce-spacing-4) 0 0;text-align:center;font-size:.75rem}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.brand-motion-preview{margin:var(--efeonce-spacing-6) 0}.brand-motion-stage{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--efeonce-color-action) 12%, white), var(--efeonce-color-surface) 58%);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-lg);place-items:center;min-height:12rem;display:grid;position:relative;overflow:hidden}.brand-motion-wordmark{color:var(--efeonce-color-action-strong);letter-spacing:.16em;z-index:1;font-size:clamp(1.5rem,5vw,3rem);font-weight:800;position:relative}.brand-motion-orbit{animation:axis-brand-orbit 2.8s var(--efeonce-motion-ease-emphasized) 1 both;border:1px solid color-mix(in srgb, var(--efeonce-color-action) 55%, transparent);border-radius:50%;width:min(28rem,80%);height:8rem;display:block;position:absolute;transform:rotate(-18deg)}.brand-motion-satellite{background:var(--efeonce-color-accent);border:3px solid var(--efeonce-color-surface);box-shadow:0 0 0 .25rem color-mix(in srgb, var(--efeonce-color-accent) 18%, transparent);border-radius:50%;width:.75rem;height:.75rem;display:block;position:absolute;top:-.38rem;left:50%}.brand-motion-controls{color:var(--efeonce-color-text-muted);gap:var(--efeonce-spacing-3);margin-top:var(--efeonce-spacing-4);flex-wrap:wrap;justify-content:center;font-size:.75rem;display:flex}.brand-motion-controls span{border:1px solid var(--efeonce-color-border);padding:var(--efeonce-spacing-2) var(--efeonce-spacing-3);border-radius:999px}@keyframes axis-loader{0%{transform:scaleX(.1)}50%{transform:scaleX(.8)}to{transform:scaleX(.1)}}@keyframes axis-motion{0%{transform:translate(-1rem)}to{transform:translate(1rem)}}@keyframes axis-beam{to{filter:hue-rotate(360deg)}}@keyframes axis-brand-orbit{0%{transform:rotate(0)translate(0)}to{transform:rotate(360deg)translate(0)}}.lab-shell{max-width:1440px;padding:var(--efeonce-spacing-8);margin:0 auto}.lab-header{justify-content:space-between;gap:var(--efeonce-spacing-6);margin-bottom:var(--efeonce-spacing-8);align-items:flex-start;display:flex}.eyebrow{color:var(--efeonce-color-action);letter-spacing:.08em;text-transform:uppercase;margin:0 0 var(--efeonce-spacing-2);font-size:.75rem;font-weight:700}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:var(--efeonce-spacing-3);font-size:clamp(2rem,4vw,3.75rem)}h2{letter-spacing:-.02em;font-size:1.4rem}.lede{color:var(--efeonce-color-text-muted);max-width:42rem;margin-bottom:0}.state-pill{background:color-mix(in srgb, var(--efeonce-color-accent) 14%, white);border:1px solid color-mix(in srgb, var(--efeonce-color-accent) 28%, white);color:var(--efeonce-color-action-strong);padding:var(--efeonce-spacing-2) var(--efeonce-spacing-3);white-space:nowrap;border-radius:999px;font-size:.75rem;font-weight:700}.lab-grid{gap:var(--efeonce-spacing-4);grid-template-columns:minmax(13rem,18rem) minmax(0,1fr) minmax(15rem,20rem);display:grid}.registry-panel,.preview-panel,.evidence-panel{background:var(--efeonce-color-surface);border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-lg);padding:var(--efeonce-spacing-6);min-height:22rem}.registry-panel label{margin-bottom:var(--efeonce-spacing-2);font-size:.75rem;font-weight:700;display:block}input{border:1px solid var(--efeonce-color-border);border-radius:var(--efeonce-radius-md);padding:var(--efeonce-spacing-3);width:100%}input:focus-visible,button:focus-visible{outline:3px solid color-mix(in srgb, var(--efeonce-color-focus) 35%, transparent);outline-offset:2px}.registry-list{gap:var(--efeonce-spacing-2);margin-top:var(--efeonce-spacing-4);display:grid}.registry-item{border-radius:var(--efeonce-radius-md);padding:var(--efeonce-spacing-3);text-align:left;background:0 0;border:0;gap:.2rem;display:grid}.registry-item:hover,.registry-item:focus-visible,.registry-item.is-selected{background:color-mix(in srgb, var(--efeonce-color-action) 8%, white)}.registry-item span{color:var(--efeonce-color-action-strong);font-weight:700}.registry-item small,.version{color:var(--efeonce-color-text-muted);font-size:.75rem}.empty{color:var(--efeonce-color-text-muted);font-size:.875rem}.section-heading{justify-content:space-between;gap:var(--efeonce-spacing-3);display:flex}.status-preview{background:color-mix(in srgb, var(--efeonce-color-success) 8%, white);border:1px solid color-mix(in srgb, var(--efeonce-color-success) 20%, white);border-radius:var(--efeonce-radius-md);align-items:center;gap:var(--efeonce-spacing-2);margin:var(--efeonce-spacing-4) 0 var(--efeonce-spacing-8);padding:var(--efeonce-spacing-3) var(--efeonce-spacing-4);display:inline-flex}.status-dot{background:var(--efeonce-color-success);border-radius:50%;width:.5rem;height:.5rem}.contract-grid{border-top:1px solid var(--efeonce-color-border);gap:var(--efeonce-spacing-4);padding-top:var(--efeonce-spacing-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}dt{color:var(--efeonce-color-text-muted);margin-bottom:.25rem;font-size:.75rem}dd{margin:0;font-size:.875rem}.evidence-panel ul{gap:var(--efeonce-spacing-3);margin:var(--efeonce-spacing-6) 0 0;padding:0;list-style:none;display:grid}.evidence-panel li{align-items:center;gap:var(--efeonce-spacing-2);font-size:.875rem;display:flex}.check{color:var(--efeonce-color-success);font-weight:800}@media (width<=900px){.lab-grid{grid-template-columns:1fr 1fr}.registry-panel{grid-column:1/-1;min-height:auto}}@media (width<=600px){.lab-shell{padding:var(--efeonce-spacing-4)}.lab-header{display:block}.state-pill{margin-top:var(--efeonce-spacing-4);display:inline-block}.lab-grid{grid-template-columns:1fr}.preview-panel,.evidence-panel{min-height:auto}}@media (width<=1100px){.button-boards,.chip-boards{grid-template-columns:1fr}}@media (width<=600px){.button-reference-intro,.button-board{padding:var(--efeonce-spacing-4)}.button-reference-intro{display:block}.button-axis-mark{margin-top:var(--efeonce-spacing-4);display:block}.chip-board-header,.chip-board-content{padding:var(--efeonce-spacing-4)}.chip-feedback-row>span:first-child,.chip-motion-row>span:first-child{min-width:100%}}@media (width<=700px){.breadcrumbs-intro,.breadcrumbs-sections{padding:var(--efeonce-spacing-4)}.breadcrumbs-intro{display:block}.breadcrumbs-intro .button-axis-mark{margin-top:var(--efeonce-spacing-4);display:block}.breadcrumbs-section{padding:var(--efeonce-spacing-4)}.breadcrumbs-variant-row,.breadcrumbs-kinds>div{grid-template-columns:1fr}.breadcrumbs-kinds>div{gap:.75rem}}@media (width<=1000px){.floating-surface-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.floating-surface-intro,.floating-surface-grid{padding:var(--efeonce-spacing-4)}.floating-surface-intro{display:block}.floating-surface-intro .button-axis-mark{margin-top:var(--efeonce-spacing-4);display:block}.floating-surface-grid{grid-template-columns:1fr}.floating-surface-footer{margin-inline:var(--efeonce-spacing-4);padding-bottom:var(--efeonce-spacing-4)}}@media (width<=1000px){.motion-demo-grid{grid-template-columns:1fr}}@media (width<=700px){.motion-reference-intro,.motion-reference-body{padding:var(--efeonce-spacing-4)}.motion-reference-intro{display:block}.motion-reference-intro .button-axis-mark{margin-top:var(--efeonce-spacing-4);display:block}.motion-token-grid{grid-template-columns:1fr}.motion-demo-heading,.motion-control{flex-direction:column;align-items:flex-start}.motion-token-row{grid-template-columns:5rem minmax(2rem,1fr) 3.5rem}}@media (width<=600px){.site-header,.page-shell{padding:var(--efeonce-spacing-4)}.site-header{align-items:flex-start}.wordmark span,.hero-heading,.catalog-toolbar{display:block}.catalog-toolbar label{margin-top:var(--efeonce-spacing-5);max-width:none;display:block}.pattern-card{grid-template-columns:1fr auto}.pattern-card p{grid-area:2/1/auto/-1}.detail-grid{grid-template-columns:1fr}.progress-preview{gap:var(--efeonce-spacing-2);justify-content:space-between}.site-header{display:block}.site-header nav{align-items:flex-start;gap:var(--efeonce-spacing-2) var(--efeonce-spacing-3);margin-top:var(--efeonce-spacing-3);text-align:left;flex-wrap:wrap;justify-content:flex-start;max-width:none}.site-header nav a{font-size:.75rem}}@media (width<=900px){.swatch-grid{grid-template-columns:repeat(5,minmax(4rem,1fr))}}@media (width<=600px){.swatch-grid{grid-template-columns:repeat(3,minmax(4rem,1fr))}.family-specimens,.type-token{grid-template-columns:1fr}.type-meta{gap:.2rem}}@media (width<=900px){.elevation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.geometry-radius-grid,.elevation-grid{grid-template-columns:1fr 1fr}.geometry-spacing-row{grid-template-columns:2rem minmax(1rem,1fr)}.geometry-spacing-row code{grid-column:2}.shell-preview{grid-template-columns:1fr}.shell-preview aside{grid-column:1}.density-preview article{flex-direction:column;align-items:flex-start}.timeline-preview{gap:var(--efeonce-spacing-3);justify-content:space-between}.surface-recipes-preview{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.loader-track span{animation:none;transform:scaleX(.55)}.motion-dot,.beam-preview,.brand-motion-orbit{animation:none}.animated-chip{animation:none!important}.breadcrumbs-stage ol.is-animated li,.floating-surface-panel{animation:none}.motion-demo-panel,.motion-stagger span,.motion-timeline i{opacity:1;transform:none;animation:none!important}}
