.xp2 .sec.hero--stage{padding-block:calc(var(--nav-h) + clamp(20px, 4vh, 40px)) 84px}.xp2c{--gray:#6f6862;--gray-2:#7d756e;max-width:560px;margin:0 auto;padding:18px clamp(16px,4vw,26px) 22px;border-radius:20px;background:#fff;color:var(--ink);text-align:left;box-shadow:0 30px 80px rgba(0,0,0,.45)}.xp2c__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0;padding:0;list-style:none}.xp2c__steps li{padding:10px 0 0;border-top:3px solid var(--line-2);font-size:12px;font-weight:700;line-height:1.4;color:var(--gray);white-space:nowrap;transition:border-color .4s var(--ease),color .4s var(--ease)}.xp2c__steps li span{display:inline-block;min-width:1.2em;font-family:var(--mono);font-size:11px;color:inherit}.xp2c__steps li.done{border-top-color:var(--ink);color:var(--ink-2)}.xp2c__steps li.on{border-top-color:var(--orange);color:var(--ink)}.xp2c__body{min-height:300px;margin-top:18px;display:grid;align-content:start;gap:14px}.xp2p{display:flex;align-items:center;gap:12px}.xp2p img{width:48px;height:48px;border-radius:50%;background:var(--bg-2);object-fit:cover;flex:none}.xp2p p{margin:0;font-size:15px;font-weight:600;line-height:1.6;color:var(--ink)}.xg{display:grid;gap:6px}.xg__l{font-size:12px;font-weight:700;color:var(--gray)}.xg__row{display:flex;flex-wrap:wrap;gap:8px}.xg__row i{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border-radius:999px;font-family:var(--mono);font-style:normal;font-size:14px;font-weight:700;background:var(--bg-3);color:var(--gray);text-decoration:line-through;border:1px solid transparent;transition:background .3s var(--ease),color .3s var(--ease)}.xg__row i.on{background:var(--cyan-soft);color:#058a8a;border-color:var(--cyan-line);text-decoration:none}.xg__row i[data-bad]{background:var(--orange-soft);color:var(--orange-2);border-color:var(--orange-line)}.xp2code{margin:0;padding:16px 18px;border-radius:14px;overflow-x:auto;background:var(--navy);color:#fff;font-family:"JetBrains Mono","Fira Code",var(--mono);font-size:14px;line-height:1.9;white-space:pre}.xp2code .k{color:#bdb5ad}.xp2code__n{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:36px;margin:-6px 0;padding:0 12px;border-radius:10px;background:var(--orange);color:#fff;font:inherit;font-weight:800;line-height:1;vertical-align:middle;box-shadow:0 4px 14px rgba(251,90,26,.35)}.xp2code__n:active{transform:scale(.97)}.xp2cl{padding:14px 16px;border-radius:16px;background:var(--bg-2)}.xp2cl b{display:block;font-size:12.5px;font-weight:700}.xp2cl p{margin:4px 0 0;font-size:15px;line-height:1.7;color:var(--ink)}.xp2f{display:grid;gap:12px}.xp2f textarea{width:100%;min-height:88px;padding:12px 14px;border-radius:12px;border:1px solid var(--line-2);background:#fff;color:var(--ink);font:inherit;font-size:15px;line-height:1.6;resize:vertical;touch-action:manipulation}.xp2f textarea::placeholder{color:var(--gray-2)}.xp2f textarea:focus-visible{outline:0;border-color:var(--orange);box-shadow:0 0 0 3px rgba(251,90,26,.18)}.xp2c__acts{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px}.xp2c__acts .btn{height:48px;padding:0 22px;font-size:15px}.xp2c__acts .btn:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}.xp2c .cnote{max-width:none;box-shadow:var(--sh-2)}.xp2c .cnote h3{color:var(--ink)}@media (max-width:420px){.xp2c__steps li{font-size:11px}.xp2c__acts .btn{flex:1 1 auto}}