.appframe{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--ink);font-size:.75rem;line-height:1.4;overflow:hidden;box-shadow:0 1px 2px #0000000f;container-type:inline-size}.af-bar{align-items:center;gap:var(--space-2);background:var(--bar);color:var(--on-bar);padding:var(--space-2) var(--space-3);display:flex}.af-mark{border-radius:var(--radius-sm);background:var(--accent);width:1.5rem;height:1.5rem;color:var(--on-accent);font-weight:700;font-family:var(--font-mono);place-items:center;display:grid}.af-shop{font-weight:500}.af-user{opacity:.75;margin-left:auto}.af-strip{background:var(--bar);border-top:1px solid var(--bar-line);padding:0 var(--space-2);gap:2px;display:flex;overflow:hidden}.af-strip span{white-space:nowrap;padding:var(--space-2) var(--space-3);color:var(--on-bar);opacity:.7;border-bottom:2px solid #0000;align-items:center;gap:.3rem;display:inline-flex}.af-strip span[data-active]{opacity:1;border-bottom-color:var(--accent);font-weight:500}.af-body{grid-template-columns:7.5rem 1fr;min-height:15rem;display:grid}.af-side{border-right:1px solid var(--line);background:var(--surface);padding:var(--space-3) var(--space-2);flex-direction:column;gap:2px;display:flex}.af-side span{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--muted)}.af-side span[data-active]{background:var(--accent-soft);color:var(--ink);font-weight:500}.af-main{padding:var(--space-3);min-width:0;overflow:hidden}@container (width<=30rem){.af-body{grid-template-columns:1fr}.af-side,.af-user{display:none}}.m-title{margin:0 0 var(--space-2);font-size:.875rem;font-weight:700}.m-row{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.m-chip{border:1px solid var(--line);padding:0 var(--space-2);color:var(--muted);background:var(--surface);border-radius:999px}.m-chip[data-on]{background:var(--accent-soft);color:var(--ink);border-color:var(--accent)}.m-table{border-collapse:collapse;width:100%}.m-table th,.m-table td{text-align:left;padding:.2rem var(--space-2);border-bottom:1px solid var(--line);white-space:nowrap}.m-table th{color:var(--muted);font-weight:500}.m-table .num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.m-total{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);font-weight:700;font-family:var(--font-mono);justify-content:space-between;display:flex}.m-cards{gap:var(--space-2);margin-bottom:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));display:grid}.m-card{border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-2);background:var(--surface)}.m-card b{font-size:1rem;font-family:var(--font-mono);display:block}.m-card span{color:var(--muted)}.m-bars{align-items:flex-end;gap:var(--space-2);border-bottom:1px solid var(--line);height:6rem;display:flex}.m-bars i{background:var(--accent);opacity:.85;border-radius:2px 2px 0 0;flex:1}.m-split{gap:var(--space-3);grid-template-columns:1.4fr 1fr;display:grid}@container (width<=30rem){.m-split{grid-template-columns:1fr}}.appframe.compact{box-shadow:none;background:#fff;border:0;border-radius:0}.appframe.compact .af-bar{border-bottom:1px solid var(--bar-line);justify-content:flex-start;padding:10px 14px}.appframe.compact .af-user{color:#c8d6d2;opacity:1}.appframe.compact .af-body{grid-template-columns:110px 1fr;min-height:13rem}.appframe.compact .af-side{background:#fff;border-right-color:#e6ecea;gap:4px;padding:10px 8px}.appframe.compact .af-side span{color:var(--ink-3);padding:5px 8px}.appframe.compact .af-side span[data-active]{background:var(--accent-soft);color:var(--accent-hover);font-weight:600}.appframe.compact .af-main{padding:14px}.appframe.compact .m-title{margin-bottom:10px;font-size:.875rem}.appframe.compact .m-table{font-family:var(--font-mono)}.appframe.compact .m-table th{color:#5b6b66}.appframe.compact .m-table th,.appframe.compact .m-table td{border-bottom-color:#eef2f0;padding:6px 4px}.appframe.compact .m-total{margin-top:10px;padding:8px 12px;font-weight:600}@container (width<=30rem){.appframe.compact .af-body{grid-template-columns:1fr}}@container (width<=22rem){.appframe.compact .m-opt{display:none}.appframe.compact .m-table td:not(.num){white-space:normal}}.keycap[data-astro-cid-62k75evt]{width:76px;height:70px;font-family:var(--font-mono);background:var(--key);color:var(--ink);box-shadow:inset 0 -6px 0 var(--key-bevel), 0 6px 0 var(--key-edge), 0 8px 14px #16201d33;border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;line-height:1;transition:transform .12s ease-out,opacity .12s;display:inline-flex;transform:none}.keycap[data-astro-cid-62k75evt].sm{width:34px;height:34px;box-shadow:0 3px 0 var(--key-edge-soft);border-radius:6px;font-size:1.25rem}.keycap[data-astro-cid-62k75evt][data-pressed],[aria-selected=true]>.keycap[data-astro-cid-62k75evt],[aria-pressed=true]>.keycap[data-astro-cid-62k75evt]{background:var(--accent-bright);color:var(--board);box-shadow:0 2px 0 var(--accent-bright-edge), 0 3px 6px #0006;transform:translateY(4px)}@media (width<=479px){.keycap[data-astro-cid-62k75evt].md{width:60px;height:56px;font-size:1.0625rem}}@media (prefers-reduced-motion:reduce){.keycap[data-astro-cid-62k75evt]{transition:none}}.monitor[data-astro-cid-jvgdzreq]{width:100%;max-width:var(--monitor-max);flex-direction:column;align-items:center;margin-inline:auto;display:flex}.monitor-bezel[data-astro-cid-jvgdzreq]{background:var(--board);border-radius:14px;width:100%;padding:14px 14px 22px;box-shadow:0 24px 50px #16201d33}.monitor-screen[data-astro-cid-jvgdzreq]{color:var(--ink);text-align:left;background:#fff;border-radius:6px;overflow:hidden}.monitor-stand[data-astro-cid-jvgdzreq]{background:var(--board);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);width:120px;height:34px}@media (width<=479px){.monitor-bezel[data-astro-cid-jvgdzreq]{border-radius:10px;padding:8px 8px 14px}.monitor-stand[data-astro-cid-jvgdzreq]{width:90px;height:24px}}