.p-field{--bg:#0a0f1a;--panel:#101725;--line:#1e2a3d;--ink:#eaf1fb;--dim:#93a4bf;--amber:#f5c400;--amber2:#ffd84d;--sea:#123;--run:#5bd0ff;--beach:#ff6b57;--field:#f5c400}.p-field *{box-sizing:border-box}.p-field{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Pretendard,Roboto,Helvetica Neue,Apple SD Gothic Neo,Malgun Gothic,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}.p-field .wrap{max-width:var(--w-wide);margin:0 auto;padding:34px 20px 80px}.p-field .eyebrow{color:var(--amber);font-weight:700;letter-spacing:.14em;font-size:12px;text-transform:uppercase}.p-field h1{font-size:clamp(26px,5vw,44px);line-height:1.15;margin:.35em 0 .2em;font-weight:800;letter-spacing:-.01em}.p-field h1 .y{color:var(--amber)}.p-field .lead{color:var(--dim);font-size:clamp(15px,2.3vw,18px);max-width:760px}.p-field .tag{display:inline-block;margin-top:14px;padding:5px 11px;border:1px solid var(--line);border-radius:999px;color:var(--dim);font-size:12.5px;background:var(--panel)}.p-field .tag b{color:var(--amber2)}.p-field section{margin-top:56px}.p-field h2{font-size:clamp(20px,3.4vw,28px);margin:0 0 6px;font-weight:800;letter-spacing:-.01em}.p-field h2 .n{color:var(--amber);font-variant-numeric:tabular-nums;margin-right:10px}.p-field .sub{color:var(--dim);max-width:780px;margin:0 0 18px}.p-field .card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px}.p-field .stage{overflow-x:auto}.p-field canvas{display:block;width:100%;height:auto;border-radius:12px;background:linear-gradient(180deg,#0c1422,#0a1120)}.p-field .controls{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:14px}.p-field .ctl{display:flex;flex-direction:column;gap:4px;min-width:150px}.p-field .ctl label{font-size:12px;color:var(--dim);font-weight:600;letter-spacing:.02em}.p-field .seg{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.p-field .seg button{background:transparent;color:var(--dim);border:0;padding:7px 12px;font-size:13px;cursor:pointer;font-weight:600}.p-field .seg button.on{background:var(--amber);color:#1a1400}.p-field input[type=range]{width:100%;accent-color:var(--amber)}.p-field .toggle{display:inline-flex;gap:8px;align-items:center;font-size:13px;color:var(--ink);cursor:pointer;border:1px solid var(--line);border-radius:9px;padding:7px 11px;background:transparent;font-weight:600}.p-field .toggle.on{border-color:var(--amber);color:var(--amber2)}.p-field .play{background:var(--amber);color:#1a1400;border:0;border-radius:9px;padding:9px 16px;font-weight:800;cursor:pointer;font-size:13.5px}.p-field .readout{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;font-size:13px;color:var(--dim)}.p-field .readout b{color:var(--ink);font-variant-numeric:tabular-nums}.p-field .legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;font-size:12.5px;color:var(--dim)}.p-field .dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle;margin-right:5px}.p-field .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:720px){.p-field .steps{grid-template-columns:repeat(2,1fr)}}.p-field .step{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}.p-field .step canvas{height:120px}.p-field .step h3{margin:10px 0 3px;font-size:14.5px}.p-field .step p{margin:0;color:var(--dim);font-size:12.5px;line-height:1.5}.p-field .globe{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:860px){.p-field .globe{grid-template-columns:repeat(2,1fr)}}.p-field .mini{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px}.p-field .mini canvas{height:110px}.p-field .mini .nm{font-size:13px;font-weight:700;margin-top:8px}.p-field .mini .mt{font-size:11.5px;color:var(--dim)}.p-field .note{color:var(--dim);font-size:13px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--amber);border-radius:10px;padding:13px 15px}.p-field .links{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.p-field .chip{display:inline-block;padding:8px 13px;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;font-size:13px;background:var(--panel)}.p-field .chip:hover{border-color:var(--amber);color:var(--amber2)}.p-field .foot{margin-top:60px;color:var(--dim);font-size:12.5px;border-top:1px solid var(--line);padding-top:18px}.p-field .warn{color:#ffd84d}@media (max-width:599px),(pointer:coarse){.p-field .btn,.p-field .chip,.p-field button,.p-field summary{min-height:44px}.p-field .back,.p-field .hamb,.p-field .nav a,.p-field .tabs a,.p-field nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}.p-field .links a,.p-field li>a{display:inline-flex;align-items:center;min-height:44px}.p-field input[type=range]{height:44px}.p-field input[type=checkbox],.p-field input[type=radio]{width:22px;height:22px}}@media (max-width:599px){.p-field *{min-width:0}.p-field table{display:block;overflow-x:auto;max-width:100%;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.p-field table::-webkit-scrollbar{height:4px}.p-field table::-webkit-scrollbar-track{background:transparent}.p-field table::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:999px}.p-field table td,.p-field table th{min-width:5.5em}.p-field .cap,.p-field .lead small,.p-field figcaption{font-size:12px}}