:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--neutral-0: #ffffff;--neutral-50: #f7f7f7;--neutral-100: #f2f2f2;--neutral-200: #e5e5e5;--neutral-300: #cfcfcf;--neutral-400: #a3a3a3;--neutral-control: #949494;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-1000: #000000;--brand-watermelon: #e7434b;--brand-rind: #246b3f;--warning-ink: #7a5110;--warning-soft: #fff3d6;--error-ink: #9f2f31;--error-soft: #fff1f0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--font-size-meta: .75rem;--font-size-small: .875rem;--font-size-body: 1rem;--font-size-card-title: 1.25rem;--font-size-page-title: 1.75rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-circle: 999px;--duration-pressed: .12s;--duration-interactive: .16s;--duration-page: .22s;--ease-standard: cubic-bezier(.2, .8, .2, 1);--shadow-card-hover: 0 .125rem .5rem rgba(0, 0, 0, .04);--shadow-floating: 0 .5rem 1.5rem rgba(0, 0, 0, .08);--color-canvas: var(--neutral-0);--color-surface: var(--neutral-0);--color-surface-subtle: var(--neutral-50);--color-surface-muted: var(--neutral-100);--color-text: var(--neutral-1000);--color-text-strong: var(--neutral-1000);--color-text-secondary: var(--neutral-600);--color-text-muted: var(--neutral-500);--color-disabled: var(--neutral-400);--color-disabled-background: var(--neutral-50);--color-border: var(--neutral-200);--color-border-strong: var(--neutral-300);--color-control-boundary: var(--neutral-control);--color-focus: var(--neutral-1000);--color-info-ink: var(--neutral-600);--color-info-soft: var(--neutral-50);--color-success-ink: var(--neutral-700);--color-success-soft: var(--neutral-100);--color-watermelon: var(--brand-watermelon);--color-rind: var(--brand-rind);--color-warning-ink: var(--warning-ink);--color-warning-soft: var(--warning-soft);--color-error-ink: var(--error-ink);--color-error-soft: var(--error-soft);--header-height: 4.5rem;--header-height-mobile: 3.75rem;--layer-sticky: 20;--layer-popover: 40;--content-max-width: 70rem;--control-height: 2.75rem;--control-radius: var(--radius-md);--button-primary-background: var(--neutral-800);--button-primary-hover: var(--neutral-1000);--button-primary-text: var(--neutral-0);--button-secondary-border: var(--color-control-boundary);--input-background: var(--neutral-0);--input-border: var(--color-control-boundary);--input-border-hover: var(--color-control-boundary);--panel-border: var(--neutral-200);--panel-radius: var(--radius-lg);--card-background: var(--neutral-0);--card-cover-background: var(--neutral-50);--card-border: var(--neutral-200);--card-border-hover: var(--neutral-300);--card-radius: var(--radius-lg);--status-neutral-background: var(--neutral-100);--status-neutral-text: var(--color-text-secondary)}*,*:before,*:after{box-sizing:border-box}html{background:var(--color-canvas);scroll-padding-top:calc(var(--header-height) + var(--space-6))}body{min-height:100vh;min-height:100dvh;margin:0;color:var(--color-text);background:var(--color-canvas);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:1.65}button,input{font:inherit}a{color:inherit}code{padding:.1em .35em;border:1px solid var(--color-border);border-radius:var(--radius-xs);background:var(--color-surface-subtle);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88em;overflow-wrap:anywhere}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}#main-content,[data-page-title],#launch-note{scroll-margin-top:calc(var(--header-height) + var(--space-6))}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;z-index:calc(var(--layer-popover) + 1);top:var(--space-3);left:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--neutral-0);background:var(--color-text-strong);text-decoration:none;transform:translateY(-160%);transition:transform var(--duration-interactive) var(--ease-standard)}.skip-link:focus{transform:translateY(0)}.brand-link{display:inline-flex;min-width:var(--control-height);min-height:var(--control-height);align-items:center;text-decoration:none}.brand{display:inline-flex;align-items:center;gap:.625rem;color:var(--color-text);font-weight:var(--font-weight-semibold);letter-spacing:0}.brand__mark{display:inline-flex;width:3.5rem;height:auto;flex:0 0 auto;margin-right:-.75rem}.brand__wordmark{font-size:1.05rem}.brand__image{display:block;width:100%;height:auto}.brand--compact .brand__mark{margin-right:0}.brand--large .brand__mark{width:19.3125rem;height:20.4375rem}.brand--large .brand__image{height:100%;object-fit:cover}.prototype-label{display:inline-flex;min-height:1.5rem;align-items:center;padding:0 .55rem;border-radius:var(--radius-sm);color:var(--color-text-secondary);background:var(--color-surface-muted);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);line-height:1.5}.status-badge{display:inline-flex;min-height:1.5rem;align-items:center;gap:.3rem;padding:0 .5625rem;border-radius:var(--radius-sm);color:var(--status-neutral-text);background:var(--status-neutral-background);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);line-height:1.5;white-space:nowrap}.eyebrow{margin:0 0 var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);letter-spacing:0}.button{display:inline-flex;min-height:var(--control-height);align-items:center;justify-content:center;padding:.55rem 1rem;border:1px solid transparent;border-radius:var(--control-radius);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);line-height:1.25;text-align:center;text-decoration:none;cursor:pointer;transition:border-color var(--duration-interactive) var(--ease-standard),background-color var(--duration-interactive) var(--ease-standard),transform var(--duration-pressed) var(--ease-standard)}.button:active{transform:scale(.98)}.button:disabled{color:var(--color-disabled);background:var(--color-disabled-background);cursor:not-allowed;opacity:1}.button[aria-busy=true]{color:var(--button-primary-text);background:var(--button-primary-background);cursor:wait}.button--primary{color:var(--button-primary-text);background:var(--button-primary-background)}.button--secondary{border-color:var(--button-secondary-border);color:var(--color-text);background:var(--color-surface)}.text-link{display:inline-flex;min-height:var(--control-height);align-items:center;padding:.25rem;color:var(--color-text-muted);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);text-underline-offset:.2em}.notice{display:flex;gap:var(--space-3);align-items:flex-start;margin:0;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-small);line-height:1.55}.notice>span:first-child{display:inline-flex;width:1.35rem;height:1.35rem;flex:0 0 auto;align-items:center;justify-content:center;border-radius:var(--radius-circle);font-weight:800;line-height:1}.notice--info{color:var(--color-info-ink);background:var(--color-info-soft)}.notice--info>span:first-child{color:var(--neutral-0);background:var(--color-text)}.notice--error{border-color:var(--color-error-ink);color:var(--color-error-ink);background:var(--color-error-soft)}.notice--error>span:first-child{color:var(--neutral-0);background:var(--color-error-ink)}.notice--success{color:var(--color-success-ink);background:var(--color-success-soft)}.notice--success>span:first-child{color:var(--neutral-0);background:var(--color-success-ink)}.notice--warning{border-color:var(--color-warning-ink);color:var(--color-warning-ink);background:var(--color-warning-soft)}.notice--warning>span:first-child{color:var(--neutral-0);background:var(--color-warning-ink)}.login-page,.page-shell,.state-page{display:flex;min-height:100vh;min-height:100dvh;flex-direction:column}.login-main{display:grid;width:100%;flex:1;align-items:start;justify-items:center;padding:max(3rem,14vh) var(--space-6) var(--space-12)}.login-layout{width:min(100%,25rem)}.login-brand{display:flex;height:15.75rem;align-items:flex-start;justify-content:center;margin-bottom:var(--space-6)}.login-panel{width:100%;padding:var(--space-8);border:1px solid var(--panel-border);border-radius:var(--panel-radius);background:var(--color-surface)}.login-panel>.notice{margin-bottom:var(--space-5)}.login-form{display:grid;gap:var(--space-5)}.field{display:grid;gap:var(--space-2)}.field label{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);line-height:1.5}.field input{width:100%;min-height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--input-border);border-radius:var(--control-radius);color:var(--color-text);background:var(--input-background);font-size:var(--font-size-body);transition:border-color var(--duration-interactive) var(--ease-standard)}.field input[aria-invalid=true]{border-color:var(--color-error-ink)}.field input:disabled{color:var(--color-disabled);background:var(--color-disabled-background);cursor:not-allowed}.field input:read-only{border-color:var(--color-border-strong);background:var(--color-surface-subtle)}.password-control{position:relative}.password-control input{padding-right:calc(var(--control-height) + var(--space-2))}.password-toggle{position:absolute;top:0;right:0;display:inline-grid;width:var(--control-height);height:var(--control-height);padding:0;border:0;place-items:center;color:var(--color-text-muted);background:transparent;cursor:pointer}.password-toggle svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.field__error{margin:0;color:var(--color-error-ink);font-size:var(--font-size-small)}.login-form .button--primary{width:100%}.demo-credentials{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-small)}.demo-credentials summary{display:flex;min-height:var(--control-height);align-items:center;color:var(--color-text-muted);font-weight:var(--font-weight-semibold);cursor:pointer}.demo-credentials[open] summary{margin-bottom:var(--space-3)}.demo-credentials__body{display:grid;gap:var(--space-3)}.demo-credentials__value{margin:0}.demo-account-list{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.demo-account-list li{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between}.demo-account-list p{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-meta)}.demo-account-list .button{flex:0 0 auto;padding-right:var(--space-3);padding-left:var(--space-3)}.login-footer,.site-footer{padding:var(--space-5) var(--space-6);color:var(--color-text-secondary);font-size:var(--font-size-meta);text-align:center}.login-footer p,.site-footer p{margin:0}.login-footer a,.site-footer a{color:inherit;text-underline-offset:.2em}.app-header{position:sticky;z-index:var(--layer-sticky);top:0;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.app-header__inner,.state-header{display:flex;width:min(calc(100% - 6rem),var(--content-max-width));min-height:var(--header-height);align-items:center;justify-content:space-between;margin:0 auto}.state-header{border-bottom:1px solid var(--color-border)}.user-menu{position:relative}.user-menu__trigger{display:inline-flex;min-width:var(--control-height);min-height:var(--control-height);align-items:center;gap:var(--space-2);padding:.3rem .65rem .3rem .35rem;border:1px solid var(--color-control-boundary);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);cursor:pointer}.user-menu__avatar{display:inline-grid;width:2rem;height:2rem;place-items:center;border-radius:var(--radius-circle);color:var(--neutral-0);background:var(--color-text);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold)}.user-menu__name{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}.user-menu__chevron{width:.45rem;height:.45rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-.1rem) rotate(45deg);transition:transform var(--duration-interactive) var(--ease-standard)}.user-menu__trigger[aria-expanded=true] .user-menu__chevron{transform:translateY(.1rem) rotate(225deg)}.user-menu__panel{position:absolute;z-index:var(--layer-popover);top:calc(100% + var(--space-2));right:0;width:min(18rem,calc(100vw - 2rem));padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-floating)}.user-menu__label,.user-menu__identity{margin:0}.user-menu__label{color:var(--color-text-secondary);font-size:var(--font-size-meta)}.user-menu__identity{margin-bottom:var(--space-3);overflow-wrap:anywhere;font-weight:var(--font-weight-semibold)}.user-menu__logout{width:100%;min-height:var(--control-height);padding:.5rem .75rem;border:1px solid var(--color-control-boundary);border-radius:var(--radius-md);color:var(--color-error-ink);background:var(--color-surface);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);text-align:left;cursor:pointer}.projects-main{width:min(calc(100% - 6rem),var(--content-max-width));flex:1;margin:0 auto;padding:var(--space-12) 0 var(--space-20)}.projects-intro__heading{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:baseline;justify-content:space-between}.projects-intro h1,.state-panel h1{margin:0;color:var(--color-text);font-size:var(--font-size-page-title);font-weight:var(--font-weight-semibold);letter-spacing:-.03em;line-height:1.25}.project-count{margin:0;color:var(--color-text-muted);font-size:var(--font-size-small);font-weight:var(--font-weight-regular)}.projects-notice{margin-top:var(--space-6)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);margin-top:var(--space-8)}.projects-notice+.project-grid{margin-top:var(--space-6)}.project-card{min-width:0;border:1px solid var(--card-border);border-radius:var(--card-radius);color:inherit;background:var(--card-background);text-decoration:none;transition:border-color var(--duration-interactive) var(--ease-standard),box-shadow var(--duration-interactive) var(--ease-standard),transform var(--duration-pressed) var(--ease-standard)}.project-card:active{transform:scale(.99)}.project-artwork{position:relative;display:grid;margin:var(--space-3) var(--space-3) 0;overflow:hidden;place-items:center;border-radius:var(--radius-md);aspect-ratio:16 / 8;background:var(--card-cover-background)}.project-artwork--mahjong,.project-artwork--pindou{background:var(--card-cover-background)}.mahjong-mat{position:absolute;right:9%;bottom:8%;width:36%;height:48%;border-radius:52% 48% 44% 56%;background:var(--color-rind);transform:rotate(-5deg)}.mahjong-tile{position:absolute;display:grid;width:13%;border:1px solid var(--neutral-300);border-radius:var(--radius-sm);place-content:center;aspect-ratio:.74;color:var(--neutral-700);background:var(--neutral-0);box-shadow:0 .125rem .25rem #0000000d;font-size:clamp(.85rem,2.2vw,1.35rem);font-weight:var(--font-weight-semibold);line-height:1}.mahjong-tile small{margin-top:.2em;font-size:.42em;font-weight:var(--font-weight-medium)}.mahjong-tile--1{top:18%;left:19%;transform:rotate(-10deg)}.mahjong-tile--2{top:25%;left:37%;transform:rotate(-5deg)}.mahjong-tile--3{top:35%;left:55%;transform:rotate(3deg)}.mahjong-tile--4{top:45%;left:72%;transform:rotate(9deg)}.pindou-object{position:absolute;top:22%;left:17%;width:26%;aspect-ratio:1}.pindou-object__body,.pindou-object__detail{position:absolute;display:block}.pindou-object__body{inset:16% 8% 8% 10%;border-radius:46% 54% 42% 58%;background:var(--neutral-700);transform:rotate(-8deg)}.pindou-object__detail{top:0;right:5%;width:36%;border-radius:56% 44% 60% 40%;aspect-ratio:.62;background:var(--neutral-300);transform:rotate(32deg)}.pindou-transition{position:absolute;top:49%;left:43%;width:13%;border-top:2px dotted var(--neutral-400)}.pindou-grid{position:absolute;top:23%;right:17%;display:grid;width:31%;grid-template-columns:repeat(6,1fr);gap:clamp(.2rem,.8vw,.5rem)}.pindou-bead{border-radius:var(--radius-circle);aspect-ratio:1;background:var(--neutral-200);box-shadow:inset 0 0 0 1px var(--neutral-0)}.pindou-bead--neutral-dark{background:var(--neutral-600)}.pindou-bead--coral{background:var(--color-watermelon)}.pindou-bead--gold{background:var(--warning-ink)}.project-card__content{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-4) var(--space-5) var(--space-5)}.project-card__meta-row{display:flex;width:100%;flex-wrap:wrap;gap:var(--space-2);align-items:center;justify-content:space-between}.project-card__category{color:var(--color-text-secondary);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);line-height:1.5}.status-badge--internal-preview,.status-badge--limited-beta{color:var(--status-neutral-text);background:var(--status-neutral-background)}.status-badge--available{color:var(--color-success-ink);background:var(--color-success-soft)}.status-badge--maintenance{color:var(--color-warning-ink);background:var(--color-warning-soft)}.status-badge--unavailable,.status-badge--offline{color:var(--color-error-ink);background:var(--color-error-soft)}.project-card h2{margin:var(--space-3) 0 var(--space-2);font-size:var(--font-size-card-title);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;line-height:1.35}.project-card__description,.project-card__key-fact{margin:0}.project-card__description{color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:1.55}.project-card__key-fact{margin-top:var(--space-4);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);line-height:1.55}.project-card__cta{margin-top:var(--space-5);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.25em}.project-list-state{margin-top:var(--space-8)}.project-list-state--loading>p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-small)}.project-list-state--error,.project-list-state--empty{display:grid;min-height:20rem;justify-items:center;align-content:center;padding:var(--space-12) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.project-list-state--error h2,.project-list-state--error p,.project-list-state--empty h2,.project-list-state--empty p{margin:0}.project-list-state--error h2,.project-list-state--empty h2{font-size:1.25rem;font-weight:var(--font-weight-semibold);line-height:1.35}.project-list-state--error h2+p,.project-list-state--empty h2+p{max-width:36rem;margin-top:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-small)}.project-list-state>.button,.project-list-state>.state-actions{margin-top:var(--space-6)}.project-list-state>.notice{margin-top:var(--space-5)}.empty-seeds{position:relative;width:4.5rem;height:3.5rem;margin-bottom:var(--space-5)}.empty-seeds span{position:absolute;width:.7rem;height:1.05rem;border-radius:70% 30%;background:var(--neutral-700)}.empty-seeds span:nth-child(1){top:.2rem;left:1rem;transform:rotate(-24deg)}.empty-seeds span:nth-child(2){top:1.6rem;left:2rem;transform:rotate(8deg)}.empty-seeds span:nth-child(3){top:.55rem;right:.75rem;transform:rotate(28deg)}.project-grid--skeleton{margin-top:0}.project-card--skeleton{pointer-events:none;-webkit-user-select:none;user-select:none}.project-card--skeleton .project-skeleton__cover,.project-card--skeleton .project-skeleton__text{background:var(--color-surface-subtle);animation:skeleton-pulse 1.4s ease-in-out infinite alternate}.project-card--skeleton .project-skeleton__text{border-radius:var(--radius-xs);color:transparent!important;text-decoration:none}@keyframes skeleton-pulse{0%{opacity:.62}to{opacity:1}}.demo-links{display:grid;gap:var(--space-4);margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.demo-links h2,.demo-links p{margin:0}.demo-links h2{font-size:1rem;font-weight:var(--font-weight-semibold);line-height:1.5}.demo-links p:not(.eyebrow){max-width:42rem;margin-top:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:1.55}.demo-links__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.state-main{display:grid;flex:1;place-items:center;padding:var(--space-16) var(--space-6)}.state-panel{width:min(100%,40rem);padding:clamp(1.5rem,5vw,3rem);border:1px solid var(--panel-border);border-radius:var(--panel-radius);background:var(--color-surface)}.state-icon{display:grid;width:3.5rem;height:3.5rem;margin-bottom:var(--space-6);place-items:center;border-radius:var(--radius-circle);font-size:1.25rem;font-weight:800}.state-icon--denied{color:var(--color-error-ink);background:var(--color-error-soft)}.state-icon--warning{color:var(--color-warning-ink);background:var(--color-warning-soft)}.state-panel>p:not(.eyebrow,.notice){color:var(--color-text-secondary)}.state-panel h1{width:fit-content}.state-panel__detail{margin-top:var(--space-6);padding:var(--space-4);border-radius:var(--radius-md);color:var(--color-text)!important;background:var(--color-surface-subtle);font-size:var(--font-size-small)}.state-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-top:var(--space-8)}.state-panel>.notice{margin-top:var(--space-5)}.launch-panel{width:min(100%,36rem)}.launch-icon{color:var(--neutral-0);background:var(--color-text)}.launch-icon--error{color:var(--color-error-ink);background:var(--color-error-soft)}.launch-icon__ring{display:block;width:1.5rem;height:1.5rem;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--radius-circle);animation:launch-spin .8s linear infinite}.launch-cancel{margin-top:var(--space-6)}@keyframes launch-spin{to{transform:rotate(360deg)}}@media(hover:hover){.field input:hover:not(:disabled,[readonly]){border-color:var(--input-border-hover);background:var(--color-surface-subtle)}.password-toggle:hover{color:var(--color-text);background:var(--color-surface-subtle)}.button--primary:hover:not(:disabled){background:var(--button-primary-hover)}.button--secondary:hover,.user-menu__trigger:hover,.user-menu__logout:hover{border-color:var(--color-control-boundary);background:var(--color-surface-subtle)}.user-menu__logout:hover{color:var(--color-error-ink);background:var(--color-error-soft)}.project-card:hover{border-color:var(--card-border-hover);box-shadow:var(--shadow-card-hover)}.project-card:hover .project-card__cta{text-decoration-color:currentColor}}@media(max-width:59.99rem){.app-header__inner,.state-header,.projects-main{width:min(calc(100% - 3rem),var(--content-max-width))}.project-grid{width:100%;max-width:45rem;grid-template-columns:1fr;gap:var(--space-4);margin-right:auto;margin-left:auto}}@media(max-width:37.49rem){html{scroll-padding-top:calc(var(--header-height-mobile) + var(--space-6))}#main-content,[data-page-title],#launch-note{scroll-margin-top:calc(var(--header-height-mobile) + var(--space-6))}.app-header__inner,.state-header{width:calc(100% - 2.5rem);min-height:var(--header-height-mobile)}.login-main{padding:var(--space-10) var(--space-5) var(--space-12)}.login-panel{padding:var(--space-6)}.brand--large .brand__mark{width:4.5rem;height:auto}.brand--large .brand__image{height:auto;object-fit:contain}.login-brand{height:auto}.projects-main{width:calc(100% - 2.5rem);padding:var(--space-8) 0 var(--space-20)}.projects-intro h1,.state-panel h1{font-size:1.5rem}.project-card h2{font-size:1.125rem}.demo-links__actions{align-items:stretch;flex-direction:column}.demo-links__actions .button{width:100%}.state-main{padding:var(--space-10) var(--space-5)}.state-actions{align-items:stretch;flex-direction:column}.state-actions .button,.state-actions .text-link{width:100%;justify-content:center}.project-list-state--error,.project-list-state--empty{min-height:17rem;padding:var(--space-8) var(--space-5)}}@media(max-width:21rem){.app-header__inner,.state-header,.projects-main{width:calc(100% - 2rem)}.login-main,.state-main{padding-right:var(--space-4);padding-left:var(--space-4)}.prototype-label,.user-menu__name{display:none}.project-card__meta-row{align-items:flex-start;flex-direction:column}.pindou-grid{right:12%;width:35%;gap:.2rem}}@media(max-height:42rem){.login-main{padding-top:var(--space-10)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.button:active,.project-card:active{transform:none}.project-skeleton__cover,.project-skeleton__text{animation:none}.launch-icon__ring{border-top-color:currentColor;animation:none}}@media(forced-colors:active){:focus-visible{outline-color:Highlight}.button--primary,.button--secondary,.password-toggle,.user-menu__trigger,.user-menu__logout,.project-card,.login-panel,.state-panel,.project-list-state,.notice,.field input{border-color:CanvasText}.password-toggle{border:1px solid CanvasText}.button--primary{color:ButtonText;background:ButtonFace}.project-card__cta{text-decoration:underline}.status-badge,.prototype-label,.launch-icon{border:1px solid CanvasText}}