html body #guide-bubble.wj-guide{position:fixed;z-index:25020;width:350px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box;padding:0;border:1px solid #c5ae79;border-radius:16px;background:#f1e4c4;color:#3d3224;box-shadow:0 12px 40px #0006;font:14px/1.6 Arial,sans-serif;pointer-events:auto}
.wj-guide header{display:flex;gap:12px;align-items:center;padding:15px;background:linear-gradient(135deg,#214d40,#153a31);color:#f2e4c3;border-bottom:2px solid #b99b61}.wj-guide header img{width:48px;height:58px;object-fit:contain;background:#a3b09730;border:1px solid #d2c09060;border-radius:12px}.wj-guide header h3{font:21px/1.25 Georgia;margin:2px 0;color:inherit}.wj-guide header p{font:11px/1.4 Arial;margin:4px 0 0;color:#cbd2b8}.wj-guide small{font:9px Arial;letter-spacing:1px;color:#d1c49e}.wj-progress{height:4px;background:#cbb68a}.wj-progress i{display:block;background:#397b5c;height:100%}.wj-guide-text{padding:17px 18px;font:14px/1.65 Arial;color:#453727}.wj-guide footer{padding:0 16px 14px;display:flex;justify-content:space-between;gap:8px}.wj-guide button{font:12px/1.3 Arial;color:#544126;min-height:39px;border:1px solid #bfa678;border-radius:8px;background:#e7d7b1;padding:8px 12px;cursor:pointer}.wj-guide button.primary{background:#285b46;border-color:#285b46;color:#fff2d5}.wj-guide button:focus-visible{outline:3px solid #4f9e7d;outline-offset:2px}.wj-notice{font:12px Arial;color:#2d6845;margin:0 17px 10px}.wj-notice:empty{display:none}
#wj-focus{position:fixed;z-index:25019;border:2px solid #f6d88b;outline:1px solid #715c2b;border-radius:10px;pointer-events:none;box-sizing:border-box;box-shadow:0 0 18px #ffdc7355;transition:left .15s,top .15s,width .15s,height .15s}
html body .wj-oak>.cj-window{width:min(760px,96vw)!important;height:auto;max-height:92dvh!important}.wj-oak-body{display:grid;grid-template-columns:160px minmax(0,1fr);gap:22px;padding:24px;min-height:0;overflow:auto;flex:1}.wj-oak-portrait{position:relative;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(#e6d7ad,#d2bb86);border:1px solid #c1a977;border-radius:60px 60px 12px 12px;min-height:225px}.wj-oak-portrait img{width:140px;max-height:240px;object-fit:contain}.wj-oak-seal{position:absolute;bottom:-6px;right:-7px;background:#9b5242;color:#f5d6a5;border:3px double #d49b78;box-shadow:0 3px 8px #51352144;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font:italic 24px Georgia}.wj-oak-assignment{min-width:0;padding-top:8px}.wj-oak-assignment p{font:15px/1.7 Arial!important;color:#4a3a26}.wj-oak-assignment #wj-oak-state{font:12px/1.4 Arial!important;color:#39704e;min-height:20px}#wj-oak-steps{display:flex;gap:6px;justify-content:space-between}#wj-oak-steps span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #c5b181;border-radius:50%;font:12px Arial;color:#8d7a58;background:#e7d7b2}#wj-oak-steps .done{background:#d2dfc1;color:#396948;border-color:#91a879}#wj-oak-steps .current{background:#2b5b48;color:#fff2d0;border-color:#2b5b48;box-shadow:0 0 0 3px #46745320}.wj-oak-footer{display:flex;gap:12px;justify-content:space-between;padding:15px 24px;border-top:1px solid #c6b184;background:#e8d9b6;flex:none}
@media(max-width:700px){html body .wj-oak>.cj-window{height:auto!important;max-height:94dvh!important}.wj-oak-body{grid-template-columns:1fr;gap:14px;padding:17px}.wj-oak-portrait{display:none}.wj-oak-footer{padding:13px 17px max(13px,env(safe-area-inset-bottom))}.wj-oak-footer button{font-size:12px!important;padding:8px!important}html body #guide-bubble.wj-guide{width:min(350px,calc(100vw - 24px));max-height:55dvh}.wj-guide header{padding:11px 14px}.wj-guide header img{width:36px;height:44px}.wj-guide header h3{font-size:18px}.wj-guide-text{padding:13px 15px;font-size:13px}.wj-guide footer{padding:0 14px 12px}}
@media(max-height:520px){html body #guide-bubble.wj-guide{max-height:calc(100dvh - 100px);width:310px}.wj-guide header{padding:8px 12px}.wj-guide header img{height:34px}.wj-guide-text{padding:10px 13px}.wj-oak-body{padding:14px}.wj-oak-portrait{min-height:160px}.wj-oak-portrait img{max-height:160px}}
@media(prefers-reduced-motion:reduce){#wj-focus{transition:none}}