*{box-sizing:border-box;margin:0;padding:0}body,body[data-variant="vault"]{--page-bg:#0a0b0e;--page-fg:#ffffff;--font-ui:'Space Grotesk',system-ui,sans-serif;--font-mono:'JetBrains Mono',ui-monospace,monospace;--accent:#c8ff00;--card-bg:#101218;--card-border:#212533;--card-radius:18px;--card-fg:#d3d8e6;--row-hover-bg:#1a1e29;--row-border:#1c2029;--label-fg:#7d8599;--value-fg:#ffffff;--dot-bg:#191d27;--dot-border:#2a3042;--dot-fg:#9aa2b6;--btn-bg:#c8ff00;--btn-fg:#0a0b0e;--btn-ghost-bg:transparent;--btn-ghost-fg:#d3d8e6;--btn-ghost-border:#2a3042;--rail-bg:#101218;--rail-border:#212533;--rail-fg:#9aa2b6;--rail-hover-bg:#1c2131;--rail-hover-fg:#c8ff00;--tip-bg:#e9edf6;--tip-fg:#0d0f15;--tip-border:transparent;--tip-radius:10px;--tip-shadow:0 14px 34px rgba(0,0,0,0.55);--tip-blur:0px;--tip-font-size:0.8rem;--tip-weight:500}body[data-variant="paper"]{--page-bg:#f3efe6;--page-fg:#1b1a17;--font-ui:'Space Grotesk',Georgia,system-ui,sans-serif;--font-mono:'JetBrains Mono',ui-monospace,monospace;--accent:#c2461e;--card-bg:#fbf9f4;--card-border:#ddd5c5;--card-radius:6px;--card-fg:#3a372f;--row-hover-bg:#f3efe6;--row-border:#e7e0d0;--label-fg:#7d7565;--value-fg:#1b1a17;--dot-bg:#f3efe6;--dot-border:#ddd5c5;--dot-fg:#6f685c;--btn-bg:#c2461e;--btn-fg:#ffffff;--btn-ghost-bg:transparent;--btn-ghost-fg:#3a372f;--btn-ghost-border:#ddd5c5;--rail-bg:#fbf9f4;--rail-border:#ddd5c5;--rail-fg:#6f685c;--rail-hover-bg:#f0e9da;--rail-hover-fg:#c2461e;--tip-bg:#211f1a;--tip-fg:#f7f3ea;--tip-border:transparent;--tip-radius:3px;--tip-shadow:0 10px 24px rgba(60,50,30,0.22);--tip-blur:0px;--tip-font-size:0.78rem;--tip-weight:400}body[data-variant="glass"]{--page-bg:linear-gradient(140deg,#10233f 0%,#2f1d5e 45%,#0b5661 100%);--page-fg:#ffffff;--font-ui:'Space Grotesk',system-ui,sans-serif;--font-mono:'JetBrains Mono',ui-monospace,monospace;--accent:#7ff0e0;--card-bg:rgba(255,255,255,0.1);--card-border:rgba(255,255,255,0.26);--card-radius:24px;--card-fg:rgba(255,255,255,0.88);--row-hover-bg:rgba(255,255,255,0.12);--row-border:rgba(255,255,255,0.16);--label-fg:rgba(255,255,255,0.65);--value-fg:#ffffff;--dot-bg:rgba(255,255,255,0.14);--dot-border:rgba(255,255,255,0.32);--dot-fg:#ffffff;--btn-bg:rgba(255,255,255,0.92);--btn-fg:#14203a;--btn-ghost-bg:rgba(255,255,255,0.08);--btn-ghost-fg:#ffffff;--btn-ghost-border:rgba(255,255,255,0.3);--rail-bg:rgba(255,255,255,0.1);--rail-border:rgba(255,255,255,0.26);--rail-fg:rgba(255,255,255,0.8);--rail-hover-bg:rgba(255,255,255,0.24);--rail-hover-fg:#ffffff;--tip-bg:rgba(9,20,36,0.72);--tip-fg:#ffffff;--tip-border:rgba(255,255,255,0.34);--tip-radius:16px;--tip-shadow:0 20px 44px rgba(0,0,0,0.4);--tip-blur:14px;--tip-font-size:0.8rem;--tip-weight:500}body{background:var(--page-bg);color:var(--page-fg);font-family:var(--font-ui);min-height:100vh;overflow:hidden}::selection{background:var(--accent);color:var(--page-bg)}.tip-stage{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.tip-card{width:min(520px,100%);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:1.75rem;color:var(--card-fg);display:flex;flex-direction:column;gap:1.4rem;-webkit-backdrop-filter:blur(var(--tip-blur));backdrop-filter:blur(var(--tip-blur))}.card-lede{font-size:1.02rem;line-height:1.65}.card-rows{list-style:none;display:flex;flex-direction:column}.card-row{display:flex;align-items:center;gap:0.75rem;padding:0.65rem 0.55rem;border-top:1px solid var(--row-border);border-radius:8px}.card-row:hover{background:var(--row-hover-bg)}.row-label{flex:1;color:var(--label-fg);font-size:0.86rem}.row-value{color:var(--value-fg);font-family:var(--font-mono);font-size:0.82rem}.card-actions{display:flex;gap:0.6rem}.tip-target{font-family:var(--font-ui);cursor:pointer}.tip-target:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tip-inline{background:none;border:0;padding:0;font:inherit;color:var(--page-fg);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px;text-decoration-thickness:1px}.tip-inline:hover{color:var(--accent)}.tip-dot{width:22px;height:22px;border-radius:50%;background:var(--dot-bg);border:1px solid var(--dot-border);color:var(--dot-fg);font-size:0.72rem;line-height:1;flex-shrink:0}.tip-dot:hover{color:var(--accent);border-color:var(--accent)}.card-btn{padding:0.6rem 1.05rem;border-radius:9px;border:1px solid transparent;background:var(--btn-bg);color:var(--btn-fg);font-size:0.86rem;font-weight:600}.card-btn.is-ghost{background:var(--btn-ghost-bg);color:var(--btn-ghost-fg);border-color:var(--btn-ghost-border)}.tip-rail{position:fixed;right:12px;top:50%;margin-top:-108px;display:flex;flex-direction:column;gap:6px;padding:6px;background:var(--rail-bg);border:1px solid var(--rail-border);border-radius:14px;z-index:20}.rail-btn{width:38px;height:38px;border-radius:10px;border:0;background:transparent;color:var(--rail-fg);font-size:1rem}.rail-btn:hover{background:var(--rail-hover-bg);color:var(--rail-hover-fg)}.tip{position:fixed;left:0;top:0;z-index:60;max-width:270px;padding:0.55rem 0.75rem;background:var(--tip-bg);color:var(--tip-fg);border:1px solid var(--tip-border);border-radius:var(--tip-radius);box-shadow:var(--tip-shadow);-webkit-backdrop-filter:blur(var(--tip-blur));backdrop-filter:blur(var(--tip-blur));font-size:var(--tip-font-size);font-weight:var(--tip-weight);line-height:1.45;pointer-events:none;opacity:0;overflow:hidden}.tip[hidden]{display:none}.tip-body{display:block}.tip-measure{visibility:hidden;opacity:0;z-index:-1;left:-9999px;box-shadow:none}.tip-arrow{position:absolute;left:0;top:0;width:0;height:0;border:7px solid transparent}.tip-arrow{position:fixed;z-index:61;opacity:0;pointer-events:none}.tip-arrow[hidden]{display:none}.tip-arrow[data-place="top"]{border-top-color:var(--tip-bg);border-bottom-width:0}.tip-arrow[data-place="bottom"]{border-bottom-color:var(--tip-bg);border-top-width:0}.tip-arrow[data-place="right"]{border-right-color:var(--tip-bg);border-left-width:0}.tip-arrow[data-place="left"]{border-left-color:var(--tip-bg);border-right-width:0}@media (prefers-reduced-motion:reduce){.tip{transition:none}}@media (max-width:720px){.tip-rail{display:none}.tip-card{padding:1.25rem}.card-lede{font-size:0.95rem;line-height:1.6}.tip{max-width:240px}}