@layer reset, tokens, base, components, screens;
@layer tokens {
:root {
  --lp-fonts-body: ui-sans-serif, -apple-system, system-ui, "Segoe UI", sans-serif;
  --lp-sizes-account-confirm-width: 48rem;
  --lp-sizes-action-card-inset: 22px;
  --lp-sizes-avatar-photo-border-width: 4px;
  --lp-sizes-avatar-photo-width: 160px;
  --lp-sizes-avatar-upload-radius: 18px;
  --lp-sizes-backlog-project-list-height: 24rem;
  --lp-sizes-body: 13px;
  --lp-sizes-button-inset-block: 9px;
  --lp-sizes-button-inset-inline: 14px;
  --lp-sizes-catalog-card-min-height: 132px;
  --lp-sizes-cloud-brand: 64px;
  --lp-sizes-cloud-emblem: 48px;
  --lp-sizes-cloud-map-mobile-height: 44vh;
  --lp-sizes-cloud-map-mobile-max-height: 22rem;
  --lp-sizes-cloud-map-stage-height: 60vh;
  --lp-sizes-cloud-map-stage-max-height: 40rem;
  --lp-sizes-cloud-map-stat-size: 1.4rem;
  --lp-sizes-cloud-security-dialog-width: 78rem;
  --lp-sizes-cloud-security-icon-hit: 2.75rem;
  --lp-sizes-color-field-height: 36px;
  --lp-sizes-color-field-min-width: 160px;
  --lp-sizes-color-field-width: 64px;
  --lp-sizes-color-settings-field-height: 40px;
  --lp-sizes-compact-panel-width-max: 40vw;
  --lp-sizes-connection-card-min-width: 240px;
  --lp-sizes-connection-popup-width: 76rem;
  --lp-sizes-connection-state-size: .85em;
  --lp-sizes-control: 0.875rem;
  --lp-sizes-device-guide-step-width: 14rem;
  --lp-sizes-graph-step-inset-block: 26px;
  --lp-sizes-header-button-height: 42px;
  --lp-sizes-heading-letter-spacing: .2em;
  --lp-sizes-icon-button-inset: 6px;
  --lp-sizes-icon-large: 32px;
  --lp-sizes-icon-medium: 28px;
  --lp-sizes-icon-small: 18px;
  --lp-sizes-inline-icon-gap: .75em;
  --lp-sizes-inline-icon-size: 1.5em;
  --lp-sizes-integrations-card-width: 18rem;
  --lp-sizes-integrations-logo-emoji: 32px;
  --lp-sizes-integrations-logo-height: 56px;
  --lp-sizes-integrations-logo-large: 72px;
  --lp-sizes-integrations-logo-size: 44px;
  --lp-sizes-integrations-logo-slot: 88px;
  --lp-sizes-integrations-logo-wordmark: 128px;
  --lp-sizes-language-flag-size: 1.25em;
  --lp-sizes-list-resizer-min-height: 100px;
  --lp-sizes-list-width: 300px;
  --lp-sizes-list-width-max: 34vw;
  --lp-sizes-list-width-medium: 14rem;
  --lp-sizes-list-width-small: 30vw;
  --lp-sizes-loading-description: 14px;
  --lp-sizes-loading-description-gap: 32px;
  --lp-sizes-loading-jump-down: .06em;
  --lp-sizes-loading-jump-settle: .08em;
  --lp-sizes-loading-jump-up: .25em;
  --lp-sizes-loading-letter-spacing: .04em;
  --lp-sizes-loading-logo: 100px;
  --lp-sizes-loading-message-height: 1.5em;
  --lp-sizes-loading-title: clamp(1.75rem,5vw,2.75rem);
  --lp-sizes-loading-track-height: 3px;
  --lp-sizes-loading-track-width: 300px;
  --lp-sizes-loading-width: 580px;
  --lp-sizes-login-brand: clamp(2rem,4vw,3.25rem);
  --lp-sizes-login-control-height: 48px;
  --lp-sizes-login-copy: 13px;
  --lp-sizes-login-field-gap: 4px;
  --lp-sizes-login-font: 15px;
  --lp-sizes-login-heading: clamp(1.125rem,3vw,1.5rem);
  --lp-sizes-login-page-inset: 16px;
  --lp-sizes-login-provider-min: 180px;
  --lp-sizes-login-width: 540px;
  --lp-sizes-menu-width: 260px;
  --lp-sizes-menu-width-medium: 10rem;
  --lp-sizes-menu-width-small: 24vw;
  --lp-sizes-model-picker-width: 64rem;
  --lp-sizes-navigation-number-width: 2.5em;
  --lp-sizes-navigation-row-inset: 10px;
  --lp-sizes-notification-bottom-offset: 36px;
  --lp-sizes-notification-max-width: 420px;
  --lp-sizes-notification-viewport-gutter: calc(2 * var(--lp-sizes-space-panel));
  --lp-sizes-otp-box: 46px;
  --lp-sizes-otp-height: 54px;
  --lp-sizes-overview-section-gap: 40px;
  --lp-sizes-page-heading: clamp(2rem,3vw,3rem);
  --lp-sizes-popup-max-height: 90dvh;
  --lp-sizes-popup-max-width: 90vw;
  --lp-sizes-popup-width: 32rem;
  --lp-sizes-provider-logo-size: 2rem;
  --lp-sizes-radius-card: 18px;
  --lp-sizes-radius-control: 8px;
  --lp-sizes-radius-popup: 12px;
  --lp-sizes-section: 1.125rem;
  --lp-sizes-security-key-action-width: 8rem;
  --lp-sizes-security-note-border: 3px;
  --lp-sizes-security-switch-hit: 44px;
  --lp-sizes-security-switch-inset: 3px;
  --lp-sizes-security-switch-radius: 10px;
  --lp-sizes-security-switch-selection-radius: 7px;
  --lp-sizes-security-switch-width: 112px;
  --lp-sizes-shortcut-inline-inset: 5px;
  --lp-sizes-shortcut-reserve: 48px;
  --lp-sizes-shortcut-reserve-ctrl: 100px;
  --lp-sizes-small: 0.75rem;
  --lp-sizes-space-compact: 10px;
  --lp-sizes-space-control: 12px;
  --lp-sizes-space-group: 20px;
  --lp-sizes-space-panel: 16px;
  --lp-sizes-space-section: 24px;
  --lp-sizes-space-tight: 8px;
  --lp-sizes-staff-card-min-width: 140px;
  --lp-sizes-terms-line-height: 1.8em;
  --lp-sizes-terms-reading-width: 54rem;
  --lp-sizes-theme-color-field-min: 14rem;
  --lp-sizes-theme-color-input-height: 3rem;
  --lp-sizes-theme-color-input-width: 4rem;
  --lp-sizes-title: 1.25rem;
  --lp-sizes-top-band-height: 52px;
  --lp-sizes-workspace-graph-min-width: 240px;
  --lp-sizes-workspace-input-gap: 36px;
  --lp-sizes-workspace-panel-inset: 18px;
  --lp-colors-accent: #237f9c;
  --lp-colors-border: #c9c1bc;
  --lp-colors-button-hover-bg: #eaf6fa;
  --lp-colors-button-hover-border: #2085a4;
  --lp-colors-button-hover-ink: #2085a4;
  --lp-colors-cloud-map-accent: #48deec;
  --lp-colors-cloud-map-bg: #050b14;
  --lp-colors-cloud-map-blocked: #55efbb;
  --lp-colors-cloud-map-border: #1d3647;
  --lp-colors-cloud-map-coast: #9ebbb0;
  --lp-colors-cloud-map-grid: #1c4255;
  --lp-colors-cloud-map-land: #53665a;
  --lp-colors-cloud-map-login: #ffc870;
  --lp-colors-cloud-map-muted: #83a2b6;
  --lp-colors-cloud-map-ocean: #1a2827;
  --lp-colors-cloud-map-panel: #0a1624;
  --lp-colors-cloud-map-suspicious: #ff6588;
  --lp-colors-cloud-map-text: #d9edf1;
  --lp-colors-connection-connected-bg: #e8f5ed;
  --lp-colors-connection-connected-border: #77ae8b;
  --lp-colors-connection-connected-ink: #21623a;
  --lp-colors-danger: #c43e47;
  --lp-colors-dangerbackground: #fff4f4;
  --lp-colors-ink: #292729;
  --lp-colors-llm-hover-bg: #f2eef9;
  --lp-colors-llm-hover-border: #7b61b5;
  --lp-colors-llm-hover-ink: #7b61b5;
  --lp-colors-loading-accent: #247e9e;
  --lp-colors-loading-ink: #302d2b;
  --lp-colors-loading-muted: #675f5a;
  --lp-colors-loading-paper: #ffffff;
  --lp-colors-loading-track: #e4edf0;
  --lp-colors-login-background: #f5f7f8;
  --lp-colors-muted: #746f6c;
  --lp-colors-paper: #ffffff;
  --lp-colors-preview: #fff6d9;
  --lp-colors-provider-dark: #000000;
  --lp-colors-provider-google-blue: #4285F4;
  --lp-colors-provider-google-green: #34A853;
  --lp-colors-provider-google-red: #EA4335;
  --lp-colors-provider-google-yellow: #FBBC05;
  --lp-colors-provider-light: #ffffff;
  --lp-colors-security-switch-off: #e6e9ed;
  --lp-colors-selected: #d9eef2;
  --lp-colors-shadow: #d9dfe3;
  --lp-colors-success: #e7f4eb;
  --lp-colors-successborder: #93c5a3;
  --lp-shadows-card: 0 5px 15px var(--lp-colors-shadow);
  --lp-shadows-popup: 0 8px 28px var(--lp-colors-shadow);
  --lp-shadows-security-switch-thumb: 0 1px 3px var(--lp-colors-border);
  --lp-motion-loading-letter-duration: .9s;
  --lp-motion-loading-letter-stagger: -.07s;
  --lp-motion-loading-slide-duration: 1.8s;
  --lp-motion-security-switch-duration: .16s;
}
}

@layer reset { * { box-sizing:border-box } body,h1,h2,h3,p,ul { margin:0 } [hidden] { display:none !important } }
@layer base {
html {font-size:100%} body {font-size:var(--lp-sizes-body);font-family:var(--lp-fonts-body);color:var(--lp-colors-ink);background:var(--lp-colors-paper);line-height:1.6}
button,input,textarea {font:inherit} button,a,input,textarea {outline-offset:3px} :focus-visible {outline:3px solid var(--lp-colors-accent)}
button {border:1px solid var(--lp-colors-border);border-radius:var(--lp-sizes-radius-control);background:var(--lp-colors-paper);color:inherit;padding:var(--lp-sizes-button-inset-block) var(--lp-sizes-button-inset-inline);cursor:pointer;font-size:var(--lp-sizes-control)} button:disabled {cursor:not-allowed;opacity:.6}
input,textarea {width:100%;border:1px solid var(--lp-colors-border);border-radius:var(--lp-sizes-radius-control);padding:var(--lp-sizes-space-control);background:var(--lp-colors-paper);color:inherit} input {margin-top:var(--lp-sizes-space-tight)} h1 {font-size:var(--lp-sizes-title)} h2 {font-size:var(--lp-sizes-title)} h3 {font-size:var(--lp-sizes-section);margin:var(--lp-sizes-space-group) 0;border-bottom:1px solid var(--lp-colors-border);padding-bottom:var(--lp-sizes-space-panel)} small {font-size:var(--lp-sizes-small)} p {margin:var(--lp-sizes-space-control) 0} a {color:var(--lp-colors-accent)}
}

/* 共通レイアウト契約: メニュー・一覧・メインは独立した領域。
   900px以下でも一覧をmainの上へ積んではならない（オーナー訂正）。
   開閉の合格はaria/inertだけでなく、mainが表示範囲に残ること。
   tests/frontend/screens/check-template.cjs の841px/390px開閉試験を維持する。
   画面固有の例外をここへ増やさず、公開トークンと画面CSSで分担する。 */
@layer base {
.lp-shell[hidden] {display:none!important}
.lp-shell {--lp-content-inset:var(--lp-sizes-space-section);display:grid;grid-template-columns:var(--lp-sizes-menu-width) min(var(--lp-sizes-list-width), var(--lp-sizes-list-width-max)) minmax(0,1fr);grid-template-rows:var(--lp-sizes-top-band-height) auto minmax(0,1fr) auto;height:100dvh;overflow:hidden}
.lp-panel-controls {grid-column:1/-1;display:grid;grid-template-columns:max-content max-content minmax(0,1fr);align-items:center;gap:var(--lp-sizes-space-panel);border-bottom:1px solid var(--lp-colors-border);padding:4px var(--lp-content-inset)}.lp-panel-controls > button {height:var(--lp-sizes-header-button-height);white-space:nowrap;justify-self:start;padding:4px var(--lp-sizes-space-control)}
.lp-menu-panel {grid-column:1;grid-row:2/4;border-right:1px solid var(--lp-colors-border);min-width:0;min-height:0;overflow:auto}.lp-list-panel {grid-column:2;grid-row:2/4;border-right:1px solid var(--lp-colors-border);min-width:0;min-height:0;overflow:auto;position:relative;padding:var(--lp-sizes-space-control)}
.lp-common-header {grid-column:3;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;grid-auto-rows:auto;gap:var(--lp-sizes-space-control);padding:var(--lp-content-inset);padding-bottom:var(--lp-sizes-space-control);border-bottom:1px solid var(--lp-colors-border)}.lp-header-actions {display:flex;flex-wrap:nowrap;gap:var(--lp-sizes-space-tight);align-items:center;max-width:100%;overflow-x:auto}.lp-header-actions button {flex-shrink:0}.lp-common-header {min-width:0}
.lp-main {grid-column:3;grid-row:3;min-width:0;min-height:0;overflow:auto;padding:var(--lp-content-inset)}.lp-shell.menu-collapsed {grid-template-columns:0 min(var(--lp-sizes-list-width), var(--lp-sizes-list-width-max)) minmax(0,1fr)}.lp-shell.list-collapsed {grid-template-columns:var(--lp-sizes-menu-width) 0 minmax(0,1fr)}.lp-shell.menu-collapsed.list-collapsed {grid-template-columns:0 0 minmax(0,1fr)}.menu-collapsed .lp-menu-panel,.list-collapsed .lp-list-panel {visibility:hidden;padding:0;overflow:hidden}
.lp-preview-status {grid-column:1/-1;grid-row:4;max-width:100%;margin:0;padding:4px var(--lp-sizes-space-control);background:var(--lp-colors-preview);font-size:var(--lp-sizes-small)}
@media(max-width:900px){.lp-shell {--lp-sizes-list-width-max:var(--lp-sizes-compact-panel-width-max)}.lp-shell {--lp-sizes-menu-width:var(--lp-sizes-menu-width-medium);--lp-sizes-list-width:var(--lp-sizes-list-width-medium)}.lp-shell {--lp-content-inset:var(--lp-sizes-space-panel)}.lp-list-panel {padding:var(--lp-sizes-space-control)}}
@media(max-width:600px){.lp-shell {--lp-sizes-menu-width:min(var(--lp-sizes-menu-width-medium),var(--lp-sizes-compact-panel-width-max));--lp-sizes-list-width:var(--lp-sizes-list-width-small)}.lp-shell {--lp-content-inset:var(--lp-sizes-space-tight)}.lp-list-panel {padding:var(--lp-content-inset)}.lp-header-actions {min-width:0}.lp-header-actions button {max-width:none;white-space:nowrap}.lp-menu-panel li>a,.lp-menu-panel li>button {gap:4px;padding:var(--lp-sizes-navigation-row-inset) 2px;flex-wrap:wrap}.lp-shell {overflow-wrap:anywhere}.lp-main button {max-width:100%}.lp-main .lp-staff-cards button {min-width:0}}
}

@layer components {
.lp-page-heading {padding:0 0 var(--lp-sizes-space-section);margin:0 0 var(--lp-sizes-space-panel);border-bottom:1px solid var(--lp-colors-border)}
.lp-page-heading h2 {font-size:var(--lp-sizes-page-heading);margin:0 0 var(--lp-sizes-space-panel)}
.lp-page-heading p {margin:0;color:var(--lp-colors-muted)}
.lp-page-heading small {color:var(--lp-screen-accent);letter-spacing:var(--lp-sizes-heading-letter-spacing);font-weight:700}
}

/* 共通ポップアップ契約: 戻るはheader左、閉じる×はheader右。
   footerは補助（キャンセル/リセット）→進行の順で右寄せ。
   不要な操作はDOMごと省略し、画面CSSで位置を変えない。色はトークンのみ。 */
@layer components {
.lp-popup {color:var(--lp-colors-ink);background:var(--lp-colors-paper);border:1px solid var(--lp-colors-border);border-radius:var(--lp-sizes-radius-popup);padding:0;width:var(--lp-sizes-popup-width);max-width:var(--lp-sizes-popup-max-width);max-height:var(--lp-sizes-popup-max-height);overflow:hidden}
.lp-popup[open] {display:flex;flex-direction:column}
.lp-popup-header {flex-shrink:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--lp-sizes-space-control);padding:var(--lp-sizes-space-panel);border-bottom:1px solid var(--lp-colors-border)}
.lp-popup-back {grid-column:1;grid-row:1}.lp-popup-header h2 {grid-column:2;grid-row:1;overflow-wrap:anywhere}.lp-popup-close {grid-column:3;grid-row:1;font-size:var(--lp-sizes-title);line-height:1;padding:var(--lp-sizes-space-compact)}
.lp-popup-body {min-height:0;overflow:auto;padding:var(--lp-sizes-space-panel);overflow-wrap:anywhere}
.lp-popup-footer {flex-shrink:0;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--lp-sizes-space-tight);padding:var(--lp-sizes-space-panel);border-top:1px solid var(--lp-colors-border)}
.lp-popup-footer:not(:has(button:not([hidden]))),.lp-popup-footer:empty,.lp-popup-footer[hidden] {display:none}.lp-popup-primary {background:var(--lp-colors-accent);color:var(--lp-colors-paper)}
}

@layer components {
.lp-language-options {display:grid;gap:var(--lp-sizes-space-tight)}
.lp-language-options button {width:100%;text-align:start;display:flex;align-items:center;gap:var(--lp-sizes-space-tight)}
.lp-language-flag {display:inline-flex;align-items:center;justify-content:center;flex:0 0 var(--lp-sizes-inline-icon-size);font-size:var(--lp-sizes-language-flag-size);line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.lp-language-options button[aria-pressed="true"] {background:var(--lp-colors-selected);border-color:var(--lp-colors-accent);font-weight:700}
}

/* オーナー指定時だけ適用する任意スタイル。既存ボタンへ自動適用しない。
   文字は翻訳辞書からlp-button-labelへ渡す。ロゴは装飾ならalt=""とし二重読み上げを避ける。
   均等配置は文字列を分割せずCSSで行う。ロゴ型はlp-button-logoとlabelを組み合わせる。 */
@layer components {
.lp-button--distributed {display:block}
.lp-button--distributed .lp-button-label {display:block;width:100%;text-align:justify;text-align-last:justify}
.lp-button--logo {display:grid;grid-template-columns:var(--lp-sizes-inline-icon-size) minmax(0,1fr);align-items:center;gap:var(--lp-sizes-inline-icon-gap);text-align:left}
.lp-button--logo .lp-button-logo {display:block;width:var(--lp-sizes-inline-icon-size);height:var(--lp-sizes-inline-icon-size);object-fit:contain}
.lp-button--logo .lp-button-label {min-width:0;overflow-wrap:anywhere;text-align:left}
}

/* Shared states cover native buttons and button-like navigation links. Disabled controls stay inert.
   All color values are tokens; the owner's voice/LLM selection sets only a tone. */
@layer components {
body button,body .lp-menu-panel a {--lp-button-hover-bg:var(--lp-colors-button-hover-bg);--lp-button-hover-ink:var(--lp-colors-button-hover-ink);--lp-button-hover-border:var(--lp-colors-button-hover-border)}
body button[data-tone="llm"] {--lp-button-hover-bg:var(--lp-colors-llm-hover-bg);--lp-button-hover-ink:var(--lp-colors-llm-hover-ink);--lp-button-hover-border:var(--lp-colors-llm-hover-border)}
body button:not(:disabled):hover,body button:not(:disabled):focus-visible,body .lp-menu-panel a:hover,body .lp-menu-panel a:focus-visible {background:var(--lp-button-hover-bg);color:var(--lp-button-hover-ink);border-color:var(--lp-button-hover-border)}
.lp-button-logo svg {width:100%;height:100%;display:block}
/* Connected is a status, not an unavailable control: keep it legible while inert. */
body button[data-action="pc"][data-pc-connection-state="connected"] {background:var(--lp-colors-connection-connected-bg);border-color:var(--lp-colors-connection-connected-border);color:var(--lp-colors-connection-connected-ink);opacity:1}
}

@layer components {
html[lang="ja"] { --lp-menu-heading: "\4d \45 \4e \55 "; }
html[lang="en"] { --lp-menu-heading: "\4d \45 \4e \55 "; }
html[lang="tl"] { --lp-menu-heading: "\4d \45 \4e \55 "; }
html[lang="pt-br"] { --lp-menu-heading: "\4d \45 \4e \55 "; }
html[lang="es"] { --lp-menu-heading: "\4d \45 \4e \da "; }
html[lang="zh-hans"] { --lp-menu-heading: "\83dc \5355 "; }
html[lang="ko"] { --lp-menu-heading: "\ba54 \b274 "; }
html[lang="ja"] [data-menu-id="home"] { --lp-menu-number: "\30 \30 "; --lp-menu-label: "\30db \30fc \30e0 "; }
html[lang="en"] [data-menu-id="home"] { --lp-menu-number: "\30 \30 "; --lp-menu-label: "\48 \6f \6d \65 "; }
html[lang="tl"] [data-menu-id="home"] { --lp-menu-number: "\30 \30 "; --lp-menu-label: "\48 \6f \6d \65 "; }
html[lang="pt-br"] [data-menu-id="home"] { --lp-menu-number: "\30 \30 "; --lp-menu-label: "\49 \6e \ed \63 \69 \6f "; }
html[lang="es"] [data-menu-id="home"] { --lp-menu-number: "\30 \30 "; --lp-menu-label: "\49 \6e \69 \63 \69 \6f "; }
html[lang="zh-hans"] [data-menu-id="home"] { --lp-menu-number: "\30 \30 "; --lp-menu-label: "\9996 \9875 "; }
html[lang="ko"] [data-menu-id="home"] { --lp-menu-number: "\30 \30 "; --lp-menu-label: "\d648 "; }
html[lang="ja"] [data-menu-id="chat"] { --lp-menu-number: "\30 \31 "; --lp-menu-label: "\30c1 \30e3 \30c3 \30c8 "; }
html[lang="en"] [data-menu-id="chat"] { --lp-menu-number: "\30 \31 "; --lp-menu-label: "\43 \68 \61 \74 "; }
html[lang="tl"] [data-menu-id="chat"] { --lp-menu-number: "\30 \31 "; --lp-menu-label: "\43 \68 \61 \74 "; }
html[lang="pt-br"] [data-menu-id="chat"] { --lp-menu-number: "\30 \31 "; --lp-menu-label: "\43 \6f \6e \76 \65 \72 \73 \61 "; }
html[lang="es"] [data-menu-id="chat"] { --lp-menu-number: "\30 \31 "; --lp-menu-label: "\43 \68 \61 \74 "; }
html[lang="zh-hans"] [data-menu-id="chat"] { --lp-menu-number: "\30 \31 "; --lp-menu-label: "\804a \5929 "; }
html[lang="ko"] [data-menu-id="chat"] { --lp-menu-number: "\30 \31 "; --lp-menu-label: "\cc44 \d305 "; }
html[lang="ja"] [data-menu-id="schedule"] { --lp-menu-number: "\30 \32 "; --lp-menu-label: "\30b9 \30b1 \30b8 \30e5 \30fc \30eb "; }
html[lang="en"] [data-menu-id="schedule"] { --lp-menu-number: "\30 \32 "; --lp-menu-label: "\53 \63 \68 \65 \64 \75 \6c \65 "; }
html[lang="tl"] [data-menu-id="schedule"] { --lp-menu-number: "\30 \32 "; --lp-menu-label: "\49 \73 \6b \65 \64 \79 \75 \6c "; }
html[lang="pt-br"] [data-menu-id="schedule"] { --lp-menu-number: "\30 \32 "; --lp-menu-label: "\41 \67 \65 \6e \64 \61 "; }
html[lang="es"] [data-menu-id="schedule"] { --lp-menu-number: "\30 \32 "; --lp-menu-label: "\41 \67 \65 \6e \64 \61 "; }
html[lang="zh-hans"] [data-menu-id="schedule"] { --lp-menu-number: "\30 \32 "; --lp-menu-label: "\65e5 \7a0b "; }
html[lang="ko"] [data-menu-id="schedule"] { --lp-menu-number: "\30 \32 "; --lp-menu-label: "\c77c \c815 "; }
html[lang="ja"] [data-menu-id="project-management"] { --lp-menu-number: "\30 \33 "; --lp-menu-label: "\30d7 \30ed \30b8 \30a7 \30af \30c8 \7ba1 \7406 "; }
html[lang="en"] [data-menu-id="project-management"] { --lp-menu-number: "\30 \33 "; --lp-menu-label: "\50 \72 \6f \6a \65 \63 \74 \20 \6d \61 \6e \61 \67 \65 \6d \65 \6e \74 "; }
html[lang="tl"] [data-menu-id="project-management"] { --lp-menu-number: "\30 \33 "; --lp-menu-label: "\50 \61 \6d \61 \6d \61 \68 \61 \6c \61 \20 \6e \67 \20 \70 \72 \6f \79 \65 \6b \74 \6f "; }
html[lang="pt-br"] [data-menu-id="project-management"] { --lp-menu-number: "\30 \33 "; --lp-menu-label: "\47 \65 \73 \74 \e3 \6f \20 \64 \65 \20 \70 \72 \6f \6a \65 \74 \6f \73 "; }
html[lang="es"] [data-menu-id="project-management"] { --lp-menu-number: "\30 \33 "; --lp-menu-label: "\47 \65 \73 \74 \69 \f3 \6e \20 \64 \65 \20 \70 \72 \6f \79 \65 \63 \74 \6f \73 "; }
html[lang="zh-hans"] [data-menu-id="project-management"] { --lp-menu-number: "\30 \33 "; --lp-menu-label: "\9879 \76ee \7ba1 \7406 "; }
html[lang="ko"] [data-menu-id="project-management"] { --lp-menu-number: "\30 \33 "; --lp-menu-label: "\d504 \b85c \c81d \d2b8 \20 \ad00 \b9ac "; }
html[lang="ja"] [data-menu-id="production"] { --lp-menu-number: "\30 \34 "; --lp-menu-label: "\30d7 \30ed \30c0 \30af \30c8 \5236 \4f5c "; }
html[lang="en"] [data-menu-id="production"] { --lp-menu-number: "\30 \34 "; --lp-menu-label: "\50 \72 \6f \64 \75 \63 \74 \20 \63 \72 \65 \61 \74 \69 \6f \6e "; }
html[lang="tl"] [data-menu-id="production"] { --lp-menu-number: "\30 \34 "; --lp-menu-label: "\50 \61 \67 \6c \69 \6b \68 \61 \20 \6e \67 \20 \70 \72 \6f \64 \75 \6b \74 \6f "; }
html[lang="pt-br"] [data-menu-id="production"] { --lp-menu-number: "\30 \34 "; --lp-menu-label: "\43 \72 \69 \61 \e7 \e3 \6f \20 \64 \65 \20 \70 \72 \6f \64 \75 \74 \6f \73 "; }
html[lang="es"] [data-menu-id="production"] { --lp-menu-number: "\30 \34 "; --lp-menu-label: "\43 \72 \65 \61 \63 \69 \f3 \6e \20 \64 \65 \20 \70 \72 \6f \64 \75 \63 \74 \6f \73 "; }
html[lang="zh-hans"] [data-menu-id="production"] { --lp-menu-number: "\30 \34 "; --lp-menu-label: "\4ea7 \54c1 \5236 \4f5c "; }
html[lang="ko"] [data-menu-id="production"] { --lp-menu-number: "\30 \34 "; --lp-menu-label: "\c81c \d488 \20 \c81c \c791 "; }
html[lang="ja"] [data-menu-id="verification"] { --lp-menu-number: "\30 \35 "; --lp-menu-label: "\691c \8a3c "; }
html[lang="en"] [data-menu-id="verification"] { --lp-menu-number: "\30 \35 "; --lp-menu-label: "\56 \65 \72 \69 \66 \69 \63 \61 \74 \69 \6f \6e "; }
html[lang="tl"] [data-menu-id="verification"] { --lp-menu-number: "\30 \35 "; --lp-menu-label: "\42 \65 \72 \69 \70 \69 \6b \61 \73 \79 \6f \6e "; }
html[lang="pt-br"] [data-menu-id="verification"] { --lp-menu-number: "\30 \35 "; --lp-menu-label: "\56 \65 \72 \69 \66 \69 \63 \61 \e7 \e3 \6f "; }
html[lang="es"] [data-menu-id="verification"] { --lp-menu-number: "\30 \35 "; --lp-menu-label: "\56 \65 \72 \69 \66 \69 \63 \61 \63 \69 \f3 \6e "; }
html[lang="zh-hans"] [data-menu-id="verification"] { --lp-menu-number: "\30 \35 "; --lp-menu-label: "\9a8c \8bc1 "; }
html[lang="ko"] [data-menu-id="verification"] { --lp-menu-number: "\30 \35 "; --lp-menu-label: "\ac80 \c99d "; }
html[lang="ja"] [data-menu-id="analysis"] { --lp-menu-number: "\30 \36 "; --lp-menu-label: "\5206 \6790 "; }
html[lang="en"] [data-menu-id="analysis"] { --lp-menu-number: "\30 \36 "; --lp-menu-label: "\41 \6e \61 \6c \79 \73 \69 \73 "; }
html[lang="tl"] [data-menu-id="analysis"] { --lp-menu-number: "\30 \36 "; --lp-menu-label: "\50 \61 \67 \73 \75 \73 \75 \72 \69 "; }
html[lang="pt-br"] [data-menu-id="analysis"] { --lp-menu-number: "\30 \36 "; --lp-menu-label: "\41 \6e \e1 \6c \69 \73 \65 "; }
html[lang="es"] [data-menu-id="analysis"] { --lp-menu-number: "\30 \36 "; --lp-menu-label: "\41 \6e \e1 \6c \69 \73 \69 \73 "; }
html[lang="zh-hans"] [data-menu-id="analysis"] { --lp-menu-number: "\30 \36 "; --lp-menu-label: "\5206 \6790 "; }
html[lang="ko"] [data-menu-id="analysis"] { --lp-menu-number: "\30 \36 "; --lp-menu-label: "\bd84 \c11d "; }
html[lang="ja"] [data-menu-id="knowledge"] { --lp-menu-number: "\30 \37 "; --lp-menu-label: "\30ca \30ec \30c3 \30b8 \627f \8a8d "; }
html[lang="en"] [data-menu-id="knowledge"] { --lp-menu-number: "\30 \37 "; --lp-menu-label: "\4b \6e \6f \77 \6c \65 \64 \67 \65 \20 \61 \6e \64 \20 \61 \70 \70 \72 \6f \76 \61 \6c \73 "; }
html[lang="tl"] [data-menu-id="knowledge"] { --lp-menu-number: "\30 \37 "; --lp-menu-label: "\4b \61 \61 \6c \61 \6d \61 \6e \20 \61 \74 \20 \6d \67 \61 \20 \70 \61 \67 \2d \61 \70 \72 \75 \62 \61 "; }
html[lang="pt-br"] [data-menu-id="knowledge"] { --lp-menu-number: "\30 \37 "; --lp-menu-label: "\43 \6f \6e \68 \65 \63 \69 \6d \65 \6e \74 \6f \20 \65 \20 \61 \70 \72 \6f \76 \61 \e7 \f5 \65 \73 "; }
html[lang="es"] [data-menu-id="knowledge"] { --lp-menu-number: "\30 \37 "; --lp-menu-label: "\43 \6f \6e \6f \63 \69 \6d \69 \65 \6e \74 \6f \20 \79 \20 \61 \70 \72 \6f \62 \61 \63 \69 \6f \6e \65 \73 "; }
html[lang="zh-hans"] [data-menu-id="knowledge"] { --lp-menu-number: "\30 \37 "; --lp-menu-label: "\77e5 \8bc6 \4e0e \5ba1 \6279 "; }
html[lang="ko"] [data-menu-id="knowledge"] { --lp-menu-number: "\30 \37 "; --lp-menu-label: "\c9c0 \c2dd \20 \bc0f \20 \c2b9 \c778 "; }
html[lang="ja"] [data-menu-id="organization"] { --lp-menu-number: "\30 \38 "; --lp-menu-label: "\7d44 \7e54 "; }
html[lang="en"] [data-menu-id="organization"] { --lp-menu-number: "\30 \38 "; --lp-menu-label: "\4f \72 \67 \61 \6e \69 \7a \61 \74 \69 \6f \6e "; }
html[lang="tl"] [data-menu-id="organization"] { --lp-menu-number: "\30 \38 "; --lp-menu-label: "\4f \72 \67 \61 \6e \69 \73 \61 \73 \79 \6f \6e "; }
html[lang="pt-br"] [data-menu-id="organization"] { --lp-menu-number: "\30 \38 "; --lp-menu-label: "\4f \72 \67 \61 \6e \69 \7a \61 \e7 \e3 \6f "; }
html[lang="es"] [data-menu-id="organization"] { --lp-menu-number: "\30 \38 "; --lp-menu-label: "\4f \72 \67 \61 \6e \69 \7a \61 \63 \69 \f3 \6e "; }
html[lang="zh-hans"] [data-menu-id="organization"] { --lp-menu-number: "\30 \38 "; --lp-menu-label: "\7ec4 \7ec7 "; }
html[lang="ko"] [data-menu-id="organization"] { --lp-menu-number: "\30 \38 "; --lp-menu-label: "\c870 \c9c1 "; }
html[lang="ja"] [data-menu-id="meetings"] { --lp-menu-number: "\30 \39 "; --lp-menu-label: "\4f1a \8b70 "; }
html[lang="en"] [data-menu-id="meetings"] { --lp-menu-number: "\30 \39 "; --lp-menu-label: "\4d \65 \65 \74 \69 \6e \67 \73 "; }
html[lang="tl"] [data-menu-id="meetings"] { --lp-menu-number: "\30 \39 "; --lp-menu-label: "\4d \67 \61 \20 \70 \75 \6c \6f \6e \67 "; }
html[lang="pt-br"] [data-menu-id="meetings"] { --lp-menu-number: "\30 \39 "; --lp-menu-label: "\52 \65 \75 \6e \69 \f5 \65 \73 "; }
html[lang="es"] [data-menu-id="meetings"] { --lp-menu-number: "\30 \39 "; --lp-menu-label: "\52 \65 \75 \6e \69 \6f \6e \65 \73 "; }
html[lang="zh-hans"] [data-menu-id="meetings"] { --lp-menu-number: "\30 \39 "; --lp-menu-label: "\4f1a \8bae "; }
html[lang="ko"] [data-menu-id="meetings"] { --lp-menu-number: "\30 \39 "; --lp-menu-label: "\d68c \c758 "; }
html[lang="ja"] [data-menu-id="rules"] { --lp-menu-number: "\31 \30 "; --lp-menu-label: "\898f \7a0b "; }
html[lang="en"] [data-menu-id="rules"] { --lp-menu-number: "\31 \30 "; --lp-menu-label: "\52 \75 \6c \65 \73 "; }
html[lang="tl"] [data-menu-id="rules"] { --lp-menu-number: "\31 \30 "; --lp-menu-label: "\4d \67 \61 \20 \70 \61 \74 \61 \6b \61 \72 \61 \6e "; }
html[lang="pt-br"] [data-menu-id="rules"] { --lp-menu-number: "\31 \30 "; --lp-menu-label: "\52 \65 \67 \72 \61 \73 "; }
html[lang="es"] [data-menu-id="rules"] { --lp-menu-number: "\31 \30 "; --lp-menu-label: "\52 \65 \67 \6c \61 \73 "; }
html[lang="zh-hans"] [data-menu-id="rules"] { --lp-menu-number: "\31 \30 "; --lp-menu-label: "\89c4 \7ae0 "; }
html[lang="ko"] [data-menu-id="rules"] { --lp-menu-number: "\31 \30 "; --lp-menu-label: "\addc \c815 "; }
html[lang="ja"] [data-menu-id="evaluation"] { --lp-menu-number: "\31 \31 "; --lp-menu-label: "\4c \4c \4d \8a55 \4fa1 "; }
html[lang="en"] [data-menu-id="evaluation"] { --lp-menu-number: "\31 \31 "; --lp-menu-label: "\4c \4c \4d \20 \65 \76 \61 \6c \75 \61 \74 \69 \6f \6e "; }
html[lang="tl"] [data-menu-id="evaluation"] { --lp-menu-number: "\31 \31 "; --lp-menu-label: "\50 \61 \67 \73 \75 \73 \75 \72 \69 \20 \6e \67 \20 \4c \4c \4d "; }
html[lang="pt-br"] [data-menu-id="evaluation"] { --lp-menu-number: "\31 \31 "; --lp-menu-label: "\41 \76 \61 \6c \69 \61 \e7 \e3 \6f \20 \64 \65 \20 \4c \4c \4d "; }
html[lang="es"] [data-menu-id="evaluation"] { --lp-menu-number: "\31 \31 "; --lp-menu-label: "\45 \76 \61 \6c \75 \61 \63 \69 \f3 \6e \20 \64 \65 \20 \4c \4c \4d "; }
html[lang="zh-hans"] [data-menu-id="evaluation"] { --lp-menu-number: "\31 \31 "; --lp-menu-label: "\4c \4c \4d \8bc4 \4f30 "; }
html[lang="ko"] [data-menu-id="evaluation"] { --lp-menu-number: "\31 \31 "; --lp-menu-label: "\4c \4c \4d \20 \d3c9 \ac00 "; }
html[lang="ja"] [data-menu-id="dependencies"] { --lp-menu-number: "\31 \32 "; --lp-menu-label: "\4f9d \5b58 \95a2 \4fc2 \30b0 \30e9 \30d5 "; }
html[lang="en"] [data-menu-id="dependencies"] { --lp-menu-number: "\31 \32 "; --lp-menu-label: "\44 \65 \70 \65 \6e \64 \65 \6e \63 \79 \20 \67 \72 \61 \70 \68 "; }
html[lang="tl"] [data-menu-id="dependencies"] { --lp-menu-number: "\31 \32 "; --lp-menu-label: "\47 \72 \61 \70 \20 \6e \67 \20 \6d \67 \61 \20 \64 \65 \70 \65 \6e \64 \65 \6e \63 \79 "; }
html[lang="pt-br"] [data-menu-id="dependencies"] { --lp-menu-number: "\31 \32 "; --lp-menu-label: "\47 \72 \61 \66 \6f \20 \64 \65 \20 \64 \65 \70 \65 \6e \64 \ea \6e \63 \69 \61 \73 "; }
html[lang="es"] [data-menu-id="dependencies"] { --lp-menu-number: "\31 \32 "; --lp-menu-label: "\47 \72 \61 \66 \6f \20 \64 \65 \20 \64 \65 \70 \65 \6e \64 \65 \6e \63 \69 \61 \73 "; }
html[lang="zh-hans"] [data-menu-id="dependencies"] { --lp-menu-number: "\31 \32 "; --lp-menu-label: "\4f9d \8d56 \5173 \7cfb \56fe "; }
html[lang="ko"] [data-menu-id="dependencies"] { --lp-menu-number: "\31 \32 "; --lp-menu-label: "\c758 \c874 \20 \ad00 \acc4 \20 \adf8 \b798 \d504 "; }
html[lang="ja"] [data-menu-id="decisions"] { --lp-menu-number: "\31 \33 "; --lp-menu-label: "\5224 \65ad \30b0 \30e9 \30d5 "; }
html[lang="en"] [data-menu-id="decisions"] { --lp-menu-number: "\31 \33 "; --lp-menu-label: "\44 \65 \63 \69 \73 \69 \6f \6e \20 \67 \72 \61 \70 \68 "; }
html[lang="tl"] [data-menu-id="decisions"] { --lp-menu-number: "\31 \33 "; --lp-menu-label: "\47 \72 \61 \70 \20 \6e \67 \20 \6d \67 \61 \20 \64 \65 \73 \69 \73 \79 \6f \6e "; }
html[lang="pt-br"] [data-menu-id="decisions"] { --lp-menu-number: "\31 \33 "; --lp-menu-label: "\47 \72 \61 \66 \6f \20 \64 \65 \20 \64 \65 \63 \69 \73 \f5 \65 \73 "; }
html[lang="es"] [data-menu-id="decisions"] { --lp-menu-number: "\31 \33 "; --lp-menu-label: "\47 \72 \61 \66 \6f \20 \64 \65 \20 \64 \65 \63 \69 \73 \69 \6f \6e \65 \73 "; }
html[lang="zh-hans"] [data-menu-id="decisions"] { --lp-menu-number: "\31 \33 "; --lp-menu-label: "\51b3 \7b56 \56fe "; }
html[lang="ko"] [data-menu-id="decisions"] { --lp-menu-number: "\31 \33 "; --lp-menu-label: "\d310 \b2e8 \20 \adf8 \b798 \d504 "; }
html[lang="ja"] [data-menu-id="learning"] { --lp-menu-number: "\31 \34 "; --lp-menu-label: "\5b66 \7fd2 "; }
html[lang="en"] [data-menu-id="learning"] { --lp-menu-number: "\31 \34 "; --lp-menu-label: "\4c \65 \61 \72 \6e \69 \6e \67 "; }
html[lang="tl"] [data-menu-id="learning"] { --lp-menu-number: "\31 \34 "; --lp-menu-label: "\50 \61 \67 \2d \61 \61 \72 \61 \6c "; }
html[lang="pt-br"] [data-menu-id="learning"] { --lp-menu-number: "\31 \34 "; --lp-menu-label: "\41 \70 \72 \65 \6e \64 \69 \7a \61 \67 \65 \6d "; }
html[lang="es"] [data-menu-id="learning"] { --lp-menu-number: "\31 \34 "; --lp-menu-label: "\41 \70 \72 \65 \6e \64 \69 \7a \61 \6a \65 "; }
html[lang="zh-hans"] [data-menu-id="learning"] { --lp-menu-number: "\31 \34 "; --lp-menu-label: "\5b66 \4e60 "; }
html[lang="ko"] [data-menu-id="learning"] { --lp-menu-number: "\31 \34 "; --lp-menu-label: "\d559 \c2b5 "; }
html[lang="ja"] [data-menu-id="record"] { --lp-menu-number: "\39 \38 "; --lp-menu-label: "\64cd \4f5c \3092 \8a18 \9332 "; }
html[lang="en"] [data-menu-id="record"] { --lp-menu-number: "\39 \38 "; --lp-menu-label: "\52 \65 \63 \6f \72 \64 \20 \61 \63 \74 \69 \6f \6e \73 "; }
html[lang="tl"] [data-menu-id="record"] { --lp-menu-number: "\39 \38 "; --lp-menu-label: "\49 \74 \61 \6c \61 \20 \61 \6e \67 \20 \6d \67 \61 \20 \61 \6b \73 \79 \6f \6e "; }
html[lang="pt-br"] [data-menu-id="record"] { --lp-menu-number: "\39 \38 "; --lp-menu-label: "\52 \65 \67 \69 \73 \74 \72 \61 \72 \20 \61 \e7 \f5 \65 \73 "; }
html[lang="es"] [data-menu-id="record"] { --lp-menu-number: "\39 \38 "; --lp-menu-label: "\52 \65 \67 \69 \73 \74 \72 \61 \72 \20 \61 \63 \63 \69 \6f \6e \65 \73 "; }
html[lang="zh-hans"] [data-menu-id="record"] { --lp-menu-number: "\39 \38 "; --lp-menu-label: "\8bb0 \5f55 \64cd \4f5c "; }
html[lang="ko"] [data-menu-id="record"] { --lp-menu-number: "\39 \38 "; --lp-menu-label: "\c791 \c5c5 \20 \ae30 \b85d "; }
html[lang="ja"] [data-menu-id="settings"] { --lp-menu-number: "\39 \39 "; --lp-menu-label: "\8a2d \5b9a "; }
html[lang="en"] [data-menu-id="settings"] { --lp-menu-number: "\39 \39 "; --lp-menu-label: "\53 \65 \74 \74 \69 \6e \67 \73 "; }
html[lang="tl"] [data-menu-id="settings"] { --lp-menu-number: "\39 \39 "; --lp-menu-label: "\4d \67 \61 \20 \73 \65 \74 \74 \69 \6e \67 "; }
html[lang="pt-br"] [data-menu-id="settings"] { --lp-menu-number: "\39 \39 "; --lp-menu-label: "\43 \6f \6e \66 \69 \67 \75 \72 \61 \e7 \f5 \65 \73 "; }
html[lang="es"] [data-menu-id="settings"] { --lp-menu-number: "\39 \39 "; --lp-menu-label: "\43 \6f \6e \66 \69 \67 \75 \72 \61 \63 \69 \f3 \6e "; }
html[lang="zh-hans"] [data-menu-id="settings"] { --lp-menu-number: "\39 \39 "; --lp-menu-label: "\8bbe \7f6e "; }
html[lang="ko"] [data-menu-id="settings"] { --lp-menu-number: "\39 \39 "; --lp-menu-label: "\c124 \c815 "; }
}

@layer components {
.lp-menu-panel h2::before {content:var(--lp-menu-heading)}.lp-menu-number::before {content:var(--lp-menu-number)}.lp-menu-label::before {content:var(--lp-menu-label)}
.lp-brand {padding:var(--lp-sizes-space-panel) var(--lp-sizes-space-compact) 4px;text-align:center}.lp-brand img {width:65%;height:auto}.lp-menu-panel h2 {margin:0 var(--lp-sizes-space-tight);padding:var(--lp-sizes-space-control) 0;border-bottom:2px solid var(--lp-colors-border)}.lp-menu-panel ul,.lp-list-panel ul {list-style:none;padding:0}.lp-menu-panel li {margin:0 var(--lp-sizes-space-tight);border-bottom:1px solid var(--lp-colors-border)}.lp-menu-panel li>a,.lp-menu-panel li>button {display:flex;width:100%;gap:var(--lp-sizes-space-panel);align-items:center;padding:var(--lp-sizes-navigation-row-inset) var(--lp-sizes-space-tight);border:0;border-radius:0;text-decoration:none;text-align:left;color:inherit;font-size:var(--lp-sizes-control);font-weight:600}.lp-menu-panel [aria-current="page"] {background:var(--lp-colors-selected);box-shadow:inset 4px 0 var(--lp-colors-accent)}.lp-menu-number {min-width:2ch;font-variant-numeric:tabular-nums;font-size:var(--lp-sizes-small);font-weight:400}
}

@layer components {.lp-menu-panel h2 {display:flex;align-items:center;justify-content:space-between}.lp-menu-panel h2 small {font-weight:400}}

@layer components {
.lp-list-panel label {display:block;font-size:var(--lp-sizes-small);margin:var(--lp-sizes-space-control) 0}.lp-list-panel li {border-bottom:1px solid var(--lp-colors-border)}.lp-list-panel li button {width:100%;text-align:left;border:0;padding:var(--lp-sizes-navigation-row-inset) var(--lp-sizes-space-tight)}.lp-list-panel li button[aria-pressed="true"] {background:var(--lp-colors-selected)}.lp-list-panel li small {display:block;color:var(--lp-colors-muted)}
}

@layer components {
.lp-list-group {border-bottom:1px solid var(--lp-colors-border);padding:var(--lp-sizes-navigation-row-inset) 0}.lp-list-group summary {cursor:pointer;font-weight:600;display:flex;align-items:center;gap:var(--lp-sizes-space-tight)}.lp-list-group summary::before {content:'▸'}.lp-list-group[open] summary::before {content:'▾'}.lp-list-group summary span {flex:1}.lp-list-group ul {padding-left:var(--lp-sizes-space-control)}.lp-list-panel li {display:flex;align-items:center}.lp-list-panel li button:first-child {flex:1;min-width:0}.lp-list-panel li button[data-item-more] {width:auto;flex:none;padding:var(--lp-sizes-space-tight)}.lp-list-resizer {position:absolute;right:0;top:0;width:var(--lp-sizes-space-tight);height:100%;min-height:var(--lp-sizes-list-resizer-min-height);cursor:col-resize;touch-action:none}.lp-list-resizer:focus-visible,.lp-list-resizer:hover {background:var(--lp-colors-accent)}
.lp-context-chip {display:inline-block;border:1px solid var(--lp-colors-border);border-radius:4px;padding:2px var(--lp-sizes-space-tight);margin:4px 4px 0 0}.lp-header-title {min-width:0}
}

@layer components {
.lp-list-panel li .lp-navigation-row {display:grid;grid-template-columns:var(--lp-sizes-navigation-number-width) minmax(0,1fr) auto;align-items:center;gap:var(--lp-sizes-space-tight);padding:var(--lp-sizes-navigation-row-inset) var(--lp-sizes-space-tight);border-radius:0;font-weight:600}
.lp-list-number {font-size:var(--lp-sizes-small);color:var(--lp-colors-muted)}.lp-list-arrow {color:var(--lp-colors-muted)}.lp-list-label {overflow-wrap:anywhere}
.lp-link-inspection {border:1px solid var(--lp-colors-border);border-radius:var(--lp-sizes-radius-control);padding:var(--lp-sizes-space-control);margin-block:var(--lp-sizes-space-control)}
.lp-link-inspection header {display:flex;flex-wrap:wrap;gap:var(--lp-sizes-space-control);align-items:center;justify-content:space-between}
.lp-link-inspection h4 {margin:0}
.lp-link-inspection dl {margin:0}
.lp-link-inspection dl>div {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--lp-sizes-space-control);padding-block:var(--lp-sizes-space-tight)}
.lp-link-inspection dd {margin:0;overflow-wrap:anywhere}
.lp-link-inspection dt,.lp-link-note {color:var(--lp-colors-muted)}
.lp-link-inspection .lp-link-summary {padding:var(--lp-sizes-space-tight);border-radius:var(--lp-sizes-radius-control);background:var(--lp-colors-selected)}
.lp-link-inspection[data-state="observed"] .lp-link-summary {background:var(--lp-colors-success)}
.lp-link-inspection[data-state="attention"] .lp-link-summary {background:var(--lp-colors-dangerbackground);color:var(--lp-colors-danger)}
[data-new-tab-url] {display:block;overflow-wrap:anywhere;white-space:normal;direction:ltr;unicode-bidi:plaintext;user-select:text;color:var(--lp-colors-ink);padding:var(--lp-sizes-space-control);border:1px solid var(--lp-colors-border);border-radius:var(--lp-sizes-radius-control)}
[data-new-tab-art] {background:var(--lp-colors-selected);color:var(--lp-colors-accent);border-radius:var(--lp-sizes-radius-card);margin:var(--lp-sizes-space-control) 0}[data-new-tab-art] svg {display:block;width:100%}
}

@layer components {
.lp-common-header button {font-weight:600;white-space:nowrap}.lp-header-title small {color:var(--lp-colors-muted)}
[data-color-settings] {display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--lp-sizes-color-field-min-width),1fr));gap:0 var(--lp-sizes-space-panel)}
[data-settings] input[type="color"] {height:var(--lp-sizes-color-settings-field-height);padding:4px}
[data-settings] label {display:block;margin:var(--lp-sizes-space-panel) 0}
}

/* 全画面の行契約: 見出し→ボタン→画面固有情報。文言長でボタンの行を変えない。 */
@layer components {
.lp-header-title {grid-row:1;min-width:0}
.lp-header-title small,.lp-header-title h1 {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-header-actions {grid-row:2;min-width:0;width:100%;justify-content:flex-start}
.lp-common-header .lp-header-actions button {height:var(--lp-sizes-header-button-height);white-space:nowrap;flex-shrink:0}
/* Auto margin right-aligns fitting controls; becomes zero on overflow so the first button stays reachable. */
.lp-header-actions > button:nth-child(1 of :not([hidden])) {margin-inline-start:auto}
.lp-header-context {display:flex;flex-wrap:wrap;gap:var(--lp-sizes-space-tight);grid-row:3;min-width:0;color:var(--lp-colors-muted);font-size:var(--lp-sizes-small)}
.lp-header-context:empty {display:none}
}

@layer components {.lp-header-context .lp-context-chip {margin:0}}

@layer components {
.lp-global-actions {grid-column:3;display:flex;gap:var(--lp-sizes-space-tight);min-width:0;overflow-x:auto;align-items:center}
.lp-global-actions > button {flex-shrink:0;height:var(--lp-sizes-header-button-height);font-weight:600;white-space:nowrap}
.lp-global-actions > button:first-child {margin-inline-start:auto}
.lp-common-header:not(:has(.lp-header-actions:not([hidden]))) {grid-template-rows:auto}
.lp-common-header:not(:has(.lp-header-actions:not([hidden]))) .lp-header-context {grid-row:2}
}

@layer components {
.lp-notifications {position:fixed;right:var(--lp-sizes-space-panel);bottom:var(--lp-sizes-notification-bottom-offset);max-width:min(var(--lp-sizes-notification-max-width),calc(100vw - var(--lp-sizes-notification-viewport-gutter)));z-index:20}.lp-notice-card {position:relative;border:1px solid var(--lp-colors-border);border-radius:var(--lp-sizes-radius-card);background:var(--lp-colors-paper);box-shadow:var(--lp-shadows-popup);padding:calc(var(--lp-sizes-header-button-height) + var(--lp-sizes-space-panel)) var(--lp-sizes-space-panel) var(--lp-sizes-space-panel);margin-top:var(--lp-sizes-space-compact)}.lp-notice-card p {overflow-wrap:anywhere}.lp-notice-card button {margin-left:var(--lp-sizes-space-compact)}[data-notice-status] {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
}

@layer components {.lp-notice-close {position:absolute;right:var(--lp-sizes-space-panel);top:var(--lp-sizes-space-panel);line-height:1}.lp-notice-actions {display:flex;justify-content:flex-end;gap:var(--lp-sizes-space-tight)}}

/* 共通popupの配置・閉じ方を継承。選択肢のみ固有スタイル。 */
@layer components {
.lp-model-picker {width:var(--lp-sizes-model-picker-width)}
.lp-model-options {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--lp-sizes-space-tight)}
.lp-model-options button {text-align:left;overflow-wrap:anywhere;min-width:0}
.lp-model-options button[aria-pressed="true"] {background:var(--lp-colors-button-hover-bg);border-color:var(--lp-colors-accent);box-shadow:inset 4px 0 var(--lp-colors-accent)}
.lp-provider-choice {display:flex;align-items:center;gap:var(--lp-sizes-space-control)}
.lp-provider-choice img {width:var(--lp-sizes-provider-logo-size);height:var(--lp-sizes-provider-logo-size);object-fit:contain;flex-shrink:0}
.lp-model-picker h3 {margin:var(--lp-sizes-space-panel) 0 var(--lp-sizes-space-tight)}
@media(max-width:600px){.lp-model-options{grid-template-columns:minmax(0,1fr)}}
}

@layer components {
.lp-connection {width:var(--lp-sizes-connection-popup-width)}
.lp-connection-section {margin-bottom:var(--lp-sizes-space-section)}
.lp-connection-section h3 {padding-bottom:var(--lp-sizes-space-control);border-bottom:1px solid var(--lp-colors-border);margin-bottom:var(--lp-sizes-space-panel)}
.lp-connection-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--lp-sizes-connection-card-min-width)),1fr));gap:var(--lp-sizes-space-panel)}
.lp-connection-card {border:1px solid var(--lp-colors-border);border-radius:var(--lp-sizes-radius-popup);padding:var(--lp-sizes-space-control);display:flex;flex-direction:column;gap:var(--lp-sizes-space-tight);min-width:0}
.lp-connection-card header {display:flex;align-items:center;gap:var(--lp-sizes-space-tight);flex-wrap:wrap}
.lp-connection-card img {width:var(--lp-sizes-icon-medium);height:var(--lp-sizes-icon-medium);flex-shrink:0;object-fit:contain}
.lp-connection-state {color:var(--lp-colors-muted);font-size:var(--lp-sizes-connection-state-size);margin-left:auto}
.lp-connection-card button {align-self:flex-end;margin-top:auto}
.lp-connection-card .lp-connection-settings {padding:var(--lp-sizes-icon-button-inset);min-height:0;border-color:transparent;background:transparent;box-shadow:none;line-height:1}
.lp-connection-settings-icon {display:block;width:var(--lp-sizes-icon-small);height:var(--lp-sizes-icon-small);background:currentColor;mask-size:contain;mask-repeat:no-repeat}
/* 接続成功を確認したデータのみ connected にする。色だけでなく状態語を併記する。 */
.lp-connection-card[data-connection-state="connected"] {background:var(--lp-colors-connection-connected-bg);border-color:var(--lp-colors-connection-connected-border)}
.lp-connection-card[data-connection-state="connected"] .lp-connection-state {color:var(--lp-colors-connection-connected-ink);font-weight:700}
.lp-connection-card summary {cursor:pointer;border-radius:4px;padding:4px}
.lp-connection-card summary:hover,.lp-connection-card summary:focus-visible {color:var(--lp-colors-button-hover-ink);background:var(--lp-colors-button-hover-bg)}
}

.lp-pc-inference {border:1px solid var(--lp-colors-border);padding:var(--lp-sizes-space-panel);margin-block:var(--lp-sizes-space-panel)}
.lp-pc-inference textarea,.lp-pc-inference select {width:100%;box-sizing:border-box}
.lp-pc-inference pre {white-space:pre-wrap;overflow-wrap:anywhere}

@layer components {
.lp-discussion {width:var(--lp-sizes-model-picker-width)}
.lp-discussion textarea {display:block;box-sizing:border-box;width:100%;margin:var(--lp-sizes-space-tight) 0 var(--lp-sizes-space-panel)}
.lp-discussion-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--lp-sizes-space-panel)}
.lp-discussion-choice {display:flex;align-items:center;gap:var(--lp-sizes-space-panel);text-align:left;padding:var(--lp-sizes-space-panel);min-width:0}
.lp-discussion-choice svg {width:var(--lp-sizes-icon-medium);height:var(--lp-sizes-icon-medium);flex-shrink:0;color:var(--lp-colors-accent)}
.lp-discussion-choice span {display:grid;gap:var(--lp-sizes-space-tight)}.lp-discussion-choice small {font-weight:400;color:var(--lp-colors-muted)}
.lp-discussion-choice[aria-pressed="true"] {background:var(--lp-colors-button-hover-bg);border-color:var(--lp-colors-accent)}
[data-discussion-goal-copy] {white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:600px){.lp-discussion-grid{grid-template-columns:minmax(0,1fr)}}
}

@layer components {
.lp-channel-form {display:grid;gap:var(--lp-sizes-space-panel)}.lp-channel-form label {display:grid;gap:var(--lp-sizes-space-tight)}.lp-channel-form input:not([type="checkbox"]):not([type="color"]),.lp-channel-form textarea,.lp-channel-form select {box-sizing:border-box;width:100%;min-width:0}
.lp-channel-form fieldset {border:1px solid var(--lp-colors-border);padding:var(--lp-sizes-space-control);min-width:0;display:grid;gap:var(--lp-sizes-space-control)}.lp-channel-form .lp-channel-member {display:flex;align-items:center;gap:var(--lp-sizes-space-tight)}.lp-channel-form input[type="checkbox"] {width:auto;flex:0 0 auto;margin:0}.lp-channel-form input[type="color"] {width:var(--lp-sizes-color-field-width);height:var(--lp-sizes-color-field-height);padding:4px}.lp-channel-actions {display:flex;gap:var(--lp-sizes-space-tight);flex-wrap:wrap}
}

@layer components {
.lp-staff-picker textarea {box-sizing:border-box;width:100%;display:block;margin:var(--lp-sizes-space-tight) 0 var(--lp-sizes-space-panel)}
.lp-staff-options {display:grid;gap:var(--lp-sizes-space-panel)}
.lp-staff-choice {display:flex;align-items:center;gap:var(--lp-sizes-space-panel);text-align:left;padding:var(--lp-sizes-space-panel)}
.lp-staff-choice svg {width:var(--lp-sizes-icon-large);height:var(--lp-sizes-icon-large);flex-shrink:0;color:var(--lp-colors-accent)}
.lp-staff-choice span {display:grid;gap:var(--lp-sizes-space-tight)}.lp-staff-choice small {color:var(--lp-colors-muted);font-weight:400}
[data-staff-goal-copy] {white-space:pre-wrap;overflow-wrap:anywhere}
}

@layer components {
html[data-shortcut-platform="ctrl"] {--lp-sizes-shortcut-reserve:var(--lp-sizes-shortcut-reserve-ctrl)}
/* 既存のアイコン/均等文字配置を維持し、キー表示だけ右端へ固定する。 */
.lp-button--shortcut {position:relative;padding-right:calc(var(--lp-sizes-shortcut-reserve) + var(--lp-sizes-space-control))!important}
.lp-button-shortcut {position:absolute;right:var(--lp-sizes-space-control);top:50%;transform:translateY(-50%);font-family:inherit;font-size:var(--lp-sizes-small);line-height:1.2;font-weight:400;white-space:nowrap;padding:4px var(--lp-sizes-shortcut-inline-inset);border:1px solid var(--lp-colors-border);border-radius:4px;color:var(--lp-colors-muted);background:var(--lp-colors-paper);pointer-events:none}
}

/* Scoped account variant; dimensions/colors come from ui.json.
   Approved common header/footer placement stays intact. Owner-selected LinkPoint logo is
   reused unchanged, decorative SVGs follow existing outline icon conventions.
   OTP grid shrinks to six slots even on small screens without horizontal scroll. */
@layer components {
.lp-cloud-account .lp-popup-header {grid-template-columns:minmax(0,1fr) auto}
.lp-cloud-account .lp-popup-header h2 {grid-column:1;display:flex;align-items:center;gap:var(--lp-sizes-space-control);font-size:var(--lp-sizes-section);min-width:0}
.lp-cloud-account .lp-popup-close {grid-column:2}
.lp-cloud-account .lp-cloud-brand {width:var(--lp-sizes-cloud-brand);height:var(--lp-sizes-cloud-brand);object-fit:contain;flex-shrink:0}
.lp-cloud-account .lp-cloud-status-row {display:flex;align-items:flex-start;gap:var(--lp-sizes-space-tight)}
.lp-cloud-account .lp-cloud-status-row p {margin:0;line-height:1.6}
.lp-cloud-account .lp-cloud-status-icon {display:none;width:var(--lp-sizes-icon-small);height:var(--lp-sizes-icon-small);flex-shrink:0}
.lp-cloud-account[data-connected="true"] .lp-cloud-status-row {color:var(--lp-colors-connection-connected-ink)}
.lp-cloud-account[data-connected="true"] .lp-cloud-status-icon {display:block}
.lp-cloud-account .lp-cloud-profile {display:flex;align-items:center;gap:var(--lp-sizes-space-panel);padding:var(--lp-sizes-space-panel);margin-top:var(--lp-sizes-space-panel);border:1px solid var(--lp-colors-border);border-radius:var(--lp-sizes-radius-control);background:var(--lp-colors-button-hover-bg)}
.lp-cloud-account .lp-cloud-profile>div {min-width:0}
.lp-cloud-account .lp-cloud-avatar,.lp-cloud-account .lp-cloud-security {display:grid;place-items:center;flex-shrink:0;color:var(--lp-colors-accent);background:var(--lp-colors-selected);border-radius:50%;width:var(--lp-sizes-cloud-emblem);height:var(--lp-sizes-cloud-emblem)}
.lp-cloud-account svg {width:100%;height:100%}
.lp-cloud-account .lp-cloud-avatar svg,.lp-cloud-account .lp-cloud-security svg {width:var(--lp-sizes-icon-medium);height:var(--lp-sizes-icon-medium)}
.lp-cloud-account .lp-cloud-name {margin:0;font-weight:700;font-size:var(--lp-sizes-control)}
.lp-cloud-account .lp-cloud-email {margin:var(--lp-sizes-space-tight) 0 0;color:var(--lp-colors-muted)}
.lp-cloud-account .lp-cloud-description {color:var(--lp-colors-muted);margin-bottom:0}
.lp-cloud-account .lp-cloud-security {margin:var(--lp-sizes-space-section) auto}
.lp-cloud-account .lp-cloud-code-label {margin-bottom:var(--lp-sizes-space-tight);text-align:center}
.lp-cloud-account .lp-cloud-code {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--lp-sizes-space-tight);max-width:calc(6 * var(--lp-sizes-otp-box) + 5 * var(--lp-sizes-space-tight));margin:auto}
.lp-cloud-account .lp-cloud-code input {box-sizing:border-box;min-width:0;width:100%;height:var(--lp-sizes-otp-height);margin:0;padding:0;text-align:center;font:inherit;font-size:var(--lp-sizes-title);font-weight:600;caret-color:var(--lp-colors-accent)}
.lp-cloud-account .lp-cloud-code input:focus-visible {outline:2px solid var(--lp-colors-accent);outline-offset:2px;border-color:var(--lp-colors-accent);background:var(--lp-colors-button-hover-bg)}
.lp-cloud-account .lp-cloud-auto {color:var(--lp-colors-muted);font-size:var(--lp-sizes-small);text-align:center;margin-top:var(--lp-sizes-space-panel)}
.lp-cloud-account .lp-cloud-password {display:grid;gap:var(--lp-sizes-space-tight);margin-top:var(--lp-sizes-space-panel)}
.lp-cloud-account .lp-cloud-password label {display:grid;gap:var(--lp-sizes-space-tight)}
.lp-cloud-account .lp-cloud-password input {box-sizing:border-box;width:100%;min-width:0}
.lp-cloud-account .lp-cloud-password p {margin:0}
.lp-cloud-account [data-cloud-enrollment-key] {overflow-wrap:anywhere;user-select:all;padding:var(--lp-sizes-space-control);border:1px solid var(--lp-colors-border);border-radius:var(--lp-sizes-radius-control)}
.lp-cloud-account .lp-cloud-providers {display:grid;gap:var(--lp-sizes-space-control);margin-top:var(--lp-sizes-space-panel)}
.lp-cloud-account .lp-cloud-provider {display:flex;justify-content:center;align-items:center;gap:var(--lp-sizes-space-control);font-weight:600}
.lp-cloud-account .lp-cloud-providers button {width:100%;min-width:0}
.lp-cloud-account[data-mfa="true"] .lp-cloud-providers {display:none}
.lp-cloud-account .lp-cloud-provider svg {width:var(--lp-sizes-icon-medium);height:var(--lp-sizes-icon-medium);flex-shrink:0}
.lp-cloud-account .lp-cloud-google {background:var(--lp-colors-provider-light);color:var(--lp-colors-provider-dark)}
.lp-cloud-account .lp-cloud-apple {background:var(--lp-colors-provider-dark);color:var(--lp-colors-provider-light)}
.lp-cloud-account .lp-cloud-alternative {display:flex;align-items:center;gap:var(--lp-sizes-space-control);color:var(--lp-colors-muted)}
.lp-cloud-account .lp-cloud-alternative::before,.lp-cloud-account .lp-cloud-alternative::after {content:"";flex:1;border-top:1px solid var(--lp-colors-border)}
.lp-cloud-account [hidden] {display:none}
}
/* Entry-only presentation. Tokens own dimensions/colors; shared dialogs are unchanged.
Native DOM order matches passkey/provider/email/registration keyboard order.
Hidden controls remain absent in MFA/signup; never clamp a long translation,
error or verification step to the desktop viewport. Avoid stacked grid gap plus input margin; compact spacing must be measured
with actual rendered bounds rather than inferred from token names. check-login covers layout
and the original independent auth/navigation cases, including mobile overflow. */
@layer screens {
.lp-login {background:var(--lp-colors-login-background);padding:var(--lp-sizes-login-page-inset) 0;min-height:100dvh;box-sizing:border-box;font-size:var(--lp-sizes-login-font)}
.lp-login>.lp-cloud-account {position:static;box-sizing:border-box;max-height:none;overflow:visible;margin:0 auto;max-width:var(--lp-sizes-login-width);width:calc(100% - 2 * var(--lp-sizes-space-panel));border-color:var(--lp-colors-shadow);box-shadow:var(--lp-shadows-popup)}
.lp-login>.lp-cloud-account .lp-popup-header {padding:var(--lp-sizes-space-panel) var(--lp-sizes-space-group) var(--lp-sizes-login-field-gap);border-bottom:0}
.lp-login>.lp-cloud-account .lp-popup-header h2 {font-size:var(--lp-sizes-login-heading);gap:var(--lp-sizes-space-control);line-height:1.3}
.lp-login>.lp-cloud-account .lp-cloud-brand {width:var(--lp-sizes-login-brand);height:var(--lp-sizes-login-brand)}
.lp-login>.lp-cloud-account .lp-popup-body {overflow:visible;padding:var(--lp-sizes-login-field-gap) var(--lp-sizes-space-group) var(--lp-sizes-space-control)}
.lp-login>.lp-cloud-account .lp-popup-close {display:none}
.lp-login>.lp-cloud-account p {line-height:1.5}
.lp-login>.lp-cloud-account .lp-cloud-status-row {font-size:var(--lp-sizes-login-copy);color:var(--lp-colors-muted);margin-bottom:var(--lp-sizes-login-field-gap)}
.lp-login>.lp-cloud-account .lp-cloud-description {font-size:var(--lp-sizes-login-copy);margin:0}
.lp-login>.lp-cloud-account .lp-cloud-providers {grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--lp-sizes-login-provider-min)),1fr));gap:var(--lp-sizes-space-tight);margin-top:var(--lp-sizes-space-control)}
.lp-login>.lp-cloud-account button,.lp-login>.lp-cloud-account input {font-size:var(--lp-sizes-login-font);min-height:var(--lp-sizes-login-control-height)}
.lp-login>.lp-cloud-account .lp-cloud-providers [data-cloud-passkey] {grid-column:1/-1;font-weight:600}
.lp-login>.lp-cloud-account .lp-cloud-provider {gap:var(--lp-sizes-space-tight);padding-inline:var(--lp-sizes-space-tight)}
.lp-login>.lp-cloud-account .lp-cloud-provider svg {width:var(--lp-sizes-icon-small);height:var(--lp-sizes-icon-small)}
.lp-login>.lp-cloud-account [data-cloud-passkey-description] {font-size:var(--lp-sizes-login-copy);color:var(--lp-colors-muted);margin:var(--lp-sizes-space-tight) 0 0}
.lp-login>.lp-cloud-account .lp-cloud-alternative {font-size:var(--lp-sizes-login-copy);margin:var(--lp-sizes-space-tight) 0}
.lp-login>.lp-cloud-account .lp-cloud-password {margin-top:0;gap:var(--lp-sizes-space-tight)}
.lp-login>.lp-cloud-account .lp-cloud-password label {gap:var(--lp-sizes-login-field-gap)}
.lp-login>.lp-cloud-account .lp-cloud-password input {margin:0;padding:var(--lp-sizes-space-tight)}
.lp-login>.lp-cloud-account .lp-cloud-password p {font-size:var(--lp-sizes-login-copy);color:var(--lp-colors-muted)}
.lp-login>.lp-cloud-account [data-cloud-password-submit] {border-color:var(--lp-colors-accent);color:var(--lp-colors-accent);font-weight:600}
.lp-login .lp-login-links {display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--lp-sizes-space-tight);margin-top:var(--lp-sizes-space-tight);padding-top:var(--lp-sizes-login-field-gap);border-top:1px solid var(--lp-colors-shadow)}
.lp-login .lp-login-links button {border:0;background:transparent;color:var(--lp-colors-accent);padding-inline:0;font-size:var(--lp-sizes-login-copy)}
.lp-login .lp-login-links button:hover {text-decoration:underline}
.lp-login>.lp-cloud-account .lp-popup-footer:not(:has(button:not([hidden]))) {display:none}
.lp-login>.lp-cloud-account .lp-popup-footer {padding:var(--lp-sizes-space-panel) var(--lp-sizes-space-section)}
.lp-login>[data-login-loading],.lp-login>[data-login-error],.lp-login>[data-login-retry] {max-width:var(--lp-sizes-login-width);margin:var(--lp-sizes-space-panel) auto}
.lp-login [hidden] {display:none}
}

@layer screens {

.lp-registration {position:static;box-sizing:border-box;width:calc(100% - 2 * var(--lp-sizes-space-panel));max-width:var(--lp-sizes-popup-width);max-height:none;margin:var(--lp-sizes-space-section) auto;padding:0;border:1px solid var(--lp-colors-border);border-radius:var(--lp-sizes-radius-popup);background:var(--lp-colors-paper);color:var(--lp-colors-ink)}
.lp-registration[hidden] {display:none}
.lp-registration label {display:flex;flex-direction:column;gap:var(--lp-sizes-space-tight);margin-block:var(--lp-sizes-space-control)}
.lp-registration input {box-sizing:border-box;min-width:0;max-width:100%;width:100%}
.lp-registration .lp-registration-actions {display:flex;flex-wrap:wrap;gap:var(--lp-sizes-space-control)}
.lp-registration [data-registration-key] {display:block;overflow-wrap:anywhere;user-select:all}
.lp-registration [data-registration-code] {width:calc(6 * var(--lp-sizes-otp-box));height:var(--lp-sizes-otp-height);text-align:center;font:inherit;font-size:var(--lp-sizes-title)}

.lp-password-field {display:flex;align-items:center;gap:var(--lp-sizes-space-tight);min-width:0}
.lp-password-field>input {flex:1;min-width:0;width:0;margin:0}
.lp-password-tools {display:flex;flex:none;gap:var(--lp-sizes-space-tight)}
.lp-password-tools .lp-password-icon {display:inline-flex;align-items:center;justify-content:center;padding:var(--lp-sizes-space-tight);min-width:var(--lp-sizes-header-button-height);min-height:var(--lp-sizes-header-button-height);color:var(--lp-colors-ink);background:var(--lp-colors-paper)}
.lp-password-icon svg {width:var(--lp-sizes-icon-small);height:var(--lp-sizes-icon-small)}

}

/* AIOS effective startup design, scoped and tokenized; operation lifetime is JS-owned. */
@layer components {
.lp-loading {position:fixed;inset:0;margin:0;border:0;padding:0;width:100vw;height:100dvh;max-width:none;max-height:none;display:grid;place-items:center;overflow:auto;background:var(--lp-colors-loading-paper);color:var(--lp-colors-loading-ink);font-family:var(--lp-fonts-body)}
.lp-loading:not([open]) {display:none}
.lp-loading::backdrop {background:var(--lp-colors-loading-paper)}
.lp-loading-inner {width:min(var(--lp-sizes-loading-width),calc(100vw - 2 * var(--lp-sizes-space-section)));text-align:center;padding:var(--lp-sizes-space-section) 0}
.lp-loading-brand {display:flex;justify-content:center;align-items:center;gap:var(--lp-sizes-space-section);margin-bottom:var(--lp-sizes-space-section)}
.lp-loading-brand img {width:var(--lp-sizes-loading-logo);height:var(--lp-sizes-loading-logo);object-fit:contain}
.lp-loading h2 {display:flex;flex-wrap:wrap;justify-content:center;gap:var(--lp-sizes-space-control);margin:0;font-size:var(--lp-sizes-loading-title);line-height:1.2;font-weight:750;letter-spacing:calc(-1 * var(--lp-sizes-loading-letter-spacing))}
.lp-loading-word {display:inline-flex;color:var(--lp-colors-loading-ink)}
.lp-loading-word:last-child {color:var(--lp-colors-loading-accent)}
.lp-loading-word>span {display:inline-block;animation:lp-loading-letter var(--lp-motion-loading-letter-duration) cubic-bezier(.2,.7,.25,1) infinite;animation-delay:calc(var(--lp-loading-index) * var(--lp-motion-loading-letter-stagger))}
.lp-loading p {min-height:var(--lp-sizes-loading-message-height);margin:var(--lp-sizes-space-panel) 0 0;color:var(--lp-colors-loading-muted);font-size:var(--lp-sizes-body);line-height:1.7;font-weight:400}
.lp-loading .lp-loading-description {margin:0 0 var(--lp-sizes-loading-description-gap);font-size:var(--lp-sizes-loading-description)}
.lp-loading-track {width:min(var(--lp-sizes-loading-track-width),100%);height:var(--lp-sizes-loading-track-height);margin:0 auto;overflow:hidden;border-radius:var(--lp-sizes-radius-control);background:var(--lp-colors-loading-track)}
.lp-loading-track>span {display:block;width:38%;height:100%;background:var(--lp-colors-loading-accent);animation:lp-loading-slide var(--lp-motion-loading-slide-duration) ease-in-out infinite}
@keyframes lp-loading-letter {0%,75%,100% {transform:translateY(0) rotate(0)}18% {transform:translateY(calc(-1 * var(--lp-sizes-loading-jump-up))) rotate(-5deg)}36% {transform:translateY(var(--lp-sizes-loading-jump-down)) rotate(3deg)}55% {transform:translateY(calc(-1 * var(--lp-sizes-loading-jump-settle))) rotate(-1deg)}}
@keyframes lp-loading-slide {from {transform:translateX(-110%)}to {transform:translateX(275%)}}
@media(max-width:600px) {.lp-loading-brand {flex-direction:column;gap:var(--lp-sizes-space-panel)}}
@media(prefers-reduced-motion:reduce) {.lp-loading-word>span,.lp-loading-track>span {animation:none;transform:none}}
}