.app-header{z-index:20;min-height:calc(var(--header-height) + var(--safe-area-top));grid-template-columns:var(--tap-target-min) 1fr var(--tap-target-min);padding:var(--safe-area-top) var(--space-12) 0;border-bottom:1px solid var(--color-border-default);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;align-items:end;display:grid;position:sticky;top:0}.app-header h1{font:var(--font-title-page);text-align:center;text-overflow:ellipsis;white-space:nowrap;align-self:center;margin:0;overflow:hidden}.app-header__side{min-width:var(--tap-target-min);min-height:var(--tap-target-min);align-items:center;display:flex}.app-header__side--end{justify-content:flex-end}.app-header__icon-link{width:var(--tap-target-min);height:var(--tap-target-min);border-radius:var(--radius-medium);color:var(--color-text-primary);place-items:center;display:grid;position:relative}.app-header__icon-link:active{background:var(--color-action-ghost-pressed)}.app-header__icon-link svg{width:22px;height:22px}.app-header__unread,.bottom-navigation__unread{width:var(--space-08);height:var(--space-08);border:2px solid var(--color-background-card);border-radius:var(--radius-pill);background:var(--color-danger-500);position:absolute}.app-header__unread{top:8px;right:8px}.bottom-navigation{z-index:20;border-top:1px solid var(--color-border-default);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.bottom-navigation__item{min-width:0;min-height:var(--bottom-navigation-height);justify-content:center;align-items:center;gap:var(--space-02);color:var(--color-text-tertiary);font:var(--font-navigation);flex-direction:column;text-decoration:none;display:flex}.bottom-navigation__item--active{color:var(--color-brand-600);font-weight:600}.bottom-navigation__icon{position:relative}.bottom-navigation__icon svg{width:21px;height:21px}.bottom-navigation__unread{top:-2px;right:-5px}.app-shell{min-height:var(--app-reference-height);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.app-shell__content{min-width:0}.app-shell .development-page{min-height:100%;padding:var(--space-24) var(--space-16) calc(var(--space-24) + var(--safe-area-bottom))}@media (width<=600px){.app-shell{min-height:100dvh}}.button{min-width:var(--tap-target-min);min-height:var(--tap-target-min);justify-content:center;align-items:center;gap:var(--space-08);border-radius:var(--radius-medium);cursor:pointer;font:var(--font-label-medium);text-align:center;transition:background-color var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);border:1px solid #0000;display:inline-flex}.button--large{min-height:48px;padding:var(--space-12) var(--space-20);font:var(--font-body-large);font-weight:600}.button--medium{padding:var(--space-12) var(--space-16)}.button--small{padding:var(--space-08) var(--space-12);font:var(--font-caption);font-weight:500}.button--primary{background:var(--color-action-primary);color:var(--color-text-on-brand)}.button--primary:active,.button--primary[data-state=pressed]{background:var(--color-action-primary-pressed);transform:translateY(1px)}.button--secondary{border-color:var(--color-border-default);background:var(--color-action-secondary);color:var(--color-text-primary)}.button--secondary:active,.button--secondary[data-state=pressed]{background:var(--color-action-secondary-pressed);border-color:var(--color-border-strong);transform:translateY(1px)}.button--ghost{color:var(--color-action-primary);background:0 0}.button--ghost:active,.button--ghost[data-state=pressed]{background:var(--color-action-ghost-pressed);color:var(--color-action-primary-pressed);transform:translateY(1px)}.button--danger{background:var(--color-action-danger);color:var(--color-text-on-brand)}.button--danger:active,.button--danger[data-state=pressed]{background:var(--color-action-danger-pressed);transform:translateY(1px)}.button--danger-secondary{border-color:var(--color-action-danger);color:var(--color-action-danger);background:0 0}.button--danger-secondary:active,.button--danger-secondary[data-state=pressed]{background:var(--color-danger-050);border-color:var(--color-action-danger-pressed);color:var(--color-action-danger-pressed);transform:translateY(1px)}.button:disabled{background:var(--color-action-disabled);color:var(--color-action-disabled-text);cursor:not-allowed;border-color:#0000;transform:none}.button__icon,.button__spinner{flex:none;width:18px;height:18px}.button__icon svg{width:100%;height:100%}.button__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.button__spinner{border-radius:var(--radius-pill);border:2px solid;border-right-color:#0000;animation:.8s linear infinite button-spin}.icon-button{width:var(--tap-target-min);padding:0}.icon-button.button--large{width:48px}@keyframes button-spin{to{transform:rotate(360deg)}}.status-chip,.tag{border-radius:var(--radius-pill);max-width:100%;min-height:24px;font:var(--font-caption);vertical-align:middle;justify-content:center;align-items:center;display:inline-flex}.status-chip{gap:var(--space-04);padding:var(--space-02) var(--space-08);color:var(--color-text-primary)}.status-chip__dot{border-radius:var(--radius-pill);background:var(--status-chip-accent,currentColor);flex:none;width:6px;height:6px}.status-chip__label,.tag__label{overflow-wrap:anywhere;min-width:0}.status-chip--brand{--status-chip-accent:var(--color-action-primary);background:var(--color-background-brand-subtle)}.status-chip--neutral{--status-chip-accent:var(--color-text-tertiary);background:var(--color-background-subtle);color:var(--color-text-secondary)}.status-chip--info{--status-chip-accent:var(--color-info-500);background:var(--color-info-050)}.status-chip--warning{--status-chip-accent:var(--color-warning-500);background:var(--color-warning-050)}.status-chip--success{--status-chip-accent:var(--color-success-500);background:var(--color-success-050)}.status-chip--danger{--status-chip-accent:var(--color-danger-500);background:var(--color-danger-050)}.tag{padding:var(--space-02) var(--space-08);border:1px solid #0000}.tag--neutral{border-color:var(--color-border-default);background:var(--color-background-card);color:var(--color-text-secondary)}.tag--brand{border-color:var(--color-border-default);background:var(--color-background-brand-subtle);color:var(--color-brand-700)}.divider{background:var(--color-border-default);border:0;flex:none;margin:0}.divider--horizontal{width:100%;height:1px}.divider--vertical{width:1px;min-height:var(--space-20);align-self:stretch}.toast{z-index:40;right:var(--space-16);bottom:calc(var(--space-24) + var(--safe-area-bottom));left:var(--space-16);width:calc(100% - (var(--space-16) * 2));align-items:center;gap:var(--space-08);max-width:382px;min-height:52px;padding:var(--space-04) var(--space-04) var(--space-04) var(--space-12);border-radius:var(--radius-medium);box-shadow:var(--shadow-floating-action);color:var(--color-white);font:var(--font-body-medium);animation:toast-enter var(--motion-fast) var(--ease-out);margin-inline:auto;display:flex;position:fixed}.toast--success{background:var(--color-success-700)}.toast--danger{background:var(--color-danger-700)}.toast--info{background:var(--color-gray-950)}.toast__icon,.notice-bar__icon{flex:none;display:inline-flex}.toast__icon svg,.notice-bar__icon svg{width:18px;height:18px}.toast__message,.notice-bar__message{overflow-wrap:anywhere;flex:1;min-width:0}.toast .toast__dismiss{color:inherit}.toast .toast__dismiss:hover:not(:disabled),.toast .toast__dismiss:active:not(:disabled){background:#ffffff24}.notice-bar{min-height:var(--tap-target-min);align-items:center;gap:var(--space-08);padding:var(--space-08) var(--space-12);border-radius:var(--radius-medium);font:var(--font-body-medium);display:flex}.notice-bar--info{background:var(--color-info-050);color:var(--color-text-primary)}.notice-bar--warning{background:var(--color-warning-050);color:var(--color-text-primary)}.notice-bar--info .notice-bar__icon{color:var(--color-info-500)}.notice-bar--warning .notice-bar__icon{color:var(--color-warning-500)}.notice-bar__action{flex:none}.empty-state{min-height:240px;padding:var(--space-24) var(--space-16);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon{width:56px;height:56px;margin-bottom:var(--space-16);border-radius:var(--radius-pill);background:var(--color-background-subtle);color:var(--color-text-tertiary);place-items:center;display:grid}.empty-state__icon svg{width:28px;height:28px}.empty-state__title,.empty-state__description{margin:0}.empty-state__title{color:var(--color-text-primary);font:var(--font-title-card)}.empty-state__description{max-width:280px;margin-top:var(--space-08);color:var(--color-text-secondary);font:var(--font-body-medium)}.empty-state__action{margin-top:var(--space-16)}.skeleton{border-radius:var(--radius-medium);background:linear-gradient(90deg, transparent 0%, #fff9 50%, transparent 100%), var(--color-background-subtle);background-size:200% 100%;max-width:100%;min-height:16px;animation:1.4s ease-in-out infinite skeleton-shimmer;display:block}.skeleton--line{border-radius:var(--radius-pill);height:16px}.skeleton--circle{border-radius:var(--radius-pill);aspect-ratio:1}@keyframes toast-enter{0%{opacity:0;transform:translateY(var(--space-12))}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.toast,.skeleton{animation:none}}.field{gap:var(--space-08);flex-direction:column;min-width:0;display:flex}.field__label{color:var(--color-text-primary);font:var(--font-label-medium)}.field__control{width:100%;min-height:48px;padding:var(--space-12) var(--space-16);border:1px solid var(--color-border-default);border-radius:var(--radius-medium);background:var(--color-background-card);color:var(--color-text-primary);font:var(--font-body-medium);transition:border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out)}.field__control::placeholder{color:var(--color-text-tertiary)}.field__control:hover:not(:disabled){border-color:var(--color-border-strong)}.field__control:focus{border-color:var(--color-info-500);outline:3px solid var(--color-focus-ring);outline-offset:1px}.field__control[aria-invalid=true]{border-color:var(--color-danger-500)}.field__control[aria-invalid=true]:focus{outline-color:var(--color-danger-050)}.field__control:disabled{background:var(--color-background-subtle);color:var(--color-text-tertiary);cursor:not-allowed}.field__control--textarea{resize:vertical;min-height:112px}.field__message{color:var(--color-text-tertiary);font:var(--font-caption)}.field__message--error{color:var(--color-danger-500)}.choice-wrapper{flex-direction:column;display:flex}.choice{min-height:var(--tap-target-min);align-items:center;gap:var(--space-12);cursor:pointer;display:inline-flex}.choice__input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.choice__mark{border:1px solid var(--color-border-strong);background:var(--color-background-card);pointer-events:none;width:22px;height:22px;transition:background-color var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out);flex:none;place-items:center;display:grid}.choice__mark--checkbox{border-radius:var(--radius-small)}.choice__mark--radio{border-radius:var(--radius-pill)}.choice__input:focus-visible+.choice__mark{outline:3px solid var(--color-focus-ring);outline-offset:2px}.choice__input:checked+.choice__mark{border-color:var(--color-action-primary);background:var(--color-action-primary)}.choice__input:checked+.choice__mark--checkbox:after{border-bottom:2px solid var(--color-text-on-brand);border-left:2px solid var(--color-text-on-brand);content:"";width:9px;height:5px;transform:translateY(-1px)rotate(-45deg)}.choice__input:checked+.choice__mark--radio:after{border-radius:var(--radius-pill);background:var(--color-text-on-brand);content:"";width:8px;height:8px}.choice__input:disabled+.choice__mark{border-color:var(--color-border-default);background:var(--color-action-disabled)}.choice:has(.choice__input:disabled){color:var(--color-text-tertiary);cursor:not-allowed}.choice__label{font:var(--font-body-medium)}.choice__description{color:var(--color-text-secondary);font:var(--font-caption);margin-left:34px}.tabs{border-bottom:1px solid var(--color-border-default);scrollbar-width:none;overscroll-behavior-inline:contain;max-width:100%;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs__list{align-items:stretch;width:max-content;min-width:100%;display:flex}.tabs__tab{min-width:var(--tap-target-min);min-height:var(--tap-target-min);padding:0 var(--space-16);color:var(--color-text-secondary);cursor:pointer;font:var(--font-label-medium);white-space:nowrap;transition:color var(--motion-fast) var(--ease-out), background-color var(--motion-fast) var(--ease-out);background:0 0;border:0;flex:1 0 auto;position:relative}.tabs__tab:hover:not(:disabled){background:var(--color-background-subtle)}.tabs__tab:active:not(:disabled){background:var(--color-action-ghost-pressed)}.tabs__tab[data-state=active]{color:var(--color-action-primary)}.tabs__tab[data-state=active]:after{right:var(--space-16);bottom:0;left:var(--space-16);border-radius:var(--radius-pill);background:var(--color-action-primary);content:"";height:2px;position:absolute}.tabs__tab:disabled{color:var(--color-action-disabled-text);cursor:not-allowed;opacity:.6}.image-preview{z-index:60;background:var(--color-gray-950);width:100%;max-width:none;height:100dvh;max-height:none;color:var(--color-white);border:0;margin:0;padding:0;display:none;position:fixed;inset:0;overflow:hidden}.image-preview[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.image-preview::backdrop{background:var(--color-gray-950)}.image-preview__title{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.image-preview__header{z-index:2;min-height:calc(var(--tap-target-min) + var(--safe-area-top));justify-content:space-between;align-items:center;gap:var(--space-12);padding:var(--safe-area-top) var(--space-16) 0;background:linear-gradient(to bottom, var(--color-media-surface-strong), transparent);display:flex}.image-preview__counter{font:var(--font-label-medium)}.image-preview__stage{touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.image-preview__image{object-fit:contain;transform-origin:50%;width:auto;max-width:100%;height:auto;max-height:100%;transition:transform var(--motion-fast) var(--ease-out);will-change:transform}.image-preview__image[data-status=error],.image-preview__image[data-status=loading]{visibility:hidden}.image-preview__status,.image-preview__error{color:var(--color-white);font:var(--font-body-medium);text-align:center;margin:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.image-preview__error{justify-items:center;gap:var(--space-08);overflow-wrap:anywhere;width:min(80%,320px);display:grid}.image-preview__error svg{width:32px;height:32px}.image-preview__error strong{font:var(--font-title-card)}.image-preview__error span{color:var(--color-gray-300);font:var(--font-caption)}.image-preview__toolbar{z-index:2;min-height:calc(var(--tap-target-min) + var(--safe-area-bottom));justify-content:center;align-items:flex-start;gap:var(--space-12);padding:0 var(--space-16) var(--safe-area-bottom);background:linear-gradient(to top, var(--color-media-surface-strong), transparent);display:flex}.image-preview .image-preview__control,.image-preview .image-preview__nav{border-color:var(--color-media-control-border);background:var(--color-media-surface);color:var(--color-white)}.image-preview .image-preview__control:disabled,.image-preview .image-preview__nav:disabled{color:var(--color-gray-500)}.image-preview__nav{z-index:2;position:absolute;top:50%;transform:translateY(-50%)}.image-preview__nav--previous{left:var(--space-08)}.image-preview__nav--next{right:var(--space-08)}@media (prefers-reduced-motion:reduce){.image-preview__image{transition:none}}.overlay{z-index:50;width:100%;max-width:none;height:100dvh;max-height:none;padding:var(--space-16);color:var(--color-text-primary);background:0 0;border:0;margin:0;position:fixed;inset:0;overflow:hidden}.overlay[open]{display:flex}.overlay::backdrop{background:var(--color-overlay-scrim);animation:overlay-backdrop-enter var(--motion-fast) var(--ease-out)}.overlay--dialog{justify-content:center;align-items:center}.overlay--bottom-sheet{justify-content:center;align-items:flex-end;padding:0}.overlay__panel{width:min(100%,360px);max-height:calc(100dvh - (var(--space-16) * 2));border:1px solid var(--color-border-default);border-radius:var(--radius-xlarge);background:var(--color-background-card);box-shadow:var(--shadow-modal);overscroll-behavior:contain;flex-direction:column;display:flex;overflow:auto}.overlay--dialog .overlay__panel{animation:dialog-enter var(--motion-standard) var(--ease-out)}.overlay--bottom-sheet .overlay__panel{width:min(100%, var(--app-max-width));max-height:85dvh;padding-bottom:var(--safe-area-bottom);border-radius:var(--radius-xlarge) var(--radius-xlarge) 0 0;animation:bottom-sheet-enter var(--motion-standard) var(--ease-out);border-bottom:0}.overlay--bottom-sheet .overlay__panel:before{width:36px;height:4px;margin-top:var(--space-08);border-radius:var(--radius-pill);background:var(--color-border-strong);content:"";flex:none;align-self:center}.overlay__header{align-items:start;gap:var(--space-12);padding:var(--space-20) var(--space-20) var(--space-12);grid-template-columns:minmax(0,1fr) auto;display:grid}.overlay--bottom-sheet .overlay__header{padding-top:var(--space-12)}.overlay__heading-copy{min-width:0}.overlay__title,.overlay__description,.overlay__body p{margin:0}.overlay__title{overflow-wrap:anywhere;font:var(--font-heading-h2)}.overlay__description{margin-top:var(--space-04);color:var(--color-text-secondary);font:var(--font-body-medium);overflow-wrap:anywhere}.overlay__close{margin:calc(var(--space-08) * -1);color:var(--color-text-secondary)}.overlay__body{padding:var(--space-04) var(--space-20) var(--space-20);color:var(--color-text-secondary);font:var(--font-body-medium);overflow-wrap:anywhere}.overlay__actions{gap:var(--space-12);padding:var(--space-16) var(--space-20) calc(var(--space-20) + var(--safe-area-bottom));border-top:1px solid var(--color-border-default);flex-wrap:wrap;display:flex}.overlay__actions>*{flex:140px;min-width:min(140px,100%)}.overlay--bottom-sheet .overlay__actions{padding-bottom:var(--space-20)}@keyframes overlay-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes dialog-enter{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes bottom-sheet-enter{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width<=374px){.overlay__actions{flex-direction:column-reverse}.overlay__actions>*{flex-basis:auto;width:100%}}@media (prefers-reduced-motion:reduce){.overlay::backdrop,.overlay__panel{animation:none}}.upload-item{gap:var(--space-12);width:100%;min-width:0;padding:var(--space-12);border:1px solid var(--color-border-default);border-radius:var(--radius-medium);background:var(--color-background-card);grid-template-columns:64px minmax(0,1fr);display:grid}.upload-item--error{border-color:var(--color-danger-500);background:var(--color-danger-050)}.upload-item__thumbnail{border-radius:var(--radius-medium);background:var(--color-background-subtle);width:64px;height:64px;color:var(--color-text-tertiary);place-items:center;display:grid;overflow:hidden}.upload-item__thumbnail img{object-fit:cover;width:100%;height:100%}.upload-item__thumbnail svg{width:24px;height:24px}.upload-item__content{gap:var(--space-08);min-width:0;display:grid}.upload-item__file-copy{gap:var(--space-02);min-width:0;display:grid}.upload-item__name{min-width:0;color:var(--color-text-primary);font:var(--font-label-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload-item__size{color:var(--color-text-tertiary);font:var(--font-caption)}.upload-item__progress-group{gap:var(--space-04);display:grid}.upload-item__status{align-items:center;gap:var(--space-04);min-width:0;font:var(--font-caption);overflow-wrap:anywhere;display:flex}.upload-item__status svg{flex:none;width:16px;height:16px}.upload-item__status-label{align-items:center;gap:var(--space-04);min-width:0;display:inline-flex}.upload-item__status--uploading{color:var(--color-info-500);justify-content:space-between}.upload-item__status--success{color:var(--color-success-700)}.upload-item__status--error{color:var(--color-danger-700)}.upload-item__progress{height:var(--space-04);border-radius:var(--radius-pill);background:var(--color-background-subtle);overflow:hidden}.upload-item__progress-value{border-radius:inherit;background:var(--color-info-500);height:100%;transition:width var(--motion-standard) var(--ease-out);display:block}.upload-item__actions{justify-content:flex-end;gap:var(--space-04);flex-wrap:wrap;min-width:0;display:flex}.upload-item__actions .button{flex:none}.upload-item__remove{color:var(--color-danger-600)}.upload-item[aria-disabled=true]{background:var(--color-background-subtle)}@media (prefers-reduced-motion:reduce){.upload-item__progress-value{transition:none}}.component-lab{min-height:var(--app-reference-height);gap:var(--space-24);padding:calc(var(--space-24) + var(--safe-area-top)) var(--space-16) calc(var(--space-32) + var(--safe-area-bottom));flex-direction:column;display:flex}.component-lab__header{gap:var(--space-08);flex-direction:column;display:flex}.component-lab__header p,.component-lab__header h1,.component-lab__header span{margin:0}.component-lab__header p{color:var(--color-action-primary);font:var(--font-label-medium)}.component-lab__header h1{font:var(--font-heading-h1)}.component-lab__header span{color:var(--color-text-secondary);font:var(--font-body-medium)}.component-lab__section{gap:var(--space-16);padding:var(--space-16);border:1px solid var(--color-border-default);border-radius:var(--radius-large);background:var(--color-background-card);flex-direction:column;display:flex}.component-lab__section-heading{justify-content:space-between;align-items:baseline;gap:var(--space-12);display:flex}.component-lab__section-heading h2,.component-lab__section-heading span{margin:0}.component-lab__section-heading h2{font:var(--font-title-card)}.component-lab__section-heading span{color:var(--color-text-tertiary);font:var(--font-caption);text-align:right}.component-lab__stack{gap:var(--space-12);display:grid}.component-lab__row{gap:var(--space-08);flex-wrap:wrap;display:flex}.component-lab__result{color:var(--color-text-secondary);font:var(--font-caption);margin:0}.component-lab__divider-demo{align-items:center;gap:var(--space-12);height:24px;color:var(--color-text-secondary);font:var(--font-caption);display:flex}.component-lab__skeleton-card{gap:var(--space-12);display:grid}.component-lab__skeleton-meta{align-items:center;gap:var(--space-08);display:flex}.component-lab__overlay-summary{gap:var(--space-08);display:grid}.component-lab__overlay-summary strong{color:var(--color-text-primary);font:var(--font-title-card)}@media (width<=600px){.component-lab{min-height:100dvh}}.login-page{min-height:var(--app-reference-height);gap:var(--space-24);padding:calc(var(--space-40) + var(--safe-area-top)) var(--space-16) calc(var(--space-24) + var(--safe-area-bottom));flex-direction:column;display:flex}.login-page__brand{align-items:flex-start;gap:var(--space-12);display:flex}.login-page__mark{border-radius:var(--radius-large);background:var(--color-action-primary);width:48px;height:48px;color:var(--color-text-on-brand);font:var(--font-heading-h2);flex:none;place-items:center;display:grid}.login-page__brand h1,.login-page__brand p{margin:0}.login-page__brand h1{margin-top:var(--space-04);font:var(--font-heading-h1)}.login-page__brand p:last-child{margin-top:var(--space-08);color:var(--color-text-secondary);font:var(--font-body-medium)}.login-page__eyebrow{color:var(--color-brand-600);font:var(--font-label-medium)}.login-page__form{gap:var(--space-16);padding:var(--space-16);border:1px solid var(--color-border-default);border-radius:var(--radius-large);background:var(--color-background-card);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.login-page__tabs{padding:var(--space-04);border-radius:var(--radius-large);background:var(--color-background-subtle);grid-template-columns:repeat(2,1fr);display:grid}.login-page__tab{min-height:var(--tap-target-min);border-radius:var(--radius-medium);color:var(--color-text-secondary);font:var(--font-label-medium);background:0 0;border:0}.login-page__tab[aria-selected=true]{background:var(--color-background-card);color:var(--color-brand-600);box-shadow:var(--shadow-card)}.login-page__code-row{align-items:end;gap:var(--space-12);grid-template-columns:minmax(0,1fr) auto;display:grid}.login-page__code-button{white-space:nowrap;margin-bottom:1px}.login-page__demo-hint,.login-page__policy-links,.login-page__agreement-error,.login-page__privacy-note{font:var(--font-caption);margin:0}.login-page__demo-hint,.login-page__policy-links,.login-page__privacy-note{color:var(--color-text-secondary)}.login-page__policy-links a{min-height:var(--tap-target-min);margin-inline:var(--space-04);color:var(--color-brand-600);align-items:center;display:inline-flex}.login-page__agreement-error{color:var(--color-danger-600)}.login-page__submit{width:100%}.login-page__temporary{justify-content:space-between;align-items:center;gap:var(--space-12);padding:var(--space-16);border:1px dashed var(--color-border-default);border-radius:var(--radius-large);background:var(--color-background-subtle);display:flex}.login-page__temporary strong,.login-page__temporary p,.login-page__temporary small{margin:0;display:block}.login-page__temporary strong{font:var(--font-label-medium)}.login-page__temporary p,.login-page__temporary small{margin-top:var(--space-04);color:var(--color-text-secondary);font:var(--font-caption)}.login-page__temporary-button{flex:none}.login-page__forgot,.login-page__password-toggle,.login-page__back{min-height:var(--tap-target-min);color:var(--color-brand-600);font:var(--font-label-medium);background:0 0;border:0}.login-page__forgot{align-self:flex-end}.login-page__password-toggle{align-self:flex-start}.login-page__privacy-note{text-align:center;margin-top:auto}.login-page>.toast{z-index:70;top:calc(var(--space-16) + var(--safe-area-top));width:min(calc(100% - var(--space-32)), 358px);position:fixed;bottom:auto;left:50%;transform:translate(-50%)}@media (width<=374px){.login-page__code-row{grid-template-columns:1fr}.login-page__code-button{width:100%}.login-page__temporary{flex-direction:column;align-items:stretch}.login-page__temporary-button{width:100%}}@media (width<=600px){.login-page{min-height:100dvh}}.task-cancellation-result{gap:var(--space-12);min-width:0;padding:var(--space-12);border:1px solid var(--color-border-default);border-radius:var(--radius-medium);background:var(--color-background-subtle);flex-direction:column;display:flex}.task-cancellation-result--approved{border-color:var(--color-success-300,#75c69a);background:var(--color-success-050,#ecfdf3)}.task-cancellation-result--rejected{border-color:var(--color-danger-300,#f3a6a2);background:var(--color-danger-050)}.task-cancellation-result__heading{align-items:flex-start;gap:var(--space-08);min-width:0;display:flex}.task-cancellation-result__heading svg{flex:none;width:20px;height:20px}.task-cancellation-result__heading>div{min-width:0}.task-cancellation-result strong,.task-cancellation-result p,.task-cancellation-result dl,.task-cancellation-result dd{margin:0}.task-cancellation-result strong{font:var(--font-label-medium)}.task-cancellation-result p,.task-cancellation-result dd{margin-top:var(--space-04);color:var(--color-text-secondary);font:var(--font-caption);overflow-wrap:anywhere}.task-cancellation-result dl{gap:var(--space-08);flex-direction:column;min-width:0;display:flex}.task-cancellation-result dt{color:var(--color-text-primary);font:var(--font-caption);font-weight:600}.task-cancellation-result--compact{padding:var(--space-08) var(--space-12);box-shadow:none}.my-task-card{gap:var(--space-12);min-width:0;padding:var(--space-12);border:1px solid var(--color-border-default);border-radius:var(--radius-large);background:var(--color-background-card);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.my-task-card__top{gap:var(--space-12);color:inherit;grid-template-columns:72px minmax(0,1fr) auto;align-items:start;text-decoration:none;display:grid}.my-task-card__cover{border-radius:var(--radius-medium);object-fit:cover;background:var(--color-background-subtle);width:72px;height:72px}.my-task-card__copy{gap:var(--space-04);flex-direction:column;min-width:0;display:flex}.my-task-card__title-row{justify-content:space-between;align-items:flex-start;gap:var(--space-08);min-width:0;display:flex}.my-task-card h3{min-width:0;font:var(--font-title-card);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.my-task-card__reward,.my-task-card__claimed,.my-task-card__deadline{color:var(--color-text-secondary);font:var(--font-caption);margin:0}.my-task-card__reward strong{color:var(--color-brand-600);font:var(--font-label-medium)}.my-task-card__deadline{align-items:center;gap:var(--space-04);display:flex}.my-task-card__deadline svg,.my-task-card__chevron{flex:none;width:16px;height:16px}.my-task-card__chevron{color:var(--color-text-tertiary);margin-top:var(--space-04)}.my-task-card__rejection{padding:var(--space-08) var(--space-12);border-radius:var(--radius-small);background:var(--color-danger-050);color:var(--color-danger-700);font:var(--font-caption)}.my-task-card__rejection p{margin:var(--space-04) 0 0}.my-task-card__actions{justify-content:flex-end;display:flex}.my-task-card__primary-action{min-height:var(--tap-target-min);justify-content:center;align-items:center;gap:var(--space-04);min-width:112px;padding:var(--space-08) var(--space-12);border-radius:var(--radius-medium);background:var(--color-action-primary);color:var(--color-text-on-brand);font:var(--font-label-medium);text-decoration:none;display:inline-flex}.my-task-card__primary-action:hover{background:var(--color-action-primary-pressed)}.my-task-card__primary-action svg{width:16px;height:16px}.my-task-card__secondary-action{min-height:var(--tap-target-min);padding:var(--space-08) var(--space-12);color:var(--color-brand-600);font:var(--font-label-medium);align-items:center;text-decoration:none;display:inline-flex}.my-task-card--expired{opacity:.62;box-shadow:none;background:var(--color-background-subtle)}.my-task-card--expired .my-task-card__cover{filter:grayscale()}.my-tasks-page{gap:var(--space-20);min-width:0;padding:var(--space-16);flex-direction:column;display:flex}.my-tasks-page__section{gap:var(--space-12);flex-direction:column;min-width:0;display:flex}.my-tasks-page__heading{justify-content:space-between;align-items:baseline;gap:var(--space-12);display:flex}.my-tasks-page__heading h2{font:var(--font-title-page);margin:0}.my-tasks-page__heading p{margin:var(--space-04) 0 0;color:var(--color-text-secondary);font:var(--font-caption)}.my-tasks-page__heading>span{color:var(--color-text-tertiary);font:var(--font-caption)}.my-tasks-page__tabs{margin-inline:calc(var(--space-16) * -1)}.my-tasks-page__tabs .tabs__tab{padding-inline:var(--space-12)}.my-tasks-page__tabs .tabs__tab[data-state=active]:after{right:var(--space-12);left:var(--space-12)}.my-tasks-page__list,.my-tasks-page__skeletons{gap:var(--space-12);flex-direction:column;min-width:0;display:flex}.message-item{border:1px solid var(--color-border-default);border-radius:var(--radius-large);background:var(--color-background-card);box-shadow:var(--shadow-card);overflow:hidden}.message-item--unread{border-color:var(--color-brand-100);background:linear-gradient(135deg,var(--color-background-brand-subtle),var(--color-background-card) 55%)}.message-item__trigger{width:100%;min-height:var(--tap-target-min);align-items:start;gap:var(--space-12);padding:var(--space-16);color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:40px minmax(0,1fr) 20px;display:grid}.message-item__icon{border-radius:var(--radius-medium);background:var(--color-info-050);width:40px;height:40px;color:var(--color-info-500);place-items:center;display:grid}.message-item__icon svg{width:20px;height:20px}.message-item__icon--approved{background:var(--color-success-050);color:var(--color-success-700)}.message-item__icon--rejected,.message-item__icon--expired{background:var(--color-danger-050);color:var(--color-danger-600)}.message-item__summary{gap:var(--space-04);flex-direction:column;min-width:0;display:flex}.message-item__title-row{align-items:center;gap:var(--space-08);min-width:0;display:flex}.message-item__unread-dot{width:var(--space-08);height:var(--space-08);background:var(--color-danger-500);border-radius:50%;flex:none}.message-item__title-row strong{font:var(--font-title-card);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.message-item:not(.message-item--unread) .message-item__title-row strong{color:var(--color-text-secondary);font-weight:500}.message-item__unread-label{padding:var(--space-02) var(--space-08);border-radius:var(--radius-pill);background:var(--color-brand-100);color:var(--color-brand-700);font:var(--font-navigation);flex:none}.message-item__preview{color:var(--color-text-secondary);font:var(--font-body-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.message-item:not(.message-item--unread) .message-item__preview{color:var(--color-text-tertiary)}.message-item time{color:var(--color-text-tertiary);font:var(--font-caption)}.message-item__chevron{width:20px;height:20px;color:var(--color-text-tertiary);transition:transform var(--motion-fast) var(--ease-out);margin-top:10px}.message-item__chevron--open{transform:rotate(180deg)}.message-item__content{padding:0 var(--space-16) var(--space-16) 68px}.message-item__content p{margin:0 0 var(--space-12);color:var(--color-text-secondary);font:var(--font-body-medium);white-space:normal}.message-item__content a{min-height:var(--tap-target-min);color:var(--color-brand-600);font:var(--font-label-medium);align-items:center;text-decoration:none;display:inline-flex}@media (width<=360px){.message-item__trigger{gap:var(--space-08);padding-inline:var(--space-12);grid-template-columns:36px minmax(0,1fr) 18px}.message-item__icon{width:36px;height:36px}.message-item__content{padding-left:56px}}.messages-page{gap:var(--space-16);min-width:0;padding:var(--space-16);flex-direction:column;display:flex}.messages-page__section,.messages-page__groups,.messages-page__group,.messages-page__list{flex-direction:column;min-width:0;display:flex}.messages-page__section,.messages-page__groups{gap:var(--space-20)}.messages-page__group,.messages-page__list{gap:var(--space-12)}.messages-page__heading{justify-content:space-between;align-items:center;gap:var(--space-12);display:flex}.messages-page__heading h2{font:var(--font-title-page);margin:0}.messages-page__heading p{margin:var(--space-04) 0 0;color:var(--color-text-secondary);font:var(--font-caption)}.messages-page__group>h3{color:var(--color-text-secondary);font:var(--font-label-medium);margin:0}.messages-page__skeletons{gap:var(--space-12);flex-direction:column;display:flex}.messages-page__skeleton{gap:var(--space-12);padding:var(--space-16);border:1px solid var(--color-border-default);border-radius:var(--radius-large);background:var(--color-background-card);grid-template-columns:40px minmax(0,1fr);display:grid}.messages-page__skeleton>div{gap:var(--space-08);flex-direction:column;display:flex}.messages-page__empty-link{min-height:var(--tap-target-min);padding:0 var(--space-16);border-radius:var(--radius-medium);background:var(--color-action-primary);color:var(--color-text-on-brand);font:var(--font-label-medium);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}@media (width<=360px){.messages-page__heading{flex-direction:column;align-items:flex-start}.messages-page__heading .button{width:100%}}.profile-header{gap:var(--space-12);padding:var(--space-20);border:1px solid var(--color-brand-100);border-radius:var(--radius-xlarge);background:linear-gradient(135deg,var(--color-background-brand-subtle),var(--color-background-card));box-shadow:var(--shadow-card);grid-template-columns:56px minmax(0,1fr);display:grid}.profile-header__avatar{background:var(--color-brand-500);width:56px;height:56px;color:var(--color-text-on-brand);border-radius:50%;place-items:center;display:grid}.profile-header__avatar svg{width:28px;height:28px}.profile-header__identity{align-self:center;min-width:0}.profile-header__identity h2{font:var(--font-heading-h2);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.profile-header__identity p{margin:var(--space-02) 0 0;color:var(--color-text-secondary);font:var(--font-body-medium)}.profile-header__stats{margin:var(--space-08) 0 0;padding-top:var(--space-16);border-top:1px solid var(--color-border-default);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.profile-header__stats>div{align-items:center;gap:var(--space-04);flex-direction:column-reverse;min-width:0;display:flex}.profile-header__stats>div+div{border-left:1px solid var(--color-border-default)}.profile-header__stats dt{color:var(--color-text-secondary);font:var(--font-caption)}.profile-header__stats dd{color:var(--color-text-primary);font:var(--font-heading-h2);margin:0}.profile-menu-item{align-items:center;gap:var(--space-12);min-height:64px;padding:var(--space-12) var(--space-16);color:var(--color-text-primary);grid-template-columns:40px minmax(0,1fr) 20px;text-decoration:none;display:grid}.profile-menu-item+.profile-menu-item{border-top:1px solid var(--color-border-default)}.profile-menu-item__icon{border-radius:var(--radius-medium);background:var(--color-background-subtle);width:40px;height:40px;color:var(--color-brand-600);place-items:center;display:grid}.profile-menu-item__icon svg{width:20px;height:20px}.profile-menu-item__copy{gap:var(--space-02);flex-direction:column;min-width:0;display:flex}.profile-menu-item__copy strong{font:var(--font-title-card)}.profile-menu-item__copy>span{color:var(--color-text-secondary);font:var(--font-caption);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-menu-item__chevron{width:20px;height:20px;color:var(--color-text-tertiary)}.profile-page{gap:var(--space-20);min-width:0;padding:var(--space-16);flex-direction:column;display:flex}.profile-page__section{gap:var(--space-12);flex-direction:column;min-width:0;display:flex}.profile-page__section>h2{font:var(--font-title-card);margin:0}.profile-page__menu{border:1px solid var(--color-border-default);border-radius:var(--radius-large);background:var(--color-background-card);box-shadow:var(--shadow-card);overflow:hidden}.profile-page__session{padding:var(--space-16);border:1px solid var(--color-border-default);border-radius:var(--radius-large);background:var(--color-background-card)}.profile-page__session>p{margin:calc(var(--space-08) * -1) 0 0;color:var(--color-text-secondary);font:var(--font-caption)}.profile-page__session-actions{gap:var(--space-08);padding-top:var(--space-04);flex-direction:column;display:flex}.profile-page__session-actions .button{width:100%}.info-page{gap:var(--space-20);min-width:0;padding:var(--space-16);flex-direction:column;display:flex}.info-page__hero{gap:var(--space-08);padding:var(--space-20);border-radius:var(--radius-xlarge);background:linear-gradient(135deg,var(--color-background-brand-subtle),var(--color-background-card));border:1px solid var(--color-brand-100);flex-direction:column;display:flex}.info-page__hero>p{width:fit-content;padding:var(--space-02) var(--space-08);border-radius:var(--radius-pill);background:var(--color-brand-100);color:var(--color-brand-700);font:var(--font-caption);margin:0}.info-page__hero h2{font:var(--font-heading-h1);margin:0}.info-page__hero>span{color:var(--color-text-secondary);font:var(--font-body-medium)}.info-page__section{padding:var(--space-16);border:1px solid var(--color-border-default);border-radius:var(--radius-large);background:var(--color-background-card);box-shadow:var(--shadow-card)}.info-page__section>h2{margin:0 0 var(--space-12);font:var(--font-title-card)}.info-page__section>p{color:var(--color-text-secondary);font:var(--font-body-medium);margin:0}.info-page__steps,.info-page__feature-list{gap:var(--space-16);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.info-page__steps li,.info-page__feature-list li{gap:var(--space-12);grid-template-columns:28px minmax(0,1fr);display:grid}.info-page__steps li>span,.info-page__feature-list svg{color:var(--color-brand-600)}.info-page__steps svg,.info-page__feature-list svg{width:22px;height:22px}.info-page__steps h3{font:var(--font-title-card);margin:0}.info-page__steps p,.info-page__feature-list span{margin:var(--space-04) 0 0;color:var(--color-text-secondary);font:var(--font-body-medium)}.info-page__feature-list strong{color:var(--color-text-primary);display:block}.info-page details{border-top:1px solid var(--color-border-default)}.info-page details:first-of-type{border-top:0}.info-page summary{min-height:var(--tap-target-min);padding-block:var(--space-12);font:var(--font-label-medium);cursor:pointer}.info-page details p{margin:0 0 var(--space-12);color:var(--color-text-secondary);font:var(--font-body-medium)}.info-page__primary-link{min-height:var(--tap-target-min);border-radius:var(--radius-medium);background:var(--color-action-primary);color:var(--color-text-on-brand);font:var(--font-label-medium);justify-content:center;align-items:center;text-decoration:none;display:flex}.info-page__updated{color:var(--color-text-tertiary);font:var(--font-caption);text-align:center;margin:0}.legal-page-shell{min-height:var(--app-reference-height)}.legal-page-header{min-height:var(--header-height);grid-template-columns:var(--tap-target-min) 1fr var(--tap-target-min);padding-inline:var(--space-12);border-bottom:1px solid var(--color-border-default);background:var(--color-background-card);align-items:center;display:grid}.legal-page-header a{width:var(--tap-target-min);height:var(--tap-target-min);color:var(--color-text-primary);place-items:center;display:grid}.legal-page-header svg{width:22px;height:22px}.legal-page-header h1{font:var(--font-title-page);text-align:center;margin:0}.info-page--legal{padding-bottom:calc(var(--space-24) + var(--safe-area-bottom))}@media (width<=600px){.legal-page-shell{min-height:100dvh}}.admin-history-list{gap:var(--space-10);display:grid}.admin-history-list__item{gap:var(--space-04);padding:var(--space-12);border:1px solid var(--color-border-default);border-radius:var(--radius-small);display:grid}.admin-history-list__item span,.admin-history-list__item small{color:var(--color-text-secondary);font:var(--font-caption)}.task-import{gap:20px;display:grid}.task-import__heading,.task-import__summary,.task-import__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.task-import__heading{justify-content:space-between}.task-import button{border:1px solid var(--color-border-default);cursor:pointer;background:#fff;border-radius:8px;min-height:40px;padding:0 16px}.task-import button[type=submit],.task-import__result>.task-import__actions button:first-child{color:#fff;background:#1769e0;border-color:#1769e0}.task-import button:disabled{cursor:not-allowed;opacity:.55}.task-import__form{background:var(--color-background-subtle);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;display:grid}.task-import__form label{color:var(--color-text-secondary);font:var(--font-caption);gap:7px;display:grid}.task-import__form input,.task-import__form textarea{box-sizing:border-box;border:1px solid var(--color-border-default);width:100%;min-height:42px;color:var(--color-text-primary);background:#fff;border-radius:8px;padding:9px 12px}.task-import__wide{grid-column:1/-1}.task-import__result{gap:14px;display:grid}.task-import__summary{border:1px solid var(--color-border-default);border-radius:10px;padding:14px}.task-import__summary strong{margin-right:auto}.task-import__table{gap:8px;display:grid;overflow-x:auto}.task-import__filters{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.task-import__filters label{gap:6px;display:grid}.task-import__filters input:not([type=checkbox]),.task-import__filters select{border:1px solid var(--color-border-default);border-radius:8px;min-height:38px;padding:0 10px}.task-import__filters .task-import__check{align-items:center;min-height:38px;display:flex}.task-import__row{border:1px solid var(--color-border-default);border-radius:8px;grid-template-columns:30px 140px minmax(180px,1fr) 100px 150px minmax(260px,1.3fr) 130px;align-items:center;gap:12px;min-width:1040px;padding:12px;display:grid}.task-import__pagination{justify-content:flex-end;align-items:center;gap:10px;display:flex}.task-import__row-actions{gap:6px;display:flex}.task-import__asset-tools,.task-import__asset-tools>span{flex-wrap:wrap;gap:5px;display:flex}.task-import__asset-tools{margin-top:6px}.task-import__asset-tools label{cursor:pointer;color:#1769e0}.task-import__asset-tools input{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute}.task-import__row-actions button{min-height:34px;padding:0 10px}.task-import__file-action{border:1px solid var(--color-border-default);cursor:pointer;background:#fff;border-radius:8px;align-items:center;min-height:40px;padding:0 16px;display:inline-flex}.task-import__file-action input{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.task-import__unmatched{border:1px solid var(--color-border-default);border-radius:8px;padding:12px 14px}.task-import__batch-error{color:#8f1d1d;background:#fff4f4;border:1px solid #efb1b1;border-radius:8px;gap:6px;padding:12px 14px;display:grid}.task-import__editor{z-index:20;background:#0f172a73;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.task-import__editor form{background:#fff;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(860px,100%);max-height:90vh;padding:22px;display:grid;overflow:auto}.task-import__editor label{gap:6px;display:grid}.task-import__editor input,.task-import__editor textarea{border:1px solid var(--color-border-default);border-radius:8px;padding:9px 11px}.task-import__unmatched ul{max-height:180px;overflow:auto}.task-import__row small{color:var(--color-text-tertiary);margin-top:4px;display:block}.task-import__status{font-weight:700}.task-import__status--invalid,.task-import__status--failed{color:#c02626}.task-import__status--warning{color:#a05a00}.task-import__status--valid,.task-import__status--published{color:#137333}.task-import__recent{gap:8px;display:grid}.task-import__recent button{text-align:left;justify-content:space-between;display:flex}@media (width<=760px){.task-import__form{grid-template-columns:1fr}.task-import__wide{grid-column:auto}}.admin-payouts__heading,.admin-payouts__item,.admin-payouts__actions{align-items:center;gap:16px;display:flex}.admin-payouts__heading{justify-content:space-between;margin-bottom:18px}.admin-payouts__heading h2,.admin-payouts__heading p{margin:0}.admin-payouts__heading label,.admin-payouts__item>div:first-child{gap:6px;display:grid}.admin-payouts__list{gap:12px;display:grid}.admin-payouts__item{border:1px solid var(--color-border,#d8dee8);background:#fff;border-radius:12px;justify-content:space-between;padding:16px}.admin-payouts__item>div:first-child{flex:1;min-width:220px}.admin-payouts__item span{color:var(--color-text-secondary,#667085);font-size:13px}.admin-payouts__amount{color:#d92d20;white-space:nowrap}.admin-payouts__status{white-space:nowrap;border-radius:999px;padding:5px 9px}.admin-payouts__status--pending_transfer{color:#b54708;background:#fffaeb}.admin-payouts__status--transferred{color:#067647;background:#ecfdf3}.admin-payouts__danger{color:#b42318;background:#fff;border-color:#fda29b}@media (width<=720px){.admin-payouts__heading,.admin-payouts__item,.admin-payouts__actions{flex-direction:column;align-items:stretch}}.admin-task-form{gap:var(--space-12);margin-bottom:var(--space-16);padding:var(--space-12);border:1px solid var(--color-border-default);border-radius:var(--radius-small);background:var(--color-background-subtle);display:grid}.admin-task-form__header{justify-content:space-between;align-items:center;gap:var(--space-12);display:flex}.admin-task-form__header h3{font:var(--font-title-card);margin:0}.admin-task-form__grid{gap:var(--space-12);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.admin-task-form__inline{align-items:center;gap:var(--space-08);width:fit-content;color:var(--color-text-secondary);font:var(--font-label-medium);display:inline-flex}.admin-task-images{gap:var(--space-12);padding:var(--space-12);border:1px dashed var(--color-border-strong);border-radius:var(--radius-small);background:var(--color-background-card);display:grid}.admin-task-images__heading{justify-content:space-between;align-items:flex-start;gap:var(--space-12);display:flex}.admin-task-images__heading h4{font:var(--font-label-medium);margin:0}.admin-task-images__heading p,.admin-task-images__empty{margin:var(--space-04) 0 0;color:var(--color-text-secondary);font:var(--font-caption)}.admin-task-images__actions,.admin-task-images__list{gap:var(--space-08);flex-wrap:wrap;display:flex}.admin-task-images__group{gap:var(--space-08);display:grid}.admin-task-images__group>strong{color:var(--color-text-primary);font:var(--font-caption)}.admin-task-images__input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.admin-task-images__error{color:var(--color-danger-600);font:var(--font-caption);margin:0}.admin-task-images .upload-item{flex:260px;min-width:0}@media (width<=900px){.admin-task-form__grid{grid-template-columns:1fr}.admin-task-images__heading{flex-direction:column}}.admin-cancellations{gap:18px;display:grid}.admin-cancellations__heading,.admin-cancellations__item-heading,.admin-cancellations__filters,.admin-cancellations__actions,.admin-cancellations__pagination,.admin-cancellations__chips{align-items:center;gap:12px;display:flex}.admin-cancellations__heading,.admin-cancellations__item-heading{justify-content:space-between}.admin-cancellations__heading h2,.admin-cancellations__heading p,.admin-cancellations__item p{margin:0}.admin-cancellations__filters{flex-wrap:wrap;align-items:end}.admin-cancellations__filters label{gap:6px;display:grid}.admin-cancellations__filters select{background:var(--color-surface,#fff);border:1px solid var(--color-border,#dfe3ea);border-radius:10px;min-height:40px;padding:0 36px 0 12px}.admin-cancellations__filters>span{color:var(--color-text-secondary,#667085);margin-left:auto}.admin-cancellations__list{gap:12px;display:grid}.admin-cancellations__item{border:1px solid var(--color-border,#e4e7ec);border-radius:14px;gap:14px;padding:16px;display:grid}.admin-cancellations__item-heading>div:first-child{gap:4px;min-width:0;display:grid}.admin-cancellations__item-heading strong,.admin-cancellations__item-heading span,.admin-cancellations__item dd{overflow-wrap:anywhere}.admin-cancellations__item dl{gap:8px;margin:0;display:grid}.admin-cancellations__item dl>div{grid-template-columns:92px minmax(0,1fr);gap:4px;display:grid}.admin-cancellations__item dt{color:var(--color-text-secondary,#667085)}.admin-cancellations__item dd{margin:0}.admin-cancellations__actions,.admin-cancellations__pagination{justify-content:flex-end}.admin-cancellations__readonly{color:var(--color-text-secondary,#667085);text-align:right}@media (width<=560px){.admin-cancellations__heading,.admin-cancellations__item-heading{flex-direction:column;align-items:stretch}.admin-cancellations__filters label,.admin-cancellations__filters select{width:100%}.admin-cancellations__filters>span{margin-left:0}.admin-cancellations__chips{flex-wrap:wrap}.admin-cancellations__item dl>div{grid-template-columns:1fr}.admin-cancellations__actions .button{flex:1}}.admin-accounts{gap:18px;display:grid}.admin-accounts__heading,.admin-accounts__filters,.admin-accounts__actions,.admin-accounts__pagination{align-items:center;gap:12px;display:flex}.admin-accounts__heading{justify-content:space-between}.admin-accounts__heading h2,.admin-accounts__heading p{margin:0}.admin-accounts__filters{flex-wrap:wrap;align-items:end}.admin-accounts__filters label,.admin-account-form label,.admin-account-form__field{gap:6px;display:grid}.admin-accounts__filters input,.admin-accounts__filters select,.admin-account-form input,.admin-account-form select,.admin-account-form textarea,.admin-account-form__field input,.admin-account-form__field textarea{background:var(--color-background-card);border:1px solid var(--color-border-default);border-radius:var(--radius-small);color:var(--color-text-primary);min-height:44px;padding:8px 12px}.admin-accounts__filters>span{color:var(--color-text-secondary);margin-left:auto}.admin-accounts__list{gap:8px;display:grid}.admin-accounts__item{border:1px solid var(--color-border-default);border-radius:var(--radius-small);grid-template-columns:minmax(150px,1fr) minmax(100px,.5fr) minmax(80px,.35fr) minmax(145px,.65fr) minmax(260px,1.4fr);align-items:center;gap:12px;padding:12px;display:grid}.admin-accounts__item strong,.admin-accounts__item span{overflow-wrap:anywhere}.admin-accounts__item>div:first-child{gap:4px;display:grid}.admin-accounts__item>div:first-child span,.admin-accounts__item time,.admin-accounts__protected{color:var(--color-text-secondary);font-size:.875rem}.admin-accounts__actions{flex-wrap:wrap;justify-content:flex-end}.admin-accounts__pagination{justify-content:flex-end}.admin-account-form{gap:14px;display:grid}.admin-account-form textarea,.admin-account-form__field textarea{resize:vertical;min-height:96px}.admin-account-form__error{color:var(--color-danger-600,#b42318);margin:0}@media (width<=860px){.admin-accounts__item{grid-template-columns:1fr 1fr}.admin-accounts__actions,.admin-accounts__protected{grid-column:1/-1;justify-content:flex-start}}@media (width<=560px){.admin-accounts__heading{flex-direction:column;align-items:stretch}.admin-accounts__filters label,.admin-accounts__filters input,.admin-accounts__filters select{width:100%}.admin-accounts__filters>span{margin-left:0}.admin-accounts__item{grid-template-columns:1fr}.admin-accounts__actions,.admin-accounts__protected{grid-column:auto}.admin-accounts__actions .button{flex:112px}}.admin-dashboard{min-height:100dvh;padding:var(--space-32);background:var(--color-background-page);color:var(--color-text-primary)}.admin-nav{gap:var(--space-8);margin:0 0 var(--space-24);flex-wrap:wrap;display:flex}.admin-nav__link{border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:999px;padding:8px 14px;text-decoration:none}.admin-nav__link:hover,.admin-nav__link--active{background:var(--color-brand-soft);border-color:var(--color-brand);color:var(--color-brand-strong)}.admin-dashboard__profile{align-items:center;gap:var(--space-8);margin-top:var(--space-12);display:flex}.admin-dashboard__profile span{color:var(--color-text-secondary);font-size:.85rem}.admin-dashboard__empty{color:var(--color-text-secondary);margin:0}.admin-dashboard__header{justify-content:space-between;align-items:flex-start;gap:var(--space-24);margin:0 auto var(--space-20);max-width:1180px;display:flex}.admin-dashboard__eyebrow{width:fit-content;margin:0 0 var(--space-08);padding:var(--space-04) var(--space-12);border-radius:var(--radius-pill);background:var(--color-background-brand-subtle);color:var(--color-brand-600);font:var(--font-label-medium)}.admin-dashboard h1{font:var(--font-heading-h1);margin:0}.admin-dashboard__intro{max-width:680px;margin:var(--space-08) 0 0;color:var(--color-text-secondary);font:var(--font-body-medium)}.admin-dashboard>.notice-bar{max-width:1180px;margin:0 auto var(--space-20)}.admin-login{gap:var(--space-16);max-width:420px;padding:var(--space-20);border:1px solid var(--color-border-default);border-radius:var(--radius-small);background:var(--color-background-card);box-shadow:var(--shadow-card);margin:0 auto;display:grid}.admin-loading-retry{max-width:1180px;margin:0 auto var(--space-20)}.admin-overview,.admin-grid{max-width:1180px;margin-inline:auto}.admin-overview{gap:var(--space-12);margin-bottom:var(--space-20);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.admin-overview article{min-width:0;padding:var(--space-16);border:1px solid var(--color-border-default);border-radius:var(--radius-small);background:var(--color-background-card)}.admin-overview strong{font:var(--font-heading-h1);display:block}.admin-overview span{color:var(--color-text-secondary);font:var(--font-caption)}.admin-grid{gap:var(--space-16);grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);display:grid}.admin-section{min-width:0;padding:var(--space-16);border:1px solid var(--color-border-default);border-radius:var(--radius-small);background:var(--color-background-card);box-shadow:var(--shadow-card)}.admin-section--wide{grid-row:span 2}.admin-section__heading{align-items:flex-start;gap:var(--space-12);margin-bottom:var(--space-16);display:flex}.admin-section__icon{border-radius:var(--radius-small);background:var(--color-info-050);width:36px;height:36px;color:var(--color-info-500);flex:none;justify-content:center;align-items:center;display:inline-flex}.admin-section__icon svg{width:20px;height:20px}.admin-section h2{font:var(--font-title-card);margin:0}.admin-section p{margin:var(--space-04) 0 0;color:var(--color-text-secondary);font:var(--font-caption)}.admin-table{gap:var(--space-08);display:grid}.admin-table__row{gap:var(--space-12);padding:var(--space-12);border:1px solid var(--color-border-default);border-radius:var(--radius-small);grid-template-columns:minmax(180px,1.3fr) minmax(96px,.5fr) minmax(150px,.7fr) minmax(96px,.45fr) minmax(220px,1fr);align-items:center;display:grid}.admin-table__row--head{background:var(--color-background-subtle);color:var(--color-text-secondary);font:var(--font-caption);border:0}.admin-table strong,.admin-list strong,.admin-timeline strong{overflow-wrap:anywhere;min-width:0;font:var(--font-label-medium);display:block}.admin-table small,.admin-list span,.admin-timeline span{margin-top:var(--space-02);color:var(--color-text-tertiary);font:var(--font-caption);display:block}.admin-table__actions{gap:var(--space-08);flex-wrap:wrap;display:flex}.admin-section__toolbar{margin:0 0 var(--space-12);justify-content:flex-end;display:flex}.admin-task-list__filters{gap:var(--space-12);margin:var(--space-16) 0 var(--space-12);grid-template-columns:minmax(160px,220px) auto minmax(160px,1fr);align-items:end;display:grid}.admin-task-list__filters label{gap:var(--space-04);color:var(--color-text-secondary);font:var(--font-caption);display:grid}.admin-task-list__filters select{min-height:44px;padding:0 var(--space-12);border:1px solid var(--color-border-default);border-radius:var(--radius-small);background:var(--color-background-card);color:var(--color-text-primary)}.admin-task-list__total,.admin-task-list__loading{color:var(--color-text-secondary);font:var(--font-caption);align-self:center}.admin-task-list__loading{justify-self:end}.admin-task-list__filters .notice-bar{grid-column:1/-1}.admin-task-pagination,.admin-task-pagination nav{gap:var(--space-08);flex-wrap:wrap;align-items:center;display:flex}.admin-task-pagination{margin-top:var(--space-16);color:var(--color-text-secondary);font:var(--font-caption);justify-content:space-between}.admin-task-pagination nav{justify-content:flex-end}.admin-task-pagination [aria-current=page]{color:var(--color-brand-600)}.admin-list{gap:var(--space-08);display:grid}.admin-user-filters{grid-template-columns:minmax(180px,1fr) minmax(120px,180px) auto auto;align-items:end;gap:12px;display:grid}.admin-user-filters label{gap:6px;display:grid}.admin-user-filters input,.admin-user-filters select{border:1px solid var(--color-border,#d7d9df);border-radius:8px;min-height:40px;padding:0 12px}.admin-user-filters__total{color:var(--color-text-secondary,#62666f);align-self:center}.admin-user-pagination{justify-content:flex-end;align-items:center;gap:12px;display:flex}@media (width<=760px){.admin-user-filters{grid-template-columns:1fr}}.admin-list__item{justify-content:space-between;align-items:center;gap:var(--space-12);min-height:var(--tap-target-min);padding:var(--space-12);border:1px solid var(--color-border-default);border-radius:var(--radius-small);flex-wrap:wrap;display:flex}.admin-list__actions{justify-content:flex-end;gap:var(--space-08);flex-wrap:wrap;display:flex}.admin-timeline{gap:var(--space-12);margin:0;padding:0;list-style:none;display:grid}.admin-timeline li{padding-left:var(--space-16);border-left:3px solid var(--color-border-strong)}.admin-state-grid{gap:var(--space-12);display:grid}.admin-state-grid>div[aria-label=加载状态]{gap:var(--space-08);padding:var(--space-12);border:1px solid var(--color-border-default);border-radius:var(--radius-small);display:grid}.admin-state-grid .empty-state{padding:var(--space-16)}.admin-review-materials{flex-basis:100%;margin-top:12px}.admin-review-materials summary{color:var(--color-brand-600,#dc2626);cursor:pointer;font-weight:600}.admin-review-materials__meta,.admin-review-materials__stage{gap:8px;margin-top:12px;display:grid}.admin-review-materials__images{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.admin-review-materials__images img{aspect-ratio:1;object-fit:cover;border:1px solid #e4e7ec;border-radius:10px;width:100%}.admin-review-materials__missing{color:#b42318}@media (width<=900px){.admin-dashboard{padding:var(--space-16)}.admin-dashboard__header{flex-direction:column}.admin-overview,.admin-grid,.admin-table__row{grid-template-columns:1fr}.admin-table__row--head{display:none}}@media (width<=520px){.admin-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-list__item{flex-direction:column;align-items:flex-start}.admin-list__actions,.admin-section__toolbar{justify-content:flex-start}.admin-task-list__filters{grid-template-columns:1fr}.admin-task-list__loading{justify-self:start}.admin-task-pagination{flex-direction:column;align-items:flex-start}.admin-task-pagination nav{justify-content:flex-start}}.task-card{border:1px solid var(--color-border-default);border-radius:var(--radius-large);background:var(--color-background-card);min-width:0;box-shadow:var(--shadow-card);overflow:hidden}.task-card__link{min-width:0;color:inherit;text-decoration:none;display:block}.task-card__cover{aspect-ratio:16/9;background:var(--color-background-subtle);position:relative;overflow:hidden}.task-card__cover img{object-fit:cover;width:100%;height:100%}.task-card__cover-placeholder{background:linear-gradient(135deg, #e8ecf1d6, #f6eee2eb), var(--color-background-subtle);width:100%;height:100%;color:var(--color-text-tertiary);font:var(--font-caption);place-items:center;display:grid}.task-card__cover-placeholder span{padding:var(--space-04) var(--space-08);border:1px solid var(--color-border-default);border-radius:var(--radius-small);background:#ffffffb8}.task-card__status{top:var(--space-12);right:var(--space-12);position:absolute;box-shadow:0 1px 4px #17191c1f}.task-card__body{gap:var(--space-12);min-width:0;padding:var(--space-16);flex-direction:column;display:flex}.task-card h3{min-width:0;font:var(--font-title-card);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.task-card__tags{gap:var(--space-08);flex-wrap:wrap;min-width:0;display:flex}.task-card__reward{justify-content:space-between;align-items:baseline;gap:var(--space-12);color:var(--color-text-secondary);font:var(--font-caption);margin:0;display:flex}.task-card__reward strong{color:var(--color-brand-600);font:var(--font-heading-h2)}.task-card__meta{justify-content:space-between;gap:var(--space-08) var(--space-16);min-width:0;color:var(--color-text-tertiary);font:var(--font-caption);flex-wrap:wrap;display:flex}.task-card__meta span{align-items:center;gap:var(--space-04);min-width:0;display:inline-flex}.task-card__meta svg{flex:none;width:15px;height:15px}.task-card--ended,.task-card--full{box-shadow:none}.task-card--ended .task-card__cover img,.task-card--ended .task-card__cover-placeholder,.task-card--full .task-card__cover img,.task-card--full .task-card__cover-placeholder{filter:saturate(.45);opacity:.75}.task-card__link:hover{background:var(--color-background-subtle)}.task-card__link:active{background:var(--color-action-ghost-pressed)}.task-hall{gap:var(--space-20);min-width:0;padding:var(--space-16);flex-direction:column;display:flex}.task-summary,.task-hall__tasks{min-width:0}.task-summary h2,.task-hall__section-heading h2{font:var(--font-title-page);margin:0}.task-summary{gap:var(--space-12);flex-direction:column;display:flex}.task-summary__grid{border:1px solid var(--color-border-default);border-radius:var(--radius-large);background:var(--color-background-card);box-shadow:var(--shadow-card);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid;overflow:hidden}.task-summary__item{align-items:center;gap:var(--space-04);min-width:0;padding:var(--space-16) var(--space-08);text-align:center;flex-direction:column-reverse;display:flex}.task-summary__item+.task-summary__item{border-left:1px solid var(--color-border-default)}.task-summary__item dt,.task-summary__item dd{margin:0}.task-summary__item dt{color:var(--color-text-secondary);font:var(--font-caption)}.task-summary__item dd{color:var(--color-text-primary);font:var(--font-heading-h2)}.task-hall__tasks{gap:var(--space-12);flex-direction:column;display:flex}.task-hall__section-heading{justify-content:space-between;align-items:baseline;gap:var(--space-12);display:flex}.task-hall__section-heading span{color:var(--color-text-tertiary);font:var(--font-caption)}.task-hall__list,.task-hall__skeletons{gap:var(--space-16);min-width:0;display:grid}.task-hall__skeleton-card{gap:var(--space-12);padding:var(--space-12);border:1px solid var(--color-border-default);border-radius:var(--radius-large);background:var(--color-background-card);flex-direction:column;display:flex}.task-hall .tabs{margin-inline:calc(var(--space-16) * -1)}@media (width>=601px){.task-hall__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.task-cancellation{gap:var(--space-16);min-width:0;padding:var(--space-16);border:1px solid var(--color-border-default);border-radius:var(--radius-large);background:var(--color-background-card);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.task-cancellation--pending{border-color:var(--color-warning-300,#f7b955);background:var(--color-warning-50,#fff8e8)}.task-cancellation__heading{justify-content:space-between;align-items:flex-start;gap:var(--space-12);min-width:0;display:flex}.task-cancellation__heading>svg{width:22px;height:22px;color:var(--color-warning-600,#b54708);flex:none}.task-cancellation__heading>div{flex:1;min-width:0}.task-cancellation h2,.task-cancellation p,.task-cancellation dl,.task-cancellation dd{margin:0}.task-cancellation h2{font:var(--font-title-card)}.task-cancellation__heading p,.task-cancellation__summary dd{margin-top:var(--space-04);color:var(--color-text-secondary);font:var(--font-body-medium);overflow-wrap:anywhere}.task-cancellation__form{gap:var(--space-16);flex-direction:column;min-width:0;display:flex}.task-cancellation fieldset{border:0;min-width:0;margin:0;padding:0}.task-cancellation legend,.task-cancellation__summary dt{color:var(--color-text-primary);font:var(--font-label-medium)}.task-cancellation__reasons{gap:var(--space-08);margin-top:var(--space-08);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.task-cancellation__summary{gap:var(--space-12);flex-direction:column;display:flex}.task-cancellation__error{color:var(--color-danger-600,#d92d20);font:var(--font-caption);overflow-wrap:anywhere}.task-cancellation__admin-note{padding:var(--space-08) var(--space-12);border-radius:var(--radius-small);background:var(--color-background-subtle);color:var(--color-text-secondary);font:var(--font-caption)}.task-cancellation__actions{gap:var(--space-08);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=390px){.task-cancellation__heading{flex-direction:column}.task-cancellation__heading .button,.task-cancellation--pending>.button{width:100%}.task-cancellation__reasons,.task-cancellation__actions{grid-template-columns:minmax(0,1fr)}}.submission-uploader{gap:var(--space-12);flex-direction:column;display:flex}.submission-uploader__heading{justify-content:space-between;align-items:flex-start;gap:var(--space-12);display:flex}.submission-uploader h2{font:var(--font-title-page);margin:0}.submission-uploader__heading p{margin:var(--space-04) 0 0;color:var(--color-text-secondary);font:var(--font-caption)}.submission-uploader__input{clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.submission-uploader__list{gap:var(--space-08);flex-direction:column;display:flex}.submission-uploader__empty{padding:var(--space-20) var(--space-12);border:1px dashed var(--color-border-strong);border-radius:var(--radius-medium);color:var(--color-text-tertiary);font:var(--font-body-medium);text-align:center}.submission-uploader__error{color:var(--color-danger-500);font:var(--font-caption);margin:0}@media (width<=420px){.submission-uploader__heading{flex-direction:column}.submission-uploader__heading .button{width:100%}}.task-feedback-stage{gap:var(--space-12);min-width:0;padding:var(--space-16);border:1px solid var(--color-border-default);border-radius:var(--radius-large);background:var(--color-background-card);flex-direction:column;display:flex}.task-feedback-stage__header,.task-feedback-stage__title,.task-feedback-stage__footer{align-items:center;gap:var(--space-08);display:flex}.task-feedback-stage__header,.task-feedback-stage__footer{justify-content:space-between}.task-feedback-stage__title{min-width:0}.task-feedback-stage__title>span{border-radius:var(--radius-pill);background:var(--color-background-brand-subtle);width:28px;height:28px;color:var(--color-brand-700);font:var(--font-label-medium);flex:none;place-items:center;display:grid}.task-feedback-stage h3,.task-feedback-stage__description,.task-feedback-stage__meta p{margin:0}.task-feedback-stage h3{font:var(--font-title-card)}.task-feedback-stage__description,.task-feedback-stage__meta{color:var(--color-text-secondary);font:var(--font-caption)}.task-feedback-stage__upload{min-width:0}.task-feedback-stage__upload .submission-uploader h2{font:var(--font-label-medium)}.task-feedback-stage__meta{min-width:0}.task-feedback-stage__action{flex:none}@media (width<=420px){.task-feedback-stage__footer{flex-direction:column;align-items:stretch}.task-feedback-stage__action .button{width:100%}}.task-feedback{gap:var(--space-16);scroll-margin-top:var(--space-20);flex-direction:column;display:flex}.task-feedback__heading p,.task-feedback__heading h2,.task-feedback__heading span{margin:0}.task-feedback__heading p{color:var(--color-brand-600);font:var(--font-caption)}.task-feedback__heading h2{margin-top:var(--space-04);font:var(--font-title-page)}.task-feedback__heading span{margin-top:var(--space-04);color:var(--color-text-secondary);font:var(--font-body-medium);display:block}.task-feedback__fields,.task-feedback__stages{gap:var(--space-12);flex-direction:column;display:flex}.task-feedback__countdown{align-items:center;gap:var(--space-04);color:var(--color-brand-600);display:flex}.task-feedback__countdown svg{flex:none;width:16px;height:16px}.task-feedback__error{margin:calc(var(--space-08) * -1) 0 0;color:var(--color-danger-500);font:var(--font-caption)}.task-action-bar{z-index:20;width:min(100%, var(--app-max-width));min-height:calc(var(--bottom-action-height) + var(--safe-area-bottom));padding-block:var(--space-12) calc(var(--space-12) + var(--safe-area-bottom));border-top:1px solid var(--color-border-default);background:color-mix(in srgb, var(--color-background-card) 96%, transparent);box-shadow:var(--shadow-floating-action);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:flex-start;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.task-action-bar .button{width:100%}.task-claim-sheet__facts{gap:var(--space-12);flex-direction:column;margin:0;display:flex}.task-claim-sheet__facts div{gap:var(--space-12);grid-template-columns:72px minmax(0,1fr);display:grid}.task-claim-sheet__facts dt,.task-claim-sheet__facts dd{overflow-wrap:anywhere;margin:0}.task-claim-sheet__facts dt{color:var(--color-text-tertiary)}.task-claim-sheet__facts dd{color:var(--color-text-primary)}.task-detail{gap:var(--space-16);min-width:0;padding:var(--space-16);flex-direction:column;display:flex}.task-detail__cover{aspect-ratio:16/9;border-radius:var(--radius-large);background:var(--color-background-subtle);object-fit:cover;width:100%}.task-detail__hero,.task-detail__section{min-width:0;padding:var(--space-16);border:1px solid var(--color-border-default);border-radius:var(--radius-large);background:var(--color-background-card);box-shadow:var(--shadow-card)}.task-detail__hero{gap:var(--space-12);flex-direction:column;display:flex}.task-detail__title-row{justify-content:space-between;align-items:flex-start;gap:var(--space-12);min-width:0;display:flex}.task-detail__title-row h2{min-width:0;font:var(--font-heading-h2);overflow-wrap:anywhere;margin:0}.task-detail__reward{color:var(--color-brand-600);font:var(--font-title-page)}.task-detail__payout{align-items:center;gap:var(--space-2);margin-top:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-sm);display:flex}.task-detail__payout strong{color:var(--color-success,#067647)}.task-detail__meta{justify-content:space-between;gap:var(--space-08) var(--space-16);color:var(--color-text-secondary);font:var(--font-caption);flex-wrap:wrap;display:flex}.task-detail__meta span,.task-detail__section-heading{align-items:center;gap:var(--space-08);display:flex}.task-detail__meta svg{width:16px;height:16px}.task-detail__section{gap:var(--space-12);flex-direction:column;display:flex}.task-detail__section-heading svg{width:20px;height:20px;color:var(--color-brand-600)}.task-detail__section h2,.task-publish-guide h2{font:var(--font-title-card);margin:0}.task-detail__muted,.task-publish-guide p{color:var(--color-text-secondary);font:var(--font-body-medium);margin:0}.requirement-list,.step-guide{gap:var(--space-12);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.requirement-list li,.step-guide li{align-items:flex-start;gap:var(--space-08);min-width:0;color:var(--color-text-secondary);font:var(--font-body-medium);display:flex}.requirement-list svg{width:18px;height:18px;color:var(--color-success-500);flex:none;margin-top:2px}.step-guide li>span{border-radius:var(--radius-pill);background:var(--color-background-brand-subtle);width:24px;height:24px;color:var(--color-brand-700);font:var(--font-caption);flex:none;place-items:center;display:grid}.step-guide strong{color:var(--color-text-primary);font:var(--font-body-medium);padding-top:1px}.material-gallery{gap:var(--space-12);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.material-gallery__item{border:1px solid var(--color-border-default);border-radius:var(--radius-medium);background:var(--color-background-card);min-width:0;color:var(--color-text-secondary);cursor:pointer;font:var(--font-caption);text-align:left;padding:0;overflow:hidden}.material-gallery__item img{aspect-ratio:4/3;object-fit:cover;width:100%}.material-gallery__item span{padding:var(--space-08);overflow-wrap:anywhere;display:block}.material-gallery__document{align-items:center;gap:var(--space-08);min-width:0;padding:var(--space-12);border:1px solid var(--color-border-default);border-radius:var(--radius-medium);color:var(--color-text-secondary);display:flex}.material-gallery__document svg{flex:none;width:24px;height:24px}.material-gallery__document span{flex-direction:column;min-width:0;display:flex}.material-gallery__document strong{color:var(--color-text-primary);font:var(--font-label-medium)}.material-gallery__document small{font:var(--font-caption)}.copyable-content{gap:var(--space-12);flex-direction:column;display:flex}.copyable-content__item{justify-content:space-between;align-items:flex-start;gap:var(--space-12);min-width:0;padding-bottom:var(--space-12);border-bottom:1px solid var(--color-border-default);display:flex}.copyable-content__item>div{min-width:0}.copyable-content__item h3,.copyable-content__item p{margin:0}.copyable-content__item h3{font:var(--font-label-medium)}.copyable-content__item p{margin-top:var(--space-04);color:var(--color-text-secondary);font:var(--font-body-medium);white-space:pre-wrap;overflow-wrap:anywhere}.copyable-content__item .button{flex:none}.copyable-content__all{width:100%}.copyable-content__manual{resize:vertical;width:100%;padding:var(--space-12);border:1px solid var(--color-border-default);border-radius:var(--radius-medium);color:var(--color-text-primary);font:var(--font-body-medium)}.task-publish-guide__external{min-height:var(--tap-target-min);padding:0 var(--space-20);border:1px solid var(--color-border-default);border-radius:var(--radius-medium);color:var(--color-text-primary);font:var(--font-label-medium);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.task-detail__locked{flex-direction:row;align-items:flex-start}.task-detail__locked>svg{width:24px;height:24px;color:var(--color-text-tertiary);flex:none}.task-detail__locked h2,.task-detail__locked p{margin:0}.task-detail__locked p{margin-top:var(--space-04);color:var(--color-text-secondary);font:var(--font-body-medium)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-brand-050:#fff5f3;--color-brand-100:#ffe8e5;--color-brand-500:#ff5a4f;--color-brand-600:#e94840;--color-brand-700:#c4433b;--color-gray-050:#f7f8fa;--color-gray-100:#f0f2f5;--color-gray-200:#e4e7ec;--color-gray-300:#c9ced6;--color-gray-500:#7c838e;--color-gray-600:#626873;--color-gray-800:#30343a;--color-gray-950:#17191c;--color-white:#fff;--color-success-050:#eef9f3;--color-success-500:#22a66a;--color-success-700:#176f4a;--color-warning-050:#fff8e8;--color-warning-500:#e99518;--color-info-050:#eef4ff;--color-info-500:#3f7de8;--color-danger-050:#fff0f1;--color-danger-500:#e34d59;--color-danger-600:#c83b47;--color-danger-700:#a92e38;--color-background-page:var(--color-gray-050);--color-background-card:var(--color-white);--color-background-subtle:var(--color-gray-100);--color-background-brand-subtle:var(--color-brand-050);--color-text-primary:var(--color-gray-950);--color-text-secondary:var(--color-gray-600);--color-text-tertiary:var(--color-gray-500);--color-text-on-brand:var(--color-white);--color-border-default:var(--color-gray-200);--color-border-strong:var(--color-gray-300);--color-action-primary:var(--color-brand-500);--color-action-primary-pressed:var(--color-brand-600);--color-action-disabled:var(--color-gray-200);--color-action-disabled-text:var(--color-gray-500);--color-action-secondary:var(--color-white);--color-action-secondary-pressed:var(--color-gray-100);--color-action-ghost-pressed:var(--color-brand-050);--color-action-danger:var(--color-danger-500);--color-action-danger-pressed:var(--color-danger-600);--color-overlay-scrim:#17191c7a;--color-media-surface:#17191cb8;--color-media-surface-strong:#17191ceb;--color-media-control-border:#ffffff29;--color-focus-ring:#3f7de859;--font-family-sans:"Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-display-reward:700 32px/40px var(--font-family-sans);--font-heading-h1:700 24px/32px var(--font-family-sans);--font-heading-h2:600 20px/28px var(--font-family-sans);--font-title-page:600 18px/26px var(--font-family-sans);--font-title-card:600 16px/24px var(--font-family-sans);--font-body-large:400 15px/24px var(--font-family-sans);--font-body-medium:400 14px/22px var(--font-family-sans);--font-label-medium:500 13px/20px var(--font-family-sans);--font-caption:400 12px/18px var(--font-family-sans);--font-navigation:500 11px/16px var(--font-family-sans);--space-02:2px;--space-04:4px;--space-08:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--radius-small:8px;--radius-medium:12px;--radius-large:16px;--radius-xlarge:20px;--radius-pill:999px;--shadow-card:0 2px 10px #17191c0d;--shadow-floating-action:0 8px 24px #17191c1a;--shadow-modal:0 16px 40px #17191c29;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--app-reference-width:390px;--app-max-width:414px;--app-reference-height:844px;--header-height:48px;--bottom-navigation-height:56px;--bottom-action-height:72px;--tap-target-min:44px;--motion-fast:.2s;--motion-standard:.25s;--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}html{background:var(--color-gray-100);min-width:320px;min-height:100%;font-family:var(--font-family-sans);color:var(--color-text-primary);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}body{background:var(--color-gray-100);min-width:320px;min-height:100%;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}img,svg{max-width:100%;display:block}#root{min-height:100dvh}.app-viewport{min-height:100dvh;padding:var(--space-24);justify-content:center;align-items:flex-start;display:flex}.app-surface{width:min(100%, var(--app-reference-width));min-height:var(--app-reference-height);background:var(--color-background-page);border:1px solid var(--color-border-default);border-radius:var(--radius-xlarge);box-shadow:var(--shadow-card);position:relative;overflow:clip}.bootstrap-screen{min-height:var(--app-reference-height);justify-content:space-between;gap:var(--space-32);padding:calc(var(--space-40) + var(--safe-area-top)) var(--space-16) calc(var(--space-24) + var(--safe-area-bottom));flex-direction:column;display:flex}.bootstrap-screen__brand{gap:var(--space-12);flex-direction:column;display:flex}.bootstrap-screen__eyebrow{width:fit-content;padding:var(--space-04) var(--space-12);border-radius:var(--radius-pill);background:var(--color-background-brand-subtle);color:var(--color-brand-600);font:var(--font-label-medium);margin:0}.bootstrap-screen h1{max-width:12em;font:var(--font-heading-h1);margin:0}.bootstrap-screen__description{max-width:26em;color:var(--color-text-secondary);font:var(--font-body-medium);margin:0}.bootstrap-screen__status{align-items:center;gap:var(--space-08);min-height:var(--tap-target-min);padding:var(--space-12) var(--space-16);border:1px solid var(--color-border-default);border-radius:var(--radius-medium);background:var(--color-background-card);color:var(--color-text-secondary);font:var(--font-caption);margin:0;display:flex}.bootstrap-screen__status:before{width:var(--space-08);height:var(--space-08);border-radius:var(--radius-pill);background:var(--color-success-500);content:"";flex:none}.development-page{min-height:var(--app-reference-height);justify-content:space-between;gap:var(--space-32);padding:calc(var(--space-40) + var(--safe-area-top)) var(--space-16) calc(var(--space-24) + var(--safe-area-bottom));flex-direction:column;display:flex}.development-page__content{gap:var(--space-12);flex-direction:column;display:flex}.development-page__phase{width:fit-content;padding:var(--space-04) var(--space-12);border-radius:var(--radius-pill);background:var(--color-background-brand-subtle);color:var(--color-brand-600);font:var(--font-label-medium);margin:0}.development-page h2{font:var(--font-heading-h1);margin:0}.development-page__description{color:var(--color-text-secondary);font:var(--font-body-medium);margin:0}.development-page__route{gap:var(--space-08);margin:var(--space-12) 0 0;color:var(--color-text-tertiary);font:var(--font-caption);grid-template-columns:auto 1fr;display:grid}.development-page__route dd,.development-page__route dt{margin:0}.development-page__route dd{overflow-wrap:anywhere;color:var(--color-text-secondary)}.development-page__back,.development-page__notice{min-height:var(--tap-target-min);padding:var(--space-12) var(--space-16);border:1px solid var(--color-border-default);border-radius:var(--radius-medium);background:var(--color-background-card);color:var(--color-text-secondary);font:var(--font-caption);text-align:center;justify-content:center;align-items:center;margin:0;text-decoration:none;display:flex}@media (width<=600px){html,body{background:var(--color-background-page)}.app-viewport{padding:0}.app-surface{width:100%;min-height:100dvh;box-shadow:none;border:0;border-radius:0}.bootstrap-screen,.development-page{min-height:100dvh}}@media (width>=601px){.app-surface{margin-block:var(--space-16)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html,body,#root,.app-viewport,.app-surface,.app-shell,.app-shell__content{min-width:0}html,body{overflow-x:clip}.app-shell__content,.app-shell__content>*{max-width:100%}.bottom-navigation{width:min(100%, var(--app-max-width));min-height:calc(var(--bottom-navigation-height) + var(--safe-area-bottom));padding-right:env(safe-area-inset-right,0px);padding-bottom:var(--safe-area-bottom);padding-left:env(safe-area-inset-left,0px);position:fixed;bottom:0;left:50%;transform:translate(-50%)}.app-shell--with-bottom-navigation .app-shell__content{padding-bottom:calc(var(--bottom-navigation-height) + var(--safe-area-bottom))}.task-detail.task-detail--with-action{padding-bottom:calc(var(--bottom-action-height) + var(--safe-area-bottom) + var(--space-24))}.task-action-bar{max-width:100vw;padding-right:max(var(--space-16), env(safe-area-inset-right,0px));padding-left:max(var(--space-16), env(safe-area-inset-left,0px))}.task-detail__title-row,.task-card__reward,.task-card__meta,.my-task-card__title-row,.message-item__title-row{flex-wrap:wrap;min-width:0}.task-detail__reward,.status-chip,.tag{overflow-wrap:anywhere}@media (width<=414px){.app-viewport,.app-surface,.app-shell{width:100%;max-width:414px}.app-header{padding-right:max(var(--space-12), env(safe-area-inset-right,0px));padding-left:max(var(--space-12), env(safe-area-inset-left,0px))}.task-hall,.task-detail,.my-tasks-page,.submit-work-page,.messages-page,.profile-page,.info-page,.overlay{padding-right:max(var(--space-16), env(safe-area-inset-right,0px));padding-left:max(var(--space-16), env(safe-area-inset-left,0px))}.overlay--bottom-sheet{padding-right:env(safe-area-inset-right,0px);padding-left:env(safe-area-inset-left,0px)}}@media (width<=390px){.task-detail__title-row{flex-direction:column}.task-detail__reward{align-self:flex-start}.my-task-card__top{gap:var(--space-08);grid-template-columns:64px minmax(0,1fr) 16px}.my-task-card__cover{width:64px;height:64px}}@media (width<=375px){.task-hall,.task-detail,.my-tasks-page,.submit-work-page,.messages-page,.profile-page,.info-page{padding-right:max(var(--space-12), env(safe-area-inset-right,0px));padding-left:max(var(--space-12), env(safe-area-inset-left,0px))}.task-hall .tabs,.my-tasks-page__tabs{margin-inline:calc(var(--space-12) * -1)}.task-action-bar{padding-right:max(var(--space-12), env(safe-area-inset-right,0px));padding-left:max(var(--space-12), env(safe-area-inset-left,0px))}.overlay__header,.overlay__body,.overlay__actions{padding-right:var(--space-16);padding-left:var(--space-16)}}