.pf-root{--sj-mark:oklch(55% 0.19 30);--el-wood:oklch(52% 0.1 168);--el-fire:oklch(54% 0.155 32);--el-earth:oklch(56% 0.1 78);--el-metal:oklch(58% 0.022 250);--el-water:oklch(45% 0.075 250);background:var(--bg);color:var(--ink);min-height:100dvh;word-break:keep-all}.pf-section{border-top:var(--bw) solid var(--line);padding-top:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3)}.pf-section>h2{margin:0}.pf-kicker{font-size:var(--fs-label);font-weight:700;letter-spacing:.06em;color:var(--ink-3);text-transform:uppercase;display:inline-flex;align-items:center;gap:var(--sp-2)}.pf-kicker:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sj-mark);flex:none}.pf-kicker[data-plain]:before{display:none}.pf-lead{font-size:var(--fs-body);line-height:1.7;color:var(--ink-2);margin:0}.pf-cap{font-size:var(--fs-caption);line-height:1.6;color:var(--ink-3);margin:0}.pf-num{font-variant-numeric:tabular-nums}.pf-note{border:var(--bw) solid var(--line);border-left:3px solid var(--accent);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-caption);line-height:1.6;color:var(--ink-2);border-radius:var(--r-xs)}.pf-note[data-tone=warn]{border-left-color:var(--sj-mark)}.pf-note[data-tone=safe]{border-left-color:var(--positive)}.pf-note strong{color:var(--ink)}.pf-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);min-height:168px;border:var(--bw) dashed var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink-2);cursor:pointer;padding:var(--sp-5);text-align:center;font:inherit;width:100%}.pf-drop:hover{border-color:var(--accent)}.pf-drop:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pf-drop svg{color:var(--accent)}.pf-drop-title{font-weight:700;color:var(--ink)}.pf-preview{display:block;width:100%;max-height:60vh;-o-object-fit:contain;object-fit:contain;border:var(--bw) solid var(--line);border-radius:var(--r-xs);background:var(--sunken)}.pf-strategy{display:flex;flex-direction:column;gap:var(--sp-3)}.pf-strategy-btn{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-2) var(--sp-3);align-items:start;text-align:left;width:100%;padding:var(--sp-4);border:var(--bw) solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;transition:border-color .15s}.pf-strategy-btn:hover{border-color:var(--accent)}.pf-strategy-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pf-strategy-btn:disabled{opacity:.45;cursor:not-allowed}.pf-strategy-btn .pf-strategy-no{grid-row:1/span 2;font-family:var(--font-display);font-size:var(--fs-h2);line-height:1;color:var(--accent);font-variant-numeric:tabular-nums;padding-top:2px}.pf-strategy-btn .pf-strategy-title{font-weight:700;font-size:var(--fs-body)}.pf-strategy-btn .pf-strategy-desc{font-size:var(--fs-caption);color:var(--ink-3);line-height:1.55}.pf-consent{display:flex;gap:var(--sp-3);align-items:flex-start;font-size:var(--fs-caption);line-height:1.55;color:var(--ink-2);cursor:pointer;min-height:var(--tap)}.pf-consent input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--accent);flex:none}.pf-field{display:flex;flex-direction:column;gap:var(--sp-2)}.pf-field-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3)}.pf-field-head .pf-organ{font-size:var(--fs-label);color:var(--ink-3);letter-spacing:.02em;text-align:right}.pf-choices{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.pf-chip{min-height:40px;padding:var(--sp-2) var(--sp-3);border:var(--bw) solid var(--line);border-radius:var(--r-xs);background:var(--surface);color:var(--ink-2);font:inherit;font-size:var(--fs-caption);font-weight:600;cursor:pointer;transition:border-color .12s,background .12s}.pf-chip:hover{border-color:var(--accent)}.pf-chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-wash);color:var(--accent-deep)}.pf-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pf-canvas-wrap{position:relative;border:var(--bw) solid var(--line);border-radius:var(--r-xs);overflow:hidden;background:var(--sunken)}.pf-canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair;-moz-user-select:none;user-select:none;-webkit-user-select:none}.pf-canvas[data-armed=true]{cursor:cell}.pf-pointbar{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.pf-pointbar .pf-chip[aria-pressed=true]{border-color:var(--sj-mark);color:var(--sj-mark);background:transparent}.pf-face{display:block;width:100%;height:auto;border:var(--bw) solid var(--line);border-radius:var(--r-xs);background:var(--surface)}.pf-form{display:flex;flex-direction:column;gap:var(--sp-1)}.pf-form-name{font-family:var(--font-display);font-size:var(--fs-display);line-height:1.1;color:var(--el)}.pf-form-nick{font-size:var(--fs-h3);font-weight:700;color:var(--ink)}.pf-bars{display:grid;grid-template-columns:auto 1fr auto;gap:var(--sp-2) var(--sp-3);align-items:center}.pf-bars .pf-bar-label{font-size:var(--fs-caption);color:var(--ink-2);display:inline-flex;align-items:center;gap:var(--sp-1);min-width:3.4em}.pf-bars .pf-bar-label b{font-weight:700;color:var(--el)}.pf-bars .pf-bar-mark{width:6px;height:6px;border-radius:50%;background:var(--sj-mark);flex:none}.pf-bars .pf-bar-mark[data-off]{visibility:hidden}.pf-bar-track{height:6px;background:var(--sunken);overflow:hidden}.pf-bar-fill,.pf-bar-track{border-radius:var(--r-full)}.pf-bar-fill{height:100%;background:var(--el);transition:width .4s var(--ease)}.pf-bars .pf-bar-num{font-size:var(--fs-caption);color:var(--ink-3);font-variant-numeric:tabular-nums;min-width:2ch;text-align:right}.pf-stops{display:flex;flex-direction:column;gap:var(--sp-3);margin:0;padding:0;list-style:none}.pf-stops li{display:grid;grid-template-columns:5.6em 1fr;gap:var(--sp-3);align-items:baseline}.pf-stops .pf-stop-name{font-size:var(--fs-label);font-weight:700;letter-spacing:.04em;color:var(--ink-3)}.pf-stops .pf-stop-text{font-size:var(--fs-caption);line-height:1.6;color:var(--ink-2);margin:0}.pf-el{display:inline-block;min-width:1.5em;padding:0 4px;border-radius:var(--r-xs);border:var(--bw) solid var(--el);color:var(--el);font-size:var(--fs-label);font-weight:700;line-height:1.5;text-align:center;vertical-align:1px}.pf-two{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}@media (min-width:560px){.pf-two{grid-template-columns:1fr 1fr}}.pf-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--sp-2)}.pf-list li{position:relative;padding-left:var(--sp-5);font-size:var(--fs-caption);line-height:1.6;color:var(--ink-2)}.pf-list li:before{content:"";position:absolute;left:3px;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--accent)}.pf-list[data-tone=jab] li:before{background:var(--sj-mark)}.pf-basis{border-top:var(--bw) solid var(--hair)}.pf-basis summary{list-style:none;cursor:pointer;min-height:var(--tap);display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-caption);color:var(--ink-3)}.pf-basis summary::-webkit-details-marker{display:none}.pf-basis summary:after{content:"+";margin-left:auto;color:var(--accent);font-weight:700}.pf-basis[open] summary:after{content:"−"}.pf-basis dl{margin:0 0 var(--sp-4);display:grid;grid-template-columns:1fr;gap:var(--sp-3)}.pf-basis dt{font-size:var(--fs-label);font-weight:700;color:var(--ink-3);letter-spacing:.04em}.pf-basis dd{margin:2px 0 0;font-size:var(--fs-caption);line-height:1.6;color:var(--ink-2)}.pf-basis dd b{color:var(--ink)}.pf-btn-row{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.pf-btn-line{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--tap);padding:0 var(--sp-4);border:var(--bw) solid var(--accent);border-radius:var(--r-xs);background:transparent;color:var(--accent);font:inherit;font-size:var(--fs-caption);font-weight:700;cursor:pointer;transition:background .15s}.pf-btn-line:hover{background:var(--accent-wash)}.pf-btn-line:disabled{opacity:.4;cursor:not-allowed}.pf-btn-line:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pf-btn-line[data-quiet]{border-color:var(--line);color:var(--ink-2)}.pf-btn-line[data-quiet]:hover{background:var(--surface-2)}.pf-root .input{background:var(--surface);box-shadow:none}.pf-error{border:var(--bw) solid var(--danger);border-radius:var(--r-xs);padding:var(--sp-3) var(--sp-4);color:var(--danger);line-height:1.6}.pf-busy,.pf-error{font-size:var(--fs-caption)}.pf-busy{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--ink-3)}.pf-busy:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sj-mark);animation:pfPulse 1.1s ease-in-out infinite}@keyframes pfPulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.pf-busy:before{animation:none}.pf-bar-fill{transition:none}}.pf-reading{font-size:var(--fs-body);line-height:1.8;color:var(--ink-2)}.pf-reading>:first-child{margin-top:0}.pf-root .sj-h2{font-size:var(--fs-h2);line-height:1.35;margin:var(--sp-8) 0 var(--sp-3)}.pf-root .sj-h2,.pf-root .sj-h3{font-family:var(--font-display);font-weight:400;color:var(--ink)}.pf-root .sj-h3{font-size:var(--fs-h3);line-height:1.4;margin:var(--sp-6) 0 var(--sp-2);padding-bottom:var(--sp-2);border-bottom:var(--bw) solid var(--hair)}.pf-root .sj-h4{font-size:var(--fs-body);font-weight:700;color:var(--ink);margin:var(--sp-5) 0 var(--sp-1)}.pf-root .sj-p{margin:0 0 var(--sp-3)}.pf-root .sj-ol strong,.pf-root .sj-p strong,.pf-root .sj-table strong,.pf-root .sj-ul strong{color:var(--ink);font-weight:700}.pf-root .sj-ol,.pf-root .sj-ul{margin:0 0 var(--sp-4);padding-left:0;list-style:none}.pf-root .sj-ol{counter-reset:sj}.pf-root .sj-ol li,.pf-root .sj-ul li{position:relative;padding-left:var(--sp-5);margin-bottom:var(--sp-2)}.pf-root .sj-ul li:before{content:"";position:absolute;left:3px;top:.76em;width:5px;height:5px;border-radius:50%;background:var(--accent)}.pf-root .sj-ol li{padding-left:var(--sp-6);counter-increment:sj}.pf-root .sj-ol li:before{content:counter(sj) ".";position:absolute;left:0;top:0;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.pf-root .sj-hr{border:none;border-top:var(--bw) solid var(--hair);margin:var(--sp-6) 0}.pf-root .sj-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--surface-2);border:var(--bw) solid var(--hair);border-radius:var(--r-xs);padding:1px 5px}.pf-root .sj-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 var(--sp-4);border:var(--bw) solid var(--line);border-radius:var(--r-xs)}.pf-root .sj-tablewrap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pf-root .sj-table{width:100%;border-collapse:collapse;font-size:var(--fs-caption);line-height:1.5;background:var(--surface)}.pf-root .sj-table td,.pf-root .sj-table th{padding:var(--sp-2) var(--sp-3);border-bottom:var(--bw) solid var(--hair);vertical-align:top;text-align:left;white-space:nowrap}.pf-root .sj-table td:last-child{white-space:normal;min-width:12em}.pf-root .sj-table th{font-size:var(--fs-label);font-weight:700;letter-spacing:.05em;color:var(--ink-3);background:var(--surface-2)}.pf-root .sj-table td{color:var(--ink-2)}.pf-root .sj-table tbody tr:last-child td{border-bottom:none}.pf-root .sj-table td:first-child{font-weight:700;color:var(--ink)}.pf-content{display:flex;flex-direction:column;gap:var(--sp-6)}.pf-content h2{font-family:var(--font-display);font-size:var(--fs-h2);font-weight:400;color:var(--ink);margin:0 0 var(--sp-2)}.pf-content h3{font-size:var(--fs-body);font-weight:700;color:var(--ink);margin:var(--sp-4) 0 var(--sp-1)}.pf-content p{font-size:var(--fs-caption);line-height:1.75;color:var(--ink-2);margin:0 0 var(--sp-3)}.pf-content p:last-child{margin-bottom:0}.pf-content strong{color:var(--ink)}.pf-faq{border-top:var(--bw) solid var(--hair)}.pf-faq summary{list-style:none;cursor:pointer;min-height:var(--tap);display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;font-size:var(--fs-caption);font-weight:700;color:var(--ink)}.pf-faq summary::-webkit-details-marker{display:none}.pf-faq summary:after{content:"+";margin-left:auto;color:var(--accent);flex:none}.pf-faq[open] summary:after{content:"−"}.pf-faq p{padding-bottom:var(--sp-4)}