.oon-pn-launcher{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin:10px 0 18px;padding:8px 15px;background:#faf6ff;border:1px solid #dcc5fa;border-radius:13px;color:#6837ad;font:inherit;font-weight:750;cursor:pointer}.oon-pn-launcher img{width:36px;height:36px;object-fit:contain}
.oon-pn-guide{display:grid;grid-template-columns:minmax(0,1fr) 176px;gap:12px 24px;position:relative;margin:16px 0 24px;padding:22px 26px;border:1px solid #e0cdf7;border-radius:20px;background:linear-gradient(110deg,#faf6ff,#fff);box-shadow:0 8px 28px #62339308;color:#17334c;min-width:0}.oon-pn-guide[hidden]{display:none!important}.oon-pn-guide *{box-sizing:border-box}
.oon-pn-top{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px}.oon-pn-kicker{color:#7945b8;font-size:11px;font-weight:800;letter-spacing:.06em;line-height:1.5}.oon-pn-close{border:0;border-radius:10px;background:#fff;color:#715784;padding:9px 12px;min-height:44px;font:inherit;font-size:13px;cursor:pointer;flex-shrink:0}
.oon-pn-guide button.oon-pn-close{color:#715784!important;background:#fff!important;width:auto!important;min-width:64px!important;min-height:44px!important;height:auto!important;position:static!important;flex:0 0 auto!important;white-space:nowrap;padding:9px 12px!important;line-height:1.4}
.oon-pn-copy{grid-column:1;min-width:0}.oon-pn-guide .oon-pn-step{color:#7945b8;font-size:10px;font-weight:800;letter-spacing:.09em;margin:0 0 8px}.oon-pn-guide h2{font-size:25px;line-height:1.3;margin:0 0 10px;font-weight:850;letter-spacing:-.45px}.oon-pn-guide .oon-pn-text{font-size:15px;line-height:1.7;margin:0;color:#526378}.oon-pn-mascot{grid-column:2;grid-row:2/5;width:176px;height:190px;max-width:100%;object-fit:contain;align-self:center}
.oon-pn-guide .oon-pn-note{grid-column:1;margin:0;padding:8px 12px;border-left:3px solid #c7a4ee;color:#735b89;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.oon-pn-note:empty{display:none}.oon-pn-actions{grid-column:1;display:flex;gap:8px;flex-wrap:wrap}.oon-pn-button{font:inherit;font-size:13px;font-weight:750;min-height:44px;padding:10px 14px;border:1px solid #ddc8f9;border-radius:10px;background:#fff;color:#7140ac;cursor:pointer;line-height:1.4}.oon-pn-primary{background:#7945b8;border-color:#7945b8;color:#fff}
@media screen{.oon-view-yplan .oon-pn-target,.oon-view-gplan .oon-pn-target{outline:3px solid #994bfa!important;outline-offset:4px;border-radius:9px}.oon-pn-guide button:focus-visible,.oon-pn-launcher:focus-visible{outline:3px solid #994bfa;outline-offset:3px}}
@media(max-width:600px){.oon-pn-guide{grid-template-columns:minmax(0,1fr) 78px;gap:10px 12px;margin:14px 0 20px;padding:16px;border-radius:17px}.oon-pn-guide h2{font-size:20px}.oon-pn-guide .oon-pn-text{font-size:14px;line-height:1.6}.oon-pn-mascot{width:78px;height:90px;grid-row:2;align-self:start;position:static}.oon-pn-kicker{font-size:10px}.oon-pn-copy{grid-column:1;padding-right:0;min-height:90px}.oon-pn-guide .oon-pn-note,.oon-pn-actions{grid-column:1/-1}.oon-pn-actions{display:grid;grid-template-columns:1fr}.oon-pn-button{width:100%}}
@media print{.oon-pn-guide,.oon-pn-launcher{display:none!important}.oon-pn-target{outline:none!important;box-shadow:none!important}}