.staff-bar{border:1px dashed var(--line-strong);background:var(--mist);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;padding:8px 12px;display:flex}.staff-bar-title{align-items:center;gap:6px;font-size:14px;font-weight:650;display:inline-flex}.staff-bar-title svg{width:18px;height:18px}.staff-bar-button{min-height:44px}.staff-bar-button.is-danger{color:var(--danger,#b3261e)}.staff-bar-note{flex-basis:100%;margin:0}.staff-bar-note:empty{display:none}.staff-card-menu{z-index:4;max-width:calc(100% - 28px);position:absolute;top:64px;right:14px}.item-photo .staff-card-menu{max-width:calc(100% - 12px);top:56px;right:6px}.staff-card-menu.is-inline{flex:none;position:static}.staff-card-trigger{background:var(--surface);border-radius:50%;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 2px 8px #153f3512}.staff-card-trigger svg{width:20px;height:20px}.staff-card-done{background:var(--surface);text-align:right;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:600;display:inline-block}
.compat-ring{flex:none;display:block}.compat-ring-track{stroke:var(--line-strong);opacity:.55}.compat-ring-arc{stroke:var(--fern)}.compat-ring--fair .compat-ring-arc{stroke:var(--note-text)}.compat-ring--great .compat-ring-arc{stroke:var(--fern)}.compat-chip{z-index:2;border-radius:var(--r-pill,999px);background:var(--glass-strong,var(--surface));min-height:30px;box-shadow:var(--shadow-1);color:var(--pine);font-variant-numeric:tabular-nums;pointer-events:none;align-items:center;gap:6px;padding:0 11px 0 5px;font-size:12px;font-weight:700;line-height:1;display:inline-flex;position:absolute;bottom:12px;left:12px}.compat-chip--great{background:var(--lime);color:var(--ink)}.compat-chip--great .compat-ring-track{stroke:var(--ink);opacity:.18}.compat-chip--great .compat-ring-arc{stroke:var(--ink)}.compat-chip--low{color:var(--slate);padding:0 11px;font-weight:600}@keyframes compat-sweep{0%{opacity:0;transform:rotate(-150deg)scale(.82)}to{opacity:1;transform:none}}.compat-ring{animation:.7s cubic-bezier(.22,1,.36,1) .12s backwards compat-sweep}[data-reveal=pending] .compat-ring{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.compat-ring,.compat-step{animation:none}}.compat-section{border-top:1px solid var(--line);margin-top:0;padding:22px 0 4px}.compat-head{align-items:center;gap:16px;margin:6px 0 14px;display:flex}.compat-big{flex:none;width:96px;height:96px;position:relative}.compat-big-num{color:var(--pine);letter-spacing:-.02em;font-variant-numeric:tabular-nums;place-items:center;font-size:24px;font-weight:750;display:grid;position:absolute;inset:0}.compat-verdict{color:var(--pine);letter-spacing:-.01em;margin:0 0 2px;font-size:18px;font-weight:700}.compat-lead{color:var(--slate);margin:0;font-size:14px;line-height:1.5}.compat-teaser .compat-lead{margin-bottom:12px}.compat-reasons{gap:2px;margin:0;padding:0;list-style:none;display:grid}.compat-reason{border-bottom:1px solid var(--line);color:var(--pine);align-items:flex-start;gap:12px;padding:10px 0;font-size:15px;line-height:1.45;display:flex}.compat-reason:last-child{border-bottom:0}.compat-mark{background:var(--mist);width:24px;height:24px;color:var(--slate);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.compat-reason--true .compat-mark{background:var(--fern);color:var(--on-fern)}.compat-reason--partial .compat-mark{background:var(--note-bg);color:var(--note-text)}.compat-reason--false .compat-mark{background:var(--danger-bg);color:var(--danger)}.compat-more{min-height:44px;color:var(--fern);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:6px;padding:0;font-size:14px;font-weight:650;text-decoration:underline}.compat-cta{border:1px solid var(--lime-line);border-radius:var(--r-sm);background:var(--lime-soft);width:100%;min-height:52px;color:var(--lime-soft-text);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out), scale var(--dur-1) var(--ease-out);align-items:center;gap:12px;margin:0 0 24px;padding:10px 16px 10px 14px;display:flex}.compat-cta svg{flex:none;width:20px;height:20px}.compat-cta-text{flex-wrap:wrap;flex:auto;align-items:baseline;gap:2px 12px;min-width:0;display:flex}.compat-cta strong{color:var(--pine);font-size:15px;font-weight:700;display:block}.compat-cta small{font-size:14px;line-height:1.35;display:block}.compat-cta .compat-cta-go{width:18px;height:18px;color:var(--pine);transition:transform var(--dur-2) var(--ease-out)}@media (hover:hover) and (pointer:fine){.compat-cta:hover{border-color:color-mix(in oklab, var(--lime-line) 60%, var(--fern))}.compat-cta:hover .compat-cta-go{transform:translate(3px)}}.compat-cta:active{scale:.99}.compat-cta--quiet{width:auto;min-height:44px;color:var(--fern);background:0 0;border:0;gap:8px;margin:-4px 0 16px;padding:0 4px;font-size:14px;font-weight:650;display:inline-flex}.compat-cta--quiet svg{width:16px;height:16px}@media (max-width:650px){.compat-cta{align-items:center;margin-bottom:20px}.compat-cta-text{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.compat-cta,.compat-cta .compat-cta-go{transition:none}.compat-cta:hover .compat-cta-go{transform:none}}.compat-quiz{gap:18px;padding-bottom:8px;display:grid}.compat-dots{justify-content:center;gap:8px;display:flex}.compat-dots span{background:var(--line-strong);border-radius:999px;width:28px;height:6px}.compat-dots .is-done{background:var(--fern)}.compat-dots .is-now{background:var(--lime);outline:1px solid var(--lime-line)}@keyframes compat-step-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.compat-step{text-align:center;justify-items:center;gap:14px;animation:.22s cubic-bezier(.22,1,.36,1) compat-step-in;display:grid}.compat-emoji{margin:0;font-size:44px;line-height:1}.compat-q{color:var(--pine);letter-spacing:-.015em;margin:0;font-size:22px;font-weight:750;line-height:1.25}.compat-options{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.compat-option{border:1.5px solid var(--line-strong);background:var(--surface);min-height:96px;color:var(--pine);font:inherit;cursor:pointer;border-radius:16px;justify-items:center;gap:6px;padding:14px 8px;font-size:16px;font-weight:650;transition:transform .12s ease-out,border-color .12s ease-out;display:grid}.compat-option span{font-size:28px;line-height:1}.compat-option:active{transform:scale(.97)}.compat-option[aria-pressed=true]{border-color:var(--fern);background:var(--lime-soft)}.compat-foot{gap:8px;display:grid}.compat-privacy{color:var(--slate);justify-content:center;align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.compat-privacy svg{width:14px;height:14px}.compat-nav{justify-content:space-between;display:flex}@media (hover:hover){.compat-option:hover{border-color:var(--fern)}}.compat-inline{color:var(--fern);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700;display:inline-block}.compat-inline--fair{color:var(--note-text)}.compat-inline--low{color:var(--slate);font-weight:600}.compat-live{display:grid}.compat-q:focus{outline:none}.compat-penalty{color:var(--slate);white-space:nowrap;font-size:13px;font-weight:700}