.psd{text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:720px;margin:0 auto;padding:8px 0 90px;display:flex}.psd-head h1{font-family:var(--font-serif,inherit);letter-spacing:-.01em;margin:6px 0 4px;font-size:clamp(30px,6vw,44px)}.psd-head p{color:var(--muted);margin:0;font-size:16px}.psd-stage{background:radial-gradient(circle at 50% 40%,#ffd98a59,#0000 62%);border-radius:28px;justify-content:center;width:100%;padding:26px 8px 8px;display:flex}.psd-mascotSm{display:none}@media (max-width:520px){.psd-mascotLg{display:none}.psd-mascotSm{display:block}}.psd-progress{width:100%;max-width:420px;color:var(--muted);gap:6px;font-size:12.5px;display:grid}.psd-bar{background:var(--line);border-radius:999px;height:6px;overflow:hidden}.psd-bar i{background:var(--ink);border-radius:inherit;height:100%;transition:width .5s cubic-bezier(.3,1,.4,1);display:block}.psd-card{border:1px solid var(--line);background:var(--cream);text-align:left;border-radius:22px;gap:10px;width:100%;max-width:520px;padding:20px 22px;animation:.4s both psdIn;display:grid}@keyframes psdIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.psd-card h2{margin:0;font-size:20px}.psd-expl{color:var(--muted);margin:0;font-size:14.5px;line-height:1.55}.psd-material{margin:0;font-size:14px}.psd-mantra{text-align:center;color:var(--red);margin:0;padding:8px 0;font-size:26px}.psd-tr{text-align:center;color:var(--muted);letter-spacing:.04em;margin:-6px 0 0;font-size:13px}.psd-basis{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:12.5px;display:flex}.psd-basis span{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:3px 10px;font-weight:600}.psd-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.psd-list li{gap:2px;font-size:14px;display:grid}.psd-list span{color:var(--muted);font-size:13px}.psd-ask input{border:1.4px solid var(--line);background:var(--paper);width:100%;font:inherit;border-radius:14px;padding:12px 14px}.psd-sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.psd-main{gap:10px;width:100%;max-width:420px;display:flex}.psd-btn{min-height:50px;font:inherit;cursor:pointer;border-radius:999px;flex:1;padding:0 22px;font-size:15.5px;font-weight:600;transition:transform .2s cubic-bezier(.3,1.4,.4,1),background .2s}.psd-btn:hover:not(:disabled){transform:translateY(-1px)}.psd-btn:focus-visible,.psd-chip:focus-visible{outline:3px solid var(--red);outline-offset:3px}.psd-primary{background:var(--ink);color:var(--paper);border:1px solid var(--ink)}.psd-ghost{color:var(--ink);border:1px solid var(--ink);background:0 0}.psd-btn:disabled{opacity:.4;cursor:default}.psd-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.psd-chip{border:1px solid var(--line);background:var(--cream);font:inherit;color:var(--ink);cursor:pointer;border-radius:999px;padding:9px 16px;font-size:13.5px;transition:background .2s,color .2s}.psd-chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.psd-note{max-width:460px;color:var(--muted);margin:6px 0 0;font-size:12.5px;line-height:1.5}.psd-gallery{text-align:left;width:100%;margin-top:8px}.psd-gallery summary{cursor:pointer;color:var(--muted);text-align:center;font-size:13px}.psd-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px 10px;margin-top:16px;display:grid}.psd-grid figure{flex-direction:column;align-items:center;gap:6px;margin:0;display:flex}.psd-grid figcaption{text-align:center;gap:1px;font-size:12px;display:grid}.psd-grid code{color:var(--muted);font-size:10.5px}