.shortcut-button{display:inline-flex;align-items:center;gap:12px;margin:20px 0 0;padding:12px 18px 12px 12px;background:#ffe16a;color:#27143f;border:3px solid #27143f;border-radius:12px;box-shadow:4px 5px #27143f;font:25px/1.15 ComicTitle,Arial,sans-serif;letter-spacing:.4px;max-width:100%;text-align:left;min-height:56px}.shortcut-button img{border-radius:9px;flex:none}.shortcut-button:hover{transform:translateY(-2px);box-shadow:5px 7px #27143f}.shortcut-button:active{transform:translate(2px,2px);box-shadow:1px 2px #27143f}.shortcut-title{display:flex;gap:18px;align-items:center;margin:16px 35px 12px 0}.shortcut-title img{border-radius:14px;flex:none;box-shadow:3px 4px #b79ad6}.shortcut-dialog .shortcut-title h2#dialogTitle{font:36px/1.1 ComicTitle,Arial,sans-serif;letter-spacing:.4px;margin:0}.shortcut-intro{font-size:17px;line-height:1.6;margin:20px 0}.shortcut-platforms{display:flex;gap:9px;flex-wrap:wrap;margin:21px 0}.shortcut-platforms button{padding:11px 14px;min-height:44px;border:2px solid #27143f;border-radius:9px;color:#27143f;background:#fff9eb;font-size:14px;font-weight:700}.shortcut-platforms button[aria-pressed=true]{background:#7130ca;color:#fff}.shortcut-steps{background:#f0e4fb;border:1px solid #c1a2d9;border-radius:12px;padding:18px 22px;font-size:16px;line-height:1.8}.shortcut-steps p:first-child{margin:0 0 12px}.shortcut-steps ol{padding-left:23px;margin:0}.shortcut-steps li{padding-left:6px;margin:0 0 15px}.shortcut-steps li:last-child{margin-bottom:0}.shortcut-footnote{font-size:13px;line-height:1.7;color:#624a72;margin:15px 0 0}.shortcut-url-label{display:block;font-size:14px;font-weight:700;margin:24px 0 10px}.shortcut-copy{display:flex;gap:10px;flex-wrap:wrap}.shortcut-copy input{border:1px solid #b89acb;border-radius:8px;min-width:0;width:100%;flex:1 1 240px;padding:12px;background:#fffdf5;color:#27143f;font-size:14px}.shortcut-copy button{border:2px solid #27143f;border-radius:8px;background:#ffe16a;color:#27143f;min-height:44px;font-size:14px;font-weight:700;padding:11px 16px}.shortcut-dialog .close{background:#fff9eb}
@media(max-width:480px){.shortcut-button{font-size:24px;gap:10px;margin-top:16px}.shortcut-title{gap:13px;margin-top:30px;margin-right:0}.shortcut-title img{width:52px;height:52px}.shortcut-dialog .shortcut-title h2#dialogTitle{font-size:29px}.shortcut-intro{font-size:16px}.shortcut-steps{padding:16px 15px;font-size:16px}.shortcut-platforms{gap:7px}.shortcut-platforms button{font-size:13px;padding:10px 11px}.shortcut-copy input{font-size:16px}.shortcut-copy button{width:100%}}
@media(prefers-reduced-motion:reduce){.shortcut-button:hover{transform:none}}
.cine-no-motion .shortcut-button:hover{transform:none}