.design-shell{--design-nav-width:15rem;background:var(--surface-canvas);min-height:100vh}.design-nav{z-index:var(--layer-sticky);width:var(--design-nav-width);gap:var(--space-6);border-right:1px solid var(--border-default);background:var(--surface-raised);padding:var(--space-5);grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0 auto 0 0;overflow-y:auto}.design-brand{align-items:center;gap:var(--space-3);color:var(--text-primary);text-decoration:none;display:flex}.design-brand>span{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-control);color:var(--text-inverse);background:var(--action-primary-bg);font-weight:var(--weight-bold);place-items:center;display:grid}.design-brand>div{line-height:var(--line-tight);display:grid}.design-brand small,.design-nav>p{color:var(--text-secondary);font-size:var(--font-size-xs)}.design-nav nav{align-content:start;gap:var(--space-1);display:grid}.design-nav nav a{min-height:var(--density-compact-control);border-radius:var(--radius-control);color:var(--text-secondary);padding:var(--space-2) var(--space-3);text-decoration:none}.design-nav nav a:hover,.design-nav nav a:focus-visible{color:var(--raw-brand-700);background:var(--surface-selected)}.design-main{margin-left:var(--design-nav-width)}.design-hero{align-items:center;gap:var(--space-16);min-height:44rem;color:var(--text-inverse);background:var(--action-primary-bg);padding:var(--space-16) clamp(var(--space-6), 7vw, var(--space-24));grid-template-columns:minmax(0,1fr) minmax(22rem,.7fr);display:grid;overflow:hidden}.design-hero__copy{gap:var(--space-5);max-width:48rem;display:grid}.design-hero h1{letter-spacing:-.055em;max-width:12ch;margin:0;font-size:clamp(3rem,7vw,6.5rem);line-height:.94}.design-hero p{max-width:60ch;color:color-mix(in srgb, var(--text-inverse) 82%, transparent);font-size:var(--font-size-lg);margin:0}.design-hero__copy>div{align-items:center;gap:var(--space-4);display:flex}.design-hero .care-link{color:var(--text-inverse)}.design-hero .care-button--primary{color:var(--text-primary);background:var(--action-accent-bg)}.design-section{gap:var(--space-10);min-width:0;padding:var(--space-16) clamp(var(--space-6), 6vw, var(--space-20));scroll-margin-top:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.design-section:nth-of-type(odd){background:var(--surface-subtle)}.token-group{gap:var(--space-4);min-width:0;display:grid}.token-group h3{font-size:var(--font-size-lg);margin:0}.swatch-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));display:grid}.token-swatch{gap:var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-control);min-width:0;color:var(--text-primary);background:var(--surface-raised);padding:var(--space-2);text-align:left;display:grid}.token-swatch>span{height:var(--space-16);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.token-swatch code,.token-swatch small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.token-swatch small{color:var(--text-secondary)}.type-specimens{gap:var(--space-5);display:grid}.type-specimens p{line-height:var(--line-body);margin:0}.type-specimens p span{margin-bottom:var(--space-1);color:var(--text-secondary);font-size:var(--font-size-xs);display:block}.token-inline{gap:var(--space-2);flex-wrap:wrap;display:flex}.token-inline code,.compact-token-list code{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-raised);padding:var(--space-1) var(--space-2)}.spacing-specimens{gap:var(--space-2);display:grid}.spacing-specimens>div{min-height:var(--space-8);align-items:center;gap:var(--space-4);grid-template-columns:6rem 1fr;display:grid}.spacing-specimens span{max-width:100%;height:var(--space-4);border-radius:var(--radius-sm);background:var(--action-primary-bg);display:block}.mini-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));display:grid}.radius-specimen,.elevation-specimen{border:1px solid var(--border-default);background:var(--surface-raised);text-align:center;place-items:center;min-height:7rem;display:grid}.compact-token-list{gap:var(--space-2);display:grid}.compact-token-list>div{gap:var(--space-1);display:grid}.compact-token-list span{overflow-wrap:anywhere;color:var(--text-secondary);font-size:var(--font-size-xs)}.specimen{gap:var(--space-5);min-width:0;padding:var(--space-5);display:grid}.specimen__label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;margin:0}.component-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.is-state-hover{background:var(--action-primary-hover)}.is-state-focus{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}.inline-panel{padding:var(--space-5)}.bottom-nav-specimen{border:1px solid var(--border-default);border-radius:var(--radius-card);min-height:6rem;position:relative;overflow:hidden}.bottom-nav-specimen .care-bottom-nav{position:absolute}.skeleton-lg{min-height:var(--space-12)}.coverage-table{gap:var(--space-3) var(--space-5);grid-template-columns:minmax(7rem,.3fr) 1fr;display:grid}.coverage-table span{color:var(--text-secondary)}.component-registry{gap:var(--space-2);flex-wrap:wrap;display:flex}.component-registry code{border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--surface-subtle);padding:var(--space-1) var(--space-3)}.motion-list{gap:var(--space-3);display:grid}.motion-specimen{gap:var(--space-2);display:grid}.motion-specimen>div{border-radius:var(--radius-pill);background:var(--surface-inset);padding:var(--space-1);overflow:hidden}.motion-specimen span{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-pill);background:var(--action-primary-bg);display:block}.pattern-grid{align-items:start;gap:var(--space-6);grid-template-columns:minmax(20rem,.85fr) minmax(20rem,.75fr);display:grid}.member-preview{border:.75rem solid var(--surface-raised);width:min(100%,28rem);min-height:47rem;color:var(--text-primary);background:var(--surface-raised);box-shadow:var(--shadow-modal);border-radius:3rem;position:relative;overflow:hidden}.member-preview.is-compact{justify-self:end;transform:rotate(1.5deg)}.member-preview>header{gap:var(--space-5);color:var(--text-inverse);background:var(--action-primary-bg);padding:var(--space-6) var(--space-5);border-radius:2.25rem 2.25rem var(--radius-panel) var(--radius-panel);display:grid}.member-preview>header>div:first-child{align-items:center;gap:var(--space-3);display:flex}.member-preview>header>.care-button{top:var(--space-6);right:var(--space-5);color:var(--text-inverse);position:absolute}.member-preview>header span{display:grid}.member-preview>header small{color:color-mix(in srgb, var(--text-inverse) 75%, transparent)}.member-preview__heading,.member-progress>div{justify-content:space-between;align-items:center;display:flex!important}.member-preview>header .care-badge{color:var(--text-inverse);background:#ffffff21;border-color:#ffffff42}.member-progress{gap:var(--space-4);color:var(--text-primary);padding:var(--space-4);border:0;display:grid}.member-progress>div:first-child{justify-content:flex-start;gap:var(--space-2)}.member-progress .care-progress>div:first-child{display:none}.member-preview>main{gap:var(--space-4);padding:var(--space-5) var(--space-4) 7rem;display:grid}.member-preview__section-title{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.member-preview__section-title .care-button{color:var(--text-primary);background:var(--action-accent-bg)}.voice-card-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.voice-mini-card{gap:var(--space-3);padding:var(--space-4);background:var(--surface-subtle);display:grid}.voice-mini-card p{align-items:center;gap:var(--space-1);color:var(--text-secondary);font-size:var(--font-size-sm);margin:0;display:flex}.voice-mini-card>div{gap:var(--space-1);flex-wrap:wrap;display:flex}.member-preview .care-bottom-nav{position:absolute}.create-pattern{gap:var(--space-4);padding:var(--space-6);display:grid}.create-pattern h3,.create-pattern p{margin:0}.create-pattern>p:not(.care-eyebrow){color:var(--text-secondary)}.voice-type-card{padding:var(--space-4);justify-content:space-between;align-items:center;display:flex}.voice-type-card>div{align-items:center;gap:var(--space-3);display:flex}.voice-type-card span{display:grid}.voice-type-card small{color:var(--text-secondary)}.admin-pattern{border:1px solid var(--border-default);border-radius:var(--radius-panel);background:var(--surface-canvas);min-height:34rem;box-shadow:var(--shadow-card);grid-column:1/-1;grid-template-columns:auto 1fr;display:grid;overflow:hidden}.admin-pattern .care-sidebar{min-height:34rem}.admin-pattern>main{align-content:start;gap:var(--space-5);padding:var(--space-6);display:grid}.guideline-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.guideline-card{padding:var(--space-5)}.guideline-card h3{margin-top:0}.guideline-card ul{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.guideline-card li{align-items:start;gap:var(--space-2);color:var(--text-secondary);grid-template-columns:auto 1fr;display:grid}.guideline-card li svg{color:var(--state-success);margin-top:var(--space-1)}@media (width<=1023px){.design-shell{--design-nav-width:0px}.design-nav{align-items:center;gap:var(--space-4);border-right:0;border-bottom:1px solid var(--border-default);width:100%;padding:var(--space-3);display:flex;position:sticky;top:0;overflow-x:auto}.design-nav nav{gap:var(--space-1);display:flex}.design-nav nav a{white-space:nowrap}.design-nav>p,.design-brand>div{display:none}.design-main{margin-left:0}.design-hero{padding:var(--space-12) var(--space-6);grid-template-columns:1fr}.design-hero .member-preview{justify-self:center}.pattern-grid{grid-template-columns:1fr}}@media (width<=767px){.design-brand{display:none}.design-section{padding:var(--space-12) var(--space-4)}.design-hero{min-height:auto;padding:var(--space-10) var(--space-4)}.design-hero h1{font-size:3.25rem}.design-hero__copy>div{flex-direction:column;align-items:flex-start}.design-hero .member-preview{width:100%}.member-preview.is-compact{display:none}.member-preview{border-width:var(--space-2);border-radius:var(--radius-panel);min-height:43rem}.member-preview>header{border-radius:var(--radius-card)}.voice-card-row,.guideline-grid,.coverage-table{grid-template-columns:1fr}.coverage-table strong{margin-bottom:var(--space-2)}.admin-pattern{display:none}}.design-shell{background:radial-gradient(circle at 82% 6%, #0866ff12, transparent 26rem), var(--surface-canvas)}.design-nav{border-right-color:var(--border-subtle);background:color-mix(in srgb, var(--surface-raised) 97%, var(--raw-brand-50));padding:var(--space-6) var(--space-4)}.design-brand{padding:0 var(--space-2)}.design-brand>span{background:linear-gradient(145deg, var(--raw-brand-500), var(--raw-brand-700));border-radius:.9rem;position:relative;overflow:hidden;box-shadow:0 10px 24px #0866ff3d}.design-brand>span:after{content:"";background:linear-gradient(135deg,#ffffff47,#0000 48%);position:absolute;inset:0}.design-nav nav{gap:var(--space-1)}.design-nav nav>small{padding:var(--space-2) var(--space-3);color:var(--text-tertiary);font-size:.68rem;font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.design-nav nav a{font-size:var(--font-size-sm);font-weight:var(--weight-medium);transition:all var(--duration-medium) var(--ease-emphasized);border:1px solid #0000;grid-template-columns:1.5rem 1fr;align-items:center;display:grid}.design-nav nav a>span{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:.65rem}.design-nav nav a[aria-current=location]{color:var(--raw-brand-700);border-color:color-mix(in srgb, var(--raw-brand-200) 70%, transparent);background:linear-gradient(90deg, var(--raw-brand-50), #eff6ff61);box-shadow:inset 3px 0 var(--raw-brand-600)}.design-nav nav a[aria-current=location]>span{color:var(--raw-brand-600)}.design-nav__meta{gap:var(--space-1);border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--surface-subtle);padding:var(--space-3);display:grid}.design-nav__meta span{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--weight-semibold);display:flex}.design-nav__meta i{background:var(--state-success);width:.5rem;height:.5rem;box-shadow:0 0 0 4px color-mix(in srgb, var(--state-success) 12%, transparent);border-radius:50%}.design-nav__meta small{color:var(--text-tertiary);font-size:.68rem}.design-hero{isolation:isolate;background:radial-gradient(circle at 88% 14%, #5acbff57, transparent 19rem), linear-gradient(135deg, var(--raw-brand-700) 0%, var(--raw-brand-600) 45%, #0879f9 100%);min-height:48rem;position:relative}.design-hero:before,.design-hero:after{z-index:-1;content:"";border:1px solid #ffffff1a;border-radius:50%;position:absolute}.design-hero:before{width:32rem;height:32rem;top:-14rem;right:-10rem}.design-hero:after{width:18rem;height:18rem;bottom:-13rem;left:38%}.design-hero__copy{z-index:1;gap:var(--space-6);position:relative}.design-hero__copy>.care-badge{width:max-content;color:var(--text-inverse);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border-color:#fff3}.design-hero h1{max-width:10ch;font-size:clamp(3.5rem,6.4vw,6.2rem);font-weight:var(--weight-medium);letter-spacing:-.065em;text-wrap:balance;line-height:.92}.design-hero .care-button--primary{border-radius:var(--radius-pill);background:var(--surface-raised);box-shadow:0 10px 28px #002a7833}.design-hero .care-link{text-decoration-color:#ffffff73}.design-section{max-width:100rem;margin-inline:auto}.design-section>.care-page-header{max-width:50rem}.specimen,.token-swatch,.guideline-card,.create-pattern{border-color:var(--border-subtle);box-shadow:var(--shadow-card)}.token-swatch{border-radius:var(--radius-card);padding:var(--space-3);transition:transform var(--duration-medium) var(--ease-emphasized), box-shadow var(--duration-medium) var(--ease-standard)}.token-swatch:hover{transform:translateY(var(--transform-hover-y));box-shadow:var(--shadow-popover)}.member-preview{background:var(--surface-subtle);border-width:.65rem;border-radius:3.25rem;width:min(100%,25rem);min-height:46rem;box-shadow:0 38px 90px #00226957}.member-preview.is-compact{transform:rotate(1.2deg) translateY(var(--space-2))}.member-preview__status{z-index:2;color:var(--text-inverse);padding:var(--space-3) var(--space-6) 0;justify-content:space-between;align-items:center;font-size:.7rem;display:flex;position:absolute;top:0;left:0;right:0}.member-preview__status span{letter-spacing:.05em}.member-preview>header{gap:var(--space-4);background:radial-gradient(circle at 90% 10%, #3acfff47, transparent 9rem), linear-gradient(145deg, var(--raw-brand-700), var(--raw-brand-600) 60%, #0879f9);min-height:19rem;padding:3.1rem var(--space-5) var(--space-5);border-radius:2.55rem 2.55rem 2rem 2rem}.member-preview>header>.care-button{background:#ffffff1a;border-radius:50%;top:2.7rem}.member-progress{gap:var(--space-3);background:#fffffff5;border-radius:1.45rem;box-shadow:0 18px 38px #00297b29}.member-progress>.member-progress__segments{grid-template-columns:repeat(12,1fr);gap:.25rem;display:grid!important}.member-progress>.member-progress__segments i{border-radius:var(--radius-pill);background:var(--raw-neutral-200);height:.7rem}.member-progress>.member-progress__segments i[data-filled=true]{background:linear-gradient(180deg, var(--raw-brand-500), var(--raw-brand-700))}.member-progress .care-progress{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.member-preview>main{gap:var(--space-4);padding:var(--space-5) var(--space-4) 6.5rem}.member-preview__section-title .care-button{border-radius:var(--radius-pill);color:var(--text-inverse);background:linear-gradient(135deg, var(--raw-accent-500), var(--raw-brand-500));box-shadow:0 8px 22px #18bde33d}.voice-mini-card{border-color:var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-raised);box-shadow:0 8px 24px #1018280d}.member-preview__view-all{justify-content:center;align-items:center;gap:var(--space-1);color:var(--text-secondary);font:inherit;font-size:var(--font-size-sm);font-weight:var(--weight-medium);background:0 0;border:0;display:flex}.member-quick-actions{gap:var(--space-3);display:grid}.member-quick-actions>div{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.member-quick-actions button{border:1px solid var(--border-subtle);border-radius:var(--radius-card);min-width:0;min-height:3.7rem;color:var(--text-secondary);background:var(--surface-raised);font:inherit;place-items:center;gap:.15rem;font-size:.65rem;display:grid}.member-preview .care-bottom-nav{border-top-color:var(--border-subtle);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb}@media (width<=1023px){.design-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;box-shadow:0 8px 24px #10182812}.design-nav nav>small,.design-nav nav a>span,.design-nav__meta{display:none}.design-nav nav a{border-radius:var(--radius-pill);padding-inline:var(--space-4);display:block}.design-nav nav a[aria-current=location]{box-shadow:none}}@media (width<=767px){.design-nav{padding:var(--space-2)}.design-hero{gap:var(--space-10);padding:var(--space-12) var(--space-4) var(--space-16)}.design-hero h1{font-size:clamp(3rem,15vw,4.35rem)}.design-hero__copy>div,.design-hero__copy>div .care-button{width:100%}.member-preview.is-compact{width:min(100%,22rem);min-height:44rem;display:block;transform:none}}.member-preview .care-bottom-nav{min-height:4.75rem;padding:.65rem 1rem max(.65rem, env(safe-area-inset-bottom));border-top:0;border-radius:2rem 2rem 2.55rem 2.55rem;grid-auto-columns:1fr;bottom:0;left:0;right:0;box-shadow:0 -10px 28px #1018280d;display:grid!important}.member-preview .care-bottom-nav button{min-height:3.25rem;color:var(--raw-neutral-300);background:0 0;border-radius:1rem}.member-preview .care-bottom-nav button>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.member-preview .care-bottom-nav button svg{stroke-width:1.75px;width:1.55rem;height:1.55rem}.member-preview .care-bottom-nav button[aria-current=page]{color:var(--text-primary);background:0 0}.member-preview .care-bottom-nav button[aria-current=page] svg{stroke-width:2.2px}.member-preview__section-title,.member-preview__section-title>strong{min-width:0}.member-preview__section-title .care-button{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;max-width:8.2rem;padding-inline:.65rem;font-size:.72rem;overflow:hidden}.voice-mini-card>strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}