.chain-screen{max-width:72rem;margin:0 auto;padding:24px}@media (width<=480px){.chain-screen{padding:16px}}.picker{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1.2rem;display:flex}.picker select{max-width:100%;height:44px;font:inherit;background:var(--panel);color:var(--ink);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border-radius:999px;padding:0 20px;font-size:15px}.clusters{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.7rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.clusters:after{content:"";background:linear-gradient(90deg, var(--tone-personal), var(--tone-team), var(--tone-coe), var(--tone-company), var(--tone-impact));opacity:.45;border-radius:999px;grid-column:1/-1;height:3px;margin-top:2px;display:block}@media (width<=480px){.clusters:after{display:none}}.cluster{--cluster-tone:var(--warn);--cluster-tone-soft:var(--warn-soft);min-width:0;position:relative}.cluster[data-tone=personal]{--cluster-tone:var(--tone-personal);--cluster-tone-soft:var(--tone-personal-soft)}.cluster[data-tone=team]{--cluster-tone:var(--tone-team);--cluster-tone-soft:var(--tone-team-soft)}.cluster[data-tone=coe]{--cluster-tone:var(--tone-coe);--cluster-tone-soft:var(--tone-coe-soft)}.cluster[data-tone=company]{--cluster-tone:var(--tone-company);--cluster-tone-soft:var(--tone-company-soft)}.cluster[data-tone=impact]{--cluster-tone:var(--tone-impact);--cluster-tone-soft:var(--tone-impact-soft)}.cluster .face{text-align:left;width:100%;height:100%;font:inherit;background:linear-gradient(180deg, var(--cluster-tone-soft), var(--panel) 65%);box-shadow:0 0 0 1px var(--ring), var(--glass-shadow), inset 0 4px 0 var(--cluster-tone);border-radius:20px;flex-direction:column;gap:.25rem;padding:.85rem 1rem;display:flex}.cluster button.face{cursor:pointer}.cluster button.face:hover,.cluster.open .face{box-shadow:0 0 0 2px var(--cluster-tone), var(--glass-shadow), inset 0 4px 0 var(--cluster-tone)}@media (prefers-reduced-motion:no-preference){.cluster button.face:hover{transform:translateY(-2px)}}.cluster .label{letter-spacing:.04em;text-transform:uppercase;color:var(--cluster-tone);font-size:12px;font-weight:570}.cluster .caption{color:var(--muted);overflow-wrap:anywhere;font-size:.8rem}.cluster .text{color:var(--ink-soft);overflow-wrap:anywhere;font-size:15px;font-weight:470}.cluster.personal .face{border:1.5px dashed var(--tone-personal)}.cluster.joint .face{border:1.5px solid var(--joint);background:var(--joint-soft)}.cluster.joint .label{color:var(--joint)}.cluster.broken .face{border:1px solid var(--warn);background:var(--warn-soft)}.cluster.broken .label{color:var(--warn)}.joint-note{color:var(--joint);margin:.6rem 0 0;font-size:13px}.panel ul{margin:0;padding-left:1.1rem}.panel li,.panel p{overflow-wrap:anywhere}.spine.joint{border-color:var(--joint)}.spine-parts{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;display:grid}.spine-part{min-width:0}.sides.onTime .segmented button[aria-pressed=true]{background:var(--tone-personal);color:var(--cta-ink)}.sides.ifMissed .segmented button[aria-pressed=true]{background:var(--warn);color:var(--panel-solid)}.side-blocks{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;display:grid}.side-block{min-width:0}.side-block h3{padding-left:15px;position:relative}.side-block h3:before{content:"";border-radius:50%;width:8px;height:8px;position:absolute;top:4px;left:0}.sides.onTime .side-block:first-child h3:before{background:var(--tone-team)}.sides.onTime .side-block:nth-child(2) h3:before{background:var(--tone-coe)}.sides.onTime .side-block:nth-child(3) h3:before{background:var(--tone-personal)}.sides.ifMissed .side-block:first-child h3:before{background:var(--warn)}.sides.ifMissed .side-block:nth-child(2) h3:before{background:var(--danger)}.sides.ifMissed .side-block:nth-child(3) h3:before{background:var(--tone-company)}.note{color:var(--muted);margin:.4rem 0 0;font-size:.82rem}@media (width<=480px){.clusters{grid-template-columns:1fr}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#e6edf6;--glow-1:#bfd8f5;--glow-2:#d9d2f7;--glow-3:#f8dccb;--glow-1-veil:#bfd8f559;--glow-2-veil:#d9d2f759;--glow-3-veil:#f8dccb59;--veil-signin:#e6edf61a;--veil-signin-narrow:#e6edf68c;--veil-app:#e6edf64d;--panel:#ffffffb8;--panel-solid:#fff;--glass-border:#fff9;--glass-shadow:0 18px 40px #1c345c12;--ring:#7891b433;--ink:#020c21;--ink-soft:#0f182f;--muted:#59627e;--muted2:#4d5b77;--line:#ced5e0;--cta:#0f1b31;--cta-2:#2e5e9e;--cta-ink:#fff;--cta-shadow:0 10px 24px #0b1a322e;--accent:#4a78b0;--accent-soft:#4a78b01a;--accent-bright:#3e7fd0;--knob-ink:#fff;--track:#dde4ee;--track-fill:#5f88b4;--joint:#4a78b0;--joint-soft:#4a78b01a;--warn:#9a4b08;--warn-soft:#fff1dc;--danger:#b83350;--tone-personal:#0b7a6b;--tone-personal-soft:#0b7a6b1f;--tone-team:#1f62b0;--tone-team-soft:#1f62b01f;--tone-coe:#5b5bd6;--tone-coe-soft:#5b5bd61f;--tone-company:#7a3fc4;--tone-company-soft:#7a3fc41f;--tone-impact:#8f5a0d;--tone-impact-soft:#8f5a0d1f;--focus:#2f5f9e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#070e1d;--glow-1:#1b3a6b;--glow-2:#2e2361;--glow-3:#3a2530;--glow-1-veil:#1b3a6b73;--glow-2-veil:#2e236173;--glow-3-veil:#3a253073;--veil-signin:#070e1db8;--veil-signin-narrow:#070e1dcc;--veil-app:#070e1dd1;--panel:#162138c7;--panel-solid:#0f1b31;--glass-border:#ffffff14;--glass-shadow:0 18px 40px #00000059;--ring:#7fa6d62e;--ink:#e6edf6;--ink-soft:#cbd5e3;--muted:#94a0b8;--muted2:#a3afc4;--line:#26344f;--cta:#e6edf6;--cta-2:#c9dbf3;--cta-ink:#0f1b31;--cta-shadow:0 10px 24px #0006;--accent:#7fa6d6;--accent-soft:#7fa6d61f;--accent-bright:#2e5e9e;--knob-ink:#fff;--track:#1c2a44;--track-fill:#7fa6d6;--joint:#9dbbe3;--joint-soft:#7fa6d61f;--warn:#f2b85b;--warn-soft:#f2b85b1f;--danger:#f07a8e;--tone-personal:#3fd1b8;--tone-personal-soft:#3fd1b824;--tone-team:#6fb2f2;--tone-team-soft:#6fb2f224;--tone-coe:#9a9cf5;--tone-coe-soft:#9a9cf524;--tone-company:#c19bf2;--tone-company-soft:#c19bf224;--tone-impact:#f2bf5e;--tone-impact-soft:#f2bf5e24;--focus:#9dbbe3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#070e1d;--glow-1:#1b3a6b;--glow-2:#2e2361;--glow-3:#3a2530;--glow-1-veil:#1b3a6b73;--glow-2-veil:#2e236173;--glow-3-veil:#3a253073;--veil-signin:#070e1db8;--veil-signin-narrow:#070e1dcc;--veil-app:#070e1dd1;--panel:#162138c7;--panel-solid:#0f1b31;--glass-border:#ffffff14;--glass-shadow:0 18px 40px #00000059;--ring:#7fa6d62e;--ink:#e6edf6;--ink-soft:#cbd5e3;--muted:#94a0b8;--muted2:#a3afc4;--line:#26344f;--cta:#e6edf6;--cta-2:#c9dbf3;--cta-ink:#0f1b31;--cta-shadow:0 10px 24px #0006;--accent:#7fa6d6;--accent-soft:#7fa6d61f;--accent-bright:#2e5e9e;--knob-ink:#fff;--track:#1c2a44;--track-fill:#7fa6d6;--joint:#9dbbe3;--joint-soft:#7fa6d61f;--warn:#f2b85b;--warn-soft:#f2b85b1f;--danger:#f07a8e;--tone-personal:#3fd1b8;--tone-personal-soft:#3fd1b824;--tone-team:#6fb2f2;--tone-team-soft:#6fb2f224;--tone-coe:#9a9cf5;--tone-coe-soft:#9a9cf524;--tone-company:#c19bf2;--tone-company-soft:#c19bf224;--tone-impact:#f2bf5e;--tone-impact-soft:#f2bf5e24;--focus:#9dbbe3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:radial-gradient(900px 650px at 88% -8%, var(--glow-1), transparent 60%), radial-gradient(780px 620px at -8% 42%, var(--glow-2), transparent 60%), radial-gradient(880px 680px at 12% 112%, var(--glow-3), transparent 60%), var(--bg);background-attachment:fixed}body{min-height:100vh;color:var(--ink);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;font-synthesis:none;background:0 0;margin:0;font-family:Inter Variable,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}h1,h2,h3{color:var(--ink);letter-spacing:-.02em}h1{font-weight:360}h2{font-weight:520}h3{font-weight:570}.pad{padding:1rem}.muted{color:var(--muted)}[role=alert]{color:var(--warn)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.bg-stage{z-index:-1;pointer-events:none;position:fixed;inset:-2px;overflow:hidden}.bg-video{object-fit:cover;object-position:60% 50%;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.002)}.bg-veil{background:radial-gradient(900px 650px at 88% -8%, var(--glow-1-veil), transparent 60%), radial-gradient(780px 620px at -8% 42%, var(--glow-2-veil), transparent 60%), radial-gradient(880px 680px at 12% 112%, var(--glow-3-veil), transparent 60%), var(--veil-signin);position:absolute;inset:0}.bg-stage[data-variant=app] .bg-veil{background:radial-gradient(900px 650px at 88% -8%, var(--glow-1-veil), transparent 60%), radial-gradient(780px 620px at -8% 42%, var(--glow-2-veil), transparent 60%), radial-gradient(880px 680px at 12% 112%, var(--glow-3-veil), transparent 60%), var(--veil-app)}@media (width<=899.98px){.bg-stage[data-variant=signin] .bg-veil{background:radial-gradient(900px 650px at 88% -8%, var(--glow-1-veil), transparent 60%), radial-gradient(780px 620px at -8% 42%, var(--glow-2-veil), transparent 60%), radial-gradient(880px 680px at 12% 112%, var(--glow-3-veil), transparent 60%), var(--veil-signin-narrow)}}.glass{background:var(--panel);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(28px)saturate(112%);backdrop-filter:blur(28px)saturate(112%);box-shadow:0 0 0 1px var(--ring), var(--glass-shadow);border-radius:22px}.pill{cursor:pointer;min-height:48px;font:inherit;letter-spacing:-.02em;border:0;border-radius:999px;align-items:center;gap:14px;padding:6px 6px 6px 22px;font-size:16px;font-weight:470;line-height:1;text-decoration:none;transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s;display:inline-flex}.pill-primary{background:linear-gradient(135deg, var(--cta), var(--cta-2));color:var(--cta-ink);box-shadow:var(--cta-shadow)}.pill-ghost{background:var(--panel);color:var(--ink);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);box-shadow:0 0 0 1px var(--ring);padding:6px 20px}.pill-knob{background:var(--accent-bright);width:36px;height:36px;color:var(--knob-ink);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.pill-knob svg{width:14px;height:14px}.pill:disabled{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion:no-preference){.pill:not(:disabled):hover{transform:translateY(-2px)}}.icon-btn{cursor:pointer;background:var(--panel);width:40px;height:40px;color:var(--ink);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);box-shadow:0 0 0 1px var(--ring);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.table{border-collapse:collapse;width:100%;font-size:15px}.table th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:10px 12px;font-size:12px;font-weight:570}.table td{border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;padding:12px}.table tr:last-child td{border-bottom:0}.table-wrap{overflow-x:auto}.meter{background:var(--track);border-radius:999px;height:8px;display:block;overflow:hidden}.meter i{background:var(--track-fill);border-radius:999px;height:100%;display:block}.chip{letter-spacing:-.01em;background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12.5px;font-weight:520;display:inline-flex}.chip[data-tone=personal]{background:var(--tone-personal-soft);color:var(--tone-personal)}.chip[data-tone=team]{background:var(--tone-team-soft);color:var(--tone-team)}.chip[data-tone=coe]{background:var(--tone-coe-soft);color:var(--tone-coe)}.chip[data-tone=company]{background:var(--tone-company-soft);color:var(--tone-company)}.chip[data-tone=impact]{background:var(--tone-impact-soft);color:var(--tone-impact)}.eyebrow{letter-spacing:-.01em;color:var(--muted);margin:0;font-size:14px;font-weight:470}.pill.pill-sm{min-height:40px;padding:4px 18px;font-size:15px}.panel{margin-top:1.2rem;padding:24px}.panel.glass{border-radius:24px}.panel h2{margin:0 0 .7rem;font-size:18px;font-weight:520}.panel h3{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 .35rem;font-size:12px;font-weight:570}.panel.glass[data-tone=personal]{box-shadow:0 0 0 1px var(--ring), var(--glass-shadow), inset 4px 0 0 var(--tone-personal)}.panel.glass[data-tone=team]{box-shadow:0 0 0 1px var(--ring), var(--glass-shadow), inset 4px 0 0 var(--tone-team)}.panel.glass[data-tone=coe]{box-shadow:0 0 0 1px var(--ring), var(--glass-shadow), inset 4px 0 0 var(--tone-coe)}.panel.glass[data-tone=company]{box-shadow:0 0 0 1px var(--ring), var(--glass-shadow), inset 4px 0 0 var(--tone-company)}.panel.glass[data-tone=impact]{box-shadow:0 0 0 1px var(--ring), var(--glass-shadow), inset 4px 0 0 var(--tone-impact)}.segmented{margin-bottom:.9rem;padding:4px;display:inline-flex}.segmented.glass{border-radius:999px}.segmented button{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.5rem 1rem;font-weight:470}.segmented button[aria-pressed=true]{background:var(--cta);color:var(--cta-ink)}.topbar{z-index:10;background:var(--panel);border:0;border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(28px)saturate(112%);backdrop-filter:blur(28px)saturate(112%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex;position:sticky;top:0}.topbar-info{overflow-wrap:anywhere;min-width:0}.topbar-info strong{font-weight:520}.topbar-actions{flex:none;align-items:center;gap:10px;display:flex}.signin{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:24px;display:flex;position:relative}@media (width>=900px){.signin{text-align:left;align-items:flex-start;padding-left:7vw}}.signin .icon-btn{position:absolute;top:24px;right:24px}.signin .eyebrow{color:var(--tone-team)}.signin h1{color:var(--tone-coe);background:linear-gradient(90deg, var(--tone-team), var(--tone-coe), var(--tone-company));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:8px 0 0;font-size:72px;font-weight:360}.signin-lede{max-width:28rem;margin:0}.signin-reason{overflow-wrap:anywhere;max-width:28rem;margin:0;padding:10px 20px}
