/* technology.css: the shared style (the SYSTEM brands, the DEFAULT included): generated from the brand records by core_engine/look.py. DO NOT EDIT: saving a brand regenerates it. */ /* ── THE UI ALIASES: a name for each UI slot (the header and footer grounds are always transparent) ── */ :root { --ui-announce-bg: var(--active-color-12); --ui-announce-text: var(--active-color-13); --ui-nav-bg: transparent; --ui-nav-text: var(--active-color-15); --ui-nav-border: transparent; --ui-subnav-text: var(--active-color-17); --ui-subnav-active: var(--active-color-18); --ui-subnav-indicator: var(--active-color-19); --ui-tools-bg: var(--active-color-20); --ui-tools-text: var(--active-color-21); --ui-tools-border: var(--active-color-22); --ui-tools-hover: var(--active-color-23); --ui-btn-text: var(--active-color-24); --ui-btn-bg: var(--active-color-25); --ui-btn-active-text: var(--active-color-26); --ui-btn-active-bg: var(--active-color-27); --ui-btn-hover-bg: var(--active-color-28); --ui-body-bg: var(--active-color-29); --ui-input-bg: var(--active-color-30); --ui-input-border: var(--active-color-31); --ui-input-focus: var(--active-color-32); --ui-placeholder: var(--active-color-33); --ui-card-bg: var(--active-color-34); --ui-card-border: var(--active-color-35); --ui-row-divider: var(--active-color-36); --ui-section-divider: var(--active-color-37); --ui-tag-text: var(--active-color-38); --ui-tag-bg: var(--active-color-39); --ui-tag-border: var(--active-color-40); --ui-sm-btn-text: var(--active-color-41); --ui-sm-btn-bg: var(--active-color-42); --ui-sm-btn-border: var(--active-color-43); --ui-surface-outer: var(--active-color-44); --ui-surface-inner: var(--active-color-45); --ui-success-text: var(--active-color-46); --ui-success-bg: var(--active-color-47); --ui-warn-text: var(--active-color-48); --ui-warn-bg: var(--active-color-49); --ui-error-text: var(--active-color-50); --ui-error-bg: var(--active-color-51); --ui-toast-text: var(--active-color-52); --ui-toast-bg: var(--active-color-53); --ui-gradient-start: var(--active-color-54); --ui-gradient-end: var(--active-color-55); --ui-gradient-text: var(--active-color-56); --ui-focus-ring: var(--active-color-57); --ui-progress-track: var(--active-color-58); --ui-progress-fill: var(--active-color-59); --ui-overlay: var(--active-color-60); --ui-footer-bg: transparent; --ui-footer-text: var(--active-color-62); --ui-footer-border: transparent; --ui-footer-link: var(--active-color-64); } /* ── THE ROLE CLASSES: one font role and one colour slot each ── */ .heading { font-family: var(--font-heading); font-weight: var(--font-heading-wt); font-size: var(--font-heading-sz); line-height: var(--font-heading-lh); text-transform: var(--font-heading-tt); text-decoration: var(--font-heading-td); font-style: var(--font-heading-fi); letter-spacing: var(--font-heading-ls); color: var(--active-color-01); } .title { font-family: var(--font-title); font-weight: var(--font-title-wt); font-size: var(--font-title-sz); line-height: var(--font-title-lh); text-transform: var(--font-title-tt); text-decoration: var(--font-title-td); font-style: var(--font-title-fi); letter-spacing: var(--font-title-ls); color: var(--active-color-01); } .subtitle { font-family: var(--font-subtitle); font-weight: var(--font-subtitle-wt); font-size: var(--font-subtitle-sz); line-height: var(--font-subtitle-lh); text-transform: var(--font-subtitle-tt); text-decoration: var(--font-subtitle-td); font-style: var(--font-subtitle-fi); letter-spacing: var(--font-subtitle-ls); color: var(--active-color-02); } .body { font-family: var(--font-body); font-weight: var(--font-body-wt); font-size: var(--font-body-sz); line-height: var(--font-body-lh); text-transform: var(--font-body-tt); text-decoration: var(--font-body-td); font-style: var(--font-body-fi); letter-spacing: var(--font-body-ls); color: var(--active-color-02); } .caption { font-family: var(--font-caption); font-weight: var(--font-caption-wt); font-size: var(--font-caption-sz); line-height: var(--font-caption-lh); text-transform: var(--font-caption-tt); text-decoration: var(--font-caption-td); font-style: var(--font-caption-fi); letter-spacing: var(--font-caption-ls); color: var(--active-color-03); } .nav { font-family: var(--font-nav); font-weight: var(--font-nav-wt); font-size: var(--font-nav-sz); line-height: var(--font-nav-lh); text-transform: var(--font-nav-tt); text-decoration: var(--font-nav-td); font-style: var(--font-nav-fi); letter-spacing: var(--font-nav-ls); color: var(--active-color-04); } .link { font-family: var(--font-link); font-weight: var(--font-link-wt); font-size: var(--font-link-sz); line-height: var(--font-link-lh); text-transform: var(--font-link-tt); text-decoration: var(--font-link-td); font-style: var(--font-link-fi); letter-spacing: var(--font-link-ls); color: var(--active-color-04); } .callout { font-family: var(--font-callout); font-weight: var(--font-callout-wt); font-size: var(--font-callout-sz); line-height: var(--font-callout-lh); text-transform: var(--font-callout-tt); text-decoration: var(--font-callout-td); font-style: var(--font-callout-fi); letter-spacing: var(--font-callout-ls); color: var(--active-color-06); } .emphasis { font-family: var(--font-callout); font-weight: var(--font-callout-wt); font-size: var(--font-callout-sz); line-height: var(--font-callout-lh); text-transform: var(--font-callout-tt); text-decoration: var(--font-callout-td); font-style: var(--font-callout-fi); letter-spacing: var(--font-callout-ls); color: var(--active-color-07); } .notes { font-family: var(--font-notes); font-weight: var(--font-notes-wt); font-size: var(--font-notes-sz); line-height: var(--font-notes-lh); text-transform: var(--font-notes-tt); text-decoration: var(--font-notes-td); font-style: var(--font-notes-fi); letter-spacing: var(--font-notes-ls); color: var(--active-color-08); } .annotation { font-family: var(--font-annotation); font-weight: var(--font-annotation-wt); font-size: var(--font-annotation-sz); line-height: var(--font-annotation-lh); text-transform: var(--font-annotation-tt); text-decoration: var(--font-annotation-td); font-style: var(--font-annotation-fi); letter-spacing: var(--font-annotation-ls); color: var(--active-color-08); } .subnav { font-family: var(--font-subnav); font-weight: var(--font-subnav-wt); font-size: var(--font-subnav-sz); line-height: var(--font-subnav-lh); text-transform: var(--font-subnav-tt); text-decoration: var(--font-subnav-td); font-style: var(--font-subnav-fi); letter-spacing: var(--font-subnav-ls); color: var(--active-color-04); } .label { font-family: var(--font-label); font-weight: var(--font-label-wt); font-size: var(--font-label-sz); line-height: var(--font-label-lh); text-transform: var(--font-label-tt); text-decoration: var(--font-label-td); font-style: var(--font-label-fi); letter-spacing: var(--font-label-ls); color: var(--active-color-03); } /* ── THE SIZES ── */ .size--xxxs { font-size: 0.6rem; } .size--xxs { font-size: 0.7rem; } .size--xs { font-size: 0.8rem; } .size--s { font-size: 0.9rem; } .size--m { font-size: 1.1rem; } .size--l { font-size: 1.5rem; } .size--xl { font-size: 2rem; } .size--xxl { font-size: 3rem; } .size--xxxl { font-size: 4.5rem; } .size--xxxxl { font-size: 8rem; } /* ── THE APPLIED STYLES: the core classes wired to the tokens (each names its original source) ── */ .login-stripe { background-color: var(--active-color-01); color: var(--active-color-09); } /* fs/templates/login/login.html:95-103 (the original: the LARRY LLM version on its white stripe) */ body { background-color: var(--active-color-09); color: var(--active-color-01); font-family: var(--font-body); font-weight: var(--font-body-wt); } /* mgmt_css_template.py:1009 */ a { color: var(--active-color-04); text-decoration: none; } /* mgmt_css_template.py:1004 */ a:hover, .link:hover, .nav:hover, .subnav:hover { color: var(--active-color-05); } /* mgmt_css_template.py:1000-1005 */ .layout--nav__link { text-decoration: none; color: var(--ui-subnav-text); font-family: var(--font-subnav); font-size: var(--font-subnav-sz); font-weight: var(--font-subnav-wt); text-transform: var(--font-subnav-tt); letter-spacing: var(--font-subnav-ls); } /* mgmt_css_template.py:1706 */ .layout--nav__link:hover { color: var(--active-color-05); } /* mgmt_css_template.py:1715 */ .layout--header a { color: inherit; text-decoration: none; } /* inc_nav_header.html:2 */ .layout--header a:hover { color: var(--active-color-05); } /* inc_nav_header.html:3 */ .hdr-text { font-family: var(--font-nav); font-size: var(--font-nav-sz); font-weight: var(--font-nav-wt); text-transform: var(--font-nav-tt); letter-spacing: var(--font-nav-ls); } /* inc_nav_header.html:4 */ .hdr-icon-btn { border: none; cursor: pointer; background: transparent; color: inherit; } /* inc_nav_header.html:11 */ .hdr-status--success { fill: var(--ui-success-text); } /* owner 2026-09-27: THE DOT (online): the brand's own status colour; pure in the DEFAULT */ .hdr-status--warn { fill: var(--ui-warn-text); } /* owner 2026-09-27: THE DOT (syncing): the brand's own status colour; pure in the DEFAULT */ .hdr-status--error { fill: var(--ui-error-text); } /* owner 2026-09-27: THE DOT (offline): the brand's own status colour; pure in the DEFAULT */ .hdr-status--null { fill: none; } /* owner 2026-09-27: THE DOT, NULL (not there: the ring alone) */ .pf-modstrip__inner > * { border-bottom: 4px solid transparent; } /* inc_modstrip.html:78 */ .pf-modstrip__inner > [aria-current] { border-bottom-color: var(--ui-subnav-indicator); } /* inc_modstrip.html:78 */ .layout--footer { background: var(--ui-footer-bg); color: var(--ui-footer-text); } /* mgmt_css_template.py:1278 */ .pf-dock { -webkit-backdrop-filter: blur(6px) saturate(1.2) brightness(0.86); backdrop-filter: blur(6px) saturate(1.2) brightness(0.86); background: linear-gradient(to bottom, color-mix(in srgb, var(--active-color-05) 8%, transparent) 0%, color-mix(in srgb, var(--active-color-10) 26%, transparent) 100%); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--active-color-05) 32%, transparent); border: 0; } /* inc_nav_dock.html:30-52 */ [data-theme="light"] .pf-dock { -webkit-backdrop-filter: blur(8px) saturate(1.1) brightness(1.18); backdrop-filter: blur(8px) saturate(1.1) brightness(1.18); background: linear-gradient(to bottom, color-mix(in srgb, var(--active-color-09) 70%, transparent) 0%, color-mix(in srgb, var(--active-color-10) 78%, transparent) 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,0.6); border: 0; } /* inc_nav_dock.html:58 */ .pf-dock__item { text-decoration: none; color: var(--active-marquee, var(--active-color-01)); } /* inc_nav_dock.html:92 */ .pf-dock__cap { border-bottom: 4px solid transparent; color: var(--active-marquee, var(--active-color-01)); } /* inc_nav_dock.html:133 */ .pf-dock__item[aria-current] .pf-dock__cap { border-bottom-color: var(--active-marquee, var(--active-color-01)); } /* inc_nav_dock.html:134 */ .pf-dock__toggle, .pf-dock__show { border: 0; background: transparent; color: inherit; cursor: pointer; } /* inc_nav_dock.html:279-283 */ .pf-dock__toggle .pf-dock__cap, .pf-dock__show .pf-dock__cap { color: var(--active-color-06); border-bottom: 0; } /* inc_nav_dock.html:311,343 */ body.amx { color: var(--active-color-08); } /* larry.html:20 */ .amx-kicker { font-family: var(--font-caption); font-size: var(--font-caption-sz); font-weight: var(--font-caption-wt); text-transform: var(--font-caption-tt); letter-spacing: var(--font-caption-ls); color: var(--active-color-08); opacity: 0.75; } /* larry.html:23 */ .amx-h1 { font-family: var(--font-heading); font-weight: var(--font-heading-wt); font-size: var(--font-heading-sz); line-height: var(--font-heading-lh); text-transform: var(--font-heading-tt); color: var(--active-color-08); } /* larry.html:24 */ .amx-sub { font-family: var(--font-subtitle); font-size: var(--font-subtitle-sz); font-weight: var(--font-subtitle-wt); text-transform: var(--font-subtitle-tt); letter-spacing: var(--font-subtitle-ls); color: var(--active-color-08); opacity: 0.9; } /* larry.html:25 */ .main-button { color: var(--ui-btn-bg); background: transparent; border: var(--ui-btn-border-width) solid var(--ui-btn-bg); border-radius: var(--ui-btn-border-radius); font-family: var(--font-subnav); font-weight: var(--font-subnav-wt); font-size: var(--font-subnav-sz); text-transform: var(--font-subnav-tt); letter-spacing: var(--font-subnav-ls); transition: all var(--ui-btn-transition) var(--ui-btn-easing); text-decoration: none; } /* mgmt_css_template.py:1237 */ .main-button:not(:hover) { background: linear-gradient(135deg, color-mix(in srgb, var(--active-color-01) 18%, transparent) 0%, color-mix(in srgb, var(--active-color-01) 5%, transparent) 45%, transparent 100%); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border: var(--ui-btn-border-width) solid transparent; border-image: linear-gradient(135deg, color-mix(in srgb, var(--ui-btn-bg) 65%, transparent) 0%, var(--ui-btn-bg) 100%) 1; box-shadow: none; } /* mgmt_css_template.py:1243 */ .main-button:hover { background: var(--ui-btn-hover-bg, var(--ui-btn-bg)); color: var(--active-color-09); box-shadow: 0 0 var(--ui-btn-hover-shadow) color-mix(in srgb, var(--ui-btn-bg) calc(var(--ui-btn-hover-opacity) * 100%), transparent); transform: translateY(var(--ui-btn-hover-lift)); } /* mgmt_css_template.py:1244 */ .pfft-tm { font-size: var(--font-annotation-sz); vertical-align: super; } /* inc_nav_footer.html:3 */ .pfft-lnk { color: inherit; text-decoration: none; } /* inc_nav_footer.html:4 */ .pfft-resp { font-family: var(--font-global-02); font-size: var(--font-label-sz); text-transform: var(--font-label-tt); letter-spacing: 0.04em; color: var(--active-color-01); line-height: 1.8; } /* inc_nav_footer.html:11 */ .pfft-tags { color: var(--active-color-01); font-size: var(--font-subtitle-sz); } /* inc_nav_footer.html:77 */ .pfft-company { font-size: var(--font-subtitle-sz); color: var(--active-color-04); } /* inc_nav_footer.html:100 */ .pfft-fine { color: var(--active-color-01); } /* inc_nav_footer.html:101-102 */ .frost-strip-bar { border-left: 5px solid #ff0004; } /* frost_security_check.html:5 (the FROST red edge) */ .frost-strip-line { line-height: 1; font-variant-numeric: tabular-nums; } /* frost_security_check.html:16-18 */ .tech-badge__top, .tech-badge__cap { text-decoration: none; } /* inc_frost.html · inc_dam · inc_mtok */ .tech-badge__cap { color: var(--active-color-06); } /* inc_frost.html:6 */ .tech-badge__word, .tech-badge__value { line-height: 1.2; } /* inc_frost.html:4-5 */ .skagen-btn[aria-current] { background: var(--active-color-01); color: var(--active-color-09); } /* inc_widget_list_styles.html:127 (skagen-active) */ .rm-dialog { background-color: var(--active-color-09); color: var(--active-color-01); } /* inc_widget_list.html:217-218 (REMOVE RECORD: the page's own colours) */ .skagen-btn, .sub-button, .mc-edit-btn, .glass-btn-sm { text-decoration: none; font-family: var(--font-caption); font-size: var(--font-caption-sz); text-transform: var(--font-caption-tt); } /* inc_widget_list_styles.html:65-136 */ .electric-button { border-color: color-mix(in srgb, var(--active-color-02) 30%, transparent); background: color-mix(in srgb, var(--active-color-02) 5%, transparent); text-decoration: none; } /* global/menu.html:24 (THE MENU's button) */ .electric-button::before { background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--active-color-02) 15%, transparent), transparent); } /* global/menu.html:27 (the sweep of light) */ .electric-button:hover { border-color: color-mix(in srgb, var(--active-color-02) 60%, transparent); background: color-mix(in srgb, var(--active-color-02) 10%, transparent); } /* global/menu.html:28 */ .ps-pill { background: none; color: inherit; } /* core.css (moved out by HADES C01/C02, owner 2026-09-27: core.css is pure structure) */ .ps-pill[aria-pressed="true"] .ps-knob { background: currentColor; } /* core.css (moved out by HADES C01/C02, owner 2026-09-27: core.css is pure structure) */ .ios-row--pick .ios-row__pick { background: none; color: inherit; font: inherit; } /* core.css (moved out by HADES C01/C02, owner 2026-09-27: core.css is pure structure) */ .ps-input { background: none; color: inherit; font: inherit; } /* core.css (moved out by HADES C01/C02, owner 2026-09-27: core.css is pure structure) */ .ps-select { background: none; color: inherit; font: inherit; } /* core.css (moved out by HADES C01/C02, owner 2026-09-27: core.css is pure structure) */ .dblk-block button, .dblk-block .dblk-add { background: none; color: inherit; font: inherit; } /* core.css (moved out by HADES C01/C02, owner 2026-09-27: core.css is pure structure) */ .ac-q { background: none; color: inherit; font: inherit; } /* core.css (moved out by HADES C01/C02, owner 2026-09-27: core.css is pure structure) */ .dblk-pick { background: none; color: inherit; font: inherit; } /* core.css (moved out by HADES C01/C02, owner 2026-09-27: core.css is pure structure) */ .sub-search-input { background: none; color: inherit; font: inherit; } /* core.css (moved out by HADES C01/C02, owner 2026-09-27: core.css is pure structure) */ .glass-btn { background: none; color: inherit; font: inherit; } /* core.css (moved out by HADES C01/C02, owner 2026-09-27: core.css is pure structure) */ button.sub-button { background: none; color: inherit; font: inherit; } /* core.css (moved out by HADES C01/C02, owner 2026-09-27: core.css is pure structure) */ button.mc-edit-btn { background: none; color: inherit; font-weight: inherit; letter-spacing: inherit; } /* core.css (moved out by HADES C01/C02, owner 2026-09-27: core.css is pure structure) */ .mc-tie { color: inherit; } /* core.css (moved out by HADES C01/C02, owner 2026-09-27: core.css is pure structure) */ .wf-input { background: none; color: inherit; font: inherit; } /* core.css (moved out by HADES C01/C02, owner 2026-09-27: core.css is pure structure) */ .fa-btn { background: none; color: inherit; } /* core.css (moved out by HADES C01/C02, owner 2026-09-27: core.css is pure structure) */ .tour-veil { background: linear-gradient(to top, color-mix(in srgb, var(--active-color-09) 85%, transparent) 0%, color-mix(in srgb, var(--active-color-09) 35%, transparent) 55%, transparent 100%); } /* tour.html (the original tour page: the veil over each film, 2026-09-28) */ .tour-dots button.on i { background: currentColor; } /* tour.html (the original tour page: the dot of the film shown, 2026-09-28) */ .login-input { background-color: #000000; color: #FFFFFF; border: 1px solid #FFFFFF; } /* owner 2026-09-28: the door's boxes black, a white border, white text, in every mode and theme */ .login-input::placeholder { color: #FFFFFF; opacity: 0.7; } /* owner 2026-09-28: the placeholders readable on black */ .mx-count, .mx-section-title, .mx-strong { color: var(--active-color-01); } /* fs/templates/members/members.html:27-29,47 */ .mx-card { background: color-mix(in srgb, var(--active-color-01) 4%, transparent); border-color: color-mix(in srgb, var(--active-color-07) 30%, transparent); } /* fs/templates/members/members.html:23-25 */ .mx-card--locked { border-color: var(--active-color-07); } /* fs/templates/members/members.html:556 (the SYSTEM box) */ .mx-acct, .mx-locked { color: var(--active-color-07); } /* fs/templates/members/members.html:40, 558 */ .mx-key { font-family: var(--font-notes); } /* fs/templates/members/members.html:519 */ .mx-list th, .mx-list td { border-bottom: 1px solid color-mix(in srgb, var(--active-color-07) 18%, transparent); color: var(--active-color-02); } /* fs/templates/members/members.html:42-43 */ .mx-list th { color: var(--active-color-07); } /* fs/templates/members/members.html:44 */ .mx-list tr:hover td { background: color-mix(in srgb, var(--active-color-01) 4%, transparent); } /* fs/templates/members/members.html:45 */ .mx-pill { color: var(--active-color-01); font-size: var(--font-label-sz); text-transform: var(--font-label-tt); letter-spacing: var(--font-label-ls); } /* fs/templates/members/members.html:49 */ .mx-pill--off { opacity: .5; } /* fs/templates/members/members.html:50 */ .mx-dim { color: var(--active-color-02); opacity: .6; } /* fs/templates/members/members.html:74 (.mx-hint) */ .mx-recent { opacity: .7; } /* fs/templates/members/members.html:418 */ .mx-btn { background: linear-gradient(135deg, rgba(255,255,255,0.20) 0%, rgba(255,255,255,0.06) 45%, transparent 100%); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); color: var(--active-color-01); border-color: transparent; border-image: linear-gradient(135deg, rgba(255,255,255,0.70) 0%, rgba(255,255,255,0.20) 100%) 1; font-family: var(--font-label); font-size: var(--font-label-sz); text-transform: var(--font-label-tt); letter-spacing: var(--font-label-ls); transition: all .3s ease; } /* fs/templates/members/members.html:53-57 (liquid glass) */ .mx-btn:hover { background: color-mix(in srgb, var(--active-color-07) 22%, rgba(255,255,255,0.08)); transform: translateY(-1px); } /* fs/templates/members/members.html:58 */ .mx-btn--primary:hover { box-shadow: 0 0 24px color-mix(in srgb, var(--active-color-07) 45%, transparent); } /* fs/templates/members/members.html:59 */ .mx-btn--xs { font-size: var(--font-caption-sz); } /* fs/templates/members/members.html:62 */ .mx-btn--ghost { background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; border-image: none; border-color: var(--active-color-03); } /* fs/templates/members/members.html:63 */ .mx-btn--ghost:hover { background: color-mix(in srgb, var(--active-color-07) 14%, transparent); } /* fs/templates/members/members.html:64 */ .mx-input { background: color-mix(in srgb, var(--active-color-01) 6%, transparent); border-color: color-mix(in srgb, var(--active-color-07) 35%, transparent); color: var(--active-color-01); font-family: var(--font-body); } /* fs/templates/members/members.html:97-101 */ .mx-input::placeholder { color: color-mix(in srgb, var(--active-color-02) 55%, transparent); } /* fs/templates/members/members.html:102 */ .mx-input:focus { outline: none; border-color: var(--active-color-07); box-shadow: 0 0 0 3px color-mix(in srgb, var(--active-color-07) 22%, transparent); } /* fs/templates/members/members.html:103-104 */ .mx-pending-banner { background: var(--active-color-01); color: var(--active-color-09); text-decoration: none; font-weight: var(--font-caption-wt); letter-spacing: var(--font-caption-ls); text-transform: var(--font-caption-tt); border-color: var(--active-color-07); } /* fs/templates/members/members.html:75-78 */ .mx-pending-banner:hover { opacity: .9; } /* fs/templates/members/members.html:79 */ .flash-msg { border-left-color: var(--active-color-07); background: color-mix(in srgb, var(--active-color-07) 12%, transparent); color: var(--active-color-01); } /* fs/templates/members/members.html:31-33 */ .lb-mark { border-color: color-mix(in srgb, var(--active-color-08) 30%, transparent); color: var(--active-color-01); font-size: var(--font-callout-sz); } /* ui/inc_lookbook_styles.html (the original card look book) */ .lb-remove { background: color-mix(in srgb, var(--active-color-09) 60%, transparent); border-color: color-mix(in srgb, var(--active-color-01) 45%, transparent); color: var(--active-color-01); opacity: .8; } /* ui/inc_lookbook_styles.html (the original card look book) */ .lb-remove:hover { opacity: 1; } /* ui/inc_lookbook_styles.html (the original card look book) */ .lb-head { opacity: var(--ui-btn-hover-opacity); } /* ui/inc_lookbook_styles.html (the original card look book) */ .lb-none, .lb-sub { color: var(--active-color-02); } /* ui/inc_lookbook_styles.html (the original card look book) */ .pf-dock__badge { background: var(--active-badge-bg, var(--badge-bg, var(--active-color-11))); color: var(--active-badge-text, var(--badge-fg, var(--active-marquee, var(--active-color-01)))); font-family: var(--font-caption); font-size: var(--font-caption-sz); font-weight: var(--font-caption-wt); line-height: 15px; letter-spacing: 0; text-transform: none; } /* inc_nav_dock.html:127 (THE LARRYD BADGE: the brand's badge colour, else slot 11, a white count) */ .tools-card { font-family: var(--font-notes); font-size: var(--font-size-s); color: var(--active-color-07); text-decoration: none; border: 1px solid color-mix(in srgb, var(--active-color-02) 30%, transparent); border-radius: 0; background: color-mix(in srgb, var(--active-color-02) 5%, transparent); cursor: pointer; transition: all 0.2s ease; text-transform: var(--font-notes-tt); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_nav_tools.html:9 */ .tools-card::before { background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--active-color-02) 15%, transparent), transparent); transition: left 0.4s ease; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_nav_tools.html:12 */ .tools-card:hover { border-color: color-mix(in srgb, var(--active-color-02) 60%, transparent); background: color-mix(in srgb, var(--active-color-02) 10%, transparent); color: var(--active-color-07); text-decoration: none; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_nav_tools.html:13 */ .tc-title { font-family: var(--font-subtitle); font-weight: var(--font-subtitle-wt); letter-spacing: var(--font-subtitle-ls); font-size: var(--font-subtitle-sz); text-transform: var(--font-subtitle-tt); color: var(--active-color-07); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_nav_tools.html:10,15 */ .tc-desc { font-family: var(--font-body); font-size: var(--font-body-sz); text-transform: var(--font-body-tt); color: var(--active-color-07); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_nav_tools.html:11,15 */ .console-report-panel { background: var(--active-color-09); border-radius: 0; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): inc_daemon_console_body.html:24-28 (FLAT: one plain surface on the theme token) */ .lsb { font-family: var(--font-notes); color: var(--active-color-01); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): DBG:2845 (THE STATUS BOARD) */ .lsb-mast { font-family: var(--font-subtitle); font-weight: var(--font-subtitle-wt); font-size: var(--font-subtitle-sz); letter-spacing: var(--font-subtitle-ls); text-transform: var(--font-subtitle-tt); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): DBG:2847 */ .lsb-stamp { font-family: var(--font-caption); font-weight: var(--font-caption-wt); font-size: var(--font-caption-sz); letter-spacing: var(--font-caption-ls); color: var(--active-color-01); opacity: 0.7; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): DBG:2848 */ .lsb-rule { background: var(--active-color-01); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): DBG:2849 */ .lsb-hero { background: var(--active-color-01); color: var(--active-color-09); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): DBG:2850 */ .lsb-hero::before { background: repeating-linear-gradient(0deg, transparent 0, transparent calc(16.66% - 1px), color-mix(in srgb, var(--active-color-09) 12%, transparent) calc(16.66% - 1px), color-mix(in srgb, var(--active-color-09) 12%, transparent) 16.66%); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): DBG:2853-2854 (the six faint lines) */ .lsb-big { font-family: var(--font-heading); font-weight: var(--font-heading-wt); text-transform: var(--font-heading-tt); font-size: clamp(4rem, 21cqw, 18rem); line-height: 0.78; letter-spacing: var(--font-heading-ls); color: var(--active-color-09); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): DBG:2855-2856 + the poster it copies, inc_cebf.html:31-33 (the board's one huge word; its colour the surface 09 for every verdict, DBG:2872-2877) */ .lsb-tag { font-family: var(--font-caption); font-weight: var(--font-caption-wt); font-size: var(--font-caption-sz); letter-spacing: var(--font-caption-ls); text-transform: var(--font-caption-tt); color: var(--active-color-09); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): DBG:2857 */ .lsb-tag--tr { line-height: 1.75; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): DBG:2859 */ .layout--debugger__item { line-height: 1.4; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_debugger_lazy.html:101 (THE COMPLIANCE DEBUGGER's tiles) */ .smoke-panel { background: transparent; color: var(--active-color-01); font-size: var(--font-body-sz); line-height: 1.5; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_smoke_test.html:44 (THE JUDGE'S PAGE; the original's --smk-* colours, each written out: ink 01, muted 01 at 62%, line 01 at 16%, strong line 01 at 42%, card 01 at 4%) */ .smoke-section { border-color: color-mix(in srgb, var(--active-color-01) 16%, transparent); background: transparent; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_smoke_test.html:49 */ .smoke-section-title { font-size: var(--font-size-s); font-weight: var(--font-title-wt); letter-spacing: var(--font-title-ls); text-transform: var(--font-title-tt); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_smoke_test.html:51 */ .smoke-section-caption, .smoke-summary, .smoke-note, .smoke-detail { font-size: var(--font-body-sz); color: color-mix(in srgb, var(--active-color-01) 62%, transparent); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_smoke_test.html:52,62,79,76 */ .smoke-frame { border-color: color-mix(in srgb, var(--active-color-01) 16%, transparent); background: color-mix(in srgb, var(--active-color-01) 4%, transparent); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_smoke_test.html:53 */ .smoke-run-btn { background: transparent; color: var(--active-color-01); border-color: var(--active-color-01); font-family: var(--font-label); font-size: var(--font-label-sz); font-weight: var(--font-label-wt); letter-spacing: var(--font-label-ls); text-transform: var(--font-label-tt); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_smoke_test.html:55-59 */ .smoke-run-btn:hover { background: var(--active-color-01); color: var(--active-color-09); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_smoke_test.html:60 */ .smoke-run-btn[disabled] { opacity: 0.6; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_smoke_test.html:61 */ .smoke-summary strong { color: var(--active-color-01); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_smoke_test.html:63 */ .smoke-table { font-size: var(--font-size-xs); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_smoke_test.html:64 */ .smoke-table th { font-size: var(--font-caption-sz); font-weight: var(--font-caption-wt); letter-spacing: var(--font-caption-ls); text-transform: var(--font-caption-tt); color: color-mix(in srgb, var(--active-color-01) 62%, transparent); border-bottom-color: color-mix(in srgb, var(--active-color-01) 42%, transparent); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_smoke_test.html:65 */ .smoke-table td { border-bottom-color: color-mix(in srgb, var(--active-color-01) 16%, transparent); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_smoke_test.html:67 */ .smoke-check-name { font-size: var(--font-label-sz); font-weight: var(--font-label-wt); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_smoke_test.html:72 */ .smoke-status { font-size: var(--font-label-sz); font-weight: var(--font-label-wt); letter-spacing: var(--font-label-ls); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_smoke_test.html:74 */ .smoke-pass { color: var(--ui-success-text); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_smoke_test.html:75 (the pass green, the brand's own status colour) */ .smoke-fail, .smoke-offenders > summary { color: var(--ui-error-text); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_smoke_test.html:76,33 (the fail red, the brand's own status colour) */ .smoke-info { color: color-mix(in srgb, var(--active-color-01) 62%, transparent); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_smoke_test.html:77 */ .smoke-offenders > summary { font-weight: var(--font-caption-wt); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_smoke_test.html:33 */ .smoke-sub { font-size: var(--font-size-xs); font-weight: var(--font-callout-wt); letter-spacing: var(--font-callout-ls); text-transform: var(--font-callout-tt); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_smoke_test.html:78 */ .smoke-offender-list, .smoke-inventory { background: color-mix(in srgb, var(--active-color-01) 4%, transparent); border-color: color-mix(in srgb, var(--active-color-01) 16%, transparent); font-family: var(--font-body); font-size: var(--font-body-sz); line-height: var(--font-body-lh); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_smoke_test.html:34-36,38-40 */ .smoke-inventory { color: color-mix(in srgb, var(--active-color-01) 62%, transparent); list-style: disc; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_smoke_test.html:40 */ .smoke-term { background: #101214; color: #b9e0b9; border-color: color-mix(in srgb, var(--active-color-01) 16%, transparent); font-family: var(--font-body); font-size: var(--font-body-sz); line-height: var(--font-body-lh); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_smoke_test.html:80-83 (the live terminal, the same in every theme) */ .scaf-panel { background: transparent; color: var(--active-color-01); font-size: var(--font-size-l); line-height: 1.5; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:18-19 (the paper look on the theme: ink 01, muted 01 at 62%, the law card 01 at 4%, the note 01 at 8%, a line 01 at 16%) */ .scaf-title { font-size: var(--font-size-l); font-weight: var(--font-title-wt); letter-spacing: var(--font-title-ls); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:20 */ .scaf-epigraph { font-size: var(--font-size-l); font-weight: var(--font-title-wt); letter-spacing: var(--font-title-ls); line-height: 1.35; color: var(--active-color-01); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:21-22 */ .scaf-caption, .scaf-section-sub, .scaf-foot { color: color-mix(in srgb, var(--active-color-01) 62%, transparent); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:23,40,96 */ .scaf-caption, .scaf-foot, .scaf-law-text, .scaf-detail { font-size: var(--font-callout-sz); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:23,27,91,96 */ .scaf-section { border-color: var(--active-color-01); background: transparent; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:28-29 */ .scaf-section-title { font-size: var(--font-size-xl); font-weight: var(--font-title-wt); letter-spacing: var(--font-title-ls); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:38 */ .scaf-section-sub { font-size: var(--font-size-l); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:40 */ .scaf-law { border-color: var(--active-color-01); background: color-mix(in srgb, var(--active-color-01) 4%, transparent); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:24-25 */ .scaf-law-title { font-size: var(--font-size-m); font-weight: var(--font-title-wt); letter-spacing: var(--font-title-ls); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:26 */ .scaf-law-text { line-height: 1.65; color: var(--active-color-01); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:27 */ .scaf-hb-step { font-weight: var(--font-subtitle-wt); font-size: var(--font-size-m); letter-spacing: var(--font-subtitle-ls); border-bottom-color: var(--active-color-01); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:120-121 */ .scaf-rulebox { border-color: var(--active-color-01); font-size: var(--font-size-l); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:30-31 */ .scaf-rulebox, .scaf-rulebox * { font-weight: var(--font-heading-wt); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:32 */ .scaf-notebox { border-color: color-mix(in srgb, var(--active-color-01) 62%, transparent); background: color-mix(in srgb, var(--active-color-01) 8%, transparent); font-size: var(--font-size-xl); font-weight: var(--font-caption-wt); color: var(--active-color-01); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:34-36 */ .scaf-db-title { font-size: var(--font-size-l); font-weight: var(--font-title-wt); letter-spacing: var(--font-title-ls); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:41 */ .scaf-src { font-size: var(--font-body-sz); color: color-mix(in srgb, var(--active-color-01) 62%, transparent); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:92 */ .scaf-table { font-size: var(--font-size-s); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:48 */ .scaf-table th { font-size: var(--font-label-sz); font-weight: var(--font-label-wt); letter-spacing: var(--font-label-ls); text-transform: var(--font-label-tt); color: color-mix(in srgb, var(--active-color-01) 62%, transparent); border-bottom-color: var(--active-color-01); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:49-50 */ .scaf-table td { border-bottom-color: color-mix(in srgb, var(--active-color-01) 16%, transparent); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:51 */ .scaf-detail { color: color-mix(in srgb, var(--active-color-01) 62%, transparent); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:91 */ .scaf-mono { font-family: var(--font-callout); font-size: var(--font-callout-sz); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:85 */ .scaf-tile { border-color: var(--active-color-01); background: color-mix(in srgb, var(--active-color-01) 4%, transparent); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:44 */ .scaf-tile-n { font-size: var(--font-size-s); font-weight: var(--font-title-wt); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:46 */ .scaf-tile-l { font-size: var(--font-size-s); font-weight: var(--font-caption-wt); letter-spacing: var(--font-caption-ls); color: color-mix(in srgb, var(--active-color-01) 62%, transparent); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:47 */ .scaf-n-green { color: var(--ui-success-text); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:113 (the brand's own status colour) */ .scaf-n-red { color: var(--ui-error-text); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:114 (the brand's own status colour) */ .scaf-term { background: #0c0d0e; color: #c9cdd2; font-family: var(--font-body); font-size: var(--font-body-sz); line-height: var(--font-body-lh); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:68-69 (the physician's terminal, the same in every theme) */ .scaf-term .t-red { color: #ff6b6b; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:71 */ .scaf-term .t-green { color: #57d97a; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:72 */ .scaf-term .t-dim { color: #7a8087; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:72 */ .scaf-acct-pick { font-family: var(--font-callout); font-size: var(--font-callout-sz); color: var(--active-color-01); background: transparent; border: 1px solid color-mix(in srgb, var(--active-color-01) 42%, transparent); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:505 … (the pickers, on the theme) */ .scaf-cols { font-family: var(--font-body); font-size: var(--font-body-sz); line-height: var(--font-body-lh); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:87 */ .scaf-amber-row { color: var(--ui-warn-text); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:110 (NO AUTHORITY: the brand's own warning colour) */ .scaf-fold > summary { font-weight: var(--font-caption-wt); letter-spacing: var(--font-caption-ls); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_core_scaffolding.html:733 */ .moire-section-title { border-bottom-color: var(--active-color-03); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): mgmt/templates/mgmt/moire/inc_moire_report.html:192 */ .moire-dot-matched, .moire-key-matched { background: var(--ui-success-text); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): mgmt/templates/mgmt/moire/inc_moire_report.html:195,214 (MOIRÉ's five status colours on the brand's own status tokens: matched success, missing error, extra warn, drift warn + error, empty the text at 38%) */ .moire-dot-missing, .moire-key-missing { background: var(--ui-error-text); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): mgmt/templates/mgmt/moire/inc_moire_report.html:196,215 */ .moire-dot-extra, .moire-key-extra { background: var(--ui-warn-text); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): mgmt/templates/mgmt/moire/inc_moire_report.html:197,216 */ .moire-dot-drift, .moire-key-drift { background: color-mix(in srgb, var(--ui-warn-text) 50%, var(--ui-error-text)); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): mgmt/templates/mgmt/moire/inc_moire_report.html:198,217 */ .moire-dot-empty, .moire-key-empty { background: color-mix(in srgb, var(--active-color-01) 38%, transparent); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): mgmt/templates/mgmt/moire/inc_moire_report.html:199,218 */ .moire-violation-text { color: var(--ui-error-text); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): mgmt/templates/mgmt/moire/inc_moire_report.html:200 */ .moire-zero-drift { color: var(--ui-success-text); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): mgmt/templates/mgmt/moire/inc_moire_report.html:201 */ .moire-subtitle, .moire-rule p, .moire-note { color: var(--active-color-06); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): mgmt/templates/mgmt/moire/inc_moire_report.html:206,221,222 */ .moire-rule p { line-height: 1.6; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): mgmt/templates/mgmt/moire/inc_moire_report.html:221 */ .moire-baseline-bar { border-color: var(--active-color-03); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): mgmt/templates/mgmt/moire/inc_moire_report.html:208 */ .moire-reset-btn { background: transparent; border-color: color-mix(in srgb, var(--ui-warn-text) 50%, var(--ui-error-text)); color: color-mix(in srgb, var(--ui-warn-text) 50%, var(--ui-error-text)); font-size: var(--font-body-sz); letter-spacing: var(--font-body-ls); font-family: var(--font-label); text-transform: var(--font-label-tt); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): mgmt/templates/mgmt/moire/inc_moire_report.html:209 */ .moire-reset-btn:hover { background: color-mix(in srgb, var(--ui-warn-text) 50%, var(--ui-error-text)); color: var(--active-color-09); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): mgmt/templates/mgmt/moire/inc_moire_report.html:210 */ .moire-key-item, .moire-note { font-size: var(--font-body-sz); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): mgmt/templates/mgmt/moire/inc_moire_report.html:212,222 */ .moire-key-item { color: var(--active-color-02); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): mgmt/templates/mgmt/moire/inc_moire_report.html:212 */ .moire-table th { border-bottom-color: var(--active-color-03); letter-spacing: var(--font-annotation-ls); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): mgmt/templates/mgmt/moire/inc_moire_report.html:224 */ .moire-table td { font-family: var(--font-body); font-size: var(--font-body-sz); border-bottom-color: var(--active-color-03); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): mgmt/templates/mgmt/moire/inc_moire_report.html:225 */ .moire-row-matched td, .moire-file-row-matched td { color: var(--ui-success-text); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): mgmt/templates/mgmt/moire/inc_moire_report.html:228,232 */ .moire-row-missing td, .moire-file-row-missing td { color: var(--ui-error-text); font-style: italic; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): mgmt/templates/mgmt/moire/inc_moire_report.html:229,235 */ .moire-row-extra td, .moire-file-row-extra td { color: var(--ui-warn-text); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): mgmt/templates/mgmt/moire/inc_moire_report.html:230,234 */ .moire-row-drift td, .moire-file-row-changed td { color: color-mix(in srgb, var(--ui-warn-text) 50%, var(--ui-error-text)); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): mgmt/templates/mgmt/moire/inc_moire_report.html:231 (an edited file reads DRIFT) */ .moire-row-empty td { color: color-mix(in srgb, var(--active-color-01) 38%, transparent); font-style: normal; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): mgmt/templates/mgmt/moire/inc_moire_report.html:233 */ .moire-files summary { color: var(--active-color-06); font-size: var(--font-body-sz); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): the row's files, folding out (the original fetched them on a click, :238-300) */ .mx-card.console-auth { border-color: var(--active-color-01); background: transparent; color: var(--active-color-01); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): fs members/inc_onboarding_style.html:12-13 (the paper look on the theme: ink 01, grey 01 at 62%, a line 01 at 16%) */ .console-auth .mx-section-title { font-size: var(--font-size-xl); font-weight: var(--font-callout-wt); letter-spacing: .02em; border-bottom-color: var(--active-color-01); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): fs members/inc_onboarding_style.html:14 + inc_onboarding_auth.html:10 */ .console-auth .mx-legend { font-size: var(--font-size-s); line-height: 1.5; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): inc_onboarding_auth.html:11 */ .console-auth .mx-legend-lead { font-weight: var(--font-callout-wt); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): inc_onboarding_auth.html:13 */ .console-auth .mx-hint { font-size: var(--font-size-m); color: color-mix(in srgb, var(--active-color-01) 62%, transparent); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): fs members/inc_onboarding_style.html:23 */ .console-auth .mx-failed { color: var(--ui-error-text); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): the FAILED line (inc_onboarding_auth.html:21, dvmMsg) */ .console-auth .mx-btn { font-size: var(--font-callout-sz); font-weight: var(--font-callout-wt); letter-spacing: var(--font-callout-ls); text-transform: var(--font-callout-tt); border-color: var(--active-color-01); background: transparent; color: var(--active-color-01); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): fs members/inc_onboarding_style.html:30-32 */ .console-auth .mx-btn--primary { background: var(--active-color-01); color: var(--active-color-09); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): fs members/inc_onboarding_style.html:33 */ .console-auth .mx-btn:hover { opacity: .8; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): fs members/inc_onboarding_style.html:34 */ .dvm-table th { font-size: var(--font-label-sz); text-transform: var(--font-label-tt); letter-spacing: var(--font-label-ls); border-bottom-color: var(--active-color-01); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): fs members/inc_onboarding_style.html:50-51 */ .dvm-vth .vlabel { font-size: var(--font-caption-sz); line-height: 1; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): fs members/inc_onboarding_style.html:58-59 */ .dvm-table td { border-bottom-color: color-mix(in srgb, var(--active-color-01) 16%, transparent); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): fs members/inc_onboarding_style.html:60 */ .dvm-table tr.dvm-grouphead th { font-size: var(--font-caption-sz); font-weight: var(--font-caption-wt); letter-spacing: var(--font-caption-ls); border-bottom-color: color-mix(in srgb, var(--active-color-01) 42%, transparent); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): fs members/inc_onboarding_style.html:67-69 */ .dvm-table tr.dvm-grouphead th.dvm-grp { border-left-color: color-mix(in srgb, var(--active-color-01) 16%, transparent); border-right-color: color-mix(in srgb, var(--active-color-01) 16%, transparent); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): fs members/inc_onboarding_style.html:70 */ .dvm-key { font-weight: 400; text-transform: none; letter-spacing: 0; line-height: 1.6; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): inc_onboarding_gridhead.html:15-19 */ .dvm-table td.dvm-type { font-weight: var(--font-label-wt); font-size: var(--font-label-sz); letter-spacing: var(--font-label-ls); border-bottom-color: var(--active-color-01); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): fs members/inc_onboarding_style.html:71-72 */ .dvm-row .body { font-size: var(--font-size-xxs); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): fs members/inc_onboarding_style.html:75 */ .console-auth .dvm-row .mx-hint { font-family: var(--font-caption); font-size: var(--font-caption-sz); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): fs members/inc_onboarding_style.html:76 */ .gcell, .gcell[data-v="0"] { background: transparent; border-color: color-mix(in srgb, var(--active-color-01) 42%, transparent); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): fs members/inc_onboarding_style.html:86-88 (EMPTY: no access) */ .gcell[data-v="1"] { background: var(--ui-success-text); border-color: var(--ui-success-text); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): fs members/inc_onboarding_style.html:89 (SOLID GREEN: the brand's own success colour) */ .gcell[data-v="2"] { background: linear-gradient(90deg, var(--ui-warn-text) 50%, transparent 50%); border-color: var(--ui-warn-text); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): fs members/inc_onboarding_style.html:90 (HALF YELLOW: the brand's own warning colour) */ .gcell[data-v="3"] { background: var(--active-color-01); border-color: var(--active-color-01); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): fs members/inc_onboarding_style.html:91 (SOLID BLACK: the ink) */ .ct-panel { background: transparent; color: var(--active-color-01); font-size: var(--font-body-sz); line-height: 1.5; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:1-345 (THE CONTROL TOWER; the original drew every frame in currentColor: here the ink 01, its lines 01 at 16% and 42%) */ .ct-section, .ct-frame, .ct-col, .ct-box, .ct-step, .ct-log-table th, .ct-log-table td, .ct-pre { border-color: color-mix(in srgb, var(--active-color-01) 42%, transparent); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:27,202-212,1089-1119 */ .ct-card, .ct-backup-card, .ct-card-storage { border-color: var(--active-color-01); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:222,264 */ .ct-card-stats-table tr { border-bottom-color: color-mix(in srgb, var(--active-color-01) 16%, transparent); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:247 */ .ct-card-stats-table td:first-child, .ct-caption, .ct-host { color: color-mix(in srgb, var(--active-color-01) 62%, transparent); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:252-262,401 */ .ct-big { font-family: var(--font-heading); font-size: var(--font-size-s); text-transform: var(--font-annotation-tt); color: var(--active-color-01); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:318-332 (.ff-varfontheading, the large type of the newest backup) */ .ct-meter { background: color-mix(in srgb, var(--active-color-01) 16%, transparent); border-color: color-mix(in srgb, var(--active-color-01) 42%, transparent); accent-color: var(--active-color-01); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:411-419 (the STORAGE value) */ .ct-meter::-webkit-progress-bar { background: color-mix(in srgb, var(--active-color-01) 16%, transparent); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:411-419 */ .ct-meter::-webkit-progress-value { background: var(--active-color-01); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:411-419 */ .ct-deploy-btn, .ct-card-ssh-btn, .ct-pill, .ct-modal-cancel, .ct-modal-confirm { background: transparent; color: var(--active-color-01); border-color: var(--active-color-01); font-family: var(--font-label); font-size: var(--font-label-sz); font-weight: var(--font-label-wt); letter-spacing: var(--font-label-ls); text-transform: var(--font-label-tt); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:10-19 (THE CLARITY RULE: every control readable in every theme) */ .ct-deploy-btn:hover, .ct-card-ssh-btn:hover, .ct-pill:hover, .ct-pill.active, .ct-modal-confirm:hover { background: var(--active-color-01); color: var(--active-color-09); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:14,309-315 */ .ct-deploy-btn[disabled], .ct-pill[disabled] { opacity: 0.45; background: transparent; color: var(--active-color-01); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:15 */ .ct-danger { border-color: var(--ui-error-text); color: var(--ui-error-text); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:487 (⚠ EMERGENCY SWAP; the brand's own error colour) */ .ct-danger:hover { background: var(--ui-error-text); color: var(--active-color-09); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:487 */ .ct-ok { color: var(--ui-success-text); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:214 (.ct-log-status-success; the brand's own status colour) */ .ct-no { color: var(--ui-error-text); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:215 (.ct-log-status-failed; the brand's own status colour) */ .ct-pre { background: color-mix(in srgb, var(--active-color-01) 4%, transparent); font-family: var(--font-body); font-size: var(--font-body-sz); line-height: var(--font-body-lh); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:495-518 (the recovery prompt) */ .ct-terminal { border-color: #333333; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:126-131 (the live terminal, the same in every theme) */ .ct-terminal-header { background: #1a1a1a; border-bottom-color: #333333; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:135-141 */ .ct-terminal-dot:nth-child(1) { background: #ff5f57; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:149 */ .ct-terminal-dot:nth-child(2) { background: #febc2e; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:150 */ .ct-terminal-dot:nth-child(3) { background: #28c840; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:151 */ .ct-terminal-title { color: #888888; font-family: var(--font-caption); font-size: var(--font-caption-sz); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:152-157 */ .ct-terminal-body { background: #0d0d0d; color: #d4d4d4; font-family: var(--font-caption); font-size: var(--font-caption-sz); line-height: var(--font-caption-lh); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:160-171 */ .ct-line { color: #d4d4d4; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:172 */ .ct-line-info { color: #569cd6; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:174 */ .ct-line-success { color: #4ec9b0; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:175 */ .ct-line-error { color: #f44747; } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:176 */ .ct-modal { background: var(--active-color-09); color: var(--active-color-01); border-color: var(--active-color-01); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:72-78 */ .ct-modal::backdrop { background: rgba(0, 0, 0, 0.6); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:63-71 (.ct-overlay) */ .ct-select, .ct-override { background: transparent; color: var(--active-color-01); border-color: var(--active-color-01); font-family: var(--font-body); font-size: var(--font-body-sz); } /* THE SYSTEM OWNER'S CONSOLE (LARRY LLM): ui/inc_control_tower.html:340 (.ct-override-input: transparent, the ink's own colour) */ @media (max-width: 768px) { .amx-hero .amx-h1 { font-size: 0.9rem; } /* larry.html:118 (--font-size-s = 0.9rem) */ .amx-hero .amx-sub { font-size: var(--font-body-sz); } /* larry.html:119 */ .pf-dock__cap { border-bottom-width: 2px; font-size: var(--font-annotation-sz); letter-spacing: 0; } /* inc_nav_dock.html:270 */ .frost-strip-bar { border-left: 0; } /* frost_security_check.html:10 */ .pf-dock__badge { font-size: var(--font-annotation-sz); line-height: 13px; } /* inc_nav_dock.html:273 (THE LARRYD BADGE on a phone) */ } /* ── THE ANIMATED THEMES: generated by core_engine/look.py animated() ── */ .pf-anim--crt.pf-crt-fx::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 60%; background: linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--active-color-01) 14%, transparent) 8%, color-mix(in srgb, var(--active-color-01) 5%, transparent) 13%, color-mix(in srgb, var(--active-color-01) 12%, transparent) 24%, color-mix(in srgb, var(--active-color-01) 10%, transparent) 46%, color-mix(in srgb, var(--active-color-01) 6%, transparent) 68%, color-mix(in srgb, var(--active-color-01) 2%, transparent) 86%, transparent 100%); animation: pf-crt-shutter 120s linear -53s infinite; } @keyframes pf-crt-shutter { 0% { transform: translateY(-100%); opacity: 1; } 6.7% { transform: translateY(267%); opacity: 1; } 6.75% { transform: translateY(267%); opacity: 0; } 7% { transform: translateY(-100%); opacity: 0; } 20% { transform: translateY(-100%); opacity: 1; } 26.7% { transform: translateY(267%); opacity: 1; } 26.75% { transform: translateY(267%); opacity: 0; } 27% { transform: translateY(-100%); opacity: 0; } 45% { transform: translateY(-100%); opacity: 1; } 51.7% { transform: translateY(267%); opacity: 1; } 51.75% { transform: translateY(267%); opacity: 0; } 52% { transform: translateY(-100%); opacity: 0; } 60% { transform: translateY(-100%); opacity: 1; } 66.7% { transform: translateY(267%); opacity: 1; } 66.75% { transform: translateY(267%); opacity: 0; } 67% { transform: translateY(-100%); opacity: 0; } 90% { transform: translateY(-100%); opacity: 1; } 96.7% { transform: translateY(267%); opacity: 1; } 96.75% { transform: translateY(267%); opacity: 0; } 97% { transform: translateY(-100%); opacity: 0; } 100% { transform: translateY(-100%); opacity: 1; } } .pf-anim--crt.pf-crt-warm { background: linear-gradient(color-mix(in srgb, var(--active-color-01) 16%, transparent), color-mix(in srgb, var(--active-color-01) 16%, transparent)); opacity: 0; animation: pf-crt-breath 30s ease-in-out infinite alternate; } @keyframes pf-crt-breath { from { opacity: 0; } to { opacity: 0.6; } } .pf-anim--crt.pf-crt-warm::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(ellipse 38% 32% at 38% 42%, color-mix(in srgb, var(--active-color-01) 26%, transparent) 0%, color-mix(in srgb, var(--active-color-01) 10%, transparent) 55%, transparent 75%); animation: pf-well-cloud-before 180s ease-in-out infinite alternate; } .pf-anim--wellness.pf-crt-warm { background: linear-gradient(color-mix(in srgb, var(--active-color-01) 18%, transparent), color-mix(in srgb, var(--active-color-01) 18%, transparent)), linear-gradient(color-mix(in srgb, var(--active-color-11) 16%, transparent), color-mix(in srgb, var(--active-color-11) 16%, transparent)); } .pf-anim--wellness.pf-crt-fx::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(ellipse 38% 32% at 38% 42%, color-mix(in srgb, var(--active-color-11) 20%, transparent) 0%, color-mix(in srgb, var(--active-color-11) 9%, transparent) 55%, transparent 75%); animation: pf-well-cloud-before 180s ease-in-out infinite alternate; } @keyframes pf-well-cloud-before { from { transform: translate(-6%, -4%); } to { transform: translate(7%, 5%); } } .pf-anim--wellness.pf-crt-fx::after { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(ellipse 42% 36% at 62% 58%, color-mix(in srgb, var(--active-color-01) 18%, transparent) 0%, color-mix(in srgb, var(--active-color-01) 8%, transparent) 55%, transparent 75%); animation: pf-well-cloud-after 260s ease-in-out infinite alternate; } @keyframes pf-well-cloud-after { from { transform: translate(6%, 4%); } to { transform: translate(-7%, -5%); } } .pf-anim--glitch.pf-crt-fx::before { content: ''; position: absolute; left: 0; right: 0; top: -480px; height: calc(100% + 480px); opacity: 0.55; background-image: linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--active-color-01) 12%, transparent) 57%, color-mix(in srgb, var(--active-color-01) 50%, transparent) 91%, color-mix(in srgb, var(--active-color-11) 82%, transparent) 96%, transparent 97%), linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--active-color-01) 12%, transparent) 59%, color-mix(in srgb, var(--active-color-01) 50%, transparent) 93%, color-mix(in srgb, var(--active-color-11) 82%, transparent) 98%, transparent 99%), linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--active-color-01) 12%, transparent) 42%, color-mix(in srgb, var(--active-color-01) 50%, transparent) 76%, color-mix(in srgb, var(--active-color-11) 82%, transparent) 81%, transparent 82%), linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--active-color-01) 12%, transparent) 54%, color-mix(in srgb, var(--active-color-01) 50%, transparent) 88%, color-mix(in srgb, var(--active-color-11) 82%, transparent) 93%, transparent 94%), linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--active-color-01) 12%, transparent) 60%, color-mix(in srgb, var(--active-color-01) 50%, transparent) 94%, color-mix(in srgb, var(--active-color-11) 82%, transparent) 99%, transparent 100%), linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--active-color-01) 12%, transparent) 56%, color-mix(in srgb, var(--active-color-01) 50%, transparent) 90%, color-mix(in srgb, var(--active-color-11) 82%, transparent) 95%, transparent 96%), linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--active-color-01) 12%, transparent) 48%, color-mix(in srgb, var(--active-color-01) 50%, transparent) 82%, color-mix(in srgb, var(--active-color-11) 82%, transparent) 87%, transparent 88%), linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--active-color-01) 12%, transparent) 60%, color-mix(in srgb, var(--active-color-01) 50%, transparent) 94%, color-mix(in srgb, var(--active-color-11) 82%, transparent) 99%, transparent 100%); background-size: 3px 480px, 3px 480px, 3px 480px, 3px 480px, 3px 480px, 3px 480px, 3px 480px, 3px 480px; background-repeat: repeat-y; background-position: 4% 0px, 15% 120px, 27% 300px, 38% 40px, 52% 210px, 64% 350px, 79% 90px, 91% 260px; animation: pf-rain-fast 3.1s linear infinite; } .pf-anim--glitch.pf-crt-fx::after { content: ''; position: absolute; left: 0; right: 0; top: -480px; height: calc(100% + 480px); opacity: 0.35; background-image: linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--active-color-01) 9%, transparent) 60%, color-mix(in srgb, var(--active-color-01) 36%, transparent) 94%, color-mix(in srgb, var(--active-color-11) 68%, transparent) 99%, transparent 100%), linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--active-color-01) 9%, transparent) 60%, color-mix(in srgb, var(--active-color-01) 36%, transparent) 94%, color-mix(in srgb, var(--active-color-11) 68%, transparent) 99%, transparent 100%), linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--active-color-01) 9%, transparent) 36%, color-mix(in srgb, var(--active-color-01) 36%, transparent) 70%, color-mix(in srgb, var(--active-color-11) 68%, transparent) 75%, transparent 76%), linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--active-color-01) 9%, transparent) 53%, color-mix(in srgb, var(--active-color-01) 36%, transparent) 87%, color-mix(in srgb, var(--active-color-11) 68%, transparent) 92%, transparent 93%), linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--active-color-01) 9%, transparent) 47%, color-mix(in srgb, var(--active-color-01) 36%, transparent) 81%, color-mix(in srgb, var(--active-color-11) 68%, transparent) 86%, transparent 87%), linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--active-color-01) 9%, transparent) 60%, color-mix(in srgb, var(--active-color-01) 36%, transparent) 94%, color-mix(in srgb, var(--active-color-11) 68%, transparent) 99%, transparent 100%), linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--active-color-01) 9%, transparent) 49%, color-mix(in srgb, var(--active-color-01) 36%, transparent) 83%, color-mix(in srgb, var(--active-color-11) 68%, transparent) 88%, transparent 89%); background-size: 2px 480px, 2px 480px, 2px 480px, 2px 480px, 2px 480px, 2px 480px, 2px 480px; background-repeat: repeat-y; background-position: 9% 60px, 21% 280px, 33% 150px, 46% 380px, 58% 20px, 72% 190px, 86% 330px; animation: pf-rain-slow 6.7s linear infinite; } @keyframes pf-rain-fast { from { transform: translateY(0); } to { transform: translateY(480px); } } @keyframes pf-rain-slow { from { transform: translateY(0); } to { transform: translateY(480px); } } .pf-anim--glitch.pf-crt-warm { background: repeating-linear-gradient(to right, color-mix(in srgb, var(--active-color-04) 4%, transparent) 0 1px, color-mix(in srgb, var(--active-color-01) 3%, transparent) 1px 2px, color-mix(in srgb, var(--active-color-05) 4%, transparent) 2px 3px); } .pf-crt-rain { opacity: 0.6; } @media (prefers-reduced-motion: reduce) { .pf-crt-warm, .pf-crt-fx::before, .pf-crt-fx::after { animation: none; } .pf-crt-rain { display: none; } } /* ── LETTER CASE: generated by core_engine/look.py letter_case() ── */ html[data-case="upper"] .main-container, html[data-case="upper"] .main-container *, html[data-case="upper"] .layout--footer, html[data-case="upper"] .layout--footer *, html[data-case="upper"] .layout--header, html[data-case="upper"] .layout--header *, html[data-case="upper"] .pf-dock, html[data-case="upper"] .pf-dock *, html[data-case="upper"] .login-body, html[data-case="upper"] .login-body * { text-transform: uppercase; } html[data-case="upper"] :is(.main-container, .layout--footer, .layout--header, .pf-dock, .login-body) :is(input, textarea, select, option, code, pre, .key-badge, .key-badge *, [data-verbatim], [data-verbatim] *) { text-transform: none; } @font-face { font-family: "Times New Roman"; src: local("Times New Roman"); font-display: swap; } /* DEFAULT (37A8EEC1CE19) · dark */ [data-brilliance-hierarchy="37A8EEC1CE19"][data-theme="dark"] { --active-color-01: #FFFFFF; --active-color-02: #FFFFFF; --active-color-03: #FFFFFF; --active-color-04: #FFFFFF; --active-color-05: #FFFFFF; --active-color-06: #FFFFFF; --active-color-07: #FFFFFF; --active-color-08: #FFFFFF; --active-color-09: #000000; --active-color-10: #000000; --active-color-11: #000000; --active-color-12: #FFFFFF; --active-color-13: #000000; --active-color-14: #FFFFFF; --active-color-15: #000000; --active-color-16: #FFFFFF; --active-color-17: #FFFFFF; --active-color-18: #FFFFFF; --active-color-19: #FFFFFF; --active-color-20: #000000; --active-color-21: #FFFFFF; --active-color-22: #FFFFFF; --active-color-23: #FFFFFF; --active-color-24: #000000; --active-color-25: #FFFFFF; --active-color-26: #000000; --active-color-27: #FFFFFF; --active-color-28: #FFFFFF; --active-color-29: #000000; --active-color-30: #000000; --active-color-31: #FFFFFF; --active-color-32: #FFFFFF; --active-color-33: #FFFFFF; --active-color-34: #000000; --active-color-35: #FFFFFF; --active-color-36: #FFFFFF; --active-color-37: #FFFFFF; --active-color-38: #000000; --active-color-39: #FFFFFF; --active-color-40: #FFFFFF; --active-color-41: #000000; --active-color-42: #FFFFFF; --active-color-43: #FFFFFF; --active-color-44: #000000; --active-color-45: #000000; --active-color-46: #00FF00; --active-color-47: #FFFFFF; --active-color-48: #FFFF00; --active-color-49: #FFFFFF; --active-color-50: #FF0000; --active-color-51: #FFFFFF; --active-color-52: #000000; --active-color-53: #FFFFFF; --active-color-54: #FFFFFF; --active-color-55: #FFFFFF; --active-color-56: #000000; --active-color-57: #FFFFFF; --active-color-58: #FFFFFF; --active-color-59: #FFFFFF; --active-color-60: #FFFFFF; --active-color-61: #FFFFFF; --active-color-62: #000000; --active-color-63: #FFFFFF; --active-color-64: #000000; --font-global-01: "Times New Roman", Times, serif; --font-global-02: "Times New Roman", Times, serif; --font-global-03: "Times New Roman", Times, serif; --font-global-04: "Times New Roman", Times, serif; --font-global-05: "Times New Roman", Times, serif; --font-heading: var(--font-global-01); --font-heading-wt: 900; --font-heading-sz: 3rem; --font-heading-tt: uppercase; --font-heading-td: none; --font-heading-fi: normal; --font-heading-ls: 1.5px; --font-heading-lh: 1.05; --font-title: var(--font-global-01); --font-title-wt: 900; --font-title-sz: 2rem; --font-title-tt: uppercase; --font-title-td: none; --font-title-fi: normal; --font-title-ls: 1.5px; --font-title-lh: 1.4; --font-subtitle: var(--font-global-01); --font-subtitle-wt: 900; --font-subtitle-sz: 0.9rem; --font-subtitle-tt: uppercase; --font-subtitle-td: none; --font-subtitle-fi: normal; --font-subtitle-ls: 1.5px; --font-subtitle-lh: 2.2; --font-body: var(--font-global-01); --font-body-wt: 300; --font-body-sz: 0.9rem; --font-body-tt: none; --font-body-td: none; --font-body-fi: normal; --font-body-ls: normal; --font-body-lh: 1.4; --font-caption: var(--font-global-01); --font-caption-wt: 600; --font-caption-sz: 0.7rem; --font-caption-tt: uppercase; --font-caption-td: none; --font-caption-fi: normal; --font-caption-ls: 1.5px; --font-caption-lh: 1.5; --font-label: var(--font-global-01); --font-label-wt: 500; --font-label-sz: 0.9rem; --font-label-tt: uppercase; --font-label-td: none; --font-label-fi: normal; --font-label-ls: normal; --font-label-lh: 1.4; --font-link: var(--font-global-01); --font-link-wt: 500; --font-link-sz: 0.9rem; --font-link-tt: none; --font-link-td: underline; --font-link-fi: normal; --font-link-ls: normal; --font-link-lh: 1.4; --font-nav: var(--font-global-01); --font-nav-wt: 400; --font-nav-sz: 0.7rem; --font-nav-tt: uppercase; --font-nav-td: none; --font-nav-fi: normal; --font-nav-ls: normal; --font-nav-lh: 1.4; --font-subnav: var(--font-global-01); --font-subnav-wt: 400; --font-subnav-sz: 0.9rem; --font-subnav-tt: uppercase; --font-subnav-td: none; --font-subnav-fi: normal; --font-subnav-ls: normal; --font-subnav-lh: 1.4; --font-callout: var(--font-global-01); --font-callout-wt: 500; --font-callout-sz: 1.1rem; --font-callout-tt: uppercase; --font-callout-td: none; --font-callout-fi: normal; --font-callout-ls: normal; --font-callout-lh: 1.8; --font-notes: var(--font-global-01); --font-notes-wt: 500; --font-notes-sz: 1.1rem; --font-notes-tt: uppercase; --font-notes-td: none; --font-notes-fi: normal; --font-notes-ls: normal; --font-notes-lh: 1.4; --font-annotation: var(--font-global-01); --font-annotation-wt: 300; --font-annotation-sz: 0.6rem; --font-annotation-tt: uppercase; --font-annotation-td: none; --font-annotation-fi: normal; --font-annotation-ls: normal; --font-annotation-lh: 1.4; --active-marquee: #FFFFFF; --active-badge-bg: #910E0D; --active-badge-text: #FFFFFF; --ui-btn-padding-y: 18px; --ui-btn-padding-x: 15px; --ui-btn-border-width: 1px; --ui-btn-border-radius: 0px; --ui-btn-transition: 0.3s; --ui-btn-easing: ease; --ui-btn-hover-shadow: 30px; --ui-btn-hover-opacity: 0.9; --ui-btn-hover-lift: -2px; } /* DEFAULT (37A8EEC1CE19) · light */ [data-brilliance-hierarchy="37A8EEC1CE19"][data-theme="light"] { --active-color-01: #000000; --active-color-02: #000000; --active-color-03: #000000; --active-color-04: #000000; --active-color-05: #000000; --active-color-06: #000000; --active-color-07: #000000; --active-color-08: #000000; --active-color-09: #FFFFFF; --active-color-10: #FFFFFF; --active-color-11: #FFFFFF; --active-color-12: #000000; --active-color-13: #FFFFFF; --active-color-14: #000000; --active-color-15: #FFFFFF; --active-color-16: #000000; --active-color-17: #000000; --active-color-18: #000000; --active-color-19: #000000; --active-color-20: #FFFFFF; --active-color-21: #000000; --active-color-22: #000000; --active-color-23: #000000; --active-color-24: #FFFFFF; --active-color-25: #000000; --active-color-26: #FFFFFF; --active-color-27: #000000; --active-color-28: #000000; --active-color-29: #FFFFFF; --active-color-30: #FFFFFF; --active-color-31: #000000; --active-color-32: #000000; --active-color-33: #000000; --active-color-34: #FFFFFF; --active-color-35: #000000; --active-color-36: #000000; --active-color-37: #000000; --active-color-38: #FFFFFF; --active-color-39: #000000; --active-color-40: #000000; --active-color-41: #FFFFFF; --active-color-42: #000000; --active-color-43: #000000; --active-color-44: #FFFFFF; --active-color-45: #FFFFFF; --active-color-46: #00FF00; --active-color-47: #000000; --active-color-48: #FFFF00; --active-color-49: #000000; --active-color-50: #FF0000; --active-color-51: #000000; --active-color-52: #FFFFFF; --active-color-53: #000000; --active-color-54: #000000; --active-color-55: #000000; --active-color-56: #FFFFFF; --active-color-57: #000000; --active-color-58: #000000; --active-color-59: #000000; --active-color-60: #000000; --active-color-61: #000000; --active-color-62: #FFFFFF; --active-color-63: #000000; --active-color-64: #FFFFFF; --font-global-01: "Times New Roman", Times, serif; --font-global-02: "Times New Roman", Times, serif; --font-global-03: "Times New Roman", Times, serif; --font-global-04: "Times New Roman", Times, serif; --font-global-05: "Times New Roman", Times, serif; --font-heading: var(--font-global-01); --font-heading-wt: 900; --font-heading-sz: 3rem; --font-heading-tt: uppercase; --font-heading-td: none; --font-heading-fi: normal; --font-heading-ls: 1.5px; --font-heading-lh: 1.05; --font-title: var(--font-global-01); --font-title-wt: 900; --font-title-sz: 2rem; --font-title-tt: uppercase; --font-title-td: none; --font-title-fi: normal; --font-title-ls: 1.5px; --font-title-lh: 1.4; --font-subtitle: var(--font-global-01); --font-subtitle-wt: 900; --font-subtitle-sz: 0.9rem; --font-subtitle-tt: uppercase; --font-subtitle-td: none; --font-subtitle-fi: normal; --font-subtitle-ls: 1.5px; --font-subtitle-lh: 2.2; --font-body: var(--font-global-01); --font-body-wt: 300; --font-body-sz: 0.9rem; --font-body-tt: none; --font-body-td: none; --font-body-fi: normal; --font-body-ls: normal; --font-body-lh: 1.4; --font-caption: var(--font-global-01); --font-caption-wt: 600; --font-caption-sz: 0.7rem; --font-caption-tt: uppercase; --font-caption-td: none; --font-caption-fi: normal; --font-caption-ls: 1.5px; --font-caption-lh: 1.5; --font-label: var(--font-global-01); --font-label-wt: 500; --font-label-sz: 0.9rem; --font-label-tt: uppercase; --font-label-td: none; --font-label-fi: normal; --font-label-ls: normal; --font-label-lh: 1.4; --font-link: var(--font-global-01); --font-link-wt: 500; --font-link-sz: 0.9rem; --font-link-tt: none; --font-link-td: underline; --font-link-fi: normal; --font-link-ls: normal; --font-link-lh: 1.4; --font-nav: var(--font-global-01); --font-nav-wt: 400; --font-nav-sz: 0.7rem; --font-nav-tt: uppercase; --font-nav-td: none; --font-nav-fi: normal; --font-nav-ls: normal; --font-nav-lh: 1.4; --font-subnav: var(--font-global-01); --font-subnav-wt: 400; --font-subnav-sz: 0.9rem; --font-subnav-tt: uppercase; --font-subnav-td: none; --font-subnav-fi: normal; --font-subnav-ls: normal; --font-subnav-lh: 1.4; --font-callout: var(--font-global-01); --font-callout-wt: 500; --font-callout-sz: 1.1rem; --font-callout-tt: uppercase; --font-callout-td: none; --font-callout-fi: normal; --font-callout-ls: normal; --font-callout-lh: 1.8; --font-notes: var(--font-global-01); --font-notes-wt: 500; --font-notes-sz: 1.1rem; --font-notes-tt: uppercase; --font-notes-td: none; --font-notes-fi: normal; --font-notes-ls: normal; --font-notes-lh: 1.4; --font-annotation: var(--font-global-01); --font-annotation-wt: 300; --font-annotation-sz: 0.6rem; --font-annotation-tt: uppercase; --font-annotation-td: none; --font-annotation-fi: normal; --font-annotation-ls: normal; --font-annotation-lh: 1.4; --active-marquee: #000000; --active-badge-bg: #910E0D; --active-badge-text: #FFFFFF; --ui-btn-padding-y: 18px; --ui-btn-padding-x: 15px; --ui-btn-border-width: 1px; --ui-btn-border-radius: 0px; --ui-btn-transition: 0.3s; --ui-btn-easing: ease; --ui-btn-hover-shadow: 30px; --ui-btn-hover-opacity: 0.9; --ui-btn-hover-lift: -2px; }