.card{gap:var(--space-4);padding:var(--space-6) 0 0;border-top:1.5px dashed var(--line);min-width:0;display:grid}.card:first-child,.sheet__body>.card{border-top:0;padding-top:0}.card--panel{padding:var(--space-4);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.card__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card__titles{gap:var(--space-1);flex:12rem;min-width:0;display:grid}.card__title{font-family:var(--font-name);letter-spacing:-.005em;font-size:1.5rem;font-weight:450;line-height:1.1}.card>p,.card .choice__description,.card .field__hint{max-width:var(--measure)}.card__actions{flex-wrap:wrap;gap:8px;display:flex}.notice,.slip{padding:var(--space-3) var(--space-4);border-radius:var(--radius-photo);border-left:3px solid var(--line);background:var(--sunk);font-size:var(--text-small);max-width:var(--measure)}.slip--new{border-left-color:var(--thread)}.notice--good{border-left-color:var(--good);background:var(--good-soft)}.notice--bad{border-left-color:var(--bad);background:var(--bad-soft)}.sheet{background:var(--bg);width:100%;max-width:100%;height:100%;max-height:100%;color:var(--ink);overscroll-behavior:contain;border:0;margin:0;padding:0}html:has(.sheet[open]){overflow:hidden}.sheet::backdrop{background:oklch(.15 calc(.02 * var(--wh-chroma)) var(--wh-hue) / .55)}.sheet__frame{flex-direction:column;min-height:100%;display:flex}.sheet__head{z-index:1;padding:calc(var(--safe-top) + 8px) calc(var(--safe-right) + var(--gutter)) 8px calc(var(--safe-left) + var(--gutter));background:linear-gradient(var(--nav-bg) var(--safe-top), var(--bg) var(--safe-top));border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.sheet__title{min-width:0;font-family:var(--font-name);overflow-wrap:anywhere;font-size:1.375rem;font-weight:450;line-height:1.15}.sheet__close{white-space:nowrap;min-height:var(--tap);min-width:var(--tap);color:var(--accent);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;padding:0 12px;font-weight:600}.sheet__body{padding:16px calc(var(--safe-right) + var(--gutter)) calc(var(--safe-bottom) + 24px) calc(var(--safe-left) + var(--gutter));gap:16px;display:grid}.sheet__discard{border-radius:var(--radius-sm);border:1px solid color-mix(in oklab, var(--bad) 40%, transparent);background:var(--panel);gap:12px;padding:12px 14px;display:grid;box-shadow:0 6px 18px oklch(0% 0 0/.12)}.sheet__discard p{font-size:.9375rem}@media (width>=600px){.sheet{border:1px solid var(--line);border-radius:var(--radius);width:min(480px,100% - 48px);height:fit-content;max-height:calc(100dvh - 48px);box-shadow:var(--shadow);margin:auto}.sheet__frame{min-height:0}.sheet__head{background:var(--bg);padding:12px 12px 12px 20px}.sheet__body{padding:20px}}@media (width>=900px){.sheet--wide{width:min(1040px,100% - 48px)}}.loader{--mark-ink:var(--ink);--mark-wave-period:1.6s;--mark-wave-step:.11s;min-width:0;min-height:var(--tap);color:var(--muted);align-items:center;gap:12px;display:flex}.loader__mark{flex:none;width:34px;height:auto}.loader__text{min-width:0;font-size:.9375rem}.loader--page{min-height:50dvh;padding:48px var(--gutter);text-align:center;flex-direction:column;justify-content:center;gap:16px}.loader--page .loader__mark{width:88px}.loader--page .loader__text{font-size:1rem}