.vol-root{--vol-ink:#221c16;--vol-ink-2:#4a3f33;--vol-faint:#5e5243;--vol-paper:#efe4cc;--vol-paper-hi:#fbf6ea;--vol-card:#f6eedbf2;--vol-line:#221c162e;--vol-line-soft:#221c1617;--vol-red:#b23020;--vol-red-bg:#b2302014;--vol-ok:#2f6b5c;--vol-ok-bg:#2f6b5c1a;--vol-gold:#8a6a2c;--vol-shadow:#221c161f;--vol-on-accent:#fff;--vol-beam:#221c16d1;--vol-wash-1:#4f8482;--vol-wash-3:#968a6e;--vol-wash-4:#b34a3a;--vol-moon:#fbf6ea;font-family:var(--font-body), sans-serif;flex-direction:column;font-size:14px;display:flex}[data-theme=dark] .vol-root{--vol-ink:#f6eedb;--vol-ink-2:#d9ccb0;--vol-faint:#b3a589;--vol-paper:#1d1812;--vol-paper-hi:#2a231a;--vol-card:#241d15f5;--vol-line:#e3c27e33;--vol-line-soft:#e3c27e1a;--vol-red:#d0624e;--vol-red-bg:#d0624e1f;--vol-ok:#7fbfae;--vol-ok-bg:#7fbfae1f;--vol-gold:#c9a45e;--vol-shadow:#0006;--vol-on-accent:#1d1812;--vol-beam:#e3c27e8c;--vol-moon:#e6dcc6}.vol-root a{color:inherit}.vol-k{font:600 11px var(--font-utility), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--vol-faint);margin:0 0 10px}.vol-fine{color:var(--vol-faint);margin:0;font-size:12.5px;line-height:1.5}.vol-root .vol-link{color:var(--vol-red);font-weight:600;text-decoration:none}.vol-root .vol-link:hover{text-decoration:underline}.vol-card{background:var(--vol-card);border:1px solid var(--vol-line);box-shadow:0 1px 6px var(--vol-shadow);border-radius:8px}.vol-btn{border:1px solid var(--vol-ink);color:var(--vol-ink);font:600 13px var(--font-body), sans-serif;white-space:nowrap;cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;text-decoration:none;display:inline-flex}.vol-btn.red{background:var(--vol-red);border-color:var(--vol-red);color:var(--vol-on-accent)}.vol-btn.sm{padding:5px 10px;font-size:12px}.vol-btn.wide{width:100%}.vol-btn:disabled{opacity:.55;cursor:default}.vol-btn:focus-visible,.vol-chip:focus-visible,.vol-seg button:focus-visible,.vol-notice a:focus-visible{outline:2px solid var(--vol-red);outline-offset:2px}.vol-pill{font:600 10px var(--font-utility), monospace;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:3px;padding:2px 7px;display:inline-block}.vol-pill.open{color:var(--vol-ok)}.vol-pill.closed{color:var(--vol-faint)}.vol-pill.mine{color:var(--vol-red)}.vol-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vol-icon{border:1.5px solid var(--vol-ink);width:36px;height:36px;color:var(--vol-ink);border-radius:50%;flex:none;place-items:center;display:grid}.vol-icon svg{display:block}.vol-band{border-bottom:1px solid var(--vol-line);background:var(--vol-paper);height:180px;margin:-28px calc(-1*clamp(16px,3.9vw,56px)) 24px;position:relative;overflow:hidden}.vol-band svg{width:56%;height:100%;position:absolute;top:0;right:0}.vol-band:after{content:"";background:linear-gradient(to right, var(--vol-paper) 15%, transparent);pointer-events:none;width:170px;position:absolute;top:0;bottom:0;right:calc(56% - 160px)}.vol-band-copy{z-index:1;max-width:540px;position:absolute;top:50%;left:clamp(16px,3.9vw,56px);transform:translateY(-50%)}.vol-ink-fill{fill:var(--vol-ink)}.vol-w1{fill:var(--vol-wash-1)}.vol-w3{fill:var(--vol-wash-3)}.vol-w4{fill:var(--vol-wash-4)}.vol-paper-fill{fill:var(--vol-paper-hi)}.vol-moon{fill:var(--vol-moon)}.vol-ink-line{stroke:var(--vol-ink);fill:none}.vol-mine{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:22px;padding:12px 16px;display:flex}.vol-mine a{color:var(--vol-ink);align-items:center;gap:8px;font-size:13px;text-decoration:none;display:inline-flex}.vol-beam{padding-top:22px;position:relative}.vol-beam:before{content:"";background:var(--vol-beam);border-radius:3px;height:6px;position:absolute;top:8px;left:0;right:0}.vol-notices{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.vol-notice{background:var(--vol-paper-hi);border:1px solid var(--vol-line);box-shadow:0 3px 10px var(--vol-shadow);border-radius:2px 2px 6px 6px;flex-direction:column;gap:8px;min-height:270px;padding:18px 14px 14px;display:flex;position:relative}.vol-notice:before{content:"";background:var(--vol-ink);width:1.5px;height:16px;position:absolute;top:-16px;left:50%}.vol-notice h2{font-family:var(--font-display), serif;color:var(--vol-ink);margin:0;font-size:15.5px;line-height:1.2}.vol-notice p{color:var(--vol-ink-2);margin:0;font-size:12.5px;line-height:1.45}.vol-notice.shut{opacity:.66}.vol-notice .vol-more{margin-top:auto;font-size:12.5px}.vol-notice .vol-more:after{content:"";position:absolute;inset:0}.vol-seal{text-align:center;min-width:48px;height:36px;font:700 8.5px/1.05 var(--font-utility), monospace;letter-spacing:.05em;text-transform:uppercase;border:2px solid;border-radius:6px;place-items:center;padding:0 4px;display:grid;position:absolute;top:10px;right:10px;transform:rotate(6deg)}.vol-seal.open{color:var(--vol-red)}.vol-seal.closed{color:var(--vol-faint)}.vol-seal.mine{color:var(--vol-ok)}.vol-free{margin-top:26px;padding:16px 18px}.vol-free ul{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.vol-free a{border:1px solid var(--vol-line);background:var(--vol-paper-hi);border-radius:6px;height:100%;padding:10px 12px;text-decoration:none;display:block}.vol-free a b{color:var(--vol-ink);font-size:13px;display:block}.vol-free a b:after{content:" →";color:var(--vol-red)}.vol-free a span{color:var(--vol-faint);margin-top:2px;font-size:11.5px;line-height:1.4;display:block}.vol-agree{margin-top:18px;padding:16px 18px;scroll-margin-top:90px}.vol-agree ol{color:var(--vol-ink-2);gap:6px;max-width:90ch;margin:0;padding-left:20px;font-size:13.5px;line-height:1.5;list-style:decimal;display:grid}.vol-rolepage{grid-template:"about form""practice form"1fr/minmax(0,1fr) 400px;align-items:start;gap:16px 28px;display:grid}.vol-about{grid-area:about;padding:16px 18px}.vol-practice{grid-area:practice;padding:16px 18px}.vol-side{grid-area:form;position:sticky;top:84px}.vol-ul{color:var(--vol-ink-2);margin:6px 0 0;padding-left:18px;font-size:13.5px;line-height:1.6;list-style:outside}.vol-about .vol-k+.vol-ul{margin-top:0}.vol-about .vol-k:not(:first-child){margin-top:14px}.vol-case{border-top:1px solid var(--vol-line-soft);grid-template-columns:130px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;font-size:13px;display:grid}.vol-case:first-of-type{border-top:0}.vol-case b{font:700 12.5px var(--font-utility), monospace;letter-spacing:.03em;color:var(--vol-ink)}.vol-case span{color:var(--vol-ink-2);line-height:1.45}.vol-seg{border:1px solid var(--vol-line);border-radius:6px;display:inline-flex;overflow:hidden}.vol-seg button{font:400 12px var(--font-body), sans-serif;color:var(--vol-ink-2);background:var(--vol-paper-hi);cursor:pointer;white-space:nowrap;border:0;padding:5px 9px}.vol-seg button+button{border-left:1px solid var(--vol-line)}.vol-seg button[aria-pressed=true]{background:var(--vol-ink);color:var(--vol-paper)}.vol-form{padding:18px}.vol-form h2{font-family:var(--font-display), serif;color:var(--vol-ink);margin:0 0 4px;font-size:19px}.vol-me{border:1px solid var(--vol-line);background:var(--vol-paper-hi);color:var(--vol-ink);border-radius:6px;align-items:center;gap:10px;margin:12px 0 14px;padding:10px 12px;font-size:13px;display:flex}.vol-me img,.vol-av{object-fit:cover;background:var(--vol-wash-1);width:30px;height:30px;color:var(--vol-on-accent);font:700 12px var(--font-body);border-radius:50%;flex:none;place-items:center;display:grid}.vol-me small{color:var(--vol-faint);font-size:11.5px;display:block}.vol-field{color:var(--vol-faint);flex-direction:column;gap:5px;margin-bottom:13px;font-size:12px;display:flex}.vol-field>b{color:var(--vol-ink);font-size:12.5px;font-weight:600}.vol-field>b em{color:var(--vol-faint);font-style:normal;font-weight:400}.vol-root .vol-input,.vol-root .vol-ta{box-sizing:border-box;background:var(--vol-paper-hi);border:1px solid var(--vol-line);width:100%;font:400 13.5px var(--font-body), sans-serif;color:var(--vol-ink);border-radius:6px;padding:8px 10px}.vol-root .vol-ta{resize:vertical;min-height:64px;line-height:1.45}.vol-root .vol-input:focus,.vol-root .vol-ta:focus{outline:2px solid var(--vol-red);outline-offset:0}.vol-count{font:600 10.5px var(--font-utility), monospace;color:var(--vol-faint);text-align:right}.vol-chips{flex-wrap:wrap;gap:6px;display:flex}.vol-chip{font:500 12.5px var(--font-body), sans-serif;border:1px solid var(--vol-line);background:var(--vol-paper-hi);color:var(--vol-ink-2);white-space:nowrap;cursor:pointer;border-radius:14px;align-items:center;gap:5px;padding:4px 11px;display:inline-flex}.vol-chip[aria-pressed=true]{background:var(--vol-ink);color:var(--vol-paper);border-color:var(--vol-ink)}.vol-check{color:var(--vol-ink-2);cursor:pointer;align-items:flex-start;gap:8px;margin:4px 0 14px;font-size:12.5px;line-height:1.45;display:flex}.vol-check input{accent-color:var(--vol-red);margin-top:2px}.vol-err{color:var(--vol-red);margin:8px 0 0;font-size:13px}.vol-status{border-left:3px solid var(--vol-ok);background:var(--vol-ok-bg);color:var(--vol-ink-2);border-radius:0 6px 6px 0;margin:0 0 12px;padding:10px 12px;font-size:13px;line-height:1.5}.vol-status.bad{border-left-color:var(--vol-red);background:var(--vol-red-bg)}.vol-status b{color:var(--vol-ink)}@media (max-width:1180px){.vol-notices,.vol-free ul{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:860px){.vol-rolepage{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"about""practice""form"}.vol-side{position:static}.vol-band{height:auto}.vol-band svg{opacity:.2;width:100%}.vol-band:after{display:none}.vol-band-copy{padding:22px 16px 18px;position:relative;top:auto;left:auto;transform:none}.vol-notices{grid-template-columns:repeat(2,minmax(0,1fr))}.vol-free ul{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.vol-notices{grid-template-columns:minmax(0,1fr)}.vol-notice{min-height:0}.vol-case{grid-template-columns:minmax(0,1fr) auto}.vol-case span{grid-area:2/1/auto/-1}}
