@font-face{font-family:SUIT Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/variable/woff2/SUIT-Variable.woff2)format("woff2-variations")}@font-face{font-family:Paperlogy;font-style:normal;font-weight:500;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-5Medium.woff2)format("woff2")}@font-face{font-family:Paperlogy;font-style:normal;font-weight:600;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-6SemiBold.woff2)format("woff2")}@font-face{font-family:Paperlogy;font-style:normal;font-weight:700;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-7Bold.woff2)format("woff2")}:root{--primitive-color-white:#fff;--primitive-color-ink-950:#222;--primitive-color-ink-700:#5f5f5f;--primitive-color-ink-500:#777;--primitive-color-ink-950-10:#2222221a;--primitive-color-neutral-50:#fdfdfb;--primitive-color-neutral-75:#fbfbfa;--primitive-color-neutral-100:#f4f4f1;--primitive-color-neutral-200:#eeeeeb;--primitive-color-green-700:#176f39;--primitive-color-green-600:#32a852;--primitive-color-green-50:#eaf8ef;--primitive-color-yellow-300:#ffe076;--primitive-color-yellow-50:#fff7d4;--primitive-color-pink-50:#fff0f2;--primitive-color-pink-500:#ff6595;--primitive-color-blue-50:#edf7ff;--primitive-color-blue-500:#347cea;--primitive-color-purple-50:#f4efff;--primitive-color-red-700:#a63232;--primitive-color-red-50:#fff0f0;--primitive-color-orange-700:#8a4b00;--primitive-color-orange-50:#fff3dd;--primitive-color-transparent:transparent;--primitive-color-overlay:#2222225c;--primitive-shadow-raised:0 18px 46px #2222220e;--primitive-shadow-soft:0 10px 26px #2222220a;--primitive-font-ui:"SUIT Variable", "Pretendard Variable", "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--primitive-font-display:"Paperlogy", "Wanted Sans Display", var(--primitive-font-ui);--primitive-space-0:0;--primitive-space-1:.25rem;--primitive-space-negative-1:-.25rem;--primitive-space-2:.5rem;--primitive-space-3:.75rem;--primitive-space-4:1rem;--primitive-space-6:1.5rem;--primitive-space-8:2rem;--primitive-detail-carousel-gutter:3.25rem;--primitive-layer-sticky:80;--primitive-layer-carousel-controls:40;--primitive-detail-progress-symbol-size:1.6875rem;--primitive-detail-tabs-icon-size:1.5rem;--primitive-detail-navbar-gap:1.125rem;--primitive-detail-navbar-min-height:3.625rem;--primitive-detail-navbar-title-max-width:min(42vw, 22.5rem);--primitive-detail-actions-gap:.75rem;--primitive-detail-action-gap:.4375rem;--primitive-detail-action-min-height:2.125rem;--primitive-detail-action-padding-inline:.625rem;--primitive-detail-action-font-size:.75rem;--primitive-detail-action-disabled-opacity:.58;--primitive-detail-action-icon-size:1rem;--primitive-detail-chevron-size:.8125rem;--primitive-detail-navbar-mobile-gap:.5rem;--primitive-detail-report-max-width:calc(100% - 7rem);--primitive-detail-report-gutter:clamp(2rem, 5vw, 3.5rem);--primitive-profile-card-width:3.5rem;--primitive-profile-card-height:4rem;--primitive-profile-card-tile-size:3.5rem;--primitive-profile-card-padding:.25rem;--primitive-profile-card-radius:1rem;--primitive-profile-avatar-size:3rem;--primitive-profile-avatar-radius:.875rem;--primitive-profile-avatar-border:#e9eee9;--primitive-profile-avatar-background:#f7fbf7;--primitive-profile-cosmetic-radius:.75rem;--primitive-profile-character-padding:8%;--primitive-radius-control:.75rem;--primitive-radius-surface:1.25rem;--primitive-radius-pill:999px;--primitive-border-width:1px;--primitive-border-width-negative:-1px;--primitive-focus-width:.125rem;--primitive-target-size:2.75rem;--primitive-field-textarea-min-size:7rem;--primitive-showcase-min-width:20rem;--primitive-showcase-max-width:70rem;--primitive-showcase-letter-spacing:.04em;--primitive-showcase-grid-double:repeat(2, minmax(0, 1fr));--primitive-showcase-grid-single:minmax(0, 1fr);--primitive-showcase-reduced-duration:.01ms;--primitive-showcase-iteration-count:1;--primitive-duration-fast:.12s;--primitive-duration-standard:.2s;--primitive-easing-out:ease-out;--primitive-opacity-skeleton-min:.58;--primitive-opacity-skeleton-max:1;--primitive-type-page-h1:clamp(2rem, calc(1.5rem + 2vw), 3rem);--primitive-type-h2:clamp(1.375rem, 1.25rem + .5vw, 1.5rem);--primitive-type-caption:.8125rem;--primitive-line-height-heading:1.2;--primitive-line-height-body:1.6;--primitive-line-height-h2:1.35;--primitive-line-height-caption:1.45;--primitive-font-weight-strong:700;--primitive-size-full:100%;--semantic-surface-canvas:var(--primitive-color-white);--semantic-surface-muted:var(--primitive-color-neutral-50);--semantic-surface-raised:var(--primitive-color-white);--semantic-surface-subtle:var(--primitive-color-neutral-75);--semantic-text-primary:var(--primitive-color-ink-950);--semantic-text-secondary:var(--primitive-color-ink-700);--semantic-text-muted:var(--primitive-color-ink-500);--semantic-text-disabled:var(--primitive-color-ink-700);--semantic-border-default:var(--primitive-color-neutral-200);--semantic-border-subtle:var(--primitive-color-neutral-100);--semantic-border-muted:var(--primitive-color-ink-950-10);--semantic-action-primary:var(--primitive-color-green-600);--semantic-action-primary-strong:var(--primitive-color-green-700);--semantic-action-primary-soft:var(--primitive-color-green-50);--semantic-action-secondary:var(--primitive-color-white);--semantic-action-disabled-background:var(--primitive-color-neutral-100);--semantic-action-disabled-foreground:var(--primitive-color-ink-700);--semantic-status-success:var(--primitive-color-green-700);--semantic-status-success-soft:var(--primitive-color-green-50);--semantic-status-info:var(--primitive-color-blue-50);--semantic-status-warning:var(--primitive-color-orange-700);--semantic-status-warning-soft:var(--primitive-color-orange-50);--semantic-status-danger:var(--primitive-color-red-700);--semantic-status-danger-soft:var(--primitive-color-red-50);--semantic-status-neutral:var(--primitive-color-neutral-75);--semantic-work-thought-map:var(--primitive-color-green-50);--semantic-work-draft:var(--primitive-color-pink-50);--semantic-work-presentation:var(--primitive-color-blue-50);--semantic-focus-ring:var(--primitive-color-green-700);--semantic-focus-width:var(--primitive-focus-width);--semantic-target-min:var(--primitive-target-size);--semantic-field-textarea-min-size:var(--primitive-field-textarea-min-size);--semantic-showcase-min-width:var(--primitive-showcase-min-width);--semantic-showcase-max-width:var(--primitive-showcase-max-width);--semantic-showcase-letter-spacing:var(--primitive-showcase-letter-spacing);--semantic-showcase-grid-double:var(--primitive-showcase-grid-double);--semantic-showcase-grid-single:var(--primitive-showcase-grid-single);--semantic-showcase-reduced-duration:var(--primitive-showcase-reduced-duration);--semantic-showcase-iteration-count:var(--primitive-showcase-iteration-count);--semantic-motion-fast:var(--primitive-duration-fast);--semantic-motion-standard:var(--primitive-duration-standard);--semantic-motion-easing:var(--primitive-easing-out);--semantic-font-body:var(--primitive-font-ui);--semantic-font-heading:var(--primitive-font-display);--semantic-space-0:var(--primitive-space-0);--semantic-space-1:var(--primitive-space-1);--semantic-space-negative-1:var(--primitive-space-negative-1);--semantic-space-2:var(--primitive-space-2);--semantic-space-3:var(--primitive-space-3);--semantic-space-4:var(--primitive-space-4);--semantic-space-6:var(--primitive-space-6);--semantic-space-8:var(--primitive-space-8);--semantic-detail-carousel-gutter:var(--primitive-detail-carousel-gutter);--semantic-layer-sticky:var(--primitive-layer-sticky);--semantic-layer-carousel-controls:var(--primitive-layer-carousel-controls);--semantic-radius-control:var(--primitive-radius-control);--semantic-radius-surface:var(--primitive-radius-surface);--semantic-radius-pill:var(--primitive-radius-pill);--semantic-border-width:var(--primitive-border-width);--semantic-border-width-negative:var(--primitive-border-width-negative);--semantic-shadow-raised:var(--primitive-shadow-raised);--semantic-shadow-soft:var(--primitive-shadow-soft);--semantic-opacity-skeleton-min:var(--primitive-opacity-skeleton-min);--semantic-opacity-skeleton-max:var(--primitive-opacity-skeleton-max);--semantic-type-page-h1:var(--primitive-type-page-h1);--semantic-type-h2:var(--primitive-type-h2);--semantic-type-caption:var(--primitive-type-caption);--semantic-line-height-heading:var(--primitive-line-height-heading);--semantic-line-height-body:var(--primitive-line-height-body);--semantic-line-height-h2:var(--primitive-line-height-h2);--semantic-line-height-caption:var(--primitive-line-height-caption);--semantic-font-weight-strong:var(--primitive-font-weight-strong);--semantic-color-transparent:var(--primitive-color-transparent);--semantic-size-full:var(--primitive-size-full);--semantic-color-overlay:var(--primitive-color-overlay);--semantic-accent-yellow:var(--primitive-color-yellow-300);--semantic-accent-yellow-soft:var(--primitive-color-yellow-50);--semantic-pastel-pink:var(--primitive-color-pink-50);--semantic-pastel-blue:var(--primitive-color-blue-50);--semantic-pastel-purple:var(--primitive-color-purple-50);--semantic-detail-level-writing:var(--primitive-color-pink-500);--semantic-detail-level-speaking:var(--primitive-color-blue-500);--semantic-detail-progress-symbol-size:var(--primitive-detail-progress-symbol-size);--semantic-detail-progress-symbol-border:var(--primitive-color-ink-950-10);--semantic-detail-progress-symbol-color:var(--primitive-color-ink-500);--semantic-detail-tabs-icon-size:var(--primitive-detail-tabs-icon-size);--semantic-detail-navbar-gap:var(--primitive-detail-navbar-gap);--semantic-detail-navbar-min-height:var(--primitive-detail-navbar-min-height);--semantic-detail-navbar-title-max-width:var(--primitive-detail-navbar-title-max-width);--semantic-detail-actions-gap:var(--primitive-detail-actions-gap);--semantic-detail-action-gap:var(--primitive-detail-action-gap);--semantic-detail-action-min-height:var(--primitive-detail-action-min-height);--semantic-detail-action-padding-inline:var(--primitive-detail-action-padding-inline);--semantic-detail-action-radius:var(--primitive-radius-pill);--semantic-detail-action-color:var(--primitive-color-ink-700);--semantic-detail-action-font-size:var(--primitive-detail-action-font-size);--semantic-detail-action-font-weight:var(--primitive-font-weight-strong);--semantic-detail-action-disabled-opacity:var(--primitive-detail-action-disabled-opacity);--semantic-detail-action-icon-size:var(--primitive-detail-action-icon-size);--semantic-detail-chevron-size:var(--primitive-detail-chevron-size);--semantic-detail-navbar-mobile-gap:var(--primitive-detail-navbar-mobile-gap);--semantic-detail-report-max-width:var(--primitive-detail-report-max-width);--semantic-detail-report-gutter:var(--primitive-detail-report-gutter);--semantic-profile-card-width:var(--primitive-profile-card-width);--semantic-profile-card-height:var(--primitive-profile-card-height);--semantic-profile-card-tile-size:var(--primitive-profile-card-tile-size);--semantic-profile-card-padding:var(--primitive-profile-card-padding);--semantic-profile-card-radius:var(--primitive-profile-card-radius);--semantic-profile-card-background:var(--primitive-color-white);--semantic-profile-avatar-size:var(--primitive-profile-avatar-size);--semantic-profile-avatar-radius:var(--primitive-profile-avatar-radius);--semantic-profile-avatar-border:var(--primitive-profile-avatar-border);--semantic-profile-avatar-background:var(--primitive-profile-avatar-background);--semantic-profile-cosmetic-radius:var(--primitive-profile-cosmetic-radius);--semantic-profile-character-padding:var(--primitive-profile-character-padding);--component-page-header-title:var(--semantic-type-page-h1);--component-page-header-line-height:var(--semantic-line-height-heading);--component-page-header-font:var(--semantic-font-heading);--component-page-header-gap:var(--semantic-space-3);--component-surface-background:var(--semantic-surface-raised);--component-surface-border:var(--semantic-border-default);--component-surface-radius:var(--semantic-radius-surface);--component-surface-padding:var(--semantic-space-6);--component-surface-padding-compact:var(--semantic-space-4);--component-surface-shadow:var(--semantic-shadow-soft);--component-button-primary-background:var(--semantic-action-primary);--component-button-primary-foreground:var(--semantic-surface-canvas);--component-button-secondary-background:var(--semantic-action-secondary);--component-button-secondary-foreground:var(--semantic-text-primary);--component-button-danger-background:var(--semantic-status-danger);--component-button-disabled-background:var(--semantic-action-disabled-background);--component-button-disabled-foreground:var(--semantic-action-disabled-foreground);--component-button-radius:var(--semantic-radius-control);--component-button-gap:var(--semantic-space-2);--component-control-target-size:var(--semantic-target-min);--component-control-border:var(--semantic-border-default);--component-control-background:var(--semantic-surface-canvas);--component-control-padding-inline:var(--semantic-space-4);--component-control-padding-block:var(--semantic-space-2);--component-control-hover-lift:var(--semantic-space-negative-1);--component-control-transition-fast:var(--semantic-motion-fast);--component-control-easing:var(--semantic-motion-easing);--component-status-radius:var(--semantic-radius-pill);--component-status-padding-inline:var(--semantic-space-3);--component-status-padding-block:var(--semantic-space-1);--component-status-success-background:var(--semantic-status-success-soft);--component-status-success-foreground:var(--semantic-status-success);--component-status-info-background:var(--semantic-status-info);--component-status-info-foreground:var(--semantic-text-primary);--component-status-warning-background:var(--semantic-status-warning-soft);--component-status-warning-foreground:var(--semantic-status-warning);--component-status-danger-background:var(--semantic-status-danger-soft);--component-status-danger-foreground:var(--semantic-status-danger);--component-status-neutral-background:var(--semantic-status-neutral);--component-status-neutral-foreground:var(--semantic-text-secondary);--component-work-thought-map:var(--semantic-work-thought-map);--component-work-draft:var(--semantic-work-draft);--component-work-presentation:var(--semantic-work-presentation);--component-skeleton-background:var(--semantic-surface-subtle);--component-skeleton-min-opacity:var(--semantic-opacity-skeleton-min);--component-skeleton-max-opacity:var(--semantic-opacity-skeleton-max);--component-skeleton-duration:var(--semantic-motion-standard);--component-skeleton-easing:var(--semantic-motion-easing);--component-text-caption:var(--semantic-type-caption);--component-text-heading:var(--semantic-type-h2);--component-text-line-height:var(--semantic-line-height-heading);--component-text-body-line-height:var(--semantic-line-height-body);--component-text-heading-line-height:var(--semantic-line-height-h2);--component-text-caption-line-height:var(--semantic-line-height-caption);--component-visually-hidden-size:var(--semantic-border-width);--component-visually-hidden-offset:var(--semantic-border-width-negative);--component-control-transparent:var(--semantic-color-transparent);--component-control-full-width:var(--semantic-size-full);--component-control-selected-indicator-offset:var(--semantic-border-width-negative);--component-field-error-background:var(--semantic-status-danger-soft);--component-field-error-border:var(--semantic-status-danger);--component-field-textarea-min-size:var(--semantic-field-textarea-min-size);--component-showcase-min-width:var(--semantic-showcase-min-width);--component-showcase-max-width:var(--semantic-showcase-max-width);--component-showcase-letter-spacing:var(--semantic-showcase-letter-spacing);--component-showcase-grid-double:var(--semantic-showcase-grid-double);--component-showcase-grid-single:var(--semantic-showcase-grid-single);--component-showcase-reduced-duration:var(--semantic-showcase-reduced-duration);--component-showcase-iteration-count:var(--semantic-showcase-iteration-count);--component-showcase-full-width:var(--semantic-size-full);--component-showcase-gutter:var(--semantic-space-8);--component-showcase-gutter-narrow:var(--semantic-space-6);--component-font-weight-strong:var(--semantic-font-weight-strong);--component-current-color:var(--semantic-text-primary);--component-detail-carousel-gutter:var(--semantic-detail-carousel-gutter);--component-layer-sticky:var(--semantic-layer-sticky);--component-layer-carousel-controls:var(--semantic-layer-carousel-controls);--component-detail-progress-symbol-size:var(--semantic-detail-progress-symbol-size);--component-detail-progress-symbol-border:var(--semantic-detail-progress-symbol-border);--component-detail-progress-symbol-color:var(--semantic-detail-progress-symbol-color);--component-detail-tabs-icon-size:var(--semantic-detail-tabs-icon-size);--component-detail-navbar-gap:var(--semantic-detail-navbar-gap);--component-detail-navbar-min-height:var(--semantic-detail-navbar-min-height);--component-detail-navbar-title-max-width:var(--semantic-detail-navbar-title-max-width);--component-detail-actions-gap:var(--semantic-detail-actions-gap);--component-detail-action-gap:var(--semantic-detail-action-gap);--component-detail-action-min-height:var(--semantic-detail-action-min-height);--component-detail-action-padding-inline:var(--semantic-detail-action-padding-inline);--component-detail-action-radius:var(--semantic-detail-action-radius);--component-detail-action-color:var(--semantic-detail-action-color);--component-detail-action-font-size:var(--semantic-detail-action-font-size);--component-detail-action-font-weight:var(--semantic-detail-action-font-weight);--component-detail-action-disabled-opacity:var(--semantic-detail-action-disabled-opacity);--component-detail-action-icon-size:var(--semantic-detail-action-icon-size);--component-detail-chevron-size:var(--semantic-detail-chevron-size);--component-detail-navbar-mobile-gap:var(--semantic-detail-navbar-mobile-gap);--component-detail-report-max-width:var(--semantic-detail-report-max-width);--component-detail-report-gutter:var(--semantic-detail-report-gutter);--component-detail-level-writing:var(--semantic-detail-level-writing);--component-detail-level-speaking:var(--semantic-detail-level-speaking);--component-profile-card-width:var(--semantic-profile-card-width);--component-profile-card-height:var(--semantic-profile-card-height);--component-profile-card-tile-size:var(--semantic-profile-card-tile-size);--component-profile-card-padding:var(--semantic-profile-card-padding);--component-profile-card-radius:var(--semantic-profile-card-radius);--component-profile-card-background:var(--semantic-profile-card-background);--component-profile-avatar-size:var(--semantic-profile-avatar-size);--component-profile-avatar-radius:var(--semantic-profile-avatar-radius);--component-profile-avatar-border:var(--semantic-profile-avatar-border);--component-profile-avatar-background:var(--semantic-profile-avatar-background);--component-profile-cosmetic-radius:var(--semantic-profile-cosmetic-radius);--component-profile-character-padding:var(--semantic-profile-character-padding);--font-ui:var(--semantic-font-body);--font-display:var(--semantic-font-heading);--text:var(--semantic-text-primary);--secondary:var(--semantic-text-secondary);--caption:var(--semantic-text-muted);--disabled:var(--semantic-text-disabled);--background:var(--semantic-surface-canvas);--background-soft:var(--semantic-surface-muted);--surface:var(--semantic-surface-raised);--surface-soft:var(--semantic-surface-subtle);--line:var(--semantic-border-default);--line-soft:var(--semantic-border-subtle);--green:var(--semantic-action-primary);--green-strong:var(--semantic-action-primary-strong);--green-soft:var(--semantic-action-primary-soft);--caption-strong:var(--semantic-text-secondary);--yellow:var(--semantic-accent-yellow);--yellow-soft:var(--semantic-accent-yellow-soft);--pink-soft:var(--semantic-pastel-pink);--blue-soft:var(--semantic-pastel-blue);--purple-soft:var(--semantic-pastel-purple);--shadow:var(--semantic-shadow-raised);--shadow-soft:var(--semantic-shadow-soft);--overlay-backdrop:var(--semantic-color-overlay)}:where(button,input,select,textarea,a){font:inherit}:where(button,input,select,textarea,a):focus-visible{outline:var(--semantic-focus-width) solid var(--semantic-focus-ring);outline-offset:var(--semantic-space-1)}.ui-visually-hidden{width:var(--semantic-border-width);height:var(--semantic-border-width);padding:var(--semantic-space-0);margin:calc(var(--semantic-border-width) * -1);clip:rect(0 0 0 0);white-space:nowrap;border:var(--semantic-space-0);position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition:none;animation:none}}.ui-button,.ui-icon-button,.ui-field-control,.ui-segmented-control__option,.ui-tabs__tab{min-inline-size:var(--component-control-target-size);min-block-size:var(--component-control-target-size);border:var(--component-visually-hidden-size) solid var(--component-control-transparent);border-radius:var(--component-button-radius);transition:transform var(--component-control-transition-fast) var(--component-control-easing), background-color var(--component-control-transition-fast) var(--component-control-easing), border-color var(--component-control-transition-fast) var(--component-control-easing), box-shadow var(--component-control-transition-fast) var(--component-control-easing)}.ui-button{justify-content:center;align-items:center;gap:var(--component-button-gap);padding-inline:var(--component-control-padding-inline);padding-block:var(--component-control-padding-block);font-weight:var(--component-font-weight-strong);line-height:var(--component-text-line-height);display:inline-flex}.ui-button:hover:not(:disabled),.ui-icon-button:hover:not(:disabled),.ui-segmented-control__option:hover:not(:disabled),.ui-tabs__tab:hover:not(:disabled){transform:translateY(var(--component-control-hover-lift))}.ui-button:disabled,.ui-icon-button:disabled,.ui-segmented-control__option:disabled,.ui-tabs__tab:disabled,.ui-field-control:disabled{cursor:not-allowed;background:var(--component-button-disabled-background);border-color:var(--component-control-border);color:var(--component-button-disabled-foreground);text-decoration:line-through}.ui-button--primary{background:var(--component-button-primary-background);color:var(--component-button-primary-foreground)}.ui-button--secondary{background:var(--component-button-secondary-background);border-color:var(--component-control-border);color:var(--component-button-secondary-foreground)}.ui-button--quiet{background:var(--component-control-transparent);color:var(--component-button-secondary-foreground)}.ui-button--danger{background:var(--component-button-danger-background);color:var(--component-button-primary-foreground)}.ui-icon-button{padding:var(--component-control-padding-block);background:var(--component-control-background);border-color:var(--component-control-border);color:var(--component-button-secondary-foreground);place-items:center;display:inline-grid}.ui-field{gap:var(--component-button-gap);display:grid}.ui-field__label{color:var(--component-button-secondary-foreground);font-weight:var(--component-font-weight-strong)}.ui-field__hint,.ui-field__error{margin:var(--component-page-header-gap);font-size:var(--component-text-caption);line-height:var(--component-text-caption-line-height)}.ui-field__hint{color:var(--component-status-neutral-foreground)}.ui-field__error{color:var(--component-status-danger-foreground);font-weight:var(--component-font-weight-strong)}.ui-field-control{width:var(--component-control-full-width);padding-inline:var(--component-control-padding-inline);padding-block:var(--component-control-padding-block);background:var(--component-control-background);border-color:var(--component-control-border);color:var(--component-button-secondary-foreground)}.ui-field-control[aria-invalid=true]{background:var(--component-field-error-background);border-color:var(--component-field-error-border)}textarea.ui-field-control{min-block-size:var(--component-field-textarea-min-size);resize:vertical}.ui-segmented-control,.ui-tabs{gap:var(--component-button-gap);flex-wrap:wrap;display:flex}.ui-segmented-control__option,.ui-tabs__tab{justify-content:center;align-items:center;gap:var(--component-page-header-gap);padding-inline:var(--component-status-padding-inline);padding-block:var(--component-control-padding-block);background:var(--component-control-background);border-color:var(--component-control-border);color:var(--component-status-neutral-foreground);font-weight:var(--component-font-weight-strong);display:inline-flex;position:relative}.ui-segmented-control__option[aria-pressed=true],.ui-tabs__tab[aria-selected=true]{border-color:var(--component-status-success-foreground);box-shadow:inset 0 var(--component-control-selected-indicator-offset) var(--component-status-success-foreground);color:var(--component-button-secondary-foreground)}.ui-tabs__tab--thought-map{background:var(--component-work-thought-map)}.ui-tabs__tab--draft{background:var(--component-work-draft)}.ui-tabs__tab--presentation{background:var(--component-work-presentation)}.ui-state-cue{color:inherit;font-size:var(--component-text-caption);line-height:var(--component-text-caption-line-height);text-underline-offset:var(--component-visually-hidden-size);text-decoration:underline}.ui-tab-panel{padding-block:var(--component-surface-padding)}.ui-surface{padding:var(--component-surface-padding);background:var(--component-surface-background);border:var(--component-visually-hidden-size) solid var(--component-surface-border);border-radius:var(--component-surface-radius);box-shadow:var(--component-surface-shadow)}.ui-surface--compact{padding:var(--component-surface-padding-compact)}.ui-surface__heading{margin:var(--component-page-header-gap);color:var(--component-button-secondary-foreground);font-size:var(--component-text-heading);line-height:var(--component-text-heading-line-height)}.ui-page-header{gap:var(--component-page-header-gap);margin-block-end:var(--component-page-header-gap);display:grid}.ui-page-header__eyebrow,.ui-page-header__description{margin:var(--component-page-header-gap);color:var(--component-status-neutral-foreground)}.ui-page-header__eyebrow{color:var(--component-status-success-foreground);font-size:var(--component-text-caption);line-height:var(--component-text-caption-line-height);font-weight:var(--component-font-weight-strong)}.ui-page-header__title{margin:var(--component-page-header-gap);color:var(--component-button-secondary-foreground);font-family:var(--component-page-header-font);font-size:var(--component-page-header-title);line-height:var(--component-page-header-line-height)}.ui-page-header__actions{gap:var(--component-button-gap);flex-wrap:wrap;display:flex}.ui-status-badge{align-items:center;gap:var(--component-page-header-gap);padding-inline:var(--component-status-padding-inline);padding-block:var(--component-status-padding-block);border:var(--component-visually-hidden-size) solid var(--component-current-color);border-radius:var(--component-status-radius);font-size:var(--component-text-caption);line-height:var(--component-text-caption-line-height);font-weight:var(--component-font-weight-strong);display:inline-flex}.ui-status-badge--success,.ui-inline-notice--success{background:var(--component-status-success-background);color:var(--component-status-success-foreground)}.ui-status-badge--info,.ui-inline-notice--info{background:var(--component-status-info-background);color:var(--component-status-info-foreground)}.ui-status-badge--warning,.ui-inline-notice--warning{background:var(--component-status-warning-background);color:var(--component-status-warning-foreground)}.ui-status-badge--danger,.ui-inline-notice--danger{background:var(--component-status-danger-background);color:var(--component-status-danger-foreground)}.ui-status-badge--neutral,.ui-inline-notice--neutral{background:var(--component-status-neutral-background);color:var(--component-status-neutral-foreground)}.ui-inline-notice,.ui-empty-state{gap:var(--component-button-gap);padding:var(--component-surface-padding-compact);border:var(--component-visually-hidden-size) solid var(--component-current-color);border-radius:var(--component-surface-radius);display:grid}.ui-inline-notice__title,.ui-empty-state__title,.ui-empty-state__description{margin:var(--component-page-header-gap)}.ui-inline-notice__title,.ui-empty-state__title{font-size:var(--component-text-heading);line-height:var(--component-text-heading-line-height)}.ui-empty-state{color:var(--component-status-neutral-foreground);text-align:start;justify-items:start}.ui-empty-state__title{color:var(--component-button-secondary-foreground)}.ui-skeleton{min-block-size:var(--component-control-target-size);border-radius:var(--component-button-radius);background:var(--component-skeleton-background);animation:ui-skeleton-pulse var(--component-skeleton-duration) var(--component-skeleton-easing) infinite alternate}@keyframes ui-skeleton-pulse{0%{opacity:var(--component-skeleton-min-opacity)}to{opacity:var(--component-skeleton-max-opacity)}}:root{font-family:var(--font-ui);color:var(--text);background:var(--background);font-synthesis:none;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1, "kern" 1;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--background);margin:0;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer;background:0 0;border:0}img{max-width:100%;display:block}a{color:inherit}.detail-workspace{--detail-workspace-gap:var(--semantic-space-8);--detail-workspace-rail-width:var(--semantic-showcase-min-width);width:100%;max-width:var(--semantic-showcase-max-width);gap:var(--detail-workspace-gap);min-width:0;color:var(--semantic-text-primary);margin-inline:auto;display:grid}.detail-workspace>*,.detail-workspace__artifact-layout>*{min-width:0}.detail-workspace--compact{--detail-workspace-gap:var(--semantic-space-4)}.detail-workspace__hero{align-items:center;gap:var(--semantic-space-8);grid-template-columns:minmax(0,1fr) minmax(16rem,1.35fr);display:grid}.detail-workspace__hero-copy,.detail-workspace__hero-visual,.artifact-stage,.artifact-rail{min-width:0}.detail-workspace__hero h1,.detail-workspace__loading-head h1{font-family:var(--semantic-font-heading);font-size:var(--semantic-type-page-h1);line-height:var(--semantic-line-height-heading);overflow-wrap:anywhere;word-break:keep-all;margin:0}.detail-workspace__hero-copy>p{margin:var(--semantic-space-4) 0 0;color:var(--semantic-text-secondary);line-height:var(--semantic-line-height-body)}.detail-workspace__hero-context,.detail-workspace__hero-meta,.detail-workspace__hero-actions,.detail-workspace__context-slot,.detail-workspace__actions-slot{gap:var(--semantic-space-2);flex-wrap:wrap;align-items:center;display:flex}.detail-workspace__hero-context,.detail-workspace__hero-meta{margin-bottom:var(--semantic-space-3);color:var(--semantic-text-muted);font-size:var(--semantic-type-caption)}.detail-workspace__hero-actions{margin-top:var(--semantic-space-4)}.detail-workspace__hero-visual{border:var(--semantic-border-width) solid var(--semantic-border-default);border-radius:var(--semantic-radius-surface);background:var(--semantic-surface-muted);box-shadow:var(--semantic-shadow-soft);aspect-ratio:16/9;overflow:hidden}.detail-progress,.artifact-rail,.artifact-stage,.growth-report-section,.detail-workspace__supplementary-slot{padding:var(--semantic-space-6);border:var(--semantic-border-width) solid var(--semantic-border-default);border-radius:var(--semantic-radius-surface);background:var(--semantic-surface-raised)}.detail-workspace--compact :is(.detail-progress,.artifact-rail,.artifact-stage,.growth-report-section,.detail-workspace__supplementary-slot){padding:var(--semantic-space-4)}.detail-progress h2,.artifact-rail h2,.artifact-stage h2,.growth-report-section h2{margin:0 0 var(--semantic-space-4);font-family:var(--semantic-font-heading);font-size:var(--semantic-type-h2);line-height:var(--semantic-line-height-h2)}.detail-progress__description{margin:calc(var(--semantic-space-4) * -.5) 0 var(--semantic-space-4);color:var(--semantic-text-secondary);font-size:var(--semantic-type-caption);line-height:var(--semantic-line-height-body)}.detail-progress ol,.artifact-rail ol{margin:0;padding:0;list-style:none}.detail-progress ol{gap:var(--semantic-space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.detail-progress li{align-items:center;gap:var(--semantic-space-3);min-width:0;padding:var(--semantic-space-4);border:var(--semantic-border-width) solid var(--semantic-border-default);border-radius:var(--semantic-radius-control);display:flex}.detail-progress__symbol{flex:0 0 var(--semantic-target-min);width:var(--semantic-target-min);height:var(--semantic-target-min);border-radius:var(--semantic-radius-pill);background:var(--semantic-surface-raised);font-weight:var(--semantic-font-weight-strong);place-items:center;display:grid}.detail-progress li>span:last-child{min-width:0;display:grid}.detail-progress small,.detail-work-tabs small,.artifact-rail button span{color:var(--semantic-text-secondary);font-size:var(--semantic-type-caption)}.detail-progress__step-description{color:var(--semantic-text-muted);font-size:.6875rem;line-height:var(--semantic-line-height-caption)}.detail-work-tabs{gap:var(--semantic-space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.detail-work-tabs button,.artifact-rail button{min-height:var(--semantic-target-min);border:var(--semantic-border-width) solid var(--semantic-border-default);border-radius:var(--semantic-radius-control);color:var(--semantic-text-primary);font:inherit;text-align:start}.detail-work-tabs button{padding:var(--semantic-space-3) var(--semantic-space-4);font-weight:var(--semantic-font-weight-strong);place-items:center;display:grid}.detail-work-tabs button[aria-selected=true]{border-color:var(--semantic-action-primary-strong);box-shadow:inset 0 calc(var(--semantic-border-width) * -1) var(--semantic-action-primary-strong)}.detail-work-tabs button:disabled,.artifact-rail button:disabled{color:var(--semantic-text-disabled);cursor:not-allowed;opacity:var(--semantic-opacity-skeleton-min)}.detail-work-tabs button:focus-visible,.artifact-rail button:focus-visible,.artifact-stage:focus-visible{outline:var(--semantic-focus-width) solid var(--semantic-focus-ring);outline-offset:var(--semantic-space-1)}.detail-workspace__artifact-layout{grid-template-columns:minmax(12rem, var(--detail-workspace-rail-width)) minmax(0, 1fr);gap:var(--semantic-space-6);align-items:start;display:grid}.artifact-rail ol{gap:var(--semantic-space-2);display:grid}.artifact-rail button{gap:var(--semantic-space-1);width:100%;padding:var(--semantic-space-3);background:var(--semantic-surface-canvas);display:grid}.artifact-rail button[aria-current=true]{border-color:var(--semantic-action-primary-strong)}.artifact-rail__empty{color:var(--semantic-text-secondary);line-height:var(--semantic-line-height-body)}.artifact-stage{min-height:calc(var(--semantic-target-min) * 4)}.artifact-stage__body,.growth-report-section{line-height:var(--semantic-line-height-body)}@media (width<=48rem){.detail-workspace__hero,.detail-workspace__artifact-layout,.detail-progress ol,.detail-work-tabs{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.detail-work-tabs button,.artifact-rail button{transition:none}}.presentation-axis-shell{flex-direction:column;gap:20px;display:flex}.presentation-axis-head{border-bottom:1px solid var(--line);flex-direction:column;gap:14px;padding-bottom:16px;display:flex}.presentation-axis-back{color:var(--secondary);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:13px}.presentation-axis-back:hover{color:var(--text)}.presentation-axis-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.presentation-axis-title-row h2{margin:0;font-size:20px}.presentation-axis-state{border:1px solid var(--line);color:var(--secondary);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.presentation-axis-state.state-computed{color:var(--green);border-color:color-mix(in srgb, var(--green) 40%, transparent);background:color-mix(in srgb, var(--green) 10%, transparent)}.presentation-axis-state.state-low_confidence{color:var(--presentation-attention,#b4690e);border-color:color-mix(in srgb, var(--presentation-attention,#b4690e) 40%, transparent);background:color-mix(in srgb, var(--presentation-attention,#b4690e) 10%, transparent)}.presentation-axis-state.state-held{border-style:solid}.presentation-axis-state.state-not_run{border-style:dashed}.presentation-axis-summary-line{color:var(--secondary);margin:0;font-size:14px;line-height:1.6}.presentation-axis-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.presentation-axis-chip{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:2px;min-width:108px;padding:8px 12px;display:flex}.presentation-axis-chip strong{color:var(--text);font-size:13px;font-weight:600}.presentation-axis-chip span{color:var(--secondary);font-size:11px}.presentation-axis-chip.is-strong{border-color:color-mix(in srgb, var(--green) 40%, transparent)}.presentation-axis-chip.is-strong span{color:var(--green)}.presentation-axis-chip.is-growing{border-color:color-mix(in srgb, var(--presentation-attention,#b4690e) 40%, transparent)}.presentation-axis-chip.is-growing span{color:var(--presentation-attention,#b4690e)}.presentation-axis-chip.is-held,.presentation-axis-chip.is-na{border-style:dashed}.presentation-axis-markers{flex-direction:column;gap:6px;display:flex}.presentation-axis-marker-rail{background:var(--line-soft,#f2f4f1);border-radius:8px;height:28px;position:relative}.presentation-axis-marker{cursor:pointer;background:var(--secondary);border:0;border-radius:4px;padding:0;position:absolute;top:4px;bottom:4px}.presentation-axis-marker:disabled{cursor:default;opacity:.55}.presentation-axis-marker.is-point{width:3px}.presentation-axis-marker.tone-strength{background:var(--green)}.presentation-axis-marker.tone-attention{background:var(--presentation-attention,#b4690e)}.presentation-axis-marker:focus-visible{outline:2px solid color-mix(in srgb, var(--green) 55%, transparent);outline-offset:2px}.presentation-axis-marker-scale{color:var(--caption,var(--secondary));justify-content:space-between;font-size:11px;display:flex}.presentation-axis-body{flex-direction:column;gap:24px;display:flex}.presentation-axis-footer{border-top:1px solid var(--line);padding-top:16px}.presentation-axis-empty{border:1px dashed var(--line);text-align:center;background:var(--line-soft,#f8faf7);border-radius:14px;padding:24px}.presentation-axis-empty strong{color:var(--text);margin-bottom:6px;font-size:15px;display:block}.presentation-axis-empty p{color:var(--secondary);margin:0;font-size:13px;line-height:1.6}.presentation-axis-empty.state-held{border-style:solid}.presentation-ai-suggestion{border:1px dashed color-mix(in srgb, var(--green) 45%, var(--line));background:color-mix(in srgb, var(--green) 5%, transparent);border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.presentation-ai-suggestion-badge{background:color-mix(in srgb, var(--green) 16%, transparent);color:var(--green);border-radius:999px;align-self:flex-start;padding:2px 8px;font-size:11px;font-weight:700}.presentation-ai-suggestion p{color:var(--text);margin:0;font-size:14px;line-height:1.6}.presentation-band-gauge{flex-direction:column;gap:8px;display:flex}.presentation-band-gauge-track{gap:4px;display:flex}.presentation-band-gauge-track span{background:var(--line-soft,#eef1ec);border:1px solid var(--line);border-radius:999px;flex:1;height:10px}.presentation-band-gauge-track span.is-filled{background:var(--green);border-color:var(--green)}.presentation-band-gauge-text{align-items:baseline;gap:8px;display:flex}.presentation-band-gauge-text strong{color:var(--text);font-size:16px}.presentation-band-gauge-text span{color:var(--secondary);font-size:12px}@media print{.presentation-axis-shell{break-inside:avoid}.presentation-axis-back{display:none}}.ui-metric-strip--comfortable,.ui-metric-strip--compact,.ui-data-list--comfortable,.ui-data-list--compact,.ui-toolbar--comfortable,.ui-toolbar--compact,.ui-settings--comfortable,.ui-settings--compact,.ui-management-table--comfortable,.ui-management-table--compact{color:var(--component-current-color)}.ui-metric-strip{border-block:var(--semantic-border-width) solid var(--component-surface-border);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));margin:0;display:grid}.ui-metric-strip__item{padding:var(--component-surface-padding)}.ui-metric-strip--compact .ui-metric-strip__item{padding:var(--component-surface-padding-compact)}.ui-metric-strip dt,.ui-metric-strip__detail{color:var(--semantic-text-secondary)}.ui-metric-strip dd{margin:0}.ui-metric-strip__value{font-size:var(--component-text-heading);font-weight:var(--component-font-weight-strong)}.ui-data-list{gap:var(--semantic-space-3);display:grid}.ui-data-list--compact{gap:var(--semantic-space-2)}.ui-data-list__state{padding:var(--component-surface-padding);text-align:center}.ui-data-list__state h2,.ui-data-list__state p{margin-block:0 var(--semantic-space-3)}.ui-data-list__notice{padding:var(--semantic-space-3);background:var(--component-status-warning-background);color:var(--component-status-warning-foreground);margin:0}.ui-data-list__skeleton{min-height:var(--component-control-target-size);border-radius:var(--component-surface-radius);background:var(--component-skeleton-background);display:block}.ui-toolbar{align-items:end;gap:var(--semantic-space-3);flex-wrap:wrap;display:flex}.ui-toolbar--compact{gap:var(--semantic-space-2)}.ui-search-field{flex:16rem}.ui-search-field__input{width:var(--component-control-full-width);min-height:var(--component-control-target-size);padding:var(--component-control-padding-block) var(--component-control-padding-inline);border:var(--semantic-border-width) solid var(--component-control-border);border-radius:var(--component-button-radius);background:var(--component-control-background);color:var(--component-current-color)}.ui-settings{border-block-start:var(--semantic-border-width) solid var(--component-surface-border)}.ui-settings>header{padding-block:var(--component-surface-padding)}.ui-settings--compact>header{padding-block:var(--component-surface-padding-compact)}.ui-settings h2,.ui-settings p{margin:0}.ui-settings-row,.ui-danger-zone{justify-content:space-between;align-items:center;gap:var(--semantic-space-4);padding-block:var(--component-surface-padding-compact);border-block-start:var(--semantic-border-width) solid var(--semantic-border-subtle);display:flex}.ui-settings-row__copy p,.ui-danger-zone p{color:var(--semantic-text-secondary)}.ui-settings-control{flex:0 auto}.ui-danger-zone{border-color:var(--component-field-error-border)}.ui-danger-zone h2{color:var(--component-status-danger-foreground)}.ui-management-table-scroll{border:var(--semantic-border-width) solid var(--component-surface-border);border-radius:var(--component-surface-radius);overflow-x:auto}.ui-management-table{width:var(--component-control-full-width);border-collapse:collapse;background:var(--component-surface-background)}.ui-management-table caption{padding:var(--semantic-space-3);font-weight:var(--component-font-weight-strong);text-align:start}.ui-management-table th,.ui-management-table td{padding:var(--component-surface-padding);border-block-start:var(--semantic-border-width) solid var(--semantic-border-subtle);text-align:start;vertical-align:middle}.ui-management-table--compact th,.ui-management-table--compact td{padding:var(--component-surface-padding-compact)}.ui-management-table th{color:var(--semantic-text-secondary)}.ui-management-table__mobile-label{color:var(--semantic-text-secondary);font-weight:var(--component-font-weight-strong);display:none}.ui-row-actions{position:relative}.ui-row-actions summary{min-height:var(--component-control-target-size);padding-inline:var(--component-control-padding-inline);cursor:pointer;align-items:center;display:inline-flex}.ui-row-actions>div{gap:var(--semantic-space-2);flex-wrap:wrap;padding-block-start:var(--semantic-space-2);display:flex}.ui-search-field__input:focus-visible,.ui-management-table-scroll:focus-visible,.ui-row-actions summary:focus-visible,.ui-row-actions button:focus-visible,.ui-row-actions a:focus-visible{outline:var(--semantic-focus-width) solid var(--semantic-focus-ring);outline-offset:var(--semantic-focus-width)}@media (width<=48rem){.ui-management-table-scroll{overflow-x:visible}.ui-management-table,.ui-management-table tbody,.ui-management-table tr,.ui-management-table td{width:var(--component-control-full-width);display:block}.ui-management-table thead{width:var(--component-visually-hidden-size);height:var(--component-visually-hidden-size);margin:var(--component-visually-hidden-offset);clip:rect(0 0 0 0);white-space:nowrap;position:absolute;overflow:hidden}.ui-management-table tr{padding:var(--component-surface-padding-compact);border-block-start:var(--semantic-border-width) solid var(--semantic-border-subtle)}.ui-management-table td,.ui-management-table--compact td{gap:var(--semantic-space-3);padding:var(--semantic-space-2) 0;border:0;grid-template-columns:minmax(7rem,.45fr) 1fr;display:grid}.ui-management-table__mobile-label{display:inline}.ui-settings-row,.ui-danger-zone{flex-direction:column;align-items:stretch}.ui-settings-control{width:var(--component-control-full-width)}}@media (prefers-reduced-motion:reduce){.ui-row-actions summary,.ui-search-field__input{transition-duration:0s}}.account-type-choice{border:0;min-width:0;margin:0;padding:0}.account-type-choice legend{color:#1a202c;font-size:14px;font-weight:800}.account-type-choice>p{color:#718096;margin:5px 0 12px;font-size:12px;line-height:1.45}.account-type-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.account-type-option{border:1.5px solid var(--line);background:var(--surface);cursor:pointer;border-radius:16px;align-items:flex-start;gap:10px;min-width:0;padding:13px;transition:border-color .18s,background .18s,transform .18s;display:flex;position:relative}.account-type-option:has(input:checked){border-color:var(--green);background:var(--green-soft)}.account-type-option:has(input:focus-visible){outline:3px solid color-mix(in srgb, var(--green) 25%, transparent);outline-offset:2px}.account-type-option input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.account-type-option-icon,.account-type-current>span{background:var(--green-soft);width:36px;height:36px;color:var(--green-strong);border-radius:12px;flex:none;place-items:center;display:grid}.account-type-option strong,.account-type-option small,.account-type-current strong,.account-type-current small{display:block}.account-type-option strong,.account-type-current strong{color:var(--text);font-size:14px}.account-type-option small,.account-type-current small{color:var(--secondary);margin-top:3px;font-size:12px;line-height:1.4}.account-type-lock{background:var(--green-soft);color:var(--green-strong);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.account-type-current{border:1px solid var(--line);background:var(--surface-soft);border-radius:18px;align-items:center;gap:12px;padding:16px;display:flex}.account-type-current.is-unclassified{background:var(--surface)}@media (width<=620px){.account-type-choice-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.account-type-option{transition:none}}dialog.quick-account-dialog{z-index:320;background:var(--overlay-backdrop);width:100%;max-width:none;height:100%;max-height:none;color:inherit;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border:0;place-items:center;margin:0;padding:20px;display:grid;position:fixed;inset:0}dialog.quick-account-dialog::backdrop{background:0 0}.quick-account-dialog-panel{border:1px solid var(--line);background:var(--surface);width:min(390px,100%);max-height:calc(100dvb - 40px);box-shadow:var(--shadow);border-radius:24px;gap:18px;padding:22px;animation:.18s ease-out both quick-account-dialog-enter;display:grid;overflow-y:auto}.quick-account-dialog-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding-right:26px;display:grid;position:relative}.quick-account-dialog-icon{width:42px;height:42px;color:var(--green-strong);background:var(--green-soft);border-radius:14px;place-items:center;display:grid}.quick-account-dialog-icon.is-notifications{color:#7a5c00;background:var(--yellow-soft)}.quick-account-dialog-heading{min-width:0}.quick-account-dialog-heading>span{color:var(--green);letter-spacing:.02em;font-size:11px;font-weight:800}.quick-account-dialog-heading h2{color:var(--text);font-family:var(--font-display);letter-spacing:-.045em;margin:3px 0 0;font-size:24px;font-weight:700;line-height:1.15}.quick-account-dialog-heading p{color:var(--secondary);word-break:keep-all;margin:5px 0 0;font-size:13px;line-height:1.5}.quick-account-dialog-close{border:1px solid var(--line);width:32px;height:32px;color:var(--secondary);border-radius:50%;place-items:center;transition:background-color .18s,color .18s,transform .18s;display:grid;position:absolute;top:-5px;right:-5px}.quick-account-dialog-close:hover{background:var(--line-soft);color:var(--text);transform:rotate(5deg)}.quick-account-dialog-close:focus-visible,.quick-account-actions button:focus-visible,.quick-account-secondary-action:focus-visible,.quick-account-sign-out:focus-visible,.quick-account-setting-row--select select:focus-visible{outline:3px solid color-mix(in srgb, var(--green) 24%, transparent);outline-offset:2px}.quick-account-identity{border:1px solid var(--line-soft);background:var(--surface-soft);border-radius:16px;align-items:center;gap:11px;padding:12px;display:flex}.quick-account-identity-avatar{width:40px;height:40px;color:var(--green-strong);background:var(--green-soft);border-radius:13px;flex:none;place-items:center;display:grid}.quick-account-identity div{gap:2px;min-width:0;display:grid}.quick-account-identity strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;overflow:hidden}.quick-account-identity small{color:var(--secondary);font-size:12px}.quick-account-settings-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid}.quick-account-setting-row{border-bottom:1px solid var(--line-soft);min-height:48px;color:var(--secondary);justify-content:space-between;align-items:center;gap:16px;padding:9px 0;font-size:13px;display:flex}.quick-account-setting-row:last-child{border-bottom:0}.quick-account-setting-row strong{color:var(--text);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:750;overflow:hidden}.quick-account-setting-row--select select{border:1px solid var(--line);background:var(--surface);min-width:148px;min-height:34px;color:var(--text);border-radius:9px;padding:0 9px;font-size:12px;font-weight:700}.quick-account-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.quick-account-actions button,.quick-account-secondary-action,.quick-account-sign-out{border:1px solid var(--line);min-height:42px;color:var(--text);text-align:left;border-radius:12px;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:750;transition:background-color .18s,border-color .18s,transform .18s;display:flex}.quick-account-actions button:hover,.quick-account-secondary-action:hover{border-color:color-mix(in srgb, var(--green) 24%, var(--line));background:var(--green-soft);transform:translateY(-1px)}.quick-account-actions svg{color:var(--green-strong);flex:none}.quick-account-sign-out{color:#b04a3f;border-color:#0000;justify-content:center;width:100%}.quick-account-sign-out:hover{background:#fff5f2;border-color:#f5dcd7}.quick-notification-status{border:1px solid color-mix(in srgb, var(--green) 18%, var(--line));background:var(--green-soft);border-radius:17px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:16px;display:grid}.quick-notification-status.is-empty{border-color:var(--line);background:var(--surface-soft)}.quick-notification-status-icon{width:42px;height:42px;color:var(--green-strong);background:var(--surface);border-radius:13px;place-items:center;display:grid}.quick-notification-status.is-empty .quick-notification-status-icon{color:var(--caption)}.quick-notification-status div{gap:4px;display:grid}.quick-notification-status strong{color:var(--text);font-size:15px;font-weight:800}.quick-notification-status p{color:var(--secondary);word-break:keep-all;margin:0;font-size:12px;line-height:1.5}.quick-account-secondary-action{width:100%;color:var(--green-strong);justify-content:space-between}.quick-account-secondary-action>span:last-child{font-size:17px;line-height:1}@keyframes quick-account-dialog-enter{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.quick-account-dialog-panel,.quick-account-dialog-close,.quick-account-actions button,.quick-account-secondary-action,.quick-account-sign-out{transition:none;animation:none}}@media (width<=520px){dialog.quick-account-dialog{padding:12px}.quick-account-dialog-panel{border-radius:21px;max-height:calc(100dvb - 24px);padding:19px}}.class-showcase-preview{background:var(--background);gap:18px;min-height:100vh;padding:clamp(18px,3vw,40px);display:grid}.class-showcase-preview-switch{border:1px solid var(--line);background:var(--surface-soft);border-radius:999px;width:fit-content;padding:4px;display:inline-flex}.class-showcase-preview-switch button{min-height:34px;color:var(--secondary);border-radius:999px;padding:0 12px;font-size:12px;font-weight:800}.class-showcase-preview-switch button.is-selected{background:var(--surface);box-shadow:var(--shadow-soft);color:var(--green-strong)}.class-showcase-preview-switch button:focus-visible{outline:3px solid color-mix(in srgb, var(--green) 32%, transparent);outline-offset:3px}.class-showcase{max-width:1160px;color:var(--text);gap:28px;display:grid}.class-showcase h2,.class-showcase h3,.class-showcase h4,.class-showcase p{margin:0}.class-showcase-header,.class-showcase-section-heading,.class-showcase-queue-row,.class-showcase-current,.class-showcase-card-top,.class-showcase-card-actions,.class-showcase-reactions,.class-showcase-comment-title,.class-showcase-comment p{align-items:center;display:flex}.class-showcase-header,.class-showcase-section-heading,.class-showcase-queue-row,.class-showcase-current{justify-content:space-between;gap:18px}.class-showcase-eyebrow,.class-showcase-section-heading>div>p{color:var(--green-strong);letter-spacing:.04em;font-size:12px;font-weight:800}.class-showcase-header h2{font-family:var(--font-display);letter-spacing:-.04em;word-break:keep-all;margin-top:7px;font-size:clamp(30px,4vw,46px);line-height:1.12}.class-showcase-header h2 span{color:var(--green-strong)}.class-showcase-description{max-width:590px;color:var(--secondary);font-size:15px;line-height:1.6;margin-top:10px!important}.class-showcase-button{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--text);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:800;transition:background-color .18s ease-out,border-color .18s ease-out,color .18s ease-out,transform .18s ease-out;display:inline-flex}.class-showcase-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--green) 36%, var(--line));background:var(--green-soft);color:var(--green-strong);transform:translateY(-1px)}.class-showcase-button:focus-visible,.class-showcase-comment-form textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--green) 32%, transparent);outline-offset:3px}.class-showcase-button:disabled{cursor:not-allowed;opacity:.55}.class-showcase-button.is-enabled,.class-showcase-current .class-showcase-button{border-color:var(--green-strong);background:var(--green-strong);color:var(--background)}.class-showcase-message,.class-showcase-privacy,.class-showcase-closed,.class-showcase-loading{border:1px solid var(--line);background:var(--surface-soft);color:var(--secondary);border-radius:16px;align-items:flex-start;gap:9px;padding:13px 15px;font-size:13px;font-weight:650;line-height:1.55;display:flex}.class-showcase-message{border-color:color-mix(in srgb, var(--yellow) 48%, var(--line));background:var(--yellow-soft);color:var(--text)}.class-showcase-privacy{border-color:color-mix(in srgb, var(--green) 20%, var(--line));background:var(--green-soft)}.class-showcase-consent-copy{color:var(--secondary);align-items:flex-start;gap:7px;margin:0;font-size:13px;line-height:1.55;display:flex}.class-showcase-loading{justify-content:center;align-items:center;min-height:120px}.class-showcase-flow,.class-showcase-queue,.class-showcase-comments{gap:16px;display:grid}.class-showcase-queue{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:22px;padding:20px}.class-showcase-section-heading h3{font-family:var(--font-display);letter-spacing:-.025em;margin-top:4px;font-size:21px}.class-showcase-section-heading>span,.class-showcase-waiting{color:var(--caption);font-size:12px;font-weight:750}.class-showcase-queue-list{border-top:1px solid var(--line-soft)}.class-showcase-queue-row{border-bottom:1px solid var(--line-soft);min-height:76px;padding:12px 0}.class-showcase-queue-row>div{gap:4px;min-width:0;display:grid}.class-showcase-queue-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.class-showcase-queue-row small,.class-showcase-author{color:var(--caption);font-size:12px}.class-showcase-type{background:var(--blue-soft);width:fit-content;color:var(--green-strong);border-radius:999px;padding:3px 7px;font-size:11px;font-weight:800}.class-showcase-approved{color:var(--green-strong);align-items:center;gap:5px;font-size:12px;font-weight:800;display:inline-flex}.class-showcase-current{border:1px solid color-mix(in srgb, var(--green) 30%, var(--line));background:var(--green-soft);border-radius:22px;padding:18px 20px}.class-showcase-current>div:nth-child(2){flex:1;min-width:0}.class-showcase-current-mark,.class-showcase-live-label{color:var(--green-strong);letter-spacing:.06em;align-items:center;gap:5px;font-size:11px;font-weight:900;display:inline-flex}.class-showcase-current h3{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:20px;overflow:hidden}.class-showcase-current p,.class-showcase-current span{color:var(--secondary);font-size:12px;font-weight:700}.class-showcase-current .class-showcase-reactions{border:0;flex:1}.class-showcase-current .class-showcase-reactions .class-showcase-button{background:var(--surface);color:var(--green-strong)}.class-showcase-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.class-showcase-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:22px;align-content:start;gap:12px;padding:20px;display:grid}.class-showcase-card.is-current{border-color:color-mix(in srgb, var(--green) 42%, var(--line))}.class-showcase-card-top{justify-content:space-between;gap:10px}.class-showcase-card h4{font-family:var(--font-display);letter-spacing:-.025em;word-break:keep-all;font-size:19px;line-height:1.35}.class-showcase-excerpt{color:var(--secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.class-showcase-reactions{border-top:1px solid var(--line-soft);flex-wrap:wrap;gap:6px;padding-top:3px}.class-showcase-reactions .class-showcase-button{min-height:32px;color:var(--secondary);padding:0 8px;font-size:11px}.class-showcase-reactions .class-showcase-button.is-reacted{border-color:color-mix(in srgb, var(--green) 35%, var(--line));background:var(--green-soft);color:var(--green-strong)}.class-showcase-reaction-count{border:1px solid var(--line-soft);background:var(--surface-soft);min-height:32px;color:var(--secondary);border-radius:999px;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:750;display:inline-flex}.class-showcase-reaction-count strong{color:var(--green-strong)}.class-showcase-card-actions{flex-wrap:wrap;gap:7px}.class-showcase-card-actions .is-danger{color:var(--caption-strong)}.class-showcase-comments{border-top:1px solid var(--line);padding-top:14px}.class-showcase-comment-title{color:var(--secondary);gap:6px;font-size:12px;font-weight:800}.class-showcase-comment{border-bottom:1px solid var(--line-soft);gap:4px;padding:10px 0;display:grid;position:relative}.class-showcase-comment p{gap:7px;font-size:12px}.class-showcase-comment p span{background:var(--yellow-soft);color:var(--caption-strong);border-radius:999px;padding:2px 5px;font-size:10px;font-weight:800}.class-showcase-comment small{color:var(--secondary);white-space:pre-wrap;font-size:12px;line-height:1.55}.class-showcase-comment>.class-showcase-button{min-height:27px;padding:0 7px;font-size:10px;position:absolute;top:8px;right:0}.class-showcase-comment-form{grid-template-columns:1fr auto;gap:7px;display:grid}.class-showcase-comment-form label{color:var(--secondary);grid-column:1/-1;font-size:12px;font-weight:800}.class-showcase-comment-form textarea{resize:vertical;border:1px solid var(--line);min-height:66px;color:var(--text);font:inherit;border-radius:12px;padding:9px 10px;font-size:12px;line-height:1.45}.class-showcase-comment-form .class-showcase-button{align-self:end;min-height:34px}.class-showcase-empty,.class-showcase-closed{text-align:center;justify-content:center;min-height:170px}.class-showcase-empty{border:1px dashed var(--line);color:var(--secondary);border-radius:22px;justify-items:center;gap:7px;padding:28px;display:grid}.class-showcase-empty svg{color:var(--green)}.class-showcase-empty p,.class-showcase-closed p{color:var(--secondary);font-size:13px;line-height:1.55}.class-showcase-closed{border-style:dashed}.class-showcase-closed>div{text-align:left;gap:4px;display:grid}@media (width<=900px){.class-showcase-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.class-showcase{gap:22px}.class-showcase-preview-switch button{min-height:40px}.class-showcase-button,.class-showcase-reactions .class-showcase-button,.class-showcase-comment-form .class-showcase-button{min-height:44px}.class-showcase-header,.class-showcase-current,.class-showcase-section-heading{flex-direction:column;align-items:flex-start}.class-showcase-header>.class-showcase-button,.class-showcase-current>.class-showcase-button{width:100%}.class-showcase-current{gap:10px}.class-showcase-current .class-showcase-reactions{width:100%}.class-showcase-gallery{grid-template-columns:1fr}.class-showcase-queue,.class-showcase-card{border-radius:18px;padding:16px}.class-showcase-queue-row{flex-direction:column;align-items:flex-start}.class-showcase-queue-row>.class-showcase-button{width:100%}}@media (prefers-reduced-motion:reduce){.class-showcase-button{transition:none}.class-showcase-button:hover:not(:disabled){transform:none}}.class-context-filter{min-width:208px;color:var(--text);isolation:isolate;align-items:start;display:grid;position:relative}.class-context-filter-trigger{border:1px solid color-mix(in srgb, var(--green) 34%, var(--line));background:color-mix(in srgb, var(--green-soft) 48%, var(--surface));width:100%;min-height:46px;color:var(--text);text-align:left;border-radius:15px;align-items:center;gap:10px;padding:0 14px 0 10px;transition:border-color .16s ease-out,background-color .16s ease-out,box-shadow .16s ease-out,transform .16s ease-out;display:inline-flex;box-shadow:0 7px 18px #2f4e3d0d}.class-context-filter-trigger:hover,.class-context-filter.is-open .class-context-filter-trigger{border-color:color-mix(in srgb, var(--green) 64%, var(--line));background:color-mix(in srgb, var(--green-soft) 72%, var(--surface));box-shadow:0 11px 24px #2f4e3d17}.class-context-filter-trigger:active{transform:translateY(1px)}.class-context-filter-trigger:focus-visible{outline:3px solid color-mix(in srgb, var(--green-soft) 88%, transparent);outline-offset:3px}.class-context-filter-mark,.class-context-filter-option-icon{color:var(--green-strong);flex:none;place-items:center;display:grid}.class-context-filter-mark{background:var(--surface);width:27px;height:27px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--green) 20%, transparent);border-radius:10px}.class-context-filter-value{letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:850;line-height:1.2;overflow:hidden}.class-context-filter-caret{color:var(--green-strong);flex:none;transition:transform .18s ease-out}.class-context-filter.is-open .class-context-filter-caret{transform:rotate(180deg)}.class-context-filter-menu{z-index:30;border:1px solid var(--line);background:var(--surface);transform-origin:0 0;border-radius:18px;width:min(300px,100vw - 32px);margin-top:9px;padding:8px;animation:.16s ease-out both class-context-filter-menu-in;position:static;box-shadow:0 20px 42px #22222221,0 3px 10px #2f4e3d0f}.class-context-filter-menu-heading{color:var(--caption);letter-spacing:.035em;justify-content:space-between;align-items:center;gap:12px;padding:7px 9px 8px;font-size:11px;font-weight:850;display:flex}.class-context-filter-menu-heading span:last-child{color:var(--green-strong);font-variant-numeric:tabular-nums}.class-context-filter-options{scrollbar-width:thin;gap:3px;max-height:min(360px,52vh);display:grid;overflow-y:auto}.class-context-filter-option{width:100%;min-width:0;color:var(--text);text-align:left;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:9px;transition:background-color .14s ease-out,border-color .14s ease-out,transform .14s ease-out;display:flex}.class-context-filter-option:hover,.class-context-filter-option:focus-visible{border-color:color-mix(in srgb, var(--green) 23%, var(--line));background:var(--green-soft);outline:0}.class-context-filter-option:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--green) 28%, transparent)}.class-context-filter-option.is-selected{border-color:color-mix(in srgb, var(--green) 20%, transparent);background:color-mix(in srgb, var(--green-soft) 78%, var(--surface))}.class-context-filter-option:active{transform:scale(.99)}.class-context-filter-option-icon{background:var(--line-soft);border-radius:9px;width:29px;height:29px}.class-context-filter-option-icon.is-all{background:var(--surface)}.class-context-filter-option-copy{flex:1;gap:2px;min-width:0;display:grid}.class-context-filter-option-copy strong,.class-context-filter-option-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.class-context-filter-option-copy strong{letter-spacing:-.02em;font-size:13px;font-weight:800}.class-context-filter-option-copy small{color:var(--caption);font-size:11px;font-weight:650}.class-context-filter-check{color:var(--green-strong);flex:none}@keyframes class-context-filter-menu-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.class-context-filter-trigger,.class-context-filter-caret,.class-context-filter-option,.class-context-filter-menu{transition:none;animation:none}}@media (width<=640px){.class-context-filter{width:100%}.class-context-filter-menu{width:min(320px,100vw - 32px)}}.profile-cosmetic-avatar{isolation:isolate;position:relative;overflow:hidden}.profile-cosmetic-avatar>.profile-cosmetic-background,.profile-cosmetic-avatar>.profile-cosmetic-character,.profile-cosmetic-avatar>.profile-cosmetic-frame{object-fit:contain;width:100%;max-width:none;height:100%;position:absolute;inset:0}.profile-cosmetic-avatar>.profile-cosmetic-background{z-index:-1;object-fit:cover}.profile-cosmetic-avatar>.profile-cosmetic-character{z-index:1;padding:7%}.profile-cosmetic-avatar>.profile-cosmetic-frame{z-index:2;pointer-events:none}.profile-cosmetic-avatar>.profile-cosmetic-badge-stack{z-index:3;align-items:center;display:flex;position:absolute;bottom:15px;right:15px}.profile-cosmetic-avatar>.profile-cosmetic-badge-stack img{object-fit:contain;background:#fff;border:2px solid #fff;border-radius:50%;width:42px;height:42px;margin-left:-8px;box-shadow:0 5px 14px #202f2629}.profile-card-avatar .profile-cosmetic-avatar{border-radius:50%;width:100%;height:100%}.profile-card-avatar .profile-cosmetic-character{padding:4%}.profile-card-avatar .profile-cosmetic-badge-stack{transform-origin:100% 100%;bottom:-6px;right:-6px;transform:scale(.34)}@media (width>=769px){.app-shell--sidebar-collapsed .profile-card-avatar .profile-cosmetic-avatar{border-radius:14px}.app-shell--sidebar-collapsed .profile-card-avatar .profile-cosmetic-badge-stack{display:none}}.profile-shell{width:100%;max-width:var(--semantic-showcase-max-width);gap:var(--semantic-space-8);min-width:0;color:var(--semantic-text-primary);margin-inline:auto;display:grid}.profile-shell>*{min-width:0}.profile-shell__hero{align-items:center;gap:var(--semantic-space-8);grid-template-columns:minmax(0,1fr) minmax(10rem,18rem);display:grid}.profile-shell__hero h1{font-family:var(--semantic-font-heading);font-size:var(--semantic-type-page-h1);line-height:var(--semantic-line-height-heading);overflow-wrap:anywhere;margin:0}.profile-shell__hero p,.profile-growth-hero p,.profile-shell__error p{margin:var(--semantic-space-3) 0 0;line-height:var(--semantic-line-height-body)}.profile-shell__context{margin-bottom:var(--semantic-space-2);color:var(--semantic-text-muted);font-size:var(--semantic-type-caption)}.profile-shell__hero-actions{gap:var(--semantic-space-2);margin-top:var(--semantic-space-4);flex-wrap:wrap;display:flex}.profile-shell__avatar{min-height:calc(var(--semantic-target-min) * 3);place-items:center;display:grid}.profile-growth-hero{gap:var(--semantic-space-6);padding:var(--semantic-space-6);border:var(--semantic-border-width) solid var(--semantic-border-default);border-radius:var(--semantic-radius-surface);background:var(--semantic-surface-raised);grid-template-columns:minmax(8rem,14rem) minmax(0,1fr);display:grid}.profile-growth-hero__character{min-height:calc(var(--semantic-target-min) * 3);place-items:center;display:grid}.profile-growth-hero__eyebrow{color:var(--semantic-text-muted);font-size:var(--semantic-type-caption)}.profile-growth-hero h2,.profile-shortcut-list h2{margin:var(--semantic-space-2) 0 0;font-family:var(--semantic-font-heading);font-size:var(--semantic-type-h2)}.profile-growth-hero__metrics{gap:var(--semantic-space-3);margin:var(--semantic-space-5) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.profile-growth-hero__metrics>div{min-width:0;padding:var(--semantic-space-3);border-radius:var(--semantic-radius-control);background:var(--semantic-surface-muted)}.profile-growth-hero__metrics dt{color:var(--semantic-text-secondary);font-size:var(--semantic-type-caption)}.profile-growth-hero__metrics dd{margin:var(--semantic-space-1) 0 0;font-weight:var(--semantic-font-weight-strong)}.profile-shortcut-list h2{margin-bottom:var(--semantic-space-4)}.profile-shortcut-list ul{gap:var(--semantic-space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.profile-shortcut-list button{width:100%;min-height:var(--semantic-target-min);align-items:center;gap:var(--semantic-space-3);padding:var(--semantic-space-4);border:var(--semantic-border-width) solid var(--semantic-border-default);border-radius:var(--semantic-radius-control);background:var(--semantic-surface-raised);color:inherit;font:inherit;text-align:start;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.profile-shortcut-list button span:nth-child(2){min-width:0;display:grid}.profile-shortcut-list small{color:var(--semantic-text-secondary);overflow-wrap:anywhere}.profile-shortcut-list__icon{width:var(--semantic-target-min);height:var(--semantic-target-min);border-radius:var(--semantic-radius-pill);background:var(--semantic-surface-muted);place-items:center;display:grid}.profile-shortcut-list button:focus-visible,.profile-shell__error button:focus-visible{outline:var(--semantic-focus-width) solid var(--semantic-focus-ring);outline-offset:var(--semantic-space-1)}.profile-shell__error{padding:var(--semantic-space-4);border:var(--semantic-border-width) solid var(--semantic-status-danger);border-radius:var(--semantic-radius-control);color:var(--semantic-status-danger)}@media (width<=48rem){.profile-shell__hero,.profile-growth-hero{grid-template-columns:minmax(0,1fr)}.profile-shell__avatar{grid-row:1}.profile-growth-hero__metrics,.profile-shortcut-list ul{grid-template-columns:minmax(0,1fr)}}.record-list{--component-record-row-gap:var(--semantic-space-6);--component-record-row-padding:var(--semantic-space-6);--component-record-row-padding-compact:var(--semantic-space-4);--component-record-row-visual-size:var(--semantic-showcase-min-width);--component-record-row-visual-size-compact:var(--semantic-field-textarea-min-size);--component-record-row-background:var(--semantic-surface-raised);--component-record-row-border:var(--semantic-border-default);--component-record-row-radius:var(--semantic-radius-surface);--component-record-row-shadow:var(--semantic-shadow-soft);--component-record-row-title:var(--semantic-text-primary);--component-record-row-meta:var(--semantic-text-muted);--component-record-row-state:var(--semantic-text-secondary);--component-record-row-focus:var(--semantic-focus-ring);--component-record-row-step-gap:var(--semantic-space-3);gap:var(--component-record-row-gap);display:grid}.record-list--compact{--component-record-row-gap:var(--semantic-space-3)}.record-row{border:var(--semantic-border-width) solid var(--component-record-row-border);border-radius:var(--component-record-row-radius);background:var(--component-record-row-background);box-shadow:var(--component-record-row-shadow);position:relative}.record-row__link{grid-template-columns:minmax(8rem, var(--component-record-row-visual-size)) minmax(0, 1fr);gap:var(--component-record-row-padding);padding:var(--component-record-row-padding);border-radius:inherit;color:inherit;text-decoration:none;display:grid}.record-row--compact .record-row__link{grid-template-columns:var(--component-record-row-visual-size-compact) minmax(0, 1fr);gap:var(--component-record-row-padding-compact);padding:var(--component-record-row-padding-compact)}.record-row__link:focus-visible{outline:var(--semantic-focus-width) solid var(--component-record-row-focus);outline-offset:var(--semantic-space-1)}.record-visual{border-radius:var(--semantic-radius-control);background:var(--semantic-surface-muted);aspect-ratio:4/3;min-width:0;margin:0;overflow:hidden}.record-visual__image,.record-visual__fallback{width:100%;height:100%}.record-visual__image{object-fit:cover;display:block}.record-visual__fallback{padding:var(--semantic-space-4);color:var(--semantic-text-secondary);text-align:center;place-items:center;display:grid}.record-row__body{align-self:center;min-width:0}.record-row__title{margin:0 0 var(--semantic-space-2);color:var(--component-record-row-title);font-family:var(--semantic-font-heading);font-size:var(--semantic-type-h2);line-height:var(--semantic-line-height-h2);overflow-wrap:anywhere;word-break:keep-all}.record-meta{gap:var(--semantic-space-2) var(--semantic-space-4);color:var(--component-record-row-meta);font-size:var(--semantic-type-caption);flex-wrap:wrap;margin:0;display:flex}.record-meta__item{gap:var(--semantic-space-1);display:flex}.record-meta dt:after{content:":"}.record-meta dd{margin:0}.record-row__chips,.record-row__progress{gap:var(--semantic-space-2);margin-top:var(--semantic-space-3);flex-wrap:wrap;display:flex}.record-row__progress progress{max-width:100%}.record-row__state{margin:var(--semantic-space-3) 0;color:var(--component-record-row-state);font-size:var(--semantic-type-caption);line-height:var(--semantic-line-height-caption)}.deliverable-steps{gap:var(--component-record-row-step-gap);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.deliverable-step{gap:var(--semantic-space-2);align-items:center;min-width:0;display:flex}.deliverable-step__symbol{flex:0 0 var(--semantic-target-min);width:var(--semantic-target-min);height:var(--semantic-target-min);border-radius:var(--semantic-radius-pill);background:var(--semantic-surface-muted);place-items:center;display:grid}.deliverable-step[data-state=complete] .deliverable-step__symbol{background:var(--semantic-status-success-soft)}.deliverable-step[data-state=active] .deliverable-step__symbol{background:var(--semantic-accent-yellow-soft)}.deliverable-step[data-state=locked] .deliverable-step__symbol{background:var(--semantic-status-neutral)}.deliverable-step__copy{min-width:0;font-size:var(--semantic-type-caption);line-height:var(--semantic-line-height-caption);display:grid}.deliverable-step__copy strong,.deliverable-step__copy span{overflow-wrap:anywhere}.deliverable-step__copy span{color:var(--semantic-text-muted)}.record-row__actions{z-index:1;top:var(--semantic-space-4);right:var(--semantic-space-4);position:absolute}.record-row--skeleton{grid-template-columns:minmax(8rem, var(--component-record-row-visual-size)) 1fr;gap:var(--component-record-row-padding);padding:var(--component-record-row-padding);display:grid}.record-row__skeleton-visual,.record-row__skeleton-body span{border-radius:var(--semantic-radius-control);background:var(--component-skeleton-background)}.record-row__skeleton-visual{aspect-ratio:4/3}.record-row__skeleton-body{align-content:center;gap:var(--semantic-space-3);display:grid}.record-row__skeleton-body span{height:var(--semantic-space-6);display:block}.record-row__skeleton-body span:nth-child(2){width:70%}.record-row__skeleton-body span:nth-child(3){width:90%}@media (width<=48rem){.record-row__link,.record-row--compact .record-row__link,.record-row--skeleton{padding:var(--component-record-row-padding-compact);grid-template-columns:minmax(0,1fr)}.record-visual{max-height:var(--component-record-row-visual-size-compact)}.deliverable-steps{grid-template-columns:minmax(0,1fr)}.record-row__actions{padding:0 var(--component-record-row-padding-compact) var(--component-record-row-padding-compact);position:static}}@media (prefers-reduced-motion:reduce){.record-row,.record-row__link{transition:none}}.organization-management{gap:var(--semantic-space-6);padding-block-end:var(--semantic-space-12);display:grid}.organization-management__head{justify-content:space-between;align-items:end;gap:var(--semantic-space-4);display:flex}.organization-management .ui-tab-panel{padding-block-start:var(--semantic-space-5)}.organization-management section>header{margin-block-end:var(--semantic-space-4)}.organization-management section>header h2,.organization-management section>header p{margin:0}.organization-management section>header p{color:var(--semantic-text-secondary)}.organization-management select,.organization-management input{min-height:var(--component-control-target-size)}@media (width<=48rem){.organization-management__head{flex-direction:column;align-items:stretch}}.app-shell{--shell-rail-width:304px;min-height:100vh;color:var(--text);background:var(--background);grid-template-columns:304px minmax(0,1fr);display:grid}.achievement-celebration-overlay{z-index:140;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c1c186b;place-items:center;padding:24px;animation:.18s ease-out both achievement-celebration-fade-in;display:grid;position:fixed;inset:0}.achievement-progress-toast{z-index:998;color:#183327;cursor:pointer;text-align:left;background:#fffffff5;border:1px solid #cdecd7;border-radius:19px;grid-template-columns:auto minmax(0,1fr);column-gap:11px;width:min(330px,100vw - 48px);padding:12px 15px 12px 12px;animation:.36s cubic-bezier(.2,.9,.32,1.15) both achievement-progress-toast-in;display:grid;position:fixed;bottom:98px;right:24px;overflow:hidden;box-shadow:0 14px 34px #195c382e}.achievement-progress-toast-icon{color:#1ca45d;background:#e9f8ed;border-radius:14px;align-self:center;place-items:center;width:42px;height:42px;display:grid}.achievement-progress-toast-copy{gap:1px;min-width:0;display:grid}.achievement-progress-toast-copy small{color:#29945b;font-size:11px;font-weight:800}.achievement-progress-toast-copy strong{color:#173125;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:850;overflow:hidden}.achievement-progress-toast-copy>span{color:#5a7465;font-size:13px;font-weight:700}.achievement-progress-toast-bar{background:#e7f1e9;border-radius:999px;grid-column:1/-1;height:4px;margin-top:8px;overflow:hidden}.achievement-progress-toast-bar i{border-radius:inherit;background:linear-gradient(90deg,#24ae66,#7acb70);min-width:8px;height:100%;transition:width .42s ease-out;display:block}.achievement-celebration{text-align:center;background:linear-gradient(155deg,#fffdf6 0%,#f5fff8 100%);border:1px solid #ffffffbd;border-radius:30px;width:min(100%,420px);padding:38px 32px 30px;animation:.52s cubic-bezier(.18,.96,.35,1.25) both achievement-celebration-pop;position:relative;overflow:hidden;box-shadow:0 24px 70px #0a302247}.achievement-celebration:before,.achievement-celebration:after{content:"";filter:blur(2px);opacity:.56;pointer-events:none;border-radius:999px;width:170px;height:170px;position:absolute}.achievement-celebration:before{background:#d8f5cb;top:-98px;left:-62px}.achievement-celebration:after{background:#ffe6a7;bottom:-116px;right:-88px}.achievement-celebration>:not(.achievement-celebration-confetti){z-index:1;position:relative}.achievement-celebration-kicker{color:#208a54;letter-spacing:-.02em;background:#e1f8e7;border-radius:999px;align-items:center;min-height:30px;padding:4px 12px;font-size:13px;font-weight:800;display:inline-flex}.achievement-celebration-burst{place-items:center;width:130px;height:130px;margin:17px auto 10px;display:grid;position:relative}.achievement-celebration-burst>span{background:conic-gradient(from 10deg,#ffd45b,#fff5c7,#68c980,#e8ffef,#ffd45b);border-radius:44% 56% 54% 46%/48% 42% 58% 52%;animation:7s linear infinite achievement-celebration-spin;position:absolute;inset:6px}.achievement-celebration-burst img{z-index:1;object-fit:contain;filter:drop-shadow(0 8px 7px #2f704329);width:92px;height:92px;animation:1.65s ease-in-out infinite alternate achievement-celebration-float;position:relative}.achievement-celebration h2{color:#142b21;letter-spacing:-.06em;margin:0;font-size:clamp(25px,5vw,32px);font-weight:850}.achievement-celebration p{color:#587064;letter-spacing:-.03em;max-width:280px;margin:9px auto 13px;font-size:15px;line-height:1.55}.achievement-celebration-reward{color:#139253;letter-spacing:-.04em;margin-bottom:20px;font-size:22px;font-weight:850;display:block}.achievement-celebration button{color:#fff;cursor:pointer;width:min(100%,250px);min-height:48px;font:inherit;background:#1dab64;border:0;border-radius:15px;font-weight:800;box-shadow:0 9px 18px #1dab643b}.achievement-celebration-confetti{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.achievement-celebration-confetti span{top:-12px;left:calc(8% + var(--achievement-confetti-index,0) * 8%);background:#f3af38;border-radius:3px;width:9px;height:15px;animation:2.3s cubic-bezier(.2,.7,.4,1) infinite achievement-confetti-fall;position:absolute}.achievement-celebration-confetti span:first-child{--achievement-confetti-index:0;background:#28b869;animation-delay:-.2s}.achievement-celebration-confetti span:nth-child(2){--achievement-confetti-index:1;background:#ffc64a;animation-delay:-1.2s}.achievement-celebration-confetti span:nth-child(3){--achievement-confetti-index:2;background:#6ea9f7;animation-delay:-.8s}.achievement-celebration-confetti span:nth-child(4){--achievement-confetti-index:3;background:#ff8e9b;animation-delay:-1.7s}.achievement-celebration-confetti span:nth-child(5){--achievement-confetti-index:4;background:#b891ff;animation-delay:-.45s}.achievement-celebration-confetti span:nth-child(6){--achievement-confetti-index:5;background:#28b869;animation-delay:-1.45s}.achievement-celebration-confetti span:nth-child(7){--achievement-confetti-index:6;background:#ffc64a;animation-delay:-1.95s}.achievement-celebration-confetti span:nth-child(8){--achievement-confetti-index:7;background:#6ea9f7;animation-delay:-.1s}.achievement-celebration-confetti span:nth-child(9){--achievement-confetti-index:8;background:#ff8e9b;animation-delay:-1s}.achievement-celebration-confetti span:nth-child(10){--achievement-confetti-index:9;background:#b891ff;animation-delay:-.65s}.achievement-celebration-confetti span:nth-child(11){--achievement-confetti-index:10;background:#28b869;animation-delay:-1.6s}.achievement-celebration-confetti span:nth-child(12){--achievement-confetti-index:11;background:#ffc64a;animation-delay:-1.3s}@keyframes achievement-celebration-fade-in{0%{opacity:0}to{opacity:1}}@keyframes achievement-progress-toast-in{0%{opacity:0;transform:translateY(16px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes achievement-celebration-pop{0%{opacity:0;transform:translateY(18px)scale(.86)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes achievement-celebration-spin{to{transform:rotate(360deg)}}@keyframes achievement-celebration-float{to{transform:translateY(-5px)rotate(2deg)}}@keyframes profile-menu-enter{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes achievement-confetti-fall{0%{opacity:0;transform:translateY(-24px)rotate(0)}12%{opacity:1}to{opacity:0;transform:translateY(440px)rotate(310deg)}}@media (prefers-reduced-motion:reduce){.achievement-celebration-overlay,.achievement-celebration,.achievement-progress-toast,.achievement-celebration-burst>span,.achievement-celebration-burst img,.achievement-celebration-confetti span,.profile-menu{animation:none}}.app-shell--sidebar-collapsed{--shell-rail-width:72px;grid-template-columns:92px minmax(0,1fr)}.app-shell--presentation-report{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:125;border-right:1px solid var(--line);background:#fffffff7;flex-direction:column;gap:10px;height:100vh;padding:18px 12px 14px;display:flex;position:sticky;top:0}.sidebar-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;display:flex}.sidebar-toggle{width:40px;height:40px;color:var(--secondary);box-shadow:none;background:0 0;border:none;border-radius:10px;place-items:center;transition:all .2s;display:inline-grid}.sidebar-toggle:hover{color:var(--text);background:var(--line-soft)}.sidebar-toggle-icon{width:20px;height:20px}.sidebar-toggle-icon-fill{opacity:0;transition:opacity .2s}.sidebar-toggle:hover .sidebar-toggle-icon-fill{opacity:1}.brand-button,.profile-card,.sidebar-utility-button,.nav-button,.new-topic-button{color:var(--text);text-align:left}.brand-button{font-family:var(--font-display);letter-spacing:-.02em;align-self:center;align-items:center;gap:8px;padding:0 8px;font-size:28px;font-weight:600;display:inline-flex}.brand-button img{object-fit:contain;width:38px;height:38px}.brand-role-badge{color:#10b981;letter-spacing:-.01em;white-space:nowrap;vertical-align:middle;background-color:#10b9811f;border:1px solid #10b98140;border-radius:999px;margin-left:2px;padding:2px 7px;font-size:11px;font-weight:700}.profile-card{width:100%;min-height:auto;box-shadow:none;background:0 0;border:none;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 4px;transition:opacity .18s;display:grid}.profile-menu-wrap{width:100%;position:relative}.profile-card:hover,.profile-card[aria-expanded=true]{opacity:.72}.profile-card-avatar{border:1px solid var(--line-soft);width:48px;height:48px;box-shadow:none;background:#fff;border-radius:50%;place-items:center;display:grid}.profile-card-avatar img{object-fit:contain;width:40px;height:40px}.profile-card-chevron{color:var(--secondary);flex-shrink:0}.profile-card-copy,.sidebar-utility-label,.seed-card span,.mini-step span{min-width:0}.profile-card strong,.seed-card strong,.mini-step strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.35;display:block;overflow:hidden}.profile-card small,.seed-card small,.mini-step small{color:var(--secondary);margin-top:4px;font-size:13px;font-weight:400;line-height:1.45;display:block}.profile-card small{color:var(--account-accent,#30bd72);font-weight:600}.profile-menu{z-index:120;transform-origin:0 0;background:#fffffffa;border:1px solid #2222220f;border-radius:30px;gap:0;width:min(382px,100vw - 24px);max-height:calc(100vh - 88px);padding:0 20px 16px;animation:.24s cubic-bezier(.22,1,.36,1) both profile-menu-enter;display:grid;position:absolute;top:0;left:0;right:auto;overflow:hidden auto;box-shadow:0 28px 70px #22222226}@media (width>=769px){.app-shell:not(.app-shell--sidebar-collapsed) .profile-menu{top:calc(100% + 12px);left:0}}.profile-menu-hero{text-align:center;background-color:#fbfff9;background-image:linear-gradient(165deg, #fbfff9 0%, var(--account-accent-wash,#f4fbef) 48%, var(--account-accent-soft,#eaf8ee) 100%);flex-direction:column;align-items:center;gap:0;min-height:252px;margin:0 -20px;padding:56px 24px 22px;display:flex;position:relative;overflow:hidden}.profile-menu-scene{z-index:0;pointer-events:none;background-image:-webkit-linear-gradient(270deg,#ffffff24 0%,#ffffff05 46%,#fff3 100%),-webkit-image-set(url(/assets/seum/profile/profile-menu-bg-v1.webp) 1x type("image/webp"),url(/assets/seum/profile/profile-menu-bg-v1.png) 1x type("image/png"));background-image:linear-gradient(#ffffff24 0%,#ffffff05 46%,#fff3 100%),image-set("/assets/seum/profile/profile-menu-bg-v1.webp" 1x type("image/webp"),"/assets/seum/profile/profile-menu-bg-v1.png" 1x type("image/png"));background-position:50%;background-size:cover;position:absolute;inset:0}.profile-menu-close{z-index:2;width:36px;height:36px;color:var(--text);border-radius:50%;place-items:center;display:grid;position:absolute;top:20px;right:20px}.profile-menu-close:hover{background:#ffffffa3}.profile-menu-avatar{z-index:1;background:#fff;border-radius:50%;place-items:center;width:108px;height:108px;display:grid;position:relative;box-shadow:0 18px 36px #22222214}.profile-menu-avatar:after{display:none}.profile-menu-avatar img{object-fit:contain;width:78px;height:78px}.profile-menu-head{z-index:1;width:100%;min-width:0;margin-top:14px;padding:0;position:relative}.profile-menu-head strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:22px;font-weight:800;line-height:1.35;display:block;overflow:hidden}.profile-menu-badge{background:color-mix(in srgb, var(--account-accent,#30bd72) 12%, #fff);min-height:28px;color:color-mix(in srgb, var(--account-accent,#30bd72) 82%, #1f2420);border-radius:999px;justify-content:center;align-items:center;margin-top:8px;padding:0 12px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.profile-menu-head small{color:var(--secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:14px;font-weight:600;line-height:1.45;display:block;overflow:hidden}.profile-menu-character-button{z-index:1;min-height:32px;color:color-mix(in srgb, var(--account-accent,#30bd72) 88%, #1f2420);box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:6px;margin-top:14px;padding:0;font-size:13px;font-weight:700;display:inline-flex;position:relative}.profile-menu-character-button:hover{color:var(--account-accent,#30bd72);opacity:.82;background:0 0}.profile-menu-organization-actions{border-top:1px solid var(--line);gap:12px;margin-top:14px;padding:16px 0 2px;display:grid}.profile-menu-organization-copy{gap:4px;display:grid}.profile-menu-organization-copy strong{color:var(--text);font-size:14px;font-weight:850}.profile-menu-organization-copy small{color:var(--secondary);font-size:12px;line-height:1.5}.profile-menu-organization-action-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.profile-menu-organization-action-buttons button{border:1px solid var(--line);background:var(--surface-soft);min-width:0;min-height:42px;color:var(--text);text-align:center;border-radius:12px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:800;line-height:1.3;display:inline-flex}.profile-menu-organization-action-buttons button:hover{border-color:color-mix(in srgb, var(--account-accent,var(--green)) 38%, var(--line));color:color-mix(in srgb, var(--account-accent,var(--green)) 78%, var(--text))}.profile-menu-organization-action-buttons button.is-primary{border-color:color-mix(in srgb, var(--account-accent,var(--green)) 70%, var(--text));background:color-mix(in srgb, var(--account-accent,var(--green)) 74%, var(--text));color:#fff}.profile-menu-organization-action-buttons button.is-primary:hover{border-color:color-mix(in srgb, var(--account-accent,var(--green)) 62%, var(--text));background:color-mix(in srgb, var(--account-accent,var(--green)) 65%, var(--text));color:#fff}.profile-menu .organization-switcher{gap:10px;padding:18px 0 2px;display:grid}.profile-menu .organization-switcher small{color:var(--text);font-size:15px;font-weight:800}.profile-menu .organization-switcher-list{gap:0;display:grid}.profile-menu .organization-switcher-item{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0;position:relative}.profile-menu .organization-switcher-item.is-active{background:0 0;border:none;border-radius:0;overflow:visible}.profile-menu .organization-switcher-item.is-active:before{background:var(--account-accent,#30bd72);content:"";border-radius:50%;width:8px;height:8px;position:absolute;top:50%;bottom:auto;left:4px;transform:translateY(-50%)}.profile-menu .organization-switcher-item:not(.is-active)+.organization-switcher-item:not(.is-active),.profile-menu .organization-switcher-item.is-active+.organization-switcher-item:not(.is-active),.profile-menu .organization-switcher-item:not(.is-active)+.organization-switcher-item.is-active{border-top:1px solid var(--line-soft)}.profile-menu .organization-switcher-main:hover:not(:disabled){background:#f5fbf7eb;border-radius:14px}.profile-menu .organization-switcher.is-compact .organization-switcher-item:not(.is-active):hover{background:#f5fbf7eb}.profile-menu .organization-switcher.is-compact .organization-switcher-item:not(.is-active):hover .organization-switcher-main{background:0 0}.profile-menu .organization-switcher.is-compact .organization-switcher-row{grid-template-columns:minmax(0,1fr);gap:0}.profile-menu .organization-switcher.is-compact .organization-switcher-main{border-radius:14px;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;min-height:68px;padding:8px 12px 8px 16px}.profile-menu .organization-switcher.is-compact .organization-switcher-item.is-active .organization-switcher-main{padding-left:22px}.profile-menu .organization-switcher.is-compact .organization-switcher-item:not(.is-active) .organization-switcher-main{border-radius:0}.profile-menu .organization-switcher.is-compact .organization-switcher-avatar{background:color-mix(in srgb, var(--account-accent,#30bd72) 10%, #fff);width:48px;height:48px;box-shadow:none;border:none}.profile-menu .organization-switcher.is-compact .organization-switcher-avatar img{width:38px;height:38px}.profile-menu .organization-switcher.is-compact .organization-switcher-avatar.classroom-icon{color:var(--account-accent,var(--green-strong))}.profile-menu .organization-switcher.is-compact .organization-switcher-item.is-active .organization-switcher-avatar{background:#fff;box-shadow:0 8px 18px #2222220f}.profile-menu .organization-switcher.is-compact .organization-switcher-copy strong{font-size:16px}.profile-menu .organization-switcher.is-compact .organization-switcher-copy small{color:var(--secondary);margin-top:3px;font-size:13px}.profile-menu .organization-switcher.is-compact .organization-switcher-state{border:1px solid color-mix(in srgb, var(--account-accent,#30bd72) 34%, #dbe8df);min-height:30px;color:color-mix(in srgb, var(--account-accent,#30bd72) 78%, #1f2420);background:#fff;padding:0 12px;font-size:12px;font-weight:700}.profile-menu .organization-switcher.is-compact .organization-switcher-item.is-active .organization-switcher-state{border-color:color-mix(in srgb, var(--account-accent,#30bd72) 34%, #dbe8df);color:color-mix(in srgb, var(--account-accent,#30bd72) 78%, #1f2420);background:#fff}.profile-menu .organization-switcher.is-compact .organization-switcher-state.is-arrow-only{width:32px;min-height:32px;color:var(--caption);background:0 0;border:0;border-radius:50%;justify-content:center;padding:0;transition:background .15s,color .15s}.profile-menu .organization-switcher-main:hover:not(:disabled) .organization-switcher-state.is-arrow-only{background:color-mix(in srgb, var(--account-accent,#30bd72) 10%, #fff);color:var(--account-accent,#30bd72)}.new-topic-button{color:#fff;min-height:52px;box-shadow:var(--shadow-soft);background:#202020;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;transition:all .2s;display:flex}.new-topic-button:hover{background:#111}.new-topic-button-icon{flex-shrink:0;width:28px;height:28px;transition:transform .2s}.new-topic-button:hover .new-topic-button-icon{transform:scale(1.08)}.nav-list{border-top:1px solid var(--line-soft);gap:6px;padding-top:8px;display:grid}.nav-button{min-height:46px;color:var(--text);border-radius:16px;align-items:center;gap:10px;padding:0 14px;font-size:15px;font-weight:600;transition:background-color .2s,color .2s;display:flex}.nav-button:hover{background:var(--line-soft)}.nav-button img{object-fit:contain;opacity:.55;width:22px;height:22px;transition:opacity .2s,transform .2s}.nav-button svg{width:22px;height:22px;color:var(--secondary);flex-shrink:0;transition:color .2s,transform .2s}.nav-button:hover img{opacity:.85;transform:translateY(-1px)}.nav-button:hover svg{color:var(--text);transform:translateY(-1px)}.nav-button.is-active{background:var(--yellow-soft)}.nav-button.is-active img{opacity:1}.nav-button.is-active svg{color:var(--text)}.nav-button.is-active:hover img,.nav-button.is-active:hover svg{transform:none}.sidebar-utility{border-top:1px solid var(--line-soft);gap:4px;width:100%;margin-top:auto;padding-top:12px;display:grid}.sidebar-utility-button{border-radius:14px;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 10px;font-size:15px;font-weight:600;transition:background-color .2s,color .2s;display:flex;position:relative}.sidebar-utility-button>svg:first-child{color:var(--secondary);flex-shrink:0;transition:color .2s,transform .2s}.sidebar-utility-button:hover{background:var(--line-soft)}.sidebar-utility-button.is-active{background:var(--yellow-soft)}.sidebar-utility-button:hover>svg:first-child,.sidebar-utility-button.is-active>svg:first-child{color:var(--text)}.sidebar-utility-button:hover>svg:first-child{transform:translateY(-1px)}.sidebar-utility-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sidebar-utility-chevron{color:var(--caption);flex-shrink:0;margin-left:auto}.sidebar-utility-dot{background:#12b75f;border-radius:50%;flex-shrink:0;width:8px;height:8px}.sidebar-utility-button.is-danger,.sidebar-utility-button.is-danger>svg:first-child{color:#ef3f32}.sidebar-utility-button.is-danger:hover{background:#ef3f320f}.topic-blob{object-fit:contain;width:40px;height:40px}.topic-blob--thumbnail{border:1px solid var(--line-soft);border-radius:8px;object-fit:cover!important}.seed-card .topic-blob{width:46px;height:46px}.topic-blob-large{width:126px;height:126px}.app-shell--sidebar-collapsed .sidebar{align-items:center;padding-inline:8px}.app-shell--sidebar-collapsed .sidebar-header,.app-shell--sidebar-collapsed .profile-menu-wrap,.app-shell--sidebar-collapsed .profile-card,.app-shell--sidebar-collapsed .new-topic-button,.app-shell--sidebar-collapsed .nav-button,.app-shell--sidebar-collapsed .sidebar-utility,.app-shell--sidebar-collapsed .sidebar-utility-button{justify-content:center;align-self:center}.app-shell--sidebar-collapsed .sidebar-header{justify-content:center;margin-bottom:8px}.app-shell--sidebar-collapsed .brand-button,.app-shell--sidebar-collapsed .brand-button strong,.app-shell--sidebar-collapsed .profile-card-copy,.app-shell--sidebar-collapsed .profile-card-chevron,.app-shell--sidebar-collapsed .new-topic-button span,.app-shell--sidebar-collapsed .nav-button .sidebar-label,.app-shell--sidebar-collapsed .sidebar-utility-label,.app-shell--sidebar-collapsed .sidebar-utility-chevron{display:none}.app-shell--sidebar-collapsed .profile-card{grid-template-columns:1fr;width:56px;min-height:56px;padding:6px}.app-shell--sidebar-collapsed .profile-menu-wrap{width:56px}.app-shell--sidebar-collapsed .profile-card img{width:42px;height:42px}.app-shell--sidebar-collapsed .profile-card-avatar{width:44px;height:44px}.app-shell--sidebar-collapsed .profile-menu{width:min(382px,100vw - 112px);top:0;left:calc(100% + 12px);right:auto}.app-shell--sidebar-collapsed .profile-menu:before{content:"";border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:#fffffffa;width:12px;height:12px;position:absolute;top:22px;left:-7px;transform:rotate(45deg)}.app-shell--sidebar-collapsed .new-topic-button{width:52px;min-height:52px;color:var(--secondary);box-shadow:none;background:0 0;border:none;border-radius:16px;padding:0;transition:all .2s}.app-shell--sidebar-collapsed .new-topic-button:hover{color:var(--text);background:var(--line-soft)}.app-shell--sidebar-collapsed .new-topic-button .new-topic-button-icon{width:24px;height:24px}.app-shell--sidebar-collapsed .nav-list{justify-items:center;padding-top:6px}.app-shell--sidebar-collapsed .nav-button{border-radius:16px;justify-self:center;width:52px;min-height:52px;padding:0}.app-shell--sidebar-collapsed .nav-button img,.app-shell--sidebar-collapsed .nav-button svg{width:24px;height:24px}.app-shell--sidebar-collapsed .sidebar-utility{justify-items:center;gap:8px;width:52px;padding-top:8px}.app-shell--sidebar-collapsed .sidebar-utility-button{border-radius:16px;justify-self:center;width:52px;min-height:52px;padding:0}.app-shell--sidebar-collapsed .sidebar-utility-button>svg:first-child{width:24px;height:24px}.app-shell--sidebar-collapsed .sidebar-utility-dot{width:7px;height:7px;position:absolute;top:13px;right:13px}.app-shell--sidebar-collapsed .sidebar [data-sidebar-tooltip]{position:relative}.app-shell--sidebar-collapsed .sidebar [data-sidebar-tooltip]:before,.app-shell--sidebar-collapsed .sidebar [data-sidebar-tooltip]:after{z-index:110;pointer-events:none;opacity:0;transition:opacity .12s cubic-bezier(.4,0,.2,1),transform .12s cubic-bezier(.4,0,.2,1);position:absolute;top:50%}.app-shell--sidebar-collapsed .sidebar [data-sidebar-tooltip]:before{content:"";background:#222;border-radius:1px;width:6px;height:6px;left:calc(100% + 10px);transform:translateY(-50%)translate(-4px)rotate(45deg)}.app-shell--sidebar-collapsed .sidebar [data-sidebar-tooltip]:after{content:attr(data-sidebar-tooltip);color:#fff;white-space:nowrap;background:#222;border-radius:8px;min-width:max-content;padding:8px 12px;font-size:13px;font-weight:500;line-height:1.2;left:calc(100% + 10px);transform:translateY(-50%)translate(-4px);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a}.app-shell--sidebar-collapsed .sidebar [data-sidebar-tooltip]:hover:before,.app-shell--sidebar-collapsed .sidebar [data-sidebar-tooltip]:focus-visible:before{opacity:1;transform:translateY(-50%)translate(0)rotate(45deg)}.app-shell--sidebar-collapsed .sidebar [data-sidebar-tooltip]:hover:after,.app-shell--sidebar-collapsed .sidebar [data-sidebar-tooltip]:focus-visible:after{opacity:1;transform:translateY(-50%)translate(0)}.app-shell--sidebar-collapsed .profile-card[aria-expanded=true]:before,.app-shell--sidebar-collapsed .profile-card[aria-expanded=true]:after{opacity:0}.workspace{--workspace-inline:clamp(24px, 5vw, 72px);min-width:0;padding:28px var(--workspace-inline) 56px}.workspace--topic-detail{grid-template-columns:minmax(0,1fr);justify-items:stretch;display:grid}.mobile-bottom-nav,.mobile-bottom-nav-notification-proxy{display:none}@media (width<=768px){.app-shell,.app-shell--sidebar-collapsed{min-height:100svh;padding-bottom:calc(82px + env(safe-area-inset-bottom));display:block}.app-shell:has(.workspace--map){padding-bottom:0}.sidebar{display:none}.workspace{--workspace-inline:clamp(14px, 4vw, 20px);width:100%;min-width:0;max-width:100%;padding:16px var(--workspace-inline) calc(104px + env(safe-area-inset-bottom))}.workspace--topic-detail .detail-workspace{width:100%;min-width:0;max-width:100%}.detail-workspace__context-slot .topic-detail-top-nav{z-index:100;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-width:0;display:grid;position:sticky;top:0}.detail-workspace__context-slot .topic-detail-top-nav>.back-link{text-overflow:ellipsis;white-space:nowrap;grid-area:1/1;min-width:0;font-size:13px;overflow:hidden}.detail-workspace__context-slot .topic-navbar-center{grid-area:2/1/auto/-1;justify-content:flex-start;align-items:center;gap:8px;width:100%;min-width:0;display:flex;position:static;transform:none}.detail-workspace__context-slot .topic-navbar-title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;max-width:none;overflow:hidden}.detail-workspace__context-slot .topic-header-actions{grid-area:1/2}.workspace--map{height:calc(100svh - 82px - env(safe-area-inset-bottom));overflow:hidden;padding:0!important}.mobile-bottom-nav{right:12px;bottom:max(10px, env(safe-area-inset-bottom));z-index:1000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #22222214;border-radius:22px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;min-height:64px;padding:7px;display:grid;position:fixed;left:12px;box-shadow:0 18px 48px #22222229}.mobile-bottom-nav.is-teacher{grid-template-columns:repeat(5,minmax(0,1fr))}.mobile-bottom-nav button{min-width:0;min-height:50px;color:var(--secondary);letter-spacing:0;border-radius:16px;justify-items:center;gap:3px;padding:5px 2px;font-size:11px;font-weight:800;display:grid;position:relative}.mobile-bottom-nav button.is-active{background:var(--yellow-soft);color:var(--text)}.mobile-bottom-nav img,.mobile-bottom-nav-icon{place-items:center;width:25px;height:25px;display:grid;position:relative}.mobile-bottom-nav img{object-fit:contain}.mobile-bottom-nav-icon i{background:#e64949;border:1.5px solid #fff;border-radius:999px;width:7px;height:7px;position:absolute;top:1px;right:1px}}.logged-out-shell{min-height:100vh;color:var(--text);background:var(--background)}.login-modal-backdrop{z-index:130;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.login-modal-scrim{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a4d;position:fixed;inset:0}.login-modal-panel{background:#fff;border:1px solid #fffc;border-radius:36px;flex-direction:column;width:min(100%,540px);max-height:calc(100svh - 40px);padding:0;animation:.22s cubic-bezier(.16,1,.3,1) both login-modal-enter;display:flex;position:relative;overflow-y:auto;box-shadow:0 30px 90px #0f172a26}.login-modal-close{z-index:1;color:#334155;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffdb;border:1px solid #ffffffc7;border-radius:999px;place-items:center;width:40px;height:40px;padding:0;transition:transform .16s,background-color .16s,box-shadow .16s;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 6px 18px #0f172a24}.login-modal-close:hover{background:#fff;transform:scale(1.04);box-shadow:0 8px 22px #0f172a2e}.login-modal-close:focus-visible{outline-offset:2px;outline:3px solid #2563eb7a}.login-modal-close-icon{width:19px;height:19px}.login-modal-banner{pointer-events:none;border-radius:36px 36px 0 0;flex-shrink:0;width:100%;height:160px;overflow:hidden}.login-modal-banner-picture,.login-modal-banner-image{width:100%;height:100%;display:block}.login-modal-banner-image{object-fit:cover;object-position:58% 54%}.login-modal-body{gap:20px;padding:28px 36px 36px;display:grid}.login-modal-copy{flex-direction:column;gap:6px;display:flex}.status-chip{color:#03c75a;background:#e8f8ee;border-radius:20px;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.status-chip-dot{background:#03c75a;border-radius:50%;width:6px;height:6px}.login-modal-copy h1{color:#1a202c;font-family:var(--font-display);margin:0;font-size:30px;font-weight:800;line-height:1.15}.login-modal-copy p{color:#718096;word-break:keep-all;margin:0;font-size:14px;line-height:1.5}.social-login-circle-list{justify-content:center;gap:16px;margin:16px 0 8px;display:flex}.social-login-circle-button{cursor:pointer;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.social-login-circle-button:hover{transform:translateY(-2px)}.social-login-circle-button:active{transform:translateY(0)}.social-login-circle-button.social-google{background:#fff;border:1px solid #edf2f7;box-shadow:0 4px 12px #0000000a}.social-login-circle-button.social-google:hover{border-color:#cbd5e0;box-shadow:0 6px 16px #00000014}.social-login-circle-button.social-kakao{background:#fee500;box-shadow:0 4px 12px #fee50026}.social-login-circle-button.social-kakao:hover{background:#ffd600;box-shadow:0 6px 16px #fee50040}.social-login-circle-button.social-naver{background:#03c75a;box-shadow:0 4px 12px #03c75a26}.social-login-circle-button.social-naver:hover{background:#02b34f;box-shadow:0 6px 16px #03c75a40}.social-icon{justify-content:center;align-items:center;width:28px;height:28px;display:flex}.login-divider{color:#a0aec0;justify-content:center;align-items:center;margin:16px 0;font-size:13px;font-weight:700;display:flex;position:relative}.login-divider:before{content:"";background:#edf2f7;height:1px;position:absolute;left:0;right:0}.login-divider span{z-index:1;background:#fff;padding:0 16px;position:relative}.login-form{gap:0;display:grid}.form-group{gap:0;padding-bottom:20px;display:grid}.form-group label{color:#a0aec0;letter-spacing:.06em;text-transform:uppercase;padding-bottom:4px;font-size:11px;font-weight:700}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon-left{color:#c0cad8;pointer-events:none;align-items:center;transition:color .18s;display:flex;position:absolute;left:0}.input-wrapper input{color:#1a202c;background:0 0;border:none;border-bottom:1.5px solid #e2e8f0;border-radius:0;outline:0;width:100%;min-height:50px;padding:0 40px 0 36px;font-size:15px;font-weight:500;transition:border-color .18s}.input-wrapper input:focus{background:0 0;border-bottom-color:#03c75a}.input-wrapper:focus-within .input-icon-left{color:#03c75a}.input-wrapper input::placeholder{color:#c0cad8}.password-toggle-button{color:#a0aec0;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;transition:color .16s;display:flex;position:absolute;right:16px}.password-toggle-button:hover{color:#4a5568}.login-submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#30bd72 0%,#24a863 100%);border:none;border-radius:18px;justify-content:center;align-items:center;width:100%;min-height:52px;margin-top:8px;font-size:16px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 12px #30bd7233}.login-submit-button:hover{background:linear-gradient(135deg,#35c477 0%,#28b26a 100%);transform:translateY(-1px);box-shadow:0 6px 20px #30bd724d}.login-submit-button:active{transform:translateY(0);box-shadow:0 2px 6px #30bd7233}.login-form-options{justify-content:space-between;align-items:center;font-size:14px;display:flex}.keep-logged-in-label{color:#4a5568;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;font-weight:600;display:flex}.keep-logged-in-checkbox{opacity:0;width:0;height:0;position:absolute}.custom-checkbox-box{color:#fff;background:#fff;border:2px solid #cbd5e0;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;margin-right:8px;transition:all .16s;display:flex}.keep-logged-in-checkbox:checked+.custom-checkbox-box{background:#03c75a;border-color:#03c75a}.custom-checkbox-box svg{opacity:0;transition:opacity .16s}.keep-logged-in-checkbox:checked+.custom-checkbox-box svg{opacity:1}.forgot-password-link{color:#718096;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:14px;font-weight:600;transition:color .16s;display:flex}.forgot-password-link:hover{color:#2d3748}.forgot-password-link svg{transition:transform .16s}.forgot-password-link:hover svg{transform:translate(2px)}.signup-prompt-card{background:#f0faf5;border:none;border-radius:20px;align-items:center;gap:14px;margin-top:8px;padding:14px 18px;display:flex}.signup-prompt-character{justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.signup-prompt-character img{object-fit:contain;width:36px;height:36px}.sparkle{justify-content:center;align-items:center;display:flex;position:absolute}.sparkle.sparkle-top{animation:2s ease-in-out infinite sparkle-pulse;top:-4px;right:-4px}.sparkle.sparkle-bottom{animation:2s ease-in-out .7s infinite sparkle-pulse;bottom:-2px;left:-4px}@keyframes sparkle-pulse{0%,to{opacity:.6;transform:scale(.8)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(15deg)}}.signup-prompt-copy{text-align:left;flex:1}.signup-prompt-copy h3{color:#2d3748;margin:0;font-size:14px;font-weight:700}.signup-prompt-copy p{color:#718096;margin:2px 0 0;font-size:12px}.signup-prompt-button{color:#03c75a;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #03c75a;border-radius:16px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .16s}.signup-prompt-button:hover{background:#e8f8ee;border-color:#03c75a}@media (width<=500px){.login-modal-panel{padding:0}.login-modal-banner{border-radius:24px 24px 0 0;height:120px}.login-modal-body{gap:16px;padding:20px 24px 24px}.signup-prompt-card{grid-template-columns:44px minmax(0,1fr);display:grid}.signup-prompt-copy h3,.signup-prompt-copy p{word-break:keep-all;overflow-wrap:break-word}.signup-prompt-button{grid-column:1/-1;width:100%}}@keyframes login-modal-enter{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.page-stack{gap:18px;max-width:1140px;margin:0 auto;display:grid}.home-page{position:relative}.home-page .hero-line,.home-page .hero-copy h1,.home-page .hero-copy>p:not(.hero-line),.home-page .search-wrapper,.home-page .home-workspace-grid,.home-page .home-seed-header-row,.home-page .seed-empty-note,.records-page>.back-link,.records-page>.page-title,.records-page>.status-banner,.records-page>.empty-state,.records-page .record-list{animation:.56s cubic-bezier(.16,1,.3,1) backwards page-item-reveal}.home-page .hero-line{animation-delay:40ms}.home-page .hero-copy h1{word-break:keep-all;animation-delay:.105s}.home-page .hero-copy>p:not(.hero-line){animation-delay:.17s}.home-page .search-wrapper{animation-delay:.235s}.home-page .home-workspace-grid{animation-delay:.31s}.home-page .subject-card,.home-page .seed-row>.seed-card,.records-page .record-list>.record-card,.records-page .personal-record-list>.personal-record-row{animation:.6s cubic-bezier(.16,1,.3,1) backwards page-card-reveal}.home-page .subject-card:first-child{animation-delay:.38s}.home-page .subject-card:nth-child(2){animation-delay:.425s}.home-page .subject-card:nth-child(3){animation-delay:.47s}.home-page .subject-card:nth-child(4){animation-delay:.515s}.home-page .subject-card:nth-child(5){animation-delay:.56s}.home-page .subject-card:nth-child(6){animation-delay:.605s}.home-page .home-seed-header-row{animation-delay:.65s}.home-page .seed-row>.seed-card:first-child,.home-page .seed-empty-note{animation-delay:.705s}.home-page .seed-row>.seed-card:nth-child(2){animation-delay:.76s}.home-page .seed-row>.seed-card:nth-child(3){animation-delay:.815s}.records-page>.back-link{animation-delay:35ms}.records-page>.page-title{animation-delay:95ms}.records-page>.status-banner,.records-page>.empty-state{animation-delay:.16s}.records-page .record-list{animation-delay:.145s}.records-page .record-list>.record-card,.records-page .personal-record-list>.personal-record-row{animation-delay:var(--record-reveal-delay,.17s)}@keyframes page-item-reveal{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:translate(0,0)}}@keyframes page-card-reveal{0%{opacity:0;filter:blur(7px);transform:translateY(18px)scale(.985)}to{opacity:1;filter:blur();transform:translate(0,0)scale(1)}}@media (prefers-reduced-motion:reduce){.home-page .hero-line,.home-page .hero-copy h1,.home-page .hero-copy>p:not(.hero-line),.home-page .search-wrapper,.home-page .home-workspace-grid,.home-page .subject-card,.home-page .home-seed-header-row,.home-page .seed-row>.seed-card,.home-page .seed-empty-note,.records-page>.back-link,.records-page>.page-title,.records-page>.status-banner,.records-page>.empty-state,.records-page .record-list,.records-page .record-list>.record-card,.records-page .personal-record-list>.personal-record-row{animation:none}}.hero-section{grid-template-columns:minmax(520px,.92fr) minmax(420px,1.08fr);align-items:start;min-width:0;min-height:480px;padding:4px 0 8px;display:grid;position:relative}@media (width<=768px){.hero-section{grid-template-columns:minmax(0,1fr);max-width:100%}.hero-copy,.hero-art,.hero-character-layer,.hero-character-image{min-width:0;max-width:100%}.home-page .hero-art{width:100%;overflow:clip}.hero-character-image{width:min(520px,100%);height:auto}}.hero-copy{z-index:2;min-width:0;position:relative}.hero-line{color:var(--green);margin:0 0 18px;font-weight:600;line-height:1.5}.hero-copy h1,.page-title h1,.topic-hero h1,.essay-hero h1,.upload-hero h1,.report-hero h1,.presentation-hero h1,.empty-state h1{color:var(--text);font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.15}.hero-copy h1{text-wrap:balance;max-width:680px;font-size:clamp(52px,4.65vw,68px)}.hero-copy h1 span{color:var(--green)}.hero-copy>p:not(.hero-line),.page-title p,.account-hero p,.topic-hero p,.essay-hero p,.upload-hero p,.report-hero p,.presentation-hero p,.empty-state p{color:var(--secondary);word-break:keep-all;margin:18px 0 0;font-size:17px;font-weight:400;line-height:1.6}.topic-search{border:1px solid var(--line);background:var(--surface);width:min(660px,100%);min-height:72px;box-shadow:var(--shadow);border-radius:28px;grid-template-columns:32px minmax(0,1fr) 54px;align-items:center;gap:12px;margin-top:30px;padding:8px 10px 8px 22px;transition:all .25s cubic-bezier(.16,1,.3,1);display:grid}.topic-search span{color:var(--caption);font-size:25px}.topic-search input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:17px;font-weight:400}.topic-search input::placeholder{color:var(--caption)}.topic-search button,.primary-button span{background:var(--yellow);color:var(--text);border-radius:999px;place-items:center;display:inline-grid}.topic-search button{width:52px;height:52px;font-size:28px;font-weight:500}.search-wrapper{z-index:90;width:min(660px,100%);margin-top:30px;transition:z-index .25s;position:relative}.search-wrapper.has-dropdown-open{z-index:1010}.search-wrapper.has-dropdown-open .topic-search{border-color:var(--green);box-shadow:0 0 0 4px #32a8521f,0 20px 40px #00000014}.search-backdrop{-webkit-backdrop-filter:blur(8px);z-index:0;background:#2222222e;width:100vw;height:100vh;animation:.25s cubic-bezier(.16,1,.3,1) both search-backdrop-fade;position:fixed;top:0;left:0}@keyframes search-backdrop-fade{0%{opacity:0}to{opacity:1}}.search-wrapper .topic-search{z-index:1;width:100%;margin-top:0;position:relative}.search-dropdown{background:var(--surface);border:1px solid var(--line);z-index:2;border-radius:20px;flex-direction:column;gap:18px;max-height:min(560px,100svh - 180px);padding:20px;animation:.2s cubic-bezier(.16,1,.3,1) both search-dropdown-fade;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 36px #00000014}@keyframes search-dropdown-fade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-dropdown-section{flex-direction:column;gap:8px;display:flex}.search-dropdown-title{color:var(--caption);letter-spacing:.02em;text-align:left;margin-bottom:2px;font-size:13px;font-weight:600}.search-suggestion-list{flex-direction:column;gap:6px;display:flex}.search-suggestion-item{background:var(--surface);width:100%;color:var(--text);text-align:left;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.search-suggestion-item:hover{background:var(--line-soft);transform:translate(4px)}.search-suggestion-new{background:var(--yellow-soft);border:1px dashed var(--yellow)}.search-suggestion-new:hover{background:var(--yellow-soft);filter:brightness(.97);transform:translate(4px)}.search-suggestion-new.is-duplicate-option{background:#fff9df;border-color:#f6b93bb8}.search-suggestion-item.is-exact-match{background:#f3fbf1;border-color:#32a85247}.search-suggestion-item.is-exact-match:hover{background:#edf8e8}.search-suggestion-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.search-suggestion-text{text-align:left;flex-direction:column;flex-grow:1;gap:2px;min-width:0;font-size:15px;display:flex}.search-suggestion-text strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.search-suggestion-meta{color:var(--secondary);font-size:12px}.search-suggestion-arrow{color:var(--caption);font-size:18px;transition:transform .2s}.search-suggestion-item:hover .search-suggestion-arrow{color:var(--text);transform:translate(2px)}.search-suggestion-empty{color:var(--caption);text-align:center;background:var(--line-soft);border-radius:12px;padding:12px 14px;font-size:14px}.recommend-tag-container{flex-wrap:wrap;gap:8px;display:flex}.recommend-tag{background:var(--line-soft);color:var(--secondary);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:500;transition:all .2s}.recommend-tag:hover{background:var(--yellow-soft);color:var(--text);transform:scale(1.05)}.topic-confirm-backdrop{z-index:1500;-webkit-backdrop-filter:blur(10px);background:#2222223d;place-items:center;padding:24px;animation:.18s cubic-bezier(.16,1,.3,1) both search-backdrop-fade;display:grid;position:fixed;inset:0}.topic-confirm-dialog{width:min(640px,100%);max-height:min(760px,100svh - 48px);color:var(--text);background:linear-gradient(#fff 0%,#fffdf6 100%);border:1px solid #ffffffb8;border-radius:28px;gap:16px;padding:26px;animation:.19s cubic-bezier(.16,1,.3,1) both topic-confirm-enter;display:grid;position:relative;overflow-y:auto;box-shadow:0 28px 72px #2223}@keyframes topic-confirm-enter{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.topic-confirm-close{background:var(--line-soft);width:38px;height:38px;color:var(--secondary);border-radius:50%;place-items:center;font-size:26px;line-height:1;display:grid;position:absolute;top:18px;right:18px}.topic-confirm-close:hover{color:var(--text);background:#f0f0e8}.topic-confirm-head{gap:8px;padding-right:42px;display:grid}.topic-confirm-head>span{width:fit-content;color:var(--green);background:#edf8e8;border-radius:999px;padding:5px 11px;font-size:13px;font-weight:700}.topic-confirm-head h2{color:var(--text);font-family:var(--font-display);overflow-wrap:anywhere;word-break:keep-all;margin:0;font-size:30px;font-weight:700;line-height:1.18}.topic-confirm-head p{max-width:520px;color:var(--secondary);word-break:keep-all;margin:0;font-size:15px;line-height:1.6}.topic-confirm-section{gap:10px;display:grid}.topic-confirm-section-title{justify-content:space-between;align-items:end;gap:12px;display:flex}.topic-confirm-section-title strong{color:var(--text);font-size:15px;font-weight:700}.topic-confirm-section-title span{color:var(--caption);text-align:right;font-size:13px}.topic-confirm-topic-list{gap:8px;display:grid}.topic-confirm-topic{border:1px solid var(--line-soft);width:100%;min-height:68px;color:var(--text);text-align:left;background:#fff;border-radius:16px;grid-template-columns:48px minmax(0,1fr) 28px;align-items:center;gap:12px;padding:10px 12px;transition:transform .18s,border-color .18s,background .18s;display:grid}.topic-confirm-topic:hover{background:#f8fcf3;border-color:#32a85242;transform:translateY(-1px)}.topic-confirm-topic.is-exact-match{background:#f3fbf1;border-color:#32a85257}.topic-confirm-topic .topic-blob{width:48px;height:48px}.topic-confirm-topic span,.topic-confirm-new strong,.topic-confirm-new small{min-width:0}.topic-confirm-topic strong,.topic-confirm-topic small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.topic-confirm-topic strong{font-size:15px;font-weight:700}.topic-confirm-topic small{color:var(--secondary);margin-top:4px;font-size:12px}.topic-confirm-topic em{color:var(--caption);text-align:right;font-size:20px;font-style:normal}.topic-confirm-empty{background:var(--line-soft);color:var(--secondary);text-align:center;border-radius:16px;margin:0;padding:14px 16px;font-size:14px}.topic-confirm-level{background:#f6fcf5;border:1px solid #32a85233;border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(180px,220px);align-items:center;gap:16px;padding:14px 16px;display:grid}.topic-confirm-level strong,.topic-confirm-level span{display:block}.topic-confirm-level strong{color:#246e42;font-size:14px}.topic-confirm-level span{color:var(--secondary);margin-top:4px;font-size:12px;line-height:1.5}.topic-confirm-level select{width:100%;min-height:42px;color:var(--text);font:inherit;background:#fff;border:1px solid #32a85247;border-radius:12px;padding:0 12px;font-weight:700}@media (width<=640px){.topic-confirm-level{grid-template-columns:1fr;gap:10px}}.topic-confirm-new{background:var(--yellow-soft);width:100%;min-height:74px;color:var(--text);text-align:left;border:1px dashed #f6b93bf2;border-radius:18px;grid-template-columns:44px minmax(0,1fr);grid-template-areas:"icon title""icon body";align-items:center;column-gap:12px;padding:13px 16px;transition:transform .18s,filter .18s;display:grid}.topic-confirm-new:hover{filter:brightness(.98);transform:translateY(-1px)}.topic-confirm-new:disabled{cursor:wait;opacity:.68;transform:none}.topic-confirm-new.is-duplicate-option{background:#fff9df}.topic-confirm-new span{background:#fff;border-radius:50%;grid-area:icon;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.topic-confirm-new strong{text-overflow:ellipsis;white-space:nowrap;grid-area:title;font-size:16px;font-weight:800;overflow:hidden}.topic-confirm-new small{color:var(--secondary);text-overflow:ellipsis;white-space:nowrap;grid-area:body;font-size:13px;overflow:hidden}.hero-art{isolation:isolate;min-height:480px;position:relative}.hero-character-layer{z-index:1;pointer-events:none;position:absolute;inset:0}.hero-character-image{--hero-image-x:0px;--hero-image-y:0px;object-fit:contain;width:clamp(560px,46vw,760px);max-width:none;transform:translate3d(var(--hero-image-x), var(--hero-image-y), 0);transform-origin:56% 62%;filter:drop-shadow(0 18px 26px #2222220a);will-change:transform, opacity, filter;z-index:2;animation:.76s cubic-bezier(.2,.9,.18,1) .12s both hero-character-enter;display:block;position:absolute;bottom:-34px;right:clamp(-84px,-4vw,-36px)}.hero-particle-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.hero-burst-particle{--size:18px;--origin-left:64%;--origin-top:55%;--tx:0px;--ty:0px;--end-scale:1;--spin:0deg;--burst-duration:.86s;--particle-color:#ffd25f;--particle-highlight:#fff1b8;--particle-shadow:#f4ad27;left:var(--origin-left);top:var(--origin-top);width:var(--size);height:var(--size);background:radial-gradient(circle at 30% 24%, #fffffff2 0 14%, var(--particle-highlight) 15% 38%, var(--particle-color) 39% 74%, var(--particle-shadow) 100%);opacity:0;animation:hero-particle-pop var(--burst-duration) cubic-bezier(.16, 1, .3, 1) both;will-change:transform, opacity, filter;border-radius:999px;position:absolute;transform:translate(0,0)scale(.18);box-shadow:inset -4px -5px 8px #0000001a,inset 4px 4px 7px #ffffff73,0 10px 18px #34301f1a}@media (width<=768px){.home-page .hero-character-image{width:min(520px,100%);max-width:100%;height:auto;right:0}}.hero-burst-particle-1{--size:22px;--origin-left:62%;--origin-top:52%;--tx:-190px;--ty:-168px;--end-scale:1.05}.hero-burst-particle-2{--size:18px;--origin-left:66%;--origin-top:50%;--tx:164px;--ty:-150px;--particle-color:#9ee6c0;--particle-highlight:#dcf8e8;--particle-shadow:#62c996}.hero-burst-particle-3{--size:12px;--origin-left:61%;--origin-top:58%;--tx:-96px;--ty:-120px;--particle-color:#a9d6ff;--particle-highlight:#e4f3ff;--particle-shadow:#6caeea}.hero-burst-particle-4{--size:26px;--origin-left:69%;--origin-top:60%;--tx:124px;--ty:22px;--particle-color:#ffc2cf;--particle-highlight:#ffe8ed;--particle-shadow:#ee8ea3}.hero-burst-particle-5{--size:14px;--origin-left:64%;--origin-top:62%;--tx:218px;--ty:-30px;--particle-color:#ffd15c;--particle-highlight:#fff0af;--particle-shadow:#eba51f}.hero-burst-particle-6{--size:18px;--origin-left:63%;--origin-top:48%;--tx:-48px;--ty:-214px;--end-scale:1.15;--spin:-18deg;--particle-color:#cbb1ff;--particle-highlight:#efe6ff;--particle-shadow:#a47ee6;width:40px;height:22px}.hero-burst-particle-7{--size:20px;--origin-left:59%;--origin-top:64%;--tx:-178px;--ty:72px;--particle-color:#d9b8ff;--particle-highlight:#f5e9ff;--particle-shadow:#b583ea}.hero-burst-particle-8{--size:9px;--origin-left:66%;--origin-top:56%;--tx:38px;--ty:-176px;--particle-color:#9cc9ff;--particle-highlight:#e2f0ff;--particle-shadow:#5c98dc}.hero-burst-particle-9{--size:15px;--origin-left:68%;--origin-top:62%;--tx:238px;--ty:88px;--particle-color:#ffb6c7;--particle-highlight:#ffe6ed;--particle-shadow:#ed879e}.hero-burst-particle-10{--size:13px;--origin-left:60%;--origin-top:53%;--tx:-238px;--ty:-22px;--particle-color:#a4e3bf;--particle-highlight:#def8e9;--particle-shadow:#62c68b}@keyframes hero-character-enter{0%{opacity:0;transform:translate3d(var(--hero-image-x), calc(var(--hero-image-y) + 10px), 0) scale(.965);filter:drop-shadow(0 18px 26px #2222220a)blur(7px)}to{opacity:1;transform:translate3d(var(--hero-image-x), var(--hero-image-y), 0) scale(1);filter:drop-shadow(0 18px 26px #2222220a)blur()}}@keyframes hero-particle-pop{0%{opacity:0;filter:blur(5px);transform:translate(0,0)scale(.18)rotate(0)}22%{opacity:1;transform:translate3d(calc(var(--tx) * .84), calc(var(--ty) * .84), 0) scale(1.16) rotate(calc(var(--spin) * .38));filter:blur()}60%{opacity:.92;transform:translate3d(calc(var(--tx) * 1.02), calc(var(--ty) * 1.02), 0) scale(calc(var(--end-scale) + .025)) rotate(calc(var(--spin) * .92))}to{opacity:.76;transform:translate3d(var(--tx), var(--ty), 0) scale(var(--end-scale)) rotate(var(--spin));filter:blur()}}.status-banner{border:1px solid var(--line);background:var(--surface-soft);border-radius:24px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;display:grid}.status-banner img{width:56px;height:56px}.status-banner strong{font-weight:600;display:block}.status-banner small{color:var(--secondary);margin-top:4px;line-height:1.5;display:block}.status-banner button,.secondary-button,.section-header button{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--text);box-shadow:var(--shadow-soft);border-radius:999px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none}.subject-grid,.seed-row,.action-grid,.flow-grid,.account-grid,.artifact-columns,.evidence-grid,.management-grid,.report-summary-grid,.report-area-grid,.report-detail-grid{gap:14px;display:grid}.subject-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.subject-card,.seed-card,.action-card,.flow-card,.account-panel,.artifact-list,.evidence-card,.media-panel,.transcript-panel,.management-grid button,.upload-result-panel,.camera-recorder,.report-summary-card,.report-area-card,.report-detail-panel,.report-note{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:24px}.subject-card{text-align:center;cursor:pointer;justify-items:center;gap:8px;min-height:154px;padding:22px 14px;display:grid}.subject-card img{object-fit:contain;width:58px;height:58px}.subject-card strong{font-weight:600}.subject-card span{color:var(--secondary);font-size:13px;font-weight:400;line-height:1.45}.section-header{justify-content:space-between;align-items:end;gap:18px;margin-top:6px;display:flex}.home-seed-header-row{position:relative}.home-seed-sparkles{pointer-events:none;width:72px;height:44px;position:absolute;top:-12px;right:6px}.home-seed-sparkle{color:#ffd85c;filter:drop-shadow(0 8px 14px #ffd85c38);opacity:.88}.home-seed-sparkle svg{display:block}.home-seed-sparkle--a{animation:2.8s ease-in-out infinite sparkle-pulse;top:0;right:20px}.home-seed-sparkle--b{animation:2.8s ease-in-out .9s infinite sparkle-pulse;top:16px;right:0}.section-header h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:600;line-height:1.15}.section-header p{color:var(--secondary);margin:7px 0 0;font-size:15px;font-weight:400;line-height:1.6}.seed-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.seed-card{text-align:left;flex-direction:column;align-items:stretch;min-height:260px;padding:0;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;display:flex;overflow:hidden}.seed-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.seed-card-media{background:var(--surface-soft);border-bottom:1px solid var(--line-soft);justify-content:center;align-items:center;width:100%;height:150px;display:flex;position:relative;overflow:hidden}.seed-card-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.seed-card:hover .seed-card-img{transform:scale(1.05)}.seed-card-media.is-fallback{background:linear-gradient(135deg,#fbfdfb 0%,#f1f7f2 100%)}.seed-card-media.is-fallback.is-science{background:linear-gradient(135deg,#f8faff 0%,#edf1fd 100%)}.seed-card-media.is-fallback.is-society{background:linear-gradient(135deg,#fffaf6 0%,#fdf0e6 100%)}.seed-card-media.is-fallback.is-language{background:linear-gradient(135deg,#fdf6ff 0%,#f6e8fd 100%)}.seed-card-media.is-fallback.is-mind{background:linear-gradient(135deg,#fff6fa 0%,#fde8f2 100%)}.seed-card-media.is-fallback.is-economy{background:linear-gradient(135deg,#f6fffb 0%,#e6fdf4 100%)}.seed-card-media.is-fallback.is-culture{background:linear-gradient(135deg,ivory 0%,#fdfde0 100%)}.seed-card-media.is-fallback .seed-card-img{object-fit:contain;width:60px;height:60px}.seed-card-body{flex-direction:column;flex-grow:1;gap:12px;padding:16px 18px;display:flex}.seed-card-title{color:var(--text);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.seed-card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.seed-card-meta{color:var(--secondary);font-size:13px;font-weight:500}.seed-card-heart{color:var(--secondary);white-space:nowrap;font-size:13px;font-weight:500}.seed-empty-note{color:var(--secondary);background:#ffffffd6;border:1px solid #2222220e;border-radius:18px;grid-column:1/-1;margin:0;padding:20px 22px;font-size:15px;font-weight:400;line-height:1.6}.topic-detail-top-nav{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line-soft,#f4f4f1);background:#ffffffe0;justify-content:space-between;align-items:center;margin-bottom:24px;display:flex;position:sticky;top:0;width:calc(100% + (var(--workspace-inline) * 2))!important;margin-inline:calc(var(--workspace-inline) * -1)!important;padding:10px var(--workspace-inline)!important;box-sizing:border-box!important}.topic-header-actions{align-items:center;gap:20px;display:flex}.back-link{min-height:auto;color:var(--secondary,#666);cursor:pointer;justify-self:start;align-items:center;gap:6px;padding:8px 12px 8px 0;font-size:15px;font-weight:600;text-decoration:none;transition:color .2s,transform .2s;display:inline-flex;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.back-link:hover{color:var(--text,#222)!important;box-shadow:none!important;background:0 0!important;border-color:#0000!important;transform:none!important}.back-link:active{box-shadow:none!important;transform:scale(.97)!important}.back-arrow{font-family:inherit;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:inline-block}.back-link:hover .back-arrow{transform:translate(-3px)}.page-title{max-width:780px}.records-page{max-width:1080px}.home-workspace-grid{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:18px;display:grid}.home-workspace-grid.has-organization-panel{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)}.attendance-card,.workspace-panel,.attendance-calendar-panel,.assignment-card,.organization-dashboard-grid article,.organization-action-grid button{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:24px}.attendance-card{isolation:isolate;background:radial-gradient(circle at 92% 20%,#ffc2231f,#0000 24%),#fffefb;border-color:#f4d270;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy actions""stats actions";align-items:center;gap:18px 24px;min-height:180px;padding:28px 32px;display:grid;position:relative;overflow:hidden}.attendance-card:before{display:none}.attendance-card-copy{grid-area:copy;min-width:0}.attendance-card .status-chip{color:#f3a400;background:#fff7dc;border:1px solid #ffcc45}.attendance-card h2,.workspace-panel strong,.assignment-card h2,.organization-dashboard-grid strong{color:var(--text);font-family:var(--font-display);letter-spacing:0;margin:0;font-weight:700;line-height:1.18}.attendance-card h2{margin-top:14px;font-size:clamp(26px,3vw,36px)}.attendance-card.is-checked h2:after{color:#ffb800;content:" 완료!"}.attendance-card.is-checked h2{color:var(--text);font-size:clamp(26px,3vw,36px)}.attendance-card-copy p,.workspace-panel small,.workspace-panel p,.assignment-card p,.assignment-card-meta,.organization-dashboard-grid span,.organization-action-grid small{color:var(--secondary);line-height:1.55}.attendance-card-copy p{margin:10px 0 0;font-size:15px}.attendance-stat-strip{grid-template-columns:repeat(3,max-content);align-items:center;gap:0;min-width:0;display:grid}.attendance-card>.attendance-stat-strip{grid-area:stats}.attendance-stat-item{border-right:1px solid #f1dfbe;grid-template-columns:42px max-content;align-items:center;gap:10px;min-width:0;padding:0 22px;display:inline-grid}.attendance-stat-item:first-child{padding-left:0}.attendance-stat-item:last-of-type{border-right:0}.attendance-stat-icon{background:#fff7e6;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.attendance-stat-icon.is-orange{color:#ff6b1a}.attendance-stat-icon.is-green{color:#29b66d;background:#effaf2}.attendance-stat-icon.is-yellow{color:#f6b900}.attendance-stat-item strong{color:#1d1d1f;font-family:var(--font-ui);font-size:17px;font-weight:900;line-height:1.1;display:block}.attendance-stat-item small{color:#777;margin-top:4px;font-size:12px;font-weight:700;display:block}.attendance-card-sparkles{color:#ffd36d;pointer-events:none;gap:18px;display:grid;position:absolute;inset:28px 56px auto auto}.attendance-card-sparkles span{clip-path:polygon(50% 0,64% 36%,100% 50%,64% 64%,50% 100%,36% 64%,0 50%,36% 36%);background:currentColor;width:9px;height:9px}.attendance-card-sparkles span:nth-child(2){opacity:.7;width:6px;height:6px;margin-left:-44px}.attendance-card-sparkles span:nth-child(3){width:8px;height:8px;margin-left:34px}.attendance-stamp-stage{place-items:center;min-height:150px;display:grid;position:relative}.attendance-paper{border:1px dashed color-mix(in srgb, var(--green) 22%, var(--line));width:126px;height:126px;color:var(--caption);background:linear-gradient(145deg,#fff 0%,#fbfff7 100%);border-radius:28px;place-items:center;font-size:22px;font-weight:900;display:grid;transform:rotate(-5deg)}.attendance-paper.has-seal span{color:#d8402c;letter-spacing:0;border:8px solid #e24d38;border-radius:50%;place-items:center;width:96px;height:96px;font-size:25px;font-weight:900;display:grid}.attendance-paper.has-seal{border-style:solid;box-shadow:inset 0 0 0 999px #e24d3808}.attendance-stamp-animation{z-index:3;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.attendance-stamp-animation span{z-index:1;border:5px solid color-mix(in srgb, var(--green) 80%, var(--text));width:96px;height:96px;box-shadow:inset 0 0 0 2px #ffffffc2, inset 0 0 0 4px color-mix(in srgb, var(--green) 42%, transparent), 0 15px 24px color-mix(in srgb, var(--green) 20%, transparent);color:var(--green);letter-spacing:-.06em;transform-origin:50% 76%;background:#ffffffeb;border-radius:50%;place-content:center;gap:1px;animation:1.08s cubic-bezier(.22,.86,.25,1) both attendance-stamp-press;display:grid;position:relative}.attendance-stamp-animation strong{font-size:24px;font-weight:900;line-height:.94}.attendance-stamp-animation small{letter-spacing:.12em;font-size:11px;font-weight:900;line-height:1}.attendance-stamp-animation:before,.attendance-stamp-animation:after{content:"";pointer-events:none;position:absolute}.attendance-stamp-animation:before{background:color-mix(in srgb, var(--green) 36%, transparent);filter:blur(2px);border-radius:50%;width:58px;height:14px;animation:1.08s ease-out both attendance-stamp-shadow}.attendance-stamp-animation:after{border:2px solid color-mix(in srgb, var(--green) 55%, transparent);border-radius:50%;width:76px;height:76px;animation:1.08s ease-out both attendance-stamp-impact}.attendance-card.is-stamping .attendance-check-button{animation:.42s cubic-bezier(.2,.8,.3,1.25) .26s both attendance-check-button-press}@keyframes attendance-stamp-press{0%{opacity:0;transform:translate(5px,-112px)scale(1.16)rotate(-13deg)}12%{opacity:1}46%{opacity:1;transform:translateY(7px)scale(.85,.77)rotate(-6deg)}58%{transform:translateY(-3px)scale(1.04,1.01)rotate(-6deg)}70%{transform:translateY(1px)scale(.98,.97)rotate(-6deg)}82%{opacity:1;transform:translate(0,0)scale(1)rotate(-6deg)}to{opacity:0;transform:translateY(6px)scale(.98)rotate(-6deg)}}@keyframes attendance-stamp-impact{0%,39%{opacity:0;transform:scale(.35)}47%{opacity:.7;transform:scale(.72)}70%{opacity:0;transform:scale(1.42)}to{opacity:0;transform:scale(1.55)}}@keyframes attendance-stamp-shadow{0%,30%{opacity:0;transform:translateY(39px)scale(.28)}47%{opacity:.34;transform:translateY(39px)scale(1)}75%,to{opacity:0;transform:translateY(39px)scale(1.32)}}@keyframes attendance-check-button-press{0%{transform:translateY(0)scale(1)}34%{transform:translateY(2px)scale(.965)}68%{transform:translateY(-1px)scale(1.012)}to{transform:translateY(0)scale(1)}}.attendance-card-message,.workspace-panel-message{background:var(--yellow-soft);color:var(--text);border-radius:14px;grid-column:1/-1;margin:0;padding:10px 12px;font-size:13px;font-weight:700}.attendance-card-actions{grid-area:actions;place-items:center end;gap:14px;display:grid}.attendance-check-button{color:#1f1b11;background:linear-gradient(#ffc72f 0%,#ffb90f 100%);border:0;min-width:184px;min-height:48px;margin-top:0;padding:0 18px 0 24px;box-shadow:0 10px 22px #ffbe2047}.attendance-check-button svg{width:18px;height:18px}.attendance-calendar-link{color:#777;background:0 0;border:0;align-items:center;gap:8px;min-height:30px;font-size:14px;font-weight:800;display:inline-flex}.workspace-panel{gap:16px;min-height:230px;padding:22px;display:grid}.workspace-panel-head{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.workspace-panel-icon{background:var(--green-soft);width:48px;height:48px;color:var(--green);border-radius:16px;place-items:center;display:grid}.workspace-panel-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:22px;display:block;overflow:hidden}.workspace-panel-head button,.workspace-panel-actions button{border:1px solid var(--line);background:var(--surface-soft);min-height:38px;color:var(--text);border-radius:999px;padding:0 13px;font-size:13px;font-weight:800}.assignment-mini-list{gap:8px;display:grid}.assignment-mini-row{background:var(--surface-soft);text-align:left;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:10px 12px;display:grid}.assignment-mini-row strong{font-family:var(--font-ui);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;display:block;overflow:hidden}.assignment-mini-row small{margin-top:3px;font-size:12px;display:block}.assignment-mini-row em{color:var(--green);font-size:12px;font-style:normal;font-weight:900}.workspace-panel-empty{color:var(--secondary);align-self:center;margin:0;font-size:15px}.manager-stat-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.manager-stat-row span{background:var(--surface-soft);border-radius:16px;gap:4px;padding:14px 10px;display:grid}.manager-stat-row strong{font-size:24px}.manager-stat-row small{font-size:12px}.workspace-panel-actions{flex-wrap:wrap;gap:8px;display:flex}.organization-start-panel{align-content:start}.organization-start-panel .workspace-panel-head{align-items:start}.organization-start-panel .workspace-panel-head strong{white-space:normal}.organization-start-steps{border:1px solid var(--line-soft);background:var(--surface-soft);border-radius:16px;gap:8px;padding:13px 14px;display:grid}.organization-start-steps span{color:var(--secondary);align-items:center;gap:8px;font-size:13px;font-weight:750;display:flex}.organization-start-steps i{background:var(--green-soft);width:22px;height:22px;color:var(--green-strong);border-radius:50%;flex:none;place-items:center;font-size:11px;font-style:normal;font-weight:850;display:grid}.organization-start-panel .workspace-panel-message{background:var(--green-soft)}.organization-start-panel .workspace-panel-actions .is-primary{border-color:color-mix(in srgb, var(--green) 70%, var(--text));background:color-mix(in srgb, var(--green) 74%, var(--text));color:#fff}.organization-start-panel .workspace-panel-actions .is-primary:hover:not(:disabled){background:color-mix(in srgb, var(--green) 65%, var(--text))}.assignments-page,.attendance-page,.organization-page{max-width:1060px}.assignments-context-filter{margin-top:-6px}.attendance-page{gap:18px}.attendance-page-hero{grid-template-columns:minmax(0,1fr) 190px;align-items:end;gap:18px;min-height:184px;padding:0 6px;display:grid;position:relative;overflow:hidden}.attendance-page-copy{align-self:center;padding-left:4px}.attendance-version-chip{color:#1aa560;background:#dff6e8;border-radius:999px;align-items:center;min-height:27px;padding:0 14px;font-size:12px;font-weight:900;display:inline-flex}.attendance-page-copy h1{color:#12172a;font-family:var(--font-display);margin:22px 0 8px;font-size:clamp(34px,4vw,46px);line-height:1}.attendance-page-copy p{color:#777;margin:0;font-size:15px;font-weight:700}.attendance-page-hero .attendance-stat-strip{z-index:1;background:#fff;border:1px solid #f0e3cf;border-radius:18px;grid-area:auto/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;gap:0;padding:16px 20px;display:grid;box-shadow:0 14px 32px #0f141e12}.attendance-page-hero .attendance-stat-item{padding:0 28px}.attendance-page-hero .attendance-stat-item:first-child{padding-left:4px}.attendance-benefit-button{color:#1f1b11;background:linear-gradient(#ffc72f 0%,#ffb80e 100%);border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-width:152px;min-height:44px;padding:0 20px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:0 10px 22px #ffbe2042}.attendance-benefit-button:disabled{cursor:not-allowed;opacity:.7}.assignment-list{gap:14px;display:grid}.assignment-card{grid-template-columns:132px minmax(0,1fr);gap:18px;min-height:168px;padding:16px;display:grid}.assignment-card-media{background:var(--green-soft);min-height:132px;color:var(--green);border-radius:18px;place-items:center;display:grid;overflow:hidden}.assignment-card-media img{object-fit:cover;width:100%;height:100%}.assignment-card-body{gap:10px;min-width:0;display:grid}.assignment-card-kicker,.assignment-card-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.assignment-card-kicker span{background:var(--yellow-soft);min-height:25px;color:var(--text);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900}.assignment-card h2{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(24px,2.4vw,34px);overflow:hidden}.assignment-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;display:-webkit-box;overflow:hidden}.assignment-card-meta span{align-items:center;gap:6px;font-size:13px;font-weight:800;display:inline-flex}.assignment-progress{background:var(--line-soft);border-radius:999px;height:8px;overflow:hidden}.assignment-progress span{border-radius:inherit;background:var(--green);min-width:4px;height:100%;display:block}.attendance-calendar-panel{background:#fff;border-color:#f0e7d9;border-radius:18px;gap:20px;padding:20px 28px 26px;display:grid;box-shadow:0 18px 36px #0f141e0f}.attendance-calendar-head{grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:12px;display:grid}.attendance-calendar-head strong{font-family:var(--font-display);justify-self:center;font-size:21px}.attendance-calendar-head button{color:#b6a07d;background:#fffaf0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.attendance-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:16px 10px;display:grid}.attendance-calendar-weekday{color:var(--caption);text-align:center;font-size:12px;font-weight:900}.attendance-calendar-weekday.is-sun{color:#ff3939}.attendance-calendar-weekday.is-sat{color:#2f7df2}.attendance-calendar-day{min-height:44px;color:var(--text);background:0 0;border:0;border-radius:999px;grid-template-rows:24px 10px;place-items:center;gap:2px;padding:0;font-size:14px;font-weight:900;display:grid;position:relative}.attendance-calendar-day.is-outside{color:#c9c9c9}.attendance-calendar-day.is-sun:not(.is-outside){color:#ff3939}.attendance-calendar-day.is-sat:not(.is-outside){color:#2f7df2}.attendance-calendar-day.is-today{color:#ff7b00}.attendance-calendar-day.is-today:before{content:"";z-index:0;background:#fff0a8;border-radius:50%;width:38px;height:38px;position:absolute;top:-5px;left:50%;transform:translate(-50%);box-shadow:0 10px 20px #ffd5504d}.attendance-calendar-day>*{z-index:1;position:relative}.attendance-calendar-day b{background:#64c67a;border:0;border-radius:50%;width:8px;height:8px;display:block}.organization-dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.organization-dashboard-grid article{gap:7px;min-height:132px;padding:18px;display:grid}.organization-dashboard-grid small{color:var(--caption);font-size:12px;font-weight:900}.organization-dashboard-grid strong{font-size:30px}.organization-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.organization-action-grid button{text-align:left;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;min-height:118px;padding:18px;display:grid}.organization-action-grid button:disabled{cursor:not-allowed;opacity:.62}.organization-action-grid svg{color:var(--green)}.organization-action-grid strong{font-size:17px;font-weight:900;display:block}.organization-action-grid small{margin-top:4px;font-size:13px;display:block}.account-page{max-width:980px}.account-hero{box-shadow:none;background:0 0;border:none;grid-template-columns:108px minmax(0,1fr) auto;align-items:center;gap:20px;padding:24px 0;display:grid;position:relative;overflow:hidden}.account-hero:before{display:none}.account-hero>*{z-index:1;position:relative}.account-hero-avatar{background:#fff;border-radius:50%;place-items:center;width:96px;height:96px;display:grid;box-shadow:0 14px 30px #22222214}.account-hero-avatar img{object-fit:contain;width:84px;height:84px}.account-hero h1{color:var(--text);font-family:var(--font-display);margin:10px 0 0;font-size:clamp(34px,3vw,52px);font-weight:700;line-height:1.1}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-panel{min-height:auto;box-shadow:none;background:0 0;border:none;gap:14px;padding:16px 0;display:grid}.account-panel--switcher{grid-column:1/-1}.account-panel--character{background:0 0;border:none;position:relative;overflow:hidden}.account-character-summary{align-items:center;gap:14px;display:flex}.account-character-summary-image{background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:68px;height:68px;display:grid;box-shadow:0 12px 26px #22222212}.account-character-summary-image img{object-fit:contain;width:58px;height:58px}.account-panel small{color:var(--caption);font-size:13px;font-weight:700}.account-panel strong{color:var(--text);font-size:22px}.account-panel p{color:var(--secondary);margin:0;line-height:1.6}.account-panel dl{gap:12px;margin:0;display:grid}.account-panel dl div{border-bottom:1px solid var(--line-soft);justify-content:space-between;gap:18px;padding-bottom:12px;display:flex}.account-panel dl div:last-child{border-bottom:0;padding-bottom:0}.account-panel dt{color:var(--secondary);font-size:14px}.account-panel dd{color:var(--text);text-align:right;word-break:break-word;margin:0;font-weight:700}.account-select,.canvas-settings-select{border:1px solid var(--line,#eeeeeb);width:100%;min-height:38px;color:var(--text,#222);font:inherit;background:#fff;border-radius:8px;padding:0 10px;font-size:13px;font-weight:700}.account-select:focus-visible,.canvas-settings-select:focus-visible{outline:3px solid color-mix(in srgb, var(--primary,#2fa663) 22%, transparent);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.organization-switcher{gap:12px;display:grid}.organization-switcher small{color:var(--caption);font-size:13px;font-weight:700}.organization-switcher p{color:var(--secondary);margin:0;font-size:14px;line-height:1.55}.organization-switcher-list{gap:10px;display:grid}.organization-switcher-item{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:18px;gap:10px;padding:8px;transition:border-color .2s,background .2s;display:grid;box-shadow:0 10px 24px #2222220a}.organization-switcher-row{grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:8px;display:grid}.organization-switcher-main{min-width:0;min-height:58px;color:var(--text);text-align:left;border-radius:14px;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:12px;padding:6px 8px;display:grid}.organization-switcher-main:hover:not(:disabled){background:#ffffffbd}.organization-switcher-main:disabled{cursor:default;opacity:1}.organization-switcher-item.is-active{border-color:color-mix(in srgb, var(--account-accent,#30bd72) 28%, #d9e9df);background:linear-gradient(145deg, #fff 0%, var(--account-accent-soft,#eaf8ee) 100%)}.organization-switcher-item.is-picking-character{border-color:color-mix(in srgb, var(--account-accent,#30bd72) 40%, #dbe8df)}.organization-switcher-avatar{background:#fff;border-radius:50%;place-items:center;width:50px;height:50px;display:grid;box-shadow:inset 0 -7px 14px #fff9,0 8px 16px #2222220d}.organization-switcher-avatar img{object-fit:contain;width:42px;height:42px}.organization-switcher-avatar.classroom-icon{color:var(--account-accent,var(--green-strong));background:color-mix(in srgb, var(--account-accent,var(--green)) 10%, #fff);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--account-accent,var(--green)) 16%, transparent)}.organization-switcher-copy{gap:2px;min-width:0;display:grid}.organization-switcher-copy strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;line-height:1.3;display:block;overflow:hidden}.organization-switcher-copy small{color:var(--secondary);margin-top:0;font-size:13px;font-weight:500;line-height:1.4;display:block}.organization-switcher-state{border:1px solid var(--line-soft);min-height:28px;color:var(--caption);background:#fff;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.organization-switcher-item.is-active .organization-switcher-state{border-color:color-mix(in srgb, var(--account-accent,#30bd72) 30%, #dbe8df);background:var(--account-accent,#30bd72);color:#fff}.organization-character-trigger{border:1px solid var(--line);width:36px;height:36px;color:var(--secondary);background:#fff;border-radius:50%;place-items:center;transition:border-color .2s,background-color .2s,color .2s;display:grid}.organization-character-trigger:hover,.organization-character-trigger[aria-expanded=true]{background:var(--line-soft);color:var(--text)}.organization-switcher-item.is-active .organization-character-trigger{border-color:color-mix(in srgb, var(--account-accent,#30bd72) 20%, var(--line));color:color-mix(in srgb, var(--account-accent,#30bd72) 80%, #1f2420)}.organization-switcher-item.is-active .organization-character-trigger:hover,.organization-switcher-item.is-active .organization-character-trigger[aria-expanded=true]{background:var(--account-accent-soft,#eaf8ee);border-color:color-mix(in srgb, var(--account-accent,#30bd72) 40%, var(--line));color:color-mix(in srgb, var(--account-accent,#30bd72) 90%, #000)}.organization-switcher.is-compact{gap:8px}.organization-switcher.is-compact .organization-switcher-item{box-shadow:none;border-radius:16px;padding:6px}.organization-switcher.is-compact .organization-switcher-main{grid-template-columns:42px minmax(0,1fr) auto;gap:9px;min-height:48px;padding:4px 6px}.organization-switcher.is-compact .organization-switcher-avatar{width:42px;height:42px}.organization-switcher.is-compact .organization-switcher-avatar img{width:34px;height:34px}.organization-switcher.is-compact .organization-switcher-state{min-height:26px;padding-inline:8px;font-size:11px}.organization-switcher.is-compact .organization-character-trigger{width:32px;height:32px}.account-character-picker{background:0 0;border:none;border-radius:0;gap:10px;padding:4px 0 8px;display:grid}.profile-menu>.account-character-picker{border-top:1px solid var(--line);margin-top:-2px;padding-top:12px}.account-character-picker-head{justify-content:space-between;align-items:baseline;gap:10px;padding:0 4px;display:flex}.account-character-picker-head strong{color:var(--caption);letter-spacing:.05em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;overflow:hidden}.account-character-picker-head span{color:var(--caption);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.account-character-options{scrollbar-width:none;flex-direction:row;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.account-character-options::-webkit-scrollbar{display:none}.account-character-option{min-width:62px;min-height:80px;color:var(--text);text-align:center;background:0 0;border:1.5px solid #0000;border-radius:14px;flex:none;place-items:center;gap:5px;padding:8px 6px;font-size:11px;font-weight:800;transition:background .15s,border-color .15s;display:grid;position:relative}.account-character-option:hover,.account-character-option.is-selected{border-color:color-mix(in srgb, var(--account-accent,#30bd72) 35%, transparent);background:var(--account-accent-soft,#eaf8ee)}.account-character-option.is-selected{box-shadow:none}.account-character-option>svg{background:var(--account-accent,#30bd72);color:#fff;border-radius:50%;place-items:center;width:16px;height:16px;padding:2px;display:grid;position:absolute;top:5px;right:5px}.account-character-option-image{background:#ffffffe6;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 2px 8px #2222220f}.account-character-option-image img{object-fit:contain;width:36px;height:36px}.account-character-picker.is-compact{gap:6px;padding:8px 0}.account-character-picker.is-compact .account-character-picker-head{display:none}.account-character-picker.is-compact .account-character-options{gap:4px}.account-character-picker.is-compact .account-character-option{min-width:54px;min-height:64px;padding:6px 3px;font-size:10px}.account-character-picker.is-compact .account-character-option-image{width:36px;height:36px}.account-character-picker.is-compact .account-character-option-image img{width:30px;height:30px}.account-actions{gap:10px;display:grid}.account-actions button,.account-panel--danger button{border:1px solid var(--line);background:var(--surface-soft);min-height:44px;color:var(--text);text-align:left;border-radius:14px;padding:0 14px;font-weight:700}.account-actions button:hover{background:var(--line-soft)}.account-panel--danger button{color:#ad3f31;background:#fff1ed;border-color:#ffd4ca;justify-self:start}.page-title h1,.topic-hero h1,.essay-hero h1,.upload-hero h1,.presentation-hero h1{font-size:clamp(40px,4vw,62px)}.record-list{background:linear-gradient(#fffffffa 0%,#fffffff2 100%);border:1px solid #22222214;border-radius:28px;flex-direction:column;gap:0;display:flex;overflow:hidden;box-shadow:0 14px 36px #2222220a}.personal-record-list .personal-record-row{min-height:292px;box-shadow:none;background:0 0;border:0;border-radius:0;overflow:hidden}.personal-record-list .personal-record-row:not(:last-child){border-bottom:1px solid #2222220f}.personal-record-row .record-row__link{grid-template-columns:minmax(280px,300px) minmax(0,1fr);gap:0;min-height:292px;padding:0;transition:background-color .2s}.personal-record-row .record-row__link:hover,.personal-record-row .record-row__link:focus-visible{background-color:var(--card-bg-hover,#00000004)}.personal-record-row .record-row__link:focus-visible{outline-offset:-4px;outline:3px solid #32a85238}.personal-record-row>.record-row__link>.record-visual{aspect-ratio:auto;background:0 0;border-radius:0;justify-content:center;align-items:center;min-height:292px;max-height:none;padding:18px;display:flex}.personal-record-row .record-visual__fallback{width:100%;height:100%;padding:0}.personal-record-row .record-visual__status{position:absolute;inset:18px}.personal-record-row .record-visual__fallback>.record-visual{width:100%;height:100%;padding:0}.personal-record-row .record-row__body{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title steps""meta steps""chips steps""progress steps""state steps";align-content:center;align-self:stretch;gap:9px clamp(16px,2vw,24px);padding:clamp(20px,2.6vw,32px);display:grid}.personal-record-row .record-row__title{font-family:var(--font-display);letter-spacing:0;text-wrap:balance;grid-area:title;margin:0;font-size:32px;font-weight:600;line-height:1.15}.personal-record-row .record-meta{grid-area:meta;gap:6px 14px;font-size:13px;font-weight:700;line-height:1.2}.personal-record-row .record-row__chips{grid-area:chips;margin-top:0}.personal-record-row .record-row__progress{grid-area:progress;margin-top:0}.personal-record-row .record-row__progress progress{width:min(180px,100%);height:6px;accent-color:var(--green)}.personal-record-row .record-row__state{color:var(--secondary);grid-area:state;margin:0;font-size:13px;line-height:1.4}.personal-record-row .deliverable-steps{grid-area:steps;grid-template-columns:repeat(3,minmax(0,auto));align-self:center;gap:8px;max-width:480px}.personal-record-row .deliverable-step{gap:8px}.personal-record-row .deliverable-step__symbol{background:0 0;flex-basis:48px;width:48px;height:48px}.personal-record-row .deliverable-step__symbol img{object-fit:contain;width:44px;height:44px}.personal-record-row .deliverable-step[data-state=upcoming]{opacity:.52}.personal-record-row .deliverable-step__copy{font-size:12px}.personal-record-row .deliverable-step__copy strong{color:var(--text);font-size:14px}.personal-record-list .record-row--skeleton{min-height:292px;box-shadow:none;border:0;border-radius:0}.personal-record-list .record-row--skeleton:not(:last-child){border-bottom:1px solid #2222220f}@media (width<=760px){.personal-record-row .record-row__link,.personal-record-list .record-row--skeleton{grid-template-columns:minmax(0,1fr)}.personal-record-row>.record-row__link>.record-visual{min-height:188px;padding:18px}.personal-record-row .record-row__body{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""meta""chips""progress""state""steps";padding:18px 18px 22px}.personal-record-row .record-row__title{font-size:30px}.personal-record-row .deliverable-steps{grid-template-columns:minmax(0,1fr);max-width:100%}}@media (prefers-reduced-motion:reduce){.personal-record-row .record-row__link,.personal-record-row .record-thumbnail,.personal-record-row .topic-blob-large{transition:none}}.record-card{min-height:292px;box-shadow:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:0;grid-template-columns:minmax(280px,300px) minmax(0,1fr);text-decoration:none;transition:background-color .2s;display:grid;position:relative;overflow:hidden}.record-card:not(:last-child){border-bottom:1px solid #2222220f}.record-card:after{color:#cca610;content:none;opacity:0;pointer-events:none;background:#fff7d4b8;border:1px solid #ffe07652;border-radius:50%;place-items:center;width:38px;height:38px;font-size:20px;font-weight:900;line-height:1;transition:opacity .18s,transform .2s,border-color .2s,background .2s;display:none;position:absolute;top:50%;right:26px;transform:translate(12px,-50%)scale(.94);box-shadow:0 12px 24px #ffe0761a}.record-card:hover,.record-card:focus-visible{background-color:var(--card-bg-hover,#00000004)}.record-card:hover:after,.record-card:focus-visible:after{opacity:1;background:#fff7d4f0;border-color:#ffe076a3;transform:translateY(-50%)scale(1)}.record-card:focus-visible{outline-offset:-4px;outline:3px solid #32a85238}.record-visual{background:0 0;justify-content:center;align-items:center;padding:18px;display:flex;overflow:hidden}.record-visual.has-topic-thumbnail,.record-visual.is-science,.record-visual.is-society,.record-visual.is-language,.record-visual.is-mind,.record-visual.is-economy,.record-visual.is-culture,.record-visual.is-default{background:0 0}.record-visual-frame{aspect-ratio:1;border-radius:22px;place-items:center;width:min(100%,256px);display:grid;position:relative;overflow:hidden}.record-thumbnail{border-radius:inherit;object-fit:cover;width:100%;height:100%;transition:transform .2s,box-shadow .2s}.record-visual .topic-blob-large{filter:drop-shadow(0 18px 30px #2222221f);width:100%;height:auto;max-height:100%;transition:transform .2s,filter .2s}.record-visual.is-generating .record-thumbnail{filter:blur(8px)saturate(.82)brightness(1.08);transform:scale(1.08)}.record-visual.is-generating .topic-blob-large{filter:blur(8px)saturate(.82)brightness(1.08)drop-shadow(0 18px 30px #22222214);transform:scale(1.08)}.record-generating-overlay{z-index:2;color:#125b49;text-align:center;text-shadow:0 1px 8px #fffffff2,0 2px 16px #ffffffb3;pointer-events:none;background:radial-gradient(circle at 52% 44%,#ffffff8c,#0000 34%),linear-gradient(135deg,#fff4f873,#e7f1ff7a),#f5fffc38;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.record-generating-badge{color:#269b84;min-height:34px;text-shadow:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #ffffffb8;border-radius:999px;align-items:center;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 10px 22px #2222221f}.record-generating-center{color:inherit;justify-items:center;gap:8px;font-size:12px;font-weight:800;line-height:1.35;display:grid}.record-generating-center .generating-sparkle{justify-items:center;gap:8px;display:grid}.record-generating-center .generating-sparkle-cluster i{filter:drop-shadow(0 2px 6px #125b4940)}.record-card:hover .record-thumbnail,.record-card:focus-visible .record-thumbnail,.record-card:hover .record-visual .topic-blob-large,.record-card:focus-visible .record-visual .topic-blob-large{transform:scale(1.06)}.record-body{align-content:center;gap:16px;padding:clamp(20px,2.6vw,32px);display:grid;container-type:inline-size}.record-main-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(16px,2vw,24px);padding-right:0;display:grid}.record-title-stack{gap:9px;min-width:0;display:grid}.record-date-row{color:var(--caption);flex-wrap:wrap;gap:6px 14px;font-size:13px;font-weight:700;line-height:1.2;display:flex}.record-body>small{color:var(--caption);letter-spacing:.02em;font-size:13px;font-weight:600}.record-body h2{font-family:var(--font-display);letter-spacing:0;overflow-wrap:break-word;text-wrap:balance;word-break:keep-all;margin:0;font-size:32px;font-weight:600;line-height:1.15}.record-body p{color:var(--secondary);margin:0;font-size:15px;line-height:1.6}.record-chip-row{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.record-category-chip,.record-keyword-chip{white-space:nowrap;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.record-category-chip{background:var(--green-soft);color:var(--green-strong);border:1px solid #32a8522e}.record-keyword-chip{background:var(--surface-soft);color:var(--secondary);border:1px solid #22222212}.record-icon-row{flex-wrap:wrap;justify-content:flex-end;justify-self:end;align-items:center;gap:6px 0;min-width:0;max-width:480px;display:flex}.record-step-item{border-radius:20px;grid-template-columns:50px auto;align-items:center;gap:8px;min-width:0;padding:4px 0;transition:transform .18s,opacity .18s;display:inline-grid;position:relative}.record-step-item:not(:last-child):after{color:#22222247;content:none;font-size:24px;font-weight:800;line-height:1;display:none;position:absolute;top:50%;right:6px;transform:translateY(-52%)}.record-step-icon{will-change:transform;border-radius:18px;place-items:center;width:48px;height:48px;transition:transform .18s,opacity .18s,filter .18s;display:grid}.record-step-icon img{object-fit:contain;transform-origin:50% 75%;width:44px;height:44px}.record-step-copy{gap:2px;min-width:0;display:grid}.record-step-copy strong,.record-step-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.record-step-copy strong{color:var(--text);font-size:14px;font-weight:850;line-height:1.1}.record-step-copy small{color:var(--caption-strong);font-size:12px;font-weight:800;line-height:1.1}.record-step-item.is-muted .record-step-icon,.record-step-item.is-muted .record-step-copy{opacity:.42;filter:grayscale(.14)}.record-card:hover .record-step-item.is-active .record-step-icon,.record-card:focus-visible .record-step-item.is-active .record-step-icon{transform:translateY(-1px)}.record-step-item:hover .record-step-icon{transform:translateY(-3px)}.record-step-item:hover .record-step-icon img{animation:.52s cubic-bezier(.2,.8,.24,1) record-step-icon-hop}.record-step-item:hover .record-step-copy strong{color:var(--green-strong)}.record-step-item.is-muted:hover .record-step-icon,.record-step-item.is-muted:hover .record-step-copy{opacity:.72;filter:grayscale(.08)}@keyframes record-step-icon-hop{0%{transform:translateY(0)scale(1)rotate(0)}36%{transform:translateY(-5px)scale(1.08)rotate(-4deg)}68%{transform:translateY(1px)scale(.98)rotate(2deg)}to{transform:translateY(0)scale(1)rotate(0)}}@container (width<=760px){.record-main-row{grid-template-columns:1fr;align-items:stretch;gap:14px;padding-right:0}.record-icon-row{justify-content:flex-start;justify-self:start;max-width:100%}}.record-steps,.linked-context{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.mini-step{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 2px;display:grid}.mini-step img{object-fit:contain;width:38px;height:38px}.mini-step i{color:var(--caption);font-size:17px;font-style:normal;font-weight:500}.mini-step strong{font-size:13px}.mini-step small{color:var(--caption);margin-top:2px;font-size:12px}.mini-step span{gap:1px;display:grid}.mini-step.is-muted img{opacity:.82}.primary-button{color:#fff;min-height:54px;box-shadow:var(--shadow-soft);background:#202020;border-radius:999px;justify-content:center;justify-self:start;align-items:center;gap:12px;padding:0 12px 0 22px;font-weight:600;text-decoration:none;display:inline-flex}.primary-button span{width:36px;height:36px;font-size:22px}.primary-button.wide,.secondary-button.wide{width:100%}.primary-button:disabled,.secondary-button:disabled,.topic-search button:disabled{cursor:not-allowed;opacity:.55}.topic-detail-page{gap:22px;padding-bottom:8px;display:grid}.topic-detail-content{gap:18px;display:grid}.topic-detail-hero{width:calc(100% + (var(--workspace-inline) * 2));min-height:clamp(420px,40vw,560px);margin-inline:calc(var(--workspace-inline) * -1);box-shadow:none;background-color:#f8f8f3;background-position:50%;background-repeat:no-repeat;background-size:cover;border:0;border-radius:0;align-items:center;padding:clamp(34px,5vw,72px);display:grid;position:relative;overflow:hidden}.topic-detail-hero:before{content:"";pointer-events:none;background:linear-gradient(90deg,#fffdf8f7 0%,#fffdf8e0 38%,#fffdf861 70%,#fffdf814 100%),radial-gradient(circle at 84% 18%,#b2d9be29,#0000 28%),radial-gradient(circle at 92% 76%,#ffdc8f1a,#0000 22%);position:absolute;inset:0}.topic-detail-hero-copy{z-index:1;flex-direction:column;justify-content:center;max-width:620px;padding:6px 0;display:flex;position:relative}@keyframes topic-hero-spin{to{transform:rotate(360deg)}}.topic-section-head{justify-content:space-between;align-items:end;gap:18px;padding:0 4px;display:flex}.topic-section-head h2{color:var(--text);font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:600;line-height:1.15}.topic-section-head span{color:var(--caption);font-size:14px;font-weight:500}.topic-module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.topic-module-card{background:#fffffff0;border:1px solid #2222220e;border-radius:20px;grid-template-rows:auto auto minmax(170px,1fr) auto;gap:16px;min-height:392px;padding:clamp(20px,2.3vw,28px);display:grid;box-shadow:0 14px 34px #2222220b}.topic-module-card.is-thinking{border-color:#439c4f26}.topic-module-card.is-writing{border-color:#e6a83629}.topic-module-card.is-speaking{border-color:#ed616f26}.topic-module-titlebar{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px;display:grid}.topic-module-titlebar img{object-fit:contain;width:62px;height:62px}.topic-module-titlebar h3{color:var(--text);font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:25px;font-weight:600;line-height:1.15}.topic-module-titlebar p,.topic-module-copy,.topic-empty-copy{color:var(--secondary);word-break:keep-all;margin:6px 0 0;font-size:14px;font-weight:400;line-height:1.55}.topic-module-copy{margin:0;padding-top:2px}.topic-activity-list{border-top:1px solid #2222220e;align-content:start;gap:4px;padding-top:4px;display:grid;overflow:auto}.topic-activity-row{min-height:58px;color:var(--text);text-align:left;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;display:grid}.topic-activity-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:1.4;display:block;overflow:hidden}.topic-activity-row small{color:var(--secondary);margin-top:2px;font-size:13px;font-weight:400;line-height:1.45;display:block}.topic-module-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.topic-module-button{border-radius:12px;min-height:44px;padding:0 14px;font-size:14px;font-weight:600}.topic-module-button.is-outline{color:var(--text);background:#fff;border:1px solid #22222213}.topic-module-button.is-solid{color:#308144;background:#f5fcf6}.topic-module-card.is-writing .topic-module-button.is-solid{color:#9a7042;background:#fff8e7}.topic-module-card.is-speaking .topic-module-button.is-solid{color:#c45563;background:#fff2f3}.topic-module-button:disabled{color:var(--disabled);cursor:not-allowed}.topic-report-panel{background:#fffffff0;border:1px solid #2222220e;border-radius:20px;grid-template-columns:minmax(0,1.9fr) minmax(340px,.85fr);gap:clamp(22px,4vw,56px);padding:clamp(22px,3.2vw,36px);display:grid;box-shadow:0 14px 34px #2222220a}.topic-report-intro p,.topic-report-note{color:var(--secondary);margin:0;font-size:15px;line-height:1.6}.topic-report-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:38px 0 22px;display:grid}.topic-report-flow article{text-align:center;border-radius:20px;justify-items:center;gap:8px;min-height:132px;padding:14px;display:grid}.topic-report-flow article.is-unready{opacity:.42}.topic-report-flow img{object-fit:contain;width:58px;height:58px}.topic-report-flow strong{color:var(--text);font-weight:600}.topic-report-flow small{color:var(--secondary);font-size:13px;line-height:1.45}.topic-report-button{color:#fff;width:100%;min-height:56px;box-shadow:var(--shadow-soft);background:#9a7042;border-radius:12px;font-weight:600}.topic-report-button:disabled,.topic-report-add-card:disabled{cursor:not-allowed;opacity:.5}.topic-report-note{margin-top:12px;font-size:13px}.topic-report-insights{border-left:1px solid #2222220e;align-content:start;gap:14px;padding-left:clamp(0px,2vw,32px);display:grid}.topic-report-insights h3{color:var(--text);margin:0 0 4px;font-size:17px;font-weight:600}.topic-report-insight{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;display:grid}.topic-report-insight img{object-fit:contain;width:42px;height:42px}.topic-report-insight strong,.topic-report-history-card strong{color:var(--text);font-weight:600;line-height:1.4;display:block}.topic-report-insight small,.topic-report-history-card small,.topic-report-history-card em{color:var(--secondary);margin-top:3px;font-size:13px;font-style:normal;font-weight:400;line-height:1.45;display:block}.topic-report-history{gap:14px;display:grid}.topic-report-history-card,.topic-report-add-card{min-height:120px;color:var(--text);text-align:left;box-shadow:var(--shadow-soft);background:#ffffffeb;border:1px solid #2222220e;border-radius:22px;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:14px;padding:18px;display:grid}.topic-report-history-card img,.topic-report-add-card img{object-fit:contain;width:54px;height:54px}.topic-report-add-card{justify-items:start}.topic-report-add-card span{color:var(--text);font-weight:600}.topic-detail-page{--topic-detail-max-width:1320px;--topic-detail-rail-width:280px;--topic-detail-section-gap:40px;--topic-hero-copy-width:380px;--topic-hero-gap:36px;width:min(100%, var(--topic-detail-max-width));gap:26px;margin:0 auto;padding:22px 0 28px;display:grid}.topic-detail-content{gap:26px;width:100%;max-width:none;margin:0;display:grid}.topic-detail-hero{grid-template-columns:var(--topic-hero-copy-width) minmax(0, 1fr);align-items:center;gap:var(--topic-hero-gap);width:100%;min-height:auto;box-shadow:none;background:0 0;border-radius:0;margin:0;padding:0;display:grid;overflow:visible}.topic-detail-hero:before{content:none}.topic-detail-hero-copy{z-index:2;min-width:0;max-width:var(--topic-hero-copy-width);padding:8px 0;position:relative}.topic-detail-hero h1{color:var(--text);font-family:var(--font-display);letter-spacing:0;word-break:keep-all;margin:16px 0 0;font-size:60px;font-weight:700;line-height:1.08}.topic-detail-hero p{max-width:360px;color:var(--secondary);word-break:keep-all;margin:18px 0 0;font-size:16px;font-weight:500;line-height:1.72}.topic-detail-hero-meta-row{align-items:center;gap:12px;margin-top:16px;display:flex}.topic-detail-hero .topic-detail-meta{color:var(--caption);margin-top:0;font-size:15px;font-weight:600}.topic-detail-hero-meta-row .meta-separator{color:var(--caption);opacity:.5;font-size:14px}.subject-dropdown-container{display:inline-block;position:relative}.subject-dropdown-trigger{color:var(--caption);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:15px;font-weight:600;transition:background-color .2s,transform .15s;display:inline-flex}:is(.subject-dropdown-trigger:hover,.subject-dropdown-container:has(.subject-dropdown-menu) .subject-dropdown-trigger){background-color:var(--card-bg-hover,#0000000a);color:var(--text)}.subject-dropdown-trigger:active{transform:scale(.98)}.subject-dropdown-trigger .subject-icon{font-size:14px}.subject-dropdown-trigger .chevron-icon{stroke:currentColor;width:10px;height:10px;margin-left:2px;transition:transform .2s}.subject-dropdown-trigger .chevron-icon.is-open{transform:rotate(180deg)}.subject-dropdown-menu{z-index:110;border:1px solid var(--line,#eeeeeb);background:#fff;border-radius:16px;flex-direction:column;gap:4px;width:140px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 10px 30px #22222214,0 2px 8px #2222220a}.subject-dropdown-menu:before{content:"";border-top:1px solid var(--line,#eeeeeb);border-left:1px solid var(--line,#eeeeeb);background:#fff;width:10px;height:10px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.subject-dropdown-backdrop{z-index:105;background:0 0;position:fixed;inset:0}.subject-dropdown-item{z-index:1;width:100%;color:var(--text,#222);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;font-weight:600;transition:background-color .2s,color .2s;display:flex;position:relative}.subject-dropdown-item:hover,.subject-dropdown-item.is-active{background-color:var(--green-soft,#eaf8ef);color:var(--green,#32a852)}.subject-dropdown-item .check-mark{font-size:11px;font-weight:700}.topic-detail-hero-art{isolation:isolate;aspect-ratio:16/9;background:radial-gradient(circle at 18% 20%,#fffffff2,#0000 25%),#e9f8f7 linear-gradient(#e7f7fb 0%,#dff6e8 100%);border:1px solid #1e776014;border-radius:28px;width:100%;min-height:0;position:relative;overflow:hidden;box-shadow:0 24px 60px #27605614}.topic-detail-hero-art:before{z-index:0;background-image:var(--topic-hero-bg,none);content:"";pointer-events:none;opacity:0;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .45s cubic-bezier(.4,0,.2,1),filter .45s,transform .45s;position:absolute;inset:0}.topic-detail-hero-art.has-bg:before{opacity:1}.topic-detail-hero-art:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(#ffffff14,#fff0),radial-gradient(circle at 18% 16%,#ffffff47,#0000 30%);position:absolute;inset:0}.topic-detail-hero-art.is-generating{background-color:#f5fbf8}.topic-detail-hero-art.is-generating:before{filter:blur(18px)saturate(.78)brightness(1.12);opacity:.78;transform:scale(1.08)}.topic-detail-hero-art.is-generating:after{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(135deg,#ffffff8a,#ecfdf775),radial-gradient(circle at 52% 45%,#ffffffb8,#0000 38%)}@keyframes topic-art-shimmer{0%{transform:translate(-150%)skew(-15deg)}to{transform:translate(150%)skew(-15deg)}}.topic-art-shimmer{z-index:1;pointer-events:none;will-change:transform;background:linear-gradient(115deg,#0000 0% 40%,#ffffff73 50%,#0000 60% 100%);animation:1.6s cubic-bezier(.4,0,.2,1) infinite topic-art-shimmer;position:absolute;inset:-50% -80%}.topic-detail-hero-characters{z-index:1;object-fit:contain;width:min(98%,590px);max-width:none;position:absolute;bottom:-7%;right:-3%}.topic-detail-hero-no-bg{z-index:1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.topic-detail-hero-no-bg .no-bg-card{-webkit-backdrop-filter:blur(10px);text-align:center;background:#ffffff73;border:1px solid #fff9;border-radius:20px;flex-direction:column;align-items:center;gap:8px;max-width:80%;padding:20px 28px;display:flex;box-shadow:0 8px 32px #2760560a}.topic-detail-hero-no-bg .no-bg-icon{margin-bottom:2px;font-size:26px;animation:3s ease-in-out infinite float-y}.topic-detail-hero-no-bg p{letter-spacing:-.3px;color:#387066;margin:0;font-size:15px;font-weight:600}.topic-detail-hero-no-bg .no-bg-sub{color:#5a968a;font-size:13px;font-weight:400}.topic-hero-actions{z-index:3;opacity:.08;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:8px;transition:opacity .18s,transform .2s;display:inline-flex;position:absolute;top:18px;right:18px;transform:translateY(8px)}.topic-detail-hero-art:hover .topic-hero-actions,.topic-hero-actions:focus-within{opacity:1;pointer-events:auto;transform:translateY(0)}.topic-hero-refresh{color:#2f9f86;letter-spacing:0;cursor:pointer;background:#ffffffeb;border:1px solid #ffffffd6;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:112px;min-height:46px;padding:0 18px;font-size:15px;font-weight:900;transition:box-shadow .2s,background .2s,transform .2s;display:inline-flex;box-shadow:0 12px 26px #2222221f,0 8px 22px #2f9f861a}.topic-hero-refresh.is-generating{color:#269b84;min-width:124px}.topic-hero-refresh:hover:not(:disabled),.topic-hero-refresh:focus-visible{background:#fffffffa;transform:translateY(-2px)scale(1.03);box-shadow:0 16px 30px #22222224,0 10px 24px #2f9f8624}.topic-hero-refresh span{white-space:nowrap}.topic-hero-save{color:#2f9f86;letter-spacing:0;cursor:pointer;background:#ffffffeb;border:1px solid #ffffffd6;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:82px;min-height:46px;padding:0 16px;font-size:15px;font-weight:900;transition:box-shadow .2s,background .2s,transform .2s;display:inline-flex;box-shadow:0 12px 26px #2222221f,0 8px 22px #2f9f861a}.topic-hero-save:hover,.topic-hero-save:focus-visible{background:#fffffffa;transform:translateY(-2px)scale(1.03);box-shadow:0 16px 30px #22222224,0 10px 24px #2f9f8624}.topic-hero-save:active{transform:translateY(0)scale(.98)}.topic-save-icon{stroke:currentColor;width:18px;height:18px;transition:transform .2s}.topic-hero-save:hover .topic-save-icon{transform:translateY(2px)}.topic-inline-settings{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;border:1.5px solid #eeeeeb;border-radius:999px;align-items:center;gap:16px;width:fit-content;max-width:100%;margin-top:24px;padding:6px 16px;animation:.3s fadeIn;display:flex;box-shadow:0 8px 24px #2222220a}.settings-divider{background-color:#eeeeeb;width:1px;height:18px}.toggle-switch{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--secondary);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{background-color:#cbd5e0;border-radius:34px;width:40px;height:22px;transition:background-color .2s;display:inline-block;position:relative}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #00000014}.toggle-switch input:checked+.toggle-slider{background-color:#2f9f86}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.toggle-switch input:focus-visible+.toggle-slider{box-shadow:0 0 0 2px #2f9f8666}.toggle-label{white-space:nowrap;transition:color .2s}.toggle-switch input:checked~.toggle-label{color:#2f9f86}.topic-delete-btn{color:#8e8e8e;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:700;transition:background-color .2s,color .2s,transform .15s;display:inline-flex}.topic-delete-btn:hover{color:#f7487e;background-color:#fff0f2;transform:scale(1.02)}.topic-delete-btn:active{transform:scale(.98)}.topic-delete-btn .delete-icon{stroke:currentColor;width:16px;height:16px}.topic-delete-btn:hover .delete-icon{animation:.5s ease-in-out infinite shake}@keyframes shake{0%{transform:rotate(0)}25%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}75%{transform:rotate(-8deg)}to{transform:rotate(0)}}.delete-confirm-backdrop{z-index:1500;-webkit-backdrop-filter:blur(10px);background:#2222223d;place-items:center;padding:24px;animation:.18s cubic-bezier(.16,1,.3,1) both search-backdrop-fade;display:grid;position:fixed;inset:0}.delete-confirm-dialog{width:min(340px,100%);color:var(--text);text-align:center;gap:20px;padding:28px 0;animation:.2s cubic-bezier(.16,1,.3,1) both delete-confirm-enter;display:grid}@keyframes delete-confirm-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.delete-confirm-head h2{color:var(--text);font-family:var(--font-display);word-break:keep-all;margin:0;font-size:20px;font-weight:700;line-height:1.35}.delete-confirm-head p{color:var(--secondary);word-break:keep-all;margin:0;font-size:14px;line-height:1.55}.delete-confirm-topic-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;opacity:.72;font-size:15px;font-weight:600;display:block;overflow:hidden}.delete-confirm-actions{justify-content:center;gap:10px;display:flex}.delete-confirm-cancel,.delete-confirm-ok{cursor:pointer;border:none;border-radius:12px;min-width:80px;min-height:42px;padding:0 20px;font-size:14px;font-weight:600;transition:background-color .12s,transform .12s}.delete-confirm-cancel{color:var(--secondary);background:0 0}.delete-confirm-cancel:hover{color:var(--text)}.delete-confirm-ok{color:#9c3631;background:#ffe7e6}.delete-confirm-ok:hover:not(:disabled){background:#ffd6d4}.delete-confirm-ok:active:not(:disabled){transform:scale(.98)}.delete-confirm-ok:disabled{cursor:wait;opacity:.68}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.generating-sparkle{color:inherit;white-space:nowrap;justify-content:center;align-items:center;gap:8px;line-height:1;display:inline-flex}.generating-sparkle.is-compact{gap:7px}.generating-sparkle-cluster{color:currentColor;flex:none;width:30px;height:30px;position:relative}.generating-sparkle.is-compact .generating-sparkle-cluster{width:22px;height:22px}.generating-sparkle-cluster i{clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%);filter:drop-shadow(0 2px 5px #2f9f8633);opacity:0;background:currentColor;border-radius:2px;width:10px;height:10px;animation:1.18s ease-in-out infinite sparkle-pop;display:block;position:absolute;transform:scale(.42)rotate(0)}.generating-sparkle-cluster i:first-child{width:13px;height:13px;top:10px;left:10px}.generating-sparkle-cluster i:nth-child(2){width:8px;height:8px;animation-delay:.18s;top:1px;left:18px}.generating-sparkle-cluster i:nth-child(3){width:7px;height:7px;animation-delay:.34s;top:19px;left:1px}.generating-sparkle.is-compact .generating-sparkle-cluster i:first-child{width:10px;height:10px;top:7px;left:7px}.generating-sparkle.is-compact .generating-sparkle-cluster i:nth-child(2){width:6px;height:6px;top:0;left:14px}.generating-sparkle.is-compact .generating-sparkle-cluster i:nth-child(3){width:5px;height:5px;top:15px;left:0}.topic-refresh-icon{flex:none;width:22px;height:22px}.topic-hero-refresh:hover .topic-refresh-icon,.topic-hero-refresh:focus-visible .topic-refresh-icon{animation:.62s topic-refresh-rotate-once}.topic-refresh-loader{border:3px dotted #2f9f86;border-top-color:#0000;border-radius:50%;flex:none;width:20px;height:20px;animation:.8s linear infinite topic-hero-spin}.topic-generating-overlay{z-index:2;color:#125b49;text-shadow:0 1px 10px #fffffff2,0 2px 20px #ffffffb3;pointer-events:none;background:linear-gradient(135deg,#e6f6f2f2 0%,#dbf5e7f2 50%,#d5f2f5f2 100%);place-items:center;font-size:16px;font-weight:800;display:grid;position:absolute;inset:0;overflow:hidden}.topic-generating-overlay .generating-sparkle{justify-items:center;gap:10px;display:grid}.topic-generating-overlay .generating-sparkle-cluster i{filter:drop-shadow(0 2px 8px #125b4940)}.generating-progress-container{z-index:2;flex-direction:column;align-items:center;gap:12px;width:80%;max-width:320px;display:flex;position:relative}.generating-progress-bar-wrapper{background:#125b491f;border-radius:99px;width:100%;height:8px;position:relative;overflow:visible}.generating-progress-bar{background:linear-gradient(90deg,#2f9f86,#50d2b6,#2f9f86) 0 0/200% 100%;border-radius:99px;width:0%;height:100%;animation:10s cubic-bezier(.1,.8,.25,1) forwards growProgress,2s linear infinite progressFlow;position:relative}.generating-progress-bar:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:30px;height:100%;animation:1.5s infinite progressShine;position:absolute;top:0;right:0}.generating-progress-brush{pointer-events:none;background:#fff;border-radius:50%;width:12px;height:12px;animation:.8s ease-in-out infinite alternate brushPulse;position:absolute;top:50%;right:-6px;transform:translateY(-50%);box-shadow:0 0 10px #50d2b6,0 0 20px #2f9f86}.generating-timer-label{color:#2f9f86;opacity:.85;text-shadow:0 1px 2px #fffc;font-size:13px;font-weight:700}.generating-bg-waves{z-index:0;pointer-events:none;opacity:.85;position:absolute;inset:0}.generating-wave{filter:blur(24px);mix-blend-mode:multiply;opacity:.45;border-radius:43% 57% 41% 59%/47% 43% 57% 53%;animation:15s ease-in-out infinite floatBlob;position:absolute}.generating-wave.wave-1{background:#a9e8d4;width:55%;height:55%;animation-duration:16s;top:-10%;right:-5%}.generating-wave.wave-2{background:#b2ebd5;width:60%;height:60%;animation-duration:20s;animation-delay:-3s;bottom:-15%;left:-5%}.generating-wave.wave-3{background:#d8f7eb;width:40%;height:40%;animation-duration:14s;animation-delay:-6s;top:30%;right:15%}.generating-wave.wave-4{background:#e3f6ed;width:35%;height:35%;animation-duration:18s;animation-delay:-9s;bottom:25%;left:20%}.generating-wave-svg{z-index:1;pointer-events:none;opacity:.65;width:100%;height:100%;position:absolute;bottom:0;left:0}.generating-wave-path{transform-origin:bottom;animation:12s ease-in-out infinite alternate waveFlow}.generating-wave-path:first-child{fill:#ffffff8c;animation-duration:14s}.generating-wave-path:nth-child(2){fill:#b4ebd773;animation-duration:18s;animation-delay:-4s}.generating-wave-path:nth-child(3){fill:#ffffff4d;animation-duration:11s;animation-delay:-2s}.generating-particles{z-index:1;pointer-events:none;position:absolute;inset:0}.generating-particle{background:radial-gradient(circle,#fffffff2 0%,#fff0 70%);border-radius:50%;animation:6s ease-in-out infinite particleFloat;position:absolute}.generating-particle.gp-1{width:16px;height:16px;animation-duration:5s;top:20%;left:15%}.generating-particle.gp-2{width:10px;height:10px;animation-duration:7s;animation-delay:-1s;top:75%;left:25%}.generating-particle.gp-3{width:18px;height:18px;animation-duration:6s;animation-delay:-2s;top:30%;right:18%}.generating-particle.gp-4{width:12px;height:12px;animation-duration:8s;animation-delay:-3s;top:65%;right:25%}.generating-particle.gp-5{width:8px;height:8px;animation-duration:4s;top:15%;right:45%}.generating-particle.gp-6{width:14px;height:14px;animation-duration:9s;animation-delay:-4s;bottom:15%;left:48%}.generating-style-badge{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#125b49;background:#ffffffe6;border:1px solid #fff9;border-radius:99px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:700;animation:.6s cubic-bezier(.34,1.56,.64,1) both badgePopUp;display:flex;position:absolute;bottom:16px;left:16px;box-shadow:0 4px 15px #125b4914}@keyframes growProgress{0%{width:0%}to{width:95%}}@keyframes progressFlow{0%{background-position:0%}to{background-position:200%}}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes brushPulse{0%{transform:translateY(-50%)scale(.9);box-shadow:0 0 6px #50d2b6,0 0 12px #50d2b6}to{transform:translateY(-50%)scale(1.2);box-shadow:0 0 14px #50d2b6,0 0 24px #50d2b6}}@keyframes floatBlob{0%,to{border-radius:43% 57% 41% 59%/47% 43% 57% 53%;transform:translate(0)rotate(0)scale(1)}33%{border-radius:55% 45% 60% 40%/40% 60% 45% 55%;transform:translate(25px,-15px)rotate(120deg)scale(1.1)}66%{border-radius:38% 62% 48% 52%/55% 38% 62% 45%;transform:translate(-15px,20px)rotate(240deg)scale(.95)}}@keyframes waveFlow{0%{transform:translateY(0)scaleY(1)rotate(-.5deg)}50%{transform:translateY(-6px)scaleY(1.03)rotate(.5deg)}to{transform:translateY(3px)scaleY(.97)rotate(-.2deg)}}@keyframes particleFloat{0%,to{opacity:.15;transform:translateY(0)scale(1)}50%{opacity:.75;transform:translateY(-16px)scale(1.25)}}@keyframes badgePopUp{0%{opacity:0;transform:translateY(12px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.topic-generating-overlay.is-success{background:#fffffff2;animation:.3s ease-in-out 2.7s forwards fadeOutSuccessOverlay}.generating-success-preview{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.success-preview-image{object-fit:cover;width:100%;height:100%;animation:.8s cubic-bezier(.16,1,.3,1) both scaleUpImage;position:absolute}.success-preview-overlay{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #fff9;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;animation:.5s cubic-bezier(.34,1.56,.64,1) both popSuccessBox;display:flex;position:relative;box-shadow:0 12px 30px #0000001f}.success-icon{font-size:24px;animation:1.2s ease-in-out infinite alternate pulseIcon}@keyframes scaleUpImage{0%{filter:blur(4px);transform:scale(1.08)}to{filter:blur();transform:scale(1)}}@keyframes popSuccessBox{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pulseIcon{0%{transform:scale(1)}to{transform:scale(1.2)}}@keyframes fadeOutSuccessOverlay{0%{opacity:1}to{opacity:0}}.topic-hero-refresh:disabled{cursor:default;color:#2f9f86;background:#fffffff5;transform:none}.topic-detail-hero-art:hover .topic-hero-refresh:disabled{transform:none}@keyframes topic-refresh-rotate-once{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sparkle-pop{0%,to{opacity:0;transform:scale(.42)rotate(-24deg)}38%{opacity:1;transform:scale(1.08)rotate(10deg)}58%{opacity:.9;transform:scale(.92)rotate(24deg)}}@media (prefers-reduced-motion:reduce){.topic-hero-refresh,.topic-refresh-icon,.topic-refresh-loader,.generating-sparkle-cluster i{transition:none;animation:none}.topic-hero-refresh:hover,.topic-hero-refresh:focus-visible{transform:translateY(0)}}@media (hover:none){.topic-hero-refresh{opacity:1;pointer-events:auto;transform:translateY(0)}}@media (width<=620px){.topic-hero-refresh{opacity:1;pointer-events:auto;min-width:104px;min-height:42px;padding:0 14px;font-size:14px;top:14px;right:14px;transform:translateY(0)}.topic-refresh-icon{width:20px;height:20px}}.topic-progress-card{grid-template-columns:var(--topic-detail-rail-width) minmax(0, 1fr);align-items:center;gap:var(--topic-detail-section-gap);background:#fffffffa;border:1px solid #22222212;border-radius:18px;min-height:152px;padding:26px 42px;display:grid;box-shadow:0 18px 48px #22222212}.topic-progress-summary{border-right:1px solid #22222217;gap:8px;padding-right:clamp(24px,4vw,44px);display:grid}.topic-progress-summary h2{color:var(--text);margin:0;font-size:17px;font-weight:800}.topic-progress-summary strong{color:var(--green);font-family:var(--font-display);font-size:40px;font-weight:700;line-height:1}.topic-progress-summary span{color:var(--secondary);font-size:13px;font-weight:700}.topic-progress-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.topic-progress-steps li{min-width:0;color:var(--caption);text-align:center;justify-items:center;gap:8px;display:grid;position:relative}.topic-progress-steps li:not(:last-child):after{z-index:0;content:"";border-top:2px dashed #dfdfdb;width:calc(100% - 96px);position:absolute;top:38px;left:calc(50% + 48px)}.topic-progress-icon{z-index:1;background:#fff;border:2px solid #dedfdd;border-radius:50%;place-items:center;width:78px;height:78px;display:grid;position:relative}.topic-progress-icon>img:first-child{object-fit:contain;opacity:.58;width:48px;height:48px}.topic-progress-check-badge{background:var(--green);color:#fff;z-index:2;border:2.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;animation:.3s cubic-bezier(.34,1.56,.64,1) check-pop;display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 3px 8px #32a85273}@keyframes check-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.topic-progress-check-badge svg{stroke:#fff;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.topic-progress-steps strong{color:var(--text);font-size:15px;font-weight:800;line-height:1.2}.topic-progress-steps small{color:var(--caption-strong);font-size:13px;font-weight:800;line-height:1.2}.topic-progress-steps .is-complete .topic-progress-icon{background:#f7fff9;border-color:#32a8525c}.topic-progress-steps .is-complete .topic-progress-icon>img:first-child{opacity:1}.topic-progress-steps .is-complete small{color:var(--green-strong)}.topic-progress-steps .is-active.is-writing .topic-progress-icon{border-color:#ff62918c}.topic-progress-steps .is-active.is-speaking .topic-progress-icon{border-color:#ffb730bf}.topic-progress-steps .is-active .topic-progress-icon>img:first-child{opacity:1}.topic-progress-steps .is-active small{color:#f2a70d}.topic-progress-steps .is-upcoming .topic-progress-icon{background:#fbfbfa;border-color:#ddddda}.topic-progress-steps .is-upcoming .topic-progress-icon>img:first-child{filter:grayscale()saturate(0)contrast(.82);opacity:.22}.topic-progress-steps .is-upcoming strong,.topic-progress-steps .is-upcoming small{color:#9b9d98}.topic-workspace,.topic-report-builder{gap:14px;padding:0;display:grid}.topic-section-head{align-items:center;padding:0}.topic-section-head h2{letter-spacing:0;font-size:24px;font-weight:800}.topic-section-head button,.topic-work-more,.topic-report-all{color:var(--secondary);justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:800;display:inline-flex}.topic-work-tabs{background:#fff;border:1px solid #22222214;border-bottom:0;border-radius:16px 16px 0 0;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid;position:relative;overflow:hidden}.topic-work-tabs button{min-height:64px;color:var(--secondary);border-right:1px solid #2222220f;justify-content:center;align-items:center;gap:10px;padding:0 14px;font-size:15px;font-weight:800;display:flex;position:relative}.topic-work-tabs button:last-child{border-right:0}.topic-work-tabs button:after{display:none!important}.topic-work-tabs button{transition:color .3s}.topic-work-tabs button.tab-thinking.is-active{color:var(--green)}.topic-work-tabs button.tab-writing.is-active{color:#ff6595}.topic-work-tabs button.tab-speaking.is-active{color:#347cea}.topic-work-tab-indicator{pointer-events:none;z-index:2;justify-content:center;width:33.3333%;height:3px;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:0;left:0}.topic-work-tab-indicator:after{content:"";border-radius:999px 999px 0 0;width:calc(100% - 44px);height:100%;transition:background-color .3s;display:block}.topic-work-tab-indicator.is-thinking{transform:translate(0%)}.topic-work-tab-indicator.is-thinking:after{background-color:var(--green)}.topic-work-tab-indicator.is-writing{transform:translate(100%)}.topic-work-tab-indicator.is-writing:after{background-color:#ff6595}.topic-work-tab-indicator.is-speaking{transform:translate(200%)}.topic-work-tab-indicator.is-speaking:after{background-color:#347cea}.topic-work-tabs img{object-fit:contain;width:32px;height:32px}.topic-work-panel{grid-template-columns:var(--topic-detail-rail-width) minmax(0, 1fr);gap:var(--topic-detail-section-gap);background:#fff;border:1px solid #22222214;border-radius:0 18px 18px;margin-top:-1px;padding:34px 42px;display:grid;box-shadow:0 18px 48px #2222220e}.topic-work-summary{border-right:1px solid #22222214;grid-template-columns:92px minmax(0,1fr);align-content:start;align-items:center;gap:18px;padding-right:clamp(24px,4vw,44px);display:grid}.topic-work-summary>img{object-fit:contain;width:88px;height:88px}.topic-work-summary h3,.topic-work-recent h3{color:var(--text);font-family:var(--font-display);letter-spacing:0;margin:0;font-size:24px;font-weight:800;line-height:1.2}.topic-work-summary p{color:var(--secondary);margin:8px 0 0;font-size:15px;font-weight:600;line-height:1.5}.topic-work-actions{grid-column:1/-1;gap:10px;margin-top:16px;display:grid}.topic-work-primary,.topic-work-secondary{border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:52px;font-size:15px;font-weight:900;display:inline-flex}.topic-work-primary{color:#fff;background:linear-gradient(135deg,#32b856,#20a747);box-shadow:0 14px 28px #32a8522e}.topic-work-panel.is-writing .topic-work-primary{background:linear-gradient(135deg,#ff6595,#f7487e);box-shadow:0 14px 28px #f7487e29}.topic-work-panel.is-speaking .topic-work-primary{background:linear-gradient(135deg,#4d9cff,#347cea);box-shadow:0 14px 28px #347cea29}.topic-work-secondary img{object-fit:contain;width:22px;height:22px}.topic-work-secondary{color:var(--text);background:#fff;border:1px solid #2222221a}.topic-work-recent{align-content:start;gap:6px;display:grid}.topic-work-recent-list{flex-direction:column;max-height:200px;padding-right:4px;display:flex;overflow-y:auto}.topic-work-recent-list::-webkit-scrollbar{width:6px}.topic-work-recent-list::-webkit-scrollbar-track{background:0 0}.topic-work-recent-list::-webkit-scrollbar-thumb{background:#2222221f;border-radius:3px}.topic-work-recent-list::-webkit-scrollbar-thumb:hover{background:#2222223d}.topic-work-recent h3{font-family:var(--font-ui);margin-bottom:10px;font-size:16px;font-weight:900}.topic-activity-row{min-height:48px;color:var(--text);text-align:left;border-bottom:1px solid #22222212;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:13px;padding:10px 0;display:grid}.topic-activity-row+.topic-activity-row{border-top:0}.topic-activity-row img{object-fit:contain;width:30px;height:30px}.topic-activity-row strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;line-height:1.35;display:block;overflow:hidden}.topic-activity-row small{color:var(--secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;font-weight:600;line-height:1.35;display:block;overflow:hidden}.topic-activity-row time{color:var(--caption);white-space:nowrap;font-size:12px;font-weight:800}.topic-empty-copy{color:var(--secondary);margin:0;padding:18px 0;font-size:14px;font-weight:600;line-height:1.6}.topic-work-more{color:var(--green);justify-self:end;margin-top:8px}.topic-report-panel{isolation:isolate;background:#fffffffa;border:1px solid #22222212;border-radius:18px;grid-template-columns:64px minmax(240px,1.05fr) minmax(430px,1.6fr) auto;align-items:center;gap:22px;min-height:96px;padding:18px 24px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 42px #2222220f}.topic-report-panel:before{z-index:-1;content:"";pointer-events:none;background:#22222214;width:1px;position:absolute;inset:8px auto 8px 86px}.topic-report-trophy{object-fit:contain;filter:drop-shadow(0 8px 12px #e6a92729);width:54px;height:54px}.topic-report-intro h2{color:var(--text);font-family:var(--font-display);letter-spacing:0;margin:0;font-size:18px;font-weight:800;line-height:1.2}.topic-report-intro p{color:var(--secondary);margin:5px 0 0;font-size:12px;font-weight:600;line-height:1.45}.topic-report-metrics{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;height:100%;margin:0;display:grid}.topic-report-metrics div{text-align:center;border-left:1px solid #22222214;justify-items:center;gap:3px;min-width:0;padding:0 20px;display:grid}.topic-report-metrics div:first-child{border-left:0}.topic-report-metrics dt{color:var(--caption);white-space:nowrap;font-size:11px;font-weight:800;line-height:1.2}.topic-report-metrics dd{font-family:var(--font-display);white-space:nowrap;align-items:baseline;gap:2px;margin:0;font-size:24px;font-weight:800;line-height:1;display:inline-flex}.topic-report-metrics dd small{font-family:var(--font-ui);font-size:12px;font-weight:900}.topic-report-metrics dd.is-gold{color:#f0a400}.topic-report-metrics dd.is-green{color:var(--green)}.topic-report-metrics dd.is-purple{color:#9a6bff;font-size:21px}.topic-report-actions{justify-content:flex-end;align-items:center;display:flex}.topic-report-button{color:#4a3911;background:linear-gradient(#ffeaa6,#ffd978);border:1px solid #f4bc2a52;border-radius:16px;justify-content:center;align-items:center;gap:9px;width:auto;min-width:166px;min-height:52px;padding:0 18px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:0 12px 24px #f0a4002e}.topic-report-button img{object-fit:contain;flex:none;width:22px;height:22px}.topic-report-button b{color:#5b4511;font-size:20px;font-weight:900;line-height:1}.topic-report-history{background:#fff;border:1px solid #22222212;border-radius:18px;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:18px;min-height:96px;padding:18px 24px;display:grid;box-shadow:0 12px 30px #2222220b}.topic-report-history>strong{color:var(--text);font-size:18px;font-weight:900}.topic-report-history-grid{grid-template-columns:repeat(3,minmax(170px,1fr)) auto;gap:12px;display:grid}.topic-report-history-grid.is-empty{grid-template-columns:minmax(220px,1fr) auto}.topic-report-history-card,.topic-report-add-card,.topic-report-all{min-height:62px;color:var(--text);text-align:left;box-shadow:none;background:#fff;border:1px solid #22222213;border-radius:18px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:10px 14px;display:grid}.topic-report-history-card img,.topic-report-add-card img,.topic-report-all img{object-fit:contain;width:34px;height:34px}.topic-report-history-card strong,.topic-report-add-card span,.topic-report-all span{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;line-height:1.25;display:block;overflow:hidden}.topic-report-history-card small{color:var(--caption);margin-top:4px;font-size:12px;font-weight:700;line-height:1.25;display:block}.topic-report-all{min-width:150px;color:var(--green);grid-template-columns:32px auto}.topic-report-button:disabled,.topic-report-add-card:disabled,.topic-report-all:disabled{cursor:not-allowed;opacity:.52}.present-submit-screen{gap:24px;width:min(820px,100%);min-height:calc(100vh - 72px);margin:0 auto;padding:clamp(22px,4vw,54px) 0 42px;display:grid}.present-back-link{white-space:nowrap;place-self:start;height:auto;box-shadow:none!important;background:0 0!important;border:none!important}.present-submit-head{min-height:150px;padding-right:170px;position:relative}.present-submit-head h1{color:var(--text);font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(48px,6vw,72px);font-weight:600;line-height:1.15}.present-submit-head p{color:var(--secondary);word-break:keep-all;margin:14px 0 0;font-size:18px;font-weight:400;line-height:1.6}.present-submit-mascot{object-fit:contain;filter:drop-shadow(0 18px 28px #2222220f);width:150px;height:150px;animation:5.2s ease-in-out infinite float-y;position:absolute;top:0;right:8px}.present-submit-form{gap:22px;display:grid}.present-start-paths{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.present-start-paths button{min-height:96px;color:var(--text);text-align:left;background:#ffffffc2;border:1px solid #2222220e;border-radius:20px;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;padding:16px;display:grid;box-shadow:0 12px 28px #2222220b}.present-start-paths button.is-active{background:#fff6d8;box-shadow:0 14px 32px #2222220f}.present-start-paths img{object-fit:contain;width:54px;height:54px}.present-start-paths span{gap:5px;min-width:0;display:grid}.present-start-paths strong{color:var(--text);font-size:16px;font-weight:600}.present-start-paths small{color:var(--secondary);word-break:keep-all;font-size:13px;font-weight:400;line-height:1.45}.present-meta-panel{box-shadow:var(--shadow-soft);background:#ffffffb8;border:1px solid #2222220e;border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;display:grid}.present-meta-panel label{gap:7px;display:grid}.present-meta-panel span{color:var(--caption);font-size:12px;font-weight:500}.present-meta-panel input,.present-meta-panel select{min-width:0;min-height:46px;color:var(--text);font:inherit;background:#ffffffd6;border:1px solid #22222213;border-radius:14px;outline:0;padding:0 13px;font-size:14px;font-weight:400}.present-camera-section{justify-items:center;gap:12px;display:grid}.present-camera-frame{aspect-ratio:16/9.8;background:#1b1b1d;border-radius:22px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 44px #2222221f}.present-camera-frame video{object-fit:cover;width:100%;height:100%}.present-camera-frame video.is-hidden{display:none}.present-camera-frame .corner{z-index:2;border-style:solid;border-color:#fffc;width:36px;height:36px;position:absolute}.corner-tl{border-width:3px 0 0 3px;top:24px;left:24px}.corner-tr{border-width:3px 3px 0 0;top:24px;right:24px}.corner-bl{border-width:0 0 3px 3px;bottom:24px;left:24px}.corner-br{border-width:0 3px 3px 0;bottom:24px;right:24px}.present-shutter{background:0 0;border:6px solid #ffffffe6;border-radius:999px;place-items:center;width:106px;height:106px;display:grid}.present-shutter span{border-radius:inherit;background:#fff;width:70px;height:70px}.present-record-button{z-index:3;color:#202020;min-height:48px;box-shadow:var(--shadow-soft);background:#fff;border-radius:999px;padding:0 22px;font-size:14px;font-weight:600;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.present-record-button.is-recording{color:#fff;background:#ff6374}.present-camera-label{min-height:42px;color:var(--text);align-items:center;gap:8px;font-size:16px;font-weight:600;display:inline-flex}.present-camera-label img{object-fit:contain;width:26px;height:26px}.present-camera-status{color:var(--caption);font-size:13px;font-weight:500}.present-or-line{color:var(--caption);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;font-size:15px;font-weight:500;display:grid}.present-or-line span{background:#22222217;height:1px}.present-or-line b{font-weight:500}.present-dropzone{min-height:184px;color:var(--text);text-align:center;cursor:pointer;background:#ffffffa3;border:2px dashed #9a704238;border-radius:22px;place-items:center;gap:10px;padding:28px;display:grid;position:relative}.present-dropzone img{object-fit:contain;width:48px;height:48px}.present-dropzone strong{font-size:20px;font-weight:600}.present-dropzone small{color:var(--caption);font-size:15px;font-weight:400}.present-dropzone input{opacity:0;cursor:pointer;position:absolute;inset:0}.present-capture-profile,.present-learner-level{background:#ffffffb3;border:1px solid #22222212;border-radius:20px;gap:9px;margin:0;padding:16px;display:grid}.present-capture-profile legend,.present-learner-level legend{color:var(--text);padding:0 4px;font-size:15px;font-weight:650}.present-capture-profile>p,.present-learner-level>p{color:var(--secondary);margin:0;font-size:13px;line-height:1.5}.present-capture-profile>div,.present-learner-level>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.present-capture-profile label,.present-learner-level label{cursor:pointer;border:1px solid #22222214;border-radius:14px;align-items:flex-start;gap:9px;min-width:0;padding:12px;display:flex}.present-capture-profile label.is-selected,.present-learner-level label.is-selected{background:#eefaf1d9;border-color:#32ae6680}.present-capture-profile input,.present-learner-level input{accent-color:#29a75b;margin-top:3px}.present-capture-profile span,.present-learner-level span{gap:3px;min-width:0;display:grid}.present-capture-profile strong,.present-learner-level strong{color:var(--text);font-size:14px}.present-capture-profile small,.present-learner-level small{color:var(--secondary);font-size:12px;line-height:1.4}.present-learner-level>div{grid-template-columns:repeat(3,minmax(0,1fr))}.present-ready-bar{box-shadow:var(--shadow-soft);background:#ffffffdb;border:1px solid #2222220e;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 16px;display:grid}.present-ready-bar strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.4;display:block;overflow:hidden}.present-ready-bar small{color:var(--secondary);margin-top:3px;font-size:13px;font-weight:400;display:block}.canvas-work-topbar,.writing-work-topbar{z-index:5;justify-content:space-between;align-items:center;gap:16px;width:min(1620px,100% - 72px);margin:0 auto;display:flex;position:relative}.canvas-topbar-left,.writing-topbar-left,.writing-topbar-actions,.canvas-topbar-actions{align-items:center;gap:10px;min-width:0;display:inline-flex}.canvas-back-link,.writing-back-link{box-shadow:none!important;background:0 0!important;border:none!important}.writing-print-button{min-height:46px;color:var(--text,#1f2420);cursor:pointer;background:#ffffffd1;border:1px solid #22222214;border-radius:999px;justify-self:start;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:600;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,background-color .2s,border-color .2s;display:inline-flex;box-shadow:0 10px 24px #2222220e}.writing-print-button:hover{background-color:var(--surface-hover,#fafaf9);border-color:var(--line-bold,#ccc);transform:translateY(-2px);box-shadow:0 12px 28px #00000014}.writing-print-button:active{box-shadow:var(--shadow-soft);transform:translateY(0)}.work-mode-pill{min-height:42px;color:var(--secondary);background:#ffffff94;border:1px solid #2222220a;border-radius:999px;align-items:center;padding:0 22px;font-size:15px;font-weight:600;display:inline-flex}.work-save-state,.writing-topbar-actions span{color:var(--caption);font-size:15px;font-weight:500}.canvas-print-button,.canvas-topbar-btn{min-height:46px;color:var(--secondary,#666);cursor:pointer;border-radius:0;align-items:center;gap:8px;padding:0 16px;font-family:inherit;font-size:15px;font-weight:600;transition:color .2s;display:inline-flex;box-shadow:none!important;background:0 0!important;border:none!important;transform:none!important}.canvas-print-button:hover,.canvas-topbar-btn:hover,.canvas-topbar-btn.active{color:var(--text,#1f2420)}.canvas-print-button svg,.canvas-topbar-btn svg{flex:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:inline-block}.canvas-topbar-btn:hover .icon-expand{transform:scale(1.22)}.canvas-topbar-btn:hover .icon-collapse{transform:scale(.8)}.canvas-topbar-btn:hover .icon-settings,.canvas-topbar-btn.active .icon-settings{transform:rotate(60deg)}.canvas-print-button:hover svg{transform:translateY(-2.5px)}.canvas-print-button:disabled,.canvas-topbar-btn:disabled{cursor:wait;opacity:.58}.canvas-soft-action,.writing-ai-button,.writing-photo-button,.writing-save-row button{color:#fff;min-height:44px;box-shadow:var(--shadow-soft);background:#202020;border-radius:999px;padding:0 22px;font-size:15px;font-weight:600}.writing-photo-button{border:1px solid var(--line);background:var(--surface);color:var(--text)}.writing-ai-button:disabled,.writing-photo-button:disabled{cursor:wait;opacity:.58}.canvas-soft-action{color:#fff;background:#9b7b55;box-shadow:0 12px 26px #5b40241c}.workspace--map{background-color:#fff;flex-direction:column;height:100vh;display:flex;overflow:hidden;padding:0!important}.thought-canvas-screen{box-sizing:border-box;background-color:#fff;flex-direction:column;flex:1;padding:0;display:flex;position:relative;overflow:hidden}.thought-canvas-screen .canvas-work-topbar{border-bottom:1px solid var(--line-soft,#f4f4f1);box-sizing:border-box;background-color:#fff;width:100%;margin:0;padding:16px 24px}.thought-map-canvas-container{min-height:0}.presentation-page .presentation-growth-report,.presentation-page .presentation-coaching-card,.presentation-page .presentation-improvement-board,.presentation-page .presentation-practice-cta,.presentation-page .presentation-group-card,.presentation-page .presentation-metric-card,.presentation-page .presentation-visual-card,.presentation-page .presentation-evidence-timeline article,.presentation-page .factor-row,.presentation-page .transcript-panel,.presentation-page .essay-paper.compact,.presentation-page .management-grid button{box-shadow:none}.presentation-page .factor-row,.presentation-page .transcript-panel,.presentation-page .essay-paper.compact,.presentation-page .management-grid button{background:0 0;border:0;border-bottom:1px solid #17261b1a;border-radius:0}.presentation-page .factor-row{padding:14px 0}.presentation-page .transcript-panel,.presentation-page .essay-paper.compact{padding-left:0;padding-right:0}.presentation-page .management-grid button{min-height:0;padding:18px 0}@media (width<=680px){.presentation-page .presentation-stage-node{width:54px;height:54px}.presentation-page .presentation-stage-node img{width:32px;height:32px}.presentation-page .presentation-stage-track .is-current .presentation-stage-node{width:58px;height:58px;box-shadow:0 0 0 6px var(--presentation-green-soft);margin-top:0}}