*{box-sizing:border-box;margin:0;padding:0}body,body[data-variant="vault"]{--ground:#0a0b0e;--ink:#ffffff;--muted:#8d95ab;--font-body:'Space Grotesk',system-ui,sans-serif;--card-bg:#14161f;--card-line:#262b3d;--card-flash:#c8ff00;--card-radius:14px;--card-pad:1.05rem;--card-shadow:none;--sk-block:#1e2130;--sk-shine:#333a51;--sk-radius:6px;--title-size:1.02rem;--title-weight:700;--title-transform:none;--title-spacing:-0.01em;--chip-bg:#1e2130;--chip-fg:#b9c0d4;--chip-line:#2f3448;--chip-radius:999px;--photo-radius:10px;--focus:#c8ff00;--toolbar-bg:#14161f;--toolbar-line:#262b3d;--toolbar-active-bg:#c8ff00;--toolbar-active-fg:#05070a;--ctl-bg:transparent;--ctl-fg:#8d95ab;--ctl-line:#262b3d;--ctl-on-bg:#262b3d;--ctl-on-fg:#ffffff}body[data-variant="paper"]{--ground:#f3efe6;--ink:#1b1a17;--muted:#7a7261;--font-body:'Space Grotesk',Georgia,serif;--card-bg:#fdfaf3;--card-line:#d8cebb;--card-flash:#c2461e;--card-radius:2px;--card-pad:1.15rem;--card-shadow:none;--sk-block:#e7dfd0;--sk-shine:#f7f2e8;--sk-radius:1px;--title-size:1.05rem;--title-weight:600;--title-transform:none;--title-spacing:0.005em;--chip-bg:transparent;--chip-fg:#c2461e;--chip-line:#c2461e;--chip-radius:0px;--photo-radius:0px;--focus:#c2461e;--toolbar-bg:#ede6d6;--toolbar-line:#d0c7b4;--toolbar-active-bg:#1b1a17;--toolbar-active-fg:#f3efe6;--ctl-bg:transparent;--ctl-fg:#7a7261;--ctl-line:#d0c7b4;--ctl-on-bg:#1b1a17;--ctl-on-fg:#f3efe6}body[data-variant="soft"]{--ground:#eaeefb;--ink:#1d2135;--muted:#757d9c;--font-body:'Space Grotesk',system-ui,sans-serif;--card-bg:#ffffff;--card-line:#e4e8f7;--card-flash:#6c5ce7;--card-radius:20px;--card-pad:1.2rem;--card-shadow:0 12px 30px rgba(38,46,94,0.1);--sk-block:#e8ecf9;--sk-shine:#f9fbff;--sk-radius:999px;--title-size:1rem;--title-weight:600;--title-transform:none;--title-spacing:0em;--chip-bg:#eef0fd;--chip-fg:#5548c8;--chip-line:#eef0fd;--chip-radius:999px;--photo-radius:16px;--focus:#6c5ce7;--toolbar-bg:#ffffff;--toolbar-line:#e4e8f7;--toolbar-active-bg:#6c5ce7;--toolbar-active-fg:#ffffff;--ctl-bg:#ffffff;--ctl-fg:#4b5478;--ctl-line:#dfe4f5;--ctl-on-bg:#6c5ce7;--ctl-on-fg:#ffffff}body{background:var(--ground);color:var(--ink);font-family:var(--font-body);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.9rem;padding:1.5rem}.sk-feed{display:flex;flex-direction:column;gap:0.75rem;width:min(560px,100%)}.sk-card{position:relative;overflow:hidden;padding:var(--card-pad);background:var(--card-bg);border:1px solid var(--card-line);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.sk-row{display:flex;align-items:flex-start;gap:0.9rem}.sk-skeleton{display:flex;flex-direction:column;gap:0.85rem}.sk-block{background-color:var(--sk-block);background-image:linear-gradient(90deg,var(--sk-block) 0%,var(--sk-shine) 50%,var(--sk-block) 100%);background-size:300% 100%;border-radius:var(--sk-radius);animation:sk-shimmer 1.5s linear infinite}@keyframes sk-shimmer{from{background-position:150% 0}to{background-position:-150% 0}}.sk-thumb{flex:0 0 auto;width:88px;height:88px;border-radius:var(--photo-radius)}.sk-lines{flex:1 1 auto;display:flex;flex-direction:column;gap:0.6rem;padding-top:0.15rem}.sk-line{height:0.72rem}.sk-line-title{height:1.05rem;width:68%}.sk-line-short{width:44%}.sk-meta-row{gap:0.5rem}.sk-chip{width:78px;height:1.35rem;border-radius:var(--chip-radius)}.sk-chip + .sk-chip{width:96px}.sk-skeleton{display:none}.has-js .sk-skeleton{display:flex}.has-js .sk-content{position:absolute;left:var(--card-pad);right:var(--card-pad);top:var(--card-pad);opacity:0}.has-js .sk-content.is-live{position:static;opacity:1}.sk-content{display:flex;flex-direction:column;gap:0.85rem}.sk-photo{flex:0 0 auto;width:88px;height:88px;object-fit:cover;border-radius:var(--photo-radius);display:block}.sk-text{flex:1 1 auto;display:flex;flex-direction:column;gap:0.4rem}.sk-title{font-size:var(--title-size);font-weight:var(--title-weight);letter-spacing:var(--title-spacing);text-transform:var(--title-transform);line-height:1.25}.sk-body{font-size:0.86rem;line-height:1.5;color:var(--muted)}.sk-meta{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap}.sk-chip-live{font-size:0.68rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;padding:0.34rem 0.6rem;color:var(--chip-fg);background:var(--chip-bg);border:1px solid var(--chip-line);border-radius:var(--chip-radius)}.sk-time{font-size:0.72rem;color:var(--muted);margin-left:auto}.sk-status{min-height:1.2em;font-size:0.78rem;font-weight:500;color:var(--muted);text-align:center}.demo-controls{display:flex;gap:0.4rem}.demo-controls button{font:500 0.72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:0.04em;padding:0.5rem 0.8rem;background:var(--ctl-bg);color:var(--ctl-fg);border:1px solid var(--ctl-line);border-radius:7px;cursor:pointer}.demo-controls button[aria-pressed="true"]{background:var(--ctl-on-bg);color:var(--ctl-on-fg);border-color:var(--ctl-on-bg)}.demo-controls button:disabled{opacity:0.45;cursor:default}.demo-controls button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.showcase-toolbar{position:fixed;top:0.75rem;right:0.75rem;z-index:1000;display:flex;gap:0.25rem;padding:0.25rem;border-radius:8px;background:var(--toolbar-bg);border:1px solid var(--toolbar-line);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:0.7rem}.showcase-toolbar button{background:transparent;border:0;color:var(--muted);padding:0.3rem 0.55rem;border-radius:6px;cursor:pointer;font:inherit;letter-spacing:0.04em}.showcase-toolbar button[aria-pressed="true"]{background:var(--toolbar-active-bg);color:var(--toolbar-active-fg)}.showcase-toolbar button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (max-width:520px){.sk-row{gap:0.7rem}.sk-photo,.sk-thumb{width:66px;height:66px}}@media (prefers-reduced-motion:reduce){*{transition:none !important}.sk-block{animation:none;background-image:none}}