#welcome-guide{width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--line);border-radius:22px;padding:24px;color:var(--ink);background:#fbfcf8;box-shadow:0 24px 90px #142e3340}#welcome-guide::backdrop{background:#192d286e;backdrop-filter:blur(3px)}.guide-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#657b69}.guide-top button{padding:0 10px;font-size:23px;border:0;background:transparent}.guide-art{height:225px;margin:16px 0 22px;background:linear-gradient(130deg,#e7efdf,#f0f1e4);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;overflow:hidden}.guide-art>*{animation:guide-enter .5s ease both}.guide-art>:nth-child(2){animation-delay:.13s}.guide-art>:nth-child(3){animation-delay:.26s}.guide-file{padding:15px 27px;border:1px solid #c4d2bb;border-radius:12px;background:#fff;box-shadow:0 8px 22px #3c59351a;font-weight:600;transform:rotate(-2deg)}.guide-file span{display:block;border-top:1px solid var(--line);margin-top:7px;padding-top:7px;color:#7b8876;font-size:12px;font-weight:400}.guide-arrow{line-height:1;color:#6f875f}.guide-chip{padding:6px 18px;background:#42674e;color:white;font-size:12px;border-radius:7px}.guide-row{background:#fff;border-radius:8px;width:75%;padding:10px 14px;display:flex;justify-content:space-between;font-size:13px}.guide-row b{color:#557d45;font-size:12px}.guide-reply{max-width:85%;font-size:13px;background:#fff;padding:12px 16px;border-radius:12px 12px 12px 0}.guide-stats{width:75%;padding:13px 17px;background:#fcfdf9;border:1px solid #c0ceaf;border-radius:10px;font-size:12px}.guide-stats strong{display:block;margin-bottom:8px}.guide-stats small{font-weight:400;color:#849277}.guide-stats b{float:right;font-weight:400}.guide-meter{background:#e1e8d9;height:6px;border-radius:5px;margin:5px 0 9px;overflow:hidden}.guide-meter i{display:block;background:#88a66a;height:100%;width:80%;transform-origin:left;animation:guide-fill 1.1s ease both}.guide-phone{width:160px;border:5px solid #53654c;border-radius:22px;padding:12px 12px;background:#fff;display:grid;gap:10px;text-align:center}.guide-phone small,.guide-phone span{font-size:11px;color:#77826c}.guide-phone strong{font:600 18px var(--serif)}.guide-copy small{color:#78886d;font-size:11px;letter-spacing:1px}.guide-copy h2{font:600 25px/1.4 var(--serif);margin:8px 0 10px}.guide-copy p{font-size:14px;line-height:1.9;color:#677563;min-height:80px;margin:0}.guide-dots{display:flex;justify-content:center;gap:4px;margin:17px 0}.guide-dots button{padding:8px;border:0;background:transparent}.guide-dots button:after{content:'';display:block;width:7px;height:7px;border-radius:7px;background:#d3ddcb}.guide-dots button[aria-current=step]:after{background:#55754b;width:22px}.guide-actions{display:flex;justify-content:space-between;gap:12px}#guide-skip{display:block;margin:12px auto 0;font-size:12px}.guide-hint{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#eaf0e2;border:1px solid #dce5d4;border-radius:10px;padding:10px 16px;margin:-22px 0 28px;font-size:13px;color:#566b4c}.guide-hint button{white-space:nowrap}.header-right{gap:12px}@keyframes guide-enter{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}@keyframes guide-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:650px){.topbar{height:auto;min-height:84px;flex-wrap:wrap;padding:14px 18px;gap:12px}.header-right{flex-wrap:wrap;gap:6px}.guide-hint{align-items:flex-start;margin-top:-16px}.guide-art{height:190px}.guide-copy h2{font-size:22px}.guide-copy p{min-height:0}#welcome-guide{padding:18px}}@media(prefers-reduced-motion:reduce){.guide-art>*,.guide-meter i{animation:none}}
@media(max-width:480px){.steps{gap:5px;justify-content:space-between}.steps>span{gap:4px;font-size:11px}.steps b{width:23px;height:23px;flex-shrink:0;font-size:10px}.steps i{margin:0;min-width:3px}.header-right{max-width:100%}}